@charset "utf-8";
/* CSS Document */
body {font-family: "微软雅黑", 'Heebo', sans-serif;font-size: 15px;line-height: 28px;color: #666;font-weight: 400;overflow-x: hidden;-webkit-font-smoothing: antialiased;}
img {max-width: 100%;}
#map img{max-width: inherit;}
#map label{max-width: inherit;}
h1, h2, h3, h4, h5, h6 {line-height: 1.3em;margin-top: 0;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
a {color: #222;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration: none;}
a:hover, a:focus {text-decoration: none; }
p {margin: 0px;}
ul, ol {margin: 0;padding: 0; list-style-type: none;}
blockquote {font-size: 15px;font-style: italic;position: relative;border-color: #eeab10;}
input[type="text"], input[type="email"], textarea, input[type="password"], input[type="tel"] { color: #747474;max-width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, input[type="password"]:focus {outline: none;}
::-webkit-input-placeholder {color: inherit;opacity: 1;filter: alpha(opacity=100);}
:-moz-placeholder { /* Firefox 18- */color: inherit;opacity: 1;filter: alpha(opacity=100);}
::-moz-placeholder { /* Firefox 19+ */color: inherit;opacity: 1;filter: alpha(opacity=100);}
:-ms-input-placeholder {color: inherit;opacity: 1;filter: alpha(opacity=100);}
input[type="submit"]:before {background-color: rgba(255, 255, 255, 0.1);content: "";height: 0;left: 0;margin: auto;position: absolute;top: 0;transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;width: 0;}
.button:hover,
input[type="submit"]:hover,
.button:focus,
input[type="submit"]:focus,
input, button {outline: none;}
.button:hover:after,
input[type="submit"]:hover:after {height: 100%;width: 100%;transition: all 0.4s ease-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;}
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.chosen-rtl .chosen-search input[type="text"] {background: none !important;}
.fl{ float:left;}
.fr{ float:right;}
.t_r{ text-align:right;}
.t_c{ text-align: center;}
.t_l{ text-align:left;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.clearfix { *zoom: 1; }
.clearfix:after { content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden; }
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.honor .img{border:1px solid #CCC;}
@media (max-width: 767px) {
.full-width, .full_width {width: 100%;margin-left: 0;position: static;}
}
/*****OWL******/
.owl-dots {position: absolute; left:48%;text-align: center;bottom: 10px;}
.owl-dots .owl-dot {display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color: #999;margin: 0 5px}
.owl-dots .owl-dot.active {background-color: #de000d;}
.owl-nav .owl-prev,
.owl-nav .owl-next {font-size: 0; display:none!important}
.owl-carousel .product-item:not(:first-child) {margin-top: 30px;}
.block-the-blog.sb .title-of-section,
.block-latest-roducts .title-of-section {margin-bottom: 30px;}
.block-the-blog.sb .owl-carousel.nav-style2 .owl-nav .owl-next,
.block-latest-roducts .owl-carousel.nav-style2 .owl-nav .owl-next,
.block-the-blog.sb .owl-carousel.nav-style2 .owl-nav .owl-prev,
.block-latest-roducts .owl-carousel.nav-style2 .owl-nav .owl-prev {top: -61px;}
.block-latest-roducts .owl-carousel .product-item:not(:first-child) {margin-top: 15px;}
.owl-carousel.nav-style1 .owl-nav .owl-prev,
.owl-carousel.nav-style1 .owl-nav .owl-next,
.owl-carousel.nav-style3 .owl-nav .owl-prev,
.owl-carousel.nav-style3 .owl-nav .owl-next,
.owl-carousel.nav-style4 .owl-nav .owl-prev,
.owl-carousel.nav-style4 .owl-nav .owl-next,
.owl-carousel.nav-style5 .owl-nav .owl-next,
.owl-carousel.nav-style5 .owl-nav .owl-prev {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.owl-carousel.nav-style1 .owl-nav .owl-next {right: 100px;}
.owl-carousel.nav-style1 .owl-nav .owl-prev {left: 100px;}
.owl-carousel.nav-style1 .owl-prev:before,
.owl-carousel.nav-style4 .owl-prev:before,
.owl-carousel.nav-style5 .owl-prev:before {content: "\e6c3";font-family: 'jrico';font-size: 24px;}
.owl-carousel.nav-style1 .owl-next:before,
.owl-carousel.nav-style4 .owl-next:before,
.owl-carousel.nav-style5 .owl-next:before {content: "\e6c4";font-family: 'jrico';font-size: 24px;}
.owl-carousel.nav-style1 .owl-next,
.owl-carousel.nav-style1 .owl-prev,
.owl-carousel.nav-style4 .owl-prev,
.owl-carousel.nav-style4 .owl-next {width: 40px;height: 45px;background-color: #fff;line-height: 42px;color: #333;font-size: 0;text-align: center;}
.owl-carousel.nav-style4 .owl-prev,
.owl-carousel.nav-style4 .owl-next {background-color: #ddd;}
.owl-carousel.nav-style4 .owl-nav .owl-prev,
.owl-carousel.nav-style4 .owl-nav .owl-next {top: 50%;width: 32px;height: 32px;line-height: 32px;}
.owl-carousel.nav-style1 .owl-next:hover,
.owl-carousel.nav-style1 .owl-prev:hover,
.owl-carousel.nav-style4 .owl-next:hover,
.owl-carousel.nav-style4 .owl-prev:hover,
.owl-carousel.nav-style5 .owl-prev:hover,
.owl-carousel.nav-style5 .owl-next:hover {background-color: #de000d;color: #fff;}
.slide-opt-1:hover .owl-carousel.nav-style1 .owl-nav .owl-prev,
.slide-opt-1:hover .owl-carousel.nav-style1 .owl-nav .owl-next {opacity: 1;visibility: visible;}
.owl-carousel.nav-style2 .owl-nav .owl-next,
.owl-carousel.nav-style2 .owl-nav .owl-prev {position: absolute;top: -81px;right: 0;display: inline-block;width: 34px;height: 34px;line-height: 34px;background-color: #333;text-align: center;color: #fff;}
.block-sale-product .owl-carousel.nav-style2 .owl-nav .owl-next,
.block-sale-product .owl-carousel.nav-style2 .owl-nav .owl-prev {background-color: #fff;color: #333;}
.owl-carousel.nav-style2 .owl-nav .owl-next:hover,
.owl-carousel.nav-style2 .owl-nav .owl-prev:hover,
.owl-carousel.nav-style3 .owl-nav .owl-next:hover,
.owl-carousel.nav-style3 .owl-nav .owl-prev:hover {background-color: #de000d;color: #fff;}
.owl-carousel.nav-style2 .owl-nav .owl-prev {right: 38px;}
.owl-carousel.nav-style2 .owl-prev:before {content: "\e6c3";font-family: 'jrico';font-size: 22px;}
.owl-carousel.nav-style2 .owl-next:before {content: "\e6c4";font-family: 'jrico';font-size: 22px;}
.owl-carousel.nav-style3 .owl-nav .owl-prev,
.owl-carousel.nav-style3 .owl-nav .owl-next {top: 60%;color: #aaa;}
.owl-carousel.nav-style3 .owl-nav .owl-next {right: -10px;}
.owl-carousel.nav-style3 .owl-nav .owl-prev {left: -10px;}
.section-brand:hover .owl-carousel.nav-style3 .owl-nav .owl-prev,
.section-brand:hover .owl-carousel.nav-style3 .owl-nav .owl-next,
.product-preview:hover .owl-carousel.nav-style4 .owl-nav .owl-prev,
.product-preview:hover .owl-carousel.nav-style4 .owl-nav .owl-next {opacity: 1;visibility: visible;}
.section-brand:hover .owl-carousel.nav-style3 .owl-nav .owl-prev {left: 10px;}
.section-brand:hover .owl-carousel.nav-style3 .owl-nav .owl-next {right: 10px;}
@media (max-width: 1366px) {
.owl-dots {position: absolute; left:47%;text-align: center;bottom: 10px;}
.owl-carousel.nav-style1 .owl-nav .owl-next {right:20px;}
.owl-carousel.nav-style1 .owl-nav .owl-prev {left: 20px;}
}
@media (max-width: 991px) {
.block-daily-deals.style3 .owl-carousel.nav-style2 .owl-nav .owl-prev {right: 15px;}
.owl-carousel.nav-style1 .owl-nav .owl-next {right:5px;}
.owl-carousel.nav-style1 .owl-nav .owl-prev {left: 5px;}
.owl-carousel.nav-style1 .owl-next,
.owl-carousel.nav-style1 .owl-prev,
.owl-carousel.nav-style4 .owl-prev,
.owl-carousel.nav-style4 .owl-next {width: 25px;height: 28px; line-height:28px;}
}
@media (max-width:425px) {
.owl-dots {left:45%;}
.owl-dots .owl-dot {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #999; margin:0 4px}
}
/*翻入式动画*/
.rolling .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.rolling .tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;}
.rolling .tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;}
.rolling .tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;}
.rolling .tansDelay800{transition-delay: .8s;-webkit-transition-delay: .8s;}
.rolling .tansDelay1000{transition-delay: 1s;-webkit-transition-delay: 1s;}

@font-face {font-family: "jrico";
src: url('../fonts/iconfont.eot'); /* IE9*/
src: url('../fonts/iconfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.ion {
font-family:"jrico" !important;
display:inline-block;
vertical-align: middle;
margin:0 .3em;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;   
}
.header-container{max-width:1920px;margin-right:auto;margin-left:auto}
.header{position:fixed;z-index:100;top:0;right:0;left:0;padding:15px 0;background-color:#fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}
.page-index .header{background-color:#fff;-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}
.fixed-menu .header{background-color:#fff;padding-top:5px;padding-bottom:5px;-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}
.header-logo{z-index:10; float:left;}
.header-logo img{display:block;height:60px}
.header-right{ float:left;margin-top:20px;font-size:0;border-left: 1px solid #333;padding-left: 12px; height:22px;}
.fixed-menu .header-right{margin-top:16px;}
.header-lang{position:relative;display:inline-block;vertical-align:top}
.hlang-header{position:relative;display:inline-block;vertical-align:top;width:24px; height:24px;font:400 12px/22px "Arial";text-align:center;color:#333;border:1px solid #333;border-radius:24px;text-transform:uppercase}
.hlang-header:hover{color:#de000d;border:1px solid #de000d;}
.hlang-option{position:absolute;top:100%;right:0;left:0;padding:0;background-color:transparent;border:1px solid #333;border-top:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;visibility:hidden;opacity:0;overflow:hidden}
.hlang-option a{position:relative;display:block;font-size:14px;line-height:30px;color:#fff;text-align:center;text-transform:uppercase}
@media (min-width: 1201px){
.wrap{ width:1200px; margin:0 auto;background-color:#fff;}
.fixed-menu .hlang-option{background-color:#0F1D96}
.fixed-menu .page-top{height:100px}
.header-lang:hover .hlang-header{background-color:#fff;}
.hlang-option a:hover{background-color:#CC0001}
}
.header-search{display:inline-block;vertical-align:top; }
.header-search > div {display: inline-block;position: relative;}
.header-search .search { width: 23px; height: 23px; background: url(../images/indexicon_02.png) no-repeat; margin-right: 10px; }
.search-box { width: 200px; height: 40px; position: absolute; top: 33px; right: -36px; background: url(../images/indexicon_04.png) no-repeat; z-index: 999; padding-right: 10px; }
.search-box label { float: left; }
.search-box label input { width: 150px; height: 30px; line-height: 30px; margin-top: 9px; margin-left:1px; font-size: 14px; font-weight:normal; color: #999; padding-left: 9px; border:0px; }
.search-box .button { float: right; width: 20px; height: 35px; background: url(../images/icon_34.png) no-repeat center center; margin-top: 5px; margin-right:5px; border:0px; }
.menu-link{position:relative;display:block;font:400 16px/58px "微软雅黑";color:#333;letter-spacing:.05em}
.menu-link::before,.menu-link::after{content:"";position:absolute;left:0;top:98%;width:100%;height:2px; visibility:hidden;opacity:0}
.menu-link::before{background-color:#CC0001;margin-top:15px}
.menu-item{ float:left;margin:0 25px}
.sub-menu{position:relative}
.smenu-item{position:relative;text-align:center}
.smenu-item::before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background-color:#333;opacity:.3}
.smenu-link{position:relative;display:block;font:400 14px/40px "Colfax";color:#333;letter-spacing:.02em}
@media (min-width: 1281px){
.menu-item.current .menu-link::before,.menu-item.current .menu-link::after{visibility:visible;opacity:1}
.sub-menu{padding:40px 0; background-color: rgba(255,255,255,0.9);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1);position:absolute;z-index:1;top:100%;left:-1190%;margin-top:16px;width:3000%; height:260px;visibility:hidden;opacity:0;-webkit-transition:all 50ms;transition:all 50ms;-webkit-transition-delay:.2s;transition-delay:.2s}
.sub-menu::after{content:"";position:absolute;z-index:-1;top:0;right:-3000px;bottom:0;left:-3000px;background-color:rgba(249, 249, 249, 0.9); height:260px;-webkit-transform:scale3d(1, 0, 1);transform:scale3d(1, 0, 1);-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.sub-menu.menu-item-news{ left:-1350%;}
.sub-menu.menu-item-products{  left:-1514%;}
.sub-menu.menu-item-technology{ left:-1675%;}
.sub-menu.menu-item-hr{ left:-1990%; }
.sub-menu.menu-item-contact{ left:-2150%; }
}
@media (min-width: 1025px){
.header-menu-box{ margin-left:22%;}
.menu-item{position:relative;margin:0 20px}
.menu-item.current .menu-link::before,.menu-item.current .menu-link::after{visibility:visible;opacity:1}
.sub-menu{padding:40px 0; background-color: rgba(255,255,255,0.9);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1);position:absolute;z-index:1;top:100%;/*left:-1145%;*/margin-top:16px;width:3000%; height:260px;visibility:hidden;opacity:0;-webkit-transition:all 50ms;transition:all 50ms;-webkit-transition-delay:.2s;transition-delay:.2s}
.sub-menu::after{content:"";position:absolute;z-index:-1;top:0;right:-3000px;bottom:0;left:-3000px;background-color:rgba(249, 249, 249, 0.9); height:260px;-webkit-transform:scale3d(1, 0, 1);transform:scale3d(1, 0, 1);-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.sub-menu.menu-item-news{ left:-1300%;}
.sub-menu.menu-item-products{  left:-1464%;}
.sub-menu.menu-item-technology{ left:-1625%;}
.sub-menu.menu-item-hr{ left:-1940%; }
.sub-menu.menu-item-contact{ left:-2100%; }
.sub-menu .sub-menu-left{ width:50%; float:left;}
.sub-menu .sub-menu-left .nav-menu__txt{ text-align:left; width:90%;}
.sub-menu .sub-menu-left .nav-menu__txt h3{ color:#333}
.sub-menu .sub-menu-left .nav-menu__txt p{ font-size:15px; line-height:28px; color:#333;}
.sub-menu .sub-menu-mid{ width:20%; float:left;}
.sub-menu .sub-menu-right{ width:25%; float:left;}
.menu-item:hover .sub-menu{visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition-delay:0s;transition-delay:0s}
.menu-item:hover .smenu-item{visibility:visible;opacity:1; color:#de000d;}
.smenu-item{text-align:left;visibility:hidden;opacity:0; border-bottom:1px solid #ccc; width:80%; }
.smenu-item::before{opacity:0}
.smenu-link{position:relative;white-space:nowrap;display:block;color:#333;-webkit-transition:padding .3s;transition:padding .3s}
.smenu-link:hover::before,.smenu-link:hover::after{width:18px}
.fixed-menu .sub-menu{margin-top:15px}
.fixed-menu .sub-menu::before{top:-30px;height:20px}
.fixed-menu .menu-link{position:relative;display:block;font:400 16px/50px "微软雅黑";color:#333;letter-spacing:.05em}
}
.submenu-box{position:fixed;z-index:95;top:100px;right:0;left:0;background-color:rgba(33,33,33,0.96);padding-bottom:60px;overflow:hidden}
.submenu-main{text-align:center}
.submenu-item{padding:10px 0}
.submenu-item.current .submenu-link{color:#fff}
.submenu-nav{padding:30px 0;position:relative;display:inline-block;vertical-align:top;width:310px;text-align:left}
.submenu-nav::after{content:"";position:absolute;top:0;right:0;height:1000px;width:1px;background-color:#fff}
.submenu-link{display:inline-block;vertical-align:top;font-size:14px;line-height:30px;color:#8F8F8F;letter-spacing:.02em}
.submenu-type{display:inline-block;vertical-align:top;padding-top:40px;padding-left:20px;width:300px;text-align:left}
.list-submenutype{display:none}
.list-submenutype.active{display:block}
.list-submenutype>li:nth-of-type(n+3){margin-top:30px}
.submenu-type-item{text-align:center;display:block}
.submenu-type-item img{display:block;margin:0 auto}.submenu-type-item p{font-size:14px;line-height:24px;color:#8F8F8F}
.submenu-type-item.current p{color:#fff}
.btn-menu{position:absolute;top:50%;  width:40px;height:40px;display:none}
.btn-menu span{position:absolute;top:50%;right:10px;width:20px;height:2px;margin-top:-1px;background-color:#db000d;border-radius:2px;-webkit-transform-origin:100% center;transform-origin:100% center;-webkit-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s}
.btn-menu span:nth-of-type(1){margin-top:-8px}
.btn-menu span:nth-of-type(3){margin-top:6px}
@media (min-width: 1025px){
.submenu-box{display:none}
.submenu-box .submenu-nav,.submenu-box .submenu-type,.submenu-box .submenu-typeinfo{visibility:hidden;opacity:0;-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.submenu-box.show .submenu-nav,.submenu-box.show .submenu-type,.submenu-box.show .submenu-typeinfo{visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.submenu-box.show .submenu-nav{-webkit-transition-delay:.1s;transition-delay:.1s}
.submenu-box.show .submenu-type{-webkit-transition-delay:.2s;transition-delay:.2s}
.submenu-box.show .submenu-typeinfo{-webkit-transition-delay:.3s;transition-delay:.3s}
.fixed-menu .submenu-box{top:100px}.submenu-link:hover{color:#fff}
.list-submenutype:hover .submenu-type-item{opacity:.5}
.list-submenutype:hover .submenu-type-item.current{opacity:1}}
@media (max-width: 1340px){.menu-item{margin-right:20px;margin-left:20px}}
@media (max-width: 1200px){.menu-item{margin-right:10px;margin-left:10px}
.submenu-nav{width:280px}
.submenu-type{width:240px}
.submenu-typeinfo{margin-left:40px;width:360px}}
@media (max-width: 1024px){
.sub-menu-left,.sub-menu-right{ display:none; width:0px;}
.page-top{height:70px}
.wrap{margin-right:15px;margin-left:15px}
.btn-menu{display:block; position: absolute;top: 50%;margin-top: -20px;right: -10px;width: 40px;height: 40px; color:#fff;}
.header{padding-top:5px;padding-bottom:5px}
.header-inner{position:relative; height:60px;}
.header-menu-box{position:fixed;z-index:120;top:0;left:100%;bottom:0;width:400px;background-color:#fff;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.header-menu{padding-left:0;margin-top:10px}
.header-menu>li{display:block!important;}
.menu-item{position:relative;display:block;margin-right:20px;margin-left:20px; width:90%;}
.menu-item::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background-color:#7b7b7c;opacity:.8}
.menu-item a{color:#333;}
.menu-link{color:#333; }
.menu-link::before{top:50%;right:0;margin-top:-1px;left:auto;width:13px;height:1px;background-color:#333;}
.menu-link::after{width:1px;height:13px;top:50%;right:6px;left:auto;margin-top:-7px}
.menu-link.has-sub::before,.menu-link.has-sub::after{visibility:visible;opacity:1;background-color:#333;}
.menu-link.show::after{visibility:hidden;opacity:0}
.sub-menu{display:none}
.smenu-item{ width:100%; padding-left:-20px;}
.sub-menu::before{display:none}
.smenu-link{text-align:left;font-size:14px;line-height:40px}
.smenu-item::before{opacity:.1}
.header-right {position: absolute;top: 50%;right: 30px;margin-top: -10px;border-left: 0px solid #333;}
.fixed-menu .header-right{margin-top: -10px;}
.header-logo{margin-top:8px;position: absolute;z-index: 10;top:0;left: 0;}
.header-logo img{height:46px}
.fixed-menu .header{padding-top:5px;padding-bottom:5px}
.menu-open{min-width:101vh}
.menu-open .header{background-color:#dc000d;right:400px}
.menu-open .header-menu-box{-webkit-transform:translate3d(-400px, 0, 0);transform:translate3d(-400px, 0, 0)}
.menu-open .btn-menu span{background-color:#fff;}
.menu-open .btn-menu span:nth-of-type(1){margin-top:-1px;width:12px;-webkit-transform:rotate(45deg)}
.menu-open .btn-menu span:nth-of-type(2){margin-right:-1px}
.menu-open .btn-menu span:nth-of-type(3){margin-top:-1px;width:12px;-webkit-transform:rotate(-45deg)}
.submenu-box{z-index:140;top:0;right:0;bottom:0;left:100%;width:400px;background-color:#333;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.submenu-box.show{-webkit-transform:translate3d(-400px, 0, 0);transform:translate3d(-400px, 0, 0)}
.submenu-nav{display:block;width:auto}
.submenu-nav::after{display:none}
.submenu-type{display:block;width:auto;margin-top:0;margin-left:0;padding-top:0;padding-left:0}
.submenu-typeinfo{display:none}
.list-submenutype>li{width:33.3333%}
.list-submenutype>li:nth-of-type(3){margin-top:0}
.submenu-type-item{display:block}
.submenu-type-item img{width:40px;height:40px}
}
@media (max-width: 640px){
.header{padding-top:0px;padding-bottom:0px}
.header-logo{margin-top:3px; }
.header-inner{position:relative; height:50px;}
.header-menu-box{width:300px}
.header-menu-box::before{content:""}
.header-menu-bg{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);display:none}
.menu-open .header{left:-300px;right:300px}
.menu-open .header-lang{visibility:hidden;opacity:0}
.menu-open .header-search{visibility:hidden;opacity:0}
.menu-open .header-menu-box{-webkit-transform:translate3d(-300px, 0, 0);transform:translate3d(-300px, 0, 0)}
.menu-open .header-menu-box::before{visibility:visible;opacity:1;display:block}
.menu-open .header-menu-bg{display:block}
.submenu-box{width:300px}
.submenu-box.show{-webkit-transform:translate3d(-300px, 0, 0);transform:translate3d(-300px, 0, 0)}
}
@media (max-width: 320px){
.header-menu-box{width:250px}
.menu-open .header{left:-250px;right:250px}
.menu-open .header-menu-box{-webkit-transform:translate3d(-250px, 0, 0);transform:translate3d(-250px, 0, 0)}
.menu-item{ width:86%;}
}
.list>li {vertical-align: top;}
/*footer*/
.footer-subject{background-color: #1d2f45;padding-top: 50px;padding-bottom: 50px;}
.footer-subject:after{content: "";display: block;float: none;clear: both;}
.footer-intro{background-color: #142132; z-index:9999;}
.footer-navigation{font-size: 0;margin-top: 15px;}
.footer-navigation .item{display: inline-block;vertical-align: top;margin-right:3vw;}
.footer-navigation .item dt{padding-left: 20px;position: relative;font-size: 16px;color: #fff;margin-bottom: 30px;}
.footer-navigation .item dt:before{content: "";width: 10px;height: 2px;background-color: #e30b20;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.footer-navigation .item dt a{ color:#fff;}
.footer-navigation .item dd{margin-bottom: 8px;padding-left: 20px;}
.footer-navigation .item dd a{-moz-transition: color 0.4s ease;-o-transition: color 0.4s ease;-webkit-transition: color 0.4s ease;transition: color 0.4s ease;font-size: 15px;color: #cccccc;}
.footer-navigation .item dd a:hover{color: #fff;}
.footer-content{font-size: 0;}
.foot-share,
.foot-text{display: inline-block;vertical-align: top;}
.foot-share {padding: 8px 0;}
.foot-share img{margin-bottom: 12px;width: 80px;}
.foot-share span{display: block;color: #ccc;font-size: 15px;cursor: pointer;}
.foot-text p,.foot-text a{font-size: 15px;line-height: 26px;color: #fff; }
.foot-text .tel{ color:#fff; font-size:15px; margin-top:15px;}
.foot-text .tel span a{ font-size:24px; font-weight:bold; display:block;}
.footer-intro{}
.footer-intro:after{content: "";display: block;clear: both;}
.foot-copyright{ padding: 20px 0;}
.foot-copyright .foot-left,.foot-copyright .foot-right, .foot-copyright a{line-height: 30px;color: #999}
.foot-copyright .foot-left,.foot-copyright .foot-right{ float:left;}
.foot-copyright .foot-right a{line-height: 24px;color: #999; margin-left:8px;}
.botlink{ width:100%; position:relative; cursor: pointer;}
.botlink .linkshow{ width:100%; height:30px; line-height:30px; border:1px solid #999; display:block; padding-left:20px; font-size:14px; font-weight:normal; position:relative; cursor:pointer; z-index:5; }
.botlink .linkshow a{color: #999;}
.botlink .linkshow span i{ display:block; width:10px; height:10px; position:absolute; right:15px; top:0px; color: #999;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;}
.botlink .linkshow span.up{ background-position:0 -28px;}
.botlink ul{ position:absolute; bottom:30px; width:100%; border:1px solid #6a6a6a; padding:10px 0; background:#142132; border-bottom:none; display:none;}
.botlink ul li{ width:100%; cursor:pointer;}
.botlink ul li a{ display:block; height:30px; line-height:30px; color:#999; padding:0 15px;}
.botlink ul li:hover a{ color:#fff;}
@media (max-width:1200px){
.footer-navigation .item{display: inline-block;vertical-align: top;margin-right:1.8vw;}
}
@media (max-width:1024px){
.footer-navigation .item{ margin-right:7vw;}
.footer-intro .link_box{ display:none;}
.foot-copyright{ text-align:center;}
.foot-copyright .foot-right a{margin-left:0px;}
}
@media (max-width:768px){
.footer-subject{padding-top: 30px;padding-bottom: 30px;}
.footer-navigation .item{ margin-right:4.6vw;}
.foot-copyright .foot-left,.foot-copyright .foot-right{ float:left; width:100%;}
.foot-copyright .foot-right{ margin-left:0px;}
.foot-share ,.botlink{ display:none;}
.footer-navigation .item dd{ display:none;}
}
@media (max-width:640px){
.footer-navigation .item{width:33.33333333%; margin-right: 0;}
.footer-navigation .item dl{ margin:0 auto;}
.footer-navigation .item dt{ margin-bottom: 10px;}
}
@media (max-width:375px){
.foot-copyright .foot-left,.foot-copyright .foot-right{ font-size:14px;}
}

/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #de000d;}
.page span.count { border: 0;background: 0;color: #777777;}