@charset "utf-8";
* {box-sizing:border-box;font-family:"Helvetica Neue",tahoma,Arial,"Microsoft Yahei","PingFang SC",QuaySansLite,sans-serif;}
body {background:#fff;font-size:14px;color:#898889;-webkit-text-size-adjust:none;outline:0;font-family:"Helvetica Neue",tahoma,Arial,"Microsoft Yahei","PingFang SC",sans-serif;overflow-x:hidden}
header,footer,section,aside,nav,hgroup,figure,figcaption {display:block;margin:0;padding:0;border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:inherit;}
li {list-style-type:none;}
textarea {resize:none;}
table {word-wrap:break-word !important;border-collapse:collapse !important;}
a {color:#898889;text-decoration:none;outline:0;blr:expression(this.onFocus=this.blur());/*按下鼠标图片周边不会出现虚线*/}
a,a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline:0;border:0;}
p {word-wrap:break-word;word-break:normal;}
img {border:none;vertical-align:middle;}
::-ms-clear,::-ms-reveal {display:none;/*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
@-webkit-keyframes scaleBigToSmall {0% {opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
100% {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall {0% {opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
100% {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.scaleBigToSmall {-webkit-animation-name:scaleBigToSmall;animation-name:scaleBigToSmall;transform-origin:50% 50%;}
.auto {margin-left:auto;margin-right:auto;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}



/*间距定义等*/
.fl {float:left;}
.fr {float:right;}
.p10 {padding:10px!important}
.p15 {padding:15px!important}
.mt0 {margin-top:0!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.ml0 {margin-left:0!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.mb0 {margin-bottom:0!important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mr0 {margin-right:0!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.clearfix {zoom:1;}
.clearfix:after {content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.relative {position:relative;}
.norelative {position:inherit!important;}
.abs {position:absolute;}
.overflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*单行文本的溢出显示省略号*/.overflow-d {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
/*多行文本的溢出显示省略号*/.overflow-d {position:relative;line-height:20px;max-height:40px;overflow:hidden;}
.center {text-align:center;}
.ohide {overflow:hidden;}
/*基础框架*/
.w01 {margin-left:1.5%;width:6.9533%;}
.w02 {margin-left:1.5%;width:15.416%;}
.w03 {margin-left:1.5%;width:23.875%;}
.w04 {margin-left:1.5%;width:32.898889%;}
.w05 {margin-left:1.5%;width:40.766%;}
.w06 {margin-left:1.5%;width:49.250%;}
.w07 {margin-left:1.5%;width:57.673%;}
.w08 {margin-left:1.5%;width:66.126%;}
.w09 {margin-left:1.5%;width:74.579%;}
.w10 {margin-left:1.5%;width:83.033%;}
.w11 {margin-left:1.5%;width:91.486%;}
.w12 {margin-left:0;width:100%;}
.w50 {width:50%;padding:15px;}
.w01,.w02,.w03,.w04,.w05,.w06,.w07,.w08,.w09,.w10,.w11,.w12 {float:left;position:relative;}
.w01:first-child,.w02:first-child,.w03:first-child,.w04:first-child,.w05:first-child,.w06:first-child,.w07:first-child,.w08:first-child,.w09:first-child,.w10:first-child,.w11:first-child,.w12:first-child {margin-left:0;}
/*图片逐渐放大效果*/
.delay {-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;overflow:hidden;}
.delay:hover {transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);}
.w-big {max-width:86.2%;margin:0 auto;position:relative;}
.w-mid {max-width:64.2%;margin:0 auto;position:relative;}
.w-sml {max-width:1080px;margin:0 auto;position:relative;}
.mt-big {margin-top:65px;}
.mt-sml {margin-top:30px;}
.t-big {font-size:24px;}
.t-mid {font-size:18px;}
.t-sml {font-size:14px;}
.box-pb {padding-bottom:60px;}
.ovf {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ovfMore {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.transition-t5 {transition:all .5s;}
.font-white {color:white;}
.disNo {display:none;}
.mask {position:relative;}
.mask::after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7);transition:all .5s;}
.trans-3 {-webkit-transition:all .3s;transition:all .3s;}
@keyframes move {0% {top:8px;}
50% {top:15px;}
100% {top:8px;}
}

.weui-cell {position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.weui-cell__primary {min-width:1px;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
.weui-cell__bd {-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.weui-cell__ft {text-align:right;color:#999999;}
.weui-flex {display:-webkit-box;display:-webkit-flex;display:flex;}
.weui-flex__item {-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.weui-grids {position:relative;overflow:hidden;}
.weui-grid {position:relative;float:left;padding:20px 10px;box-sizing:border-box;}
.start {-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
.middle {-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.nobefore::before,.noafter::after {display:none !important;}
.line1 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.height{padding-top:101px;}
.wrapper{position:relative;z-index:3 ;}
.header {}
.header .row {position:relative;}
#logo {display:inline-block;float:left;padding-top:10px;}
#logo h1 {padding:0;margin:0;}
#logo img {max-width:80px;width:100%;height:auto;}
.head-right {padding-right:80px;float:right;}
.language {list-style:none;text-align:right;padding-top:15px;}
.language li {display:inline-block;margin-right:20px;}
.language li img {max-width:16px;max-height:10px;width:100%;}
.language li p {display:inline-block;color:#808080;text-transform:capitalize;padding-left:5px;}
.language li a:hover p {color:#d1233a;}
/*search*/.head-search {float:right;background:#f2f2f2;}
.top-search {width:100%;z-index:9999999999;position:absolute;top:100px;left:0;}
.attr-nav {display:inline-block;float:right;}
.attr-nav:hover a {text-decoration:none;color:#0b96d6;}
.attr-nav .search {font-size:12px;text-transform:uppercase;vertical-align:middle;color:#808080;}
.attr-nav .search a {display:block;padding:37px 27px;z-index:999999999;position:relative;}
.attr-nav .search a p {display:inline-block;vertical-align:middle;padding-right:10px;padding-top:5px;}
.attr-nav i {background:url(../images/search.png) no-repeat center center;display:inline-block;width:26px;height:26px;vertical-align:middle;}
/* Top Search=================================*/.top-search {background-color:#f2f2f2;padding:20px 0;display:none;}
.top-search .input-group-addon i {font-size:18px;color:#808080;}
.top-search input.form-control {background-color:transparent;border:none;-moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px;-o-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px;color:#adadad;height:50px;width:86%;padding:0 20px;background:#fff;border:1px solid #e5e5e5;font-size:14px;border-radius:0;}
.top-search input.form-control:focus {background:#fff;color:#898889;}
.top-search .input-group-addon {background-color:transparent;border:none;color:#e5e5e5;padding-left:0;padding-right:0;}
.top-search .search_btn1 {margin-left:1%;color:#fff;height:50px;min-width:10%;display:inline-block;text-align:center;text-transform:uppercase;font-size:17px;background:#898889;border-radius:0;transition:all 0.4s ease 0s;}
.top-search .search_btn1:hover {background:#d1233a;color:#fff;}
.top-search .input-group {width:94%;margin:0 auto;}
.top-search .input-group-addon.close-search {cursor:pointer;}

.top-search .bia{width: 94%;margin: 0 auto;}
.top-search .bia h2{font-size: 16px;border-bottom: #ddd 1px solid;padding: 10px 0;color: #333;margin: 20px 0;}
.top-search .bia a{border: #333 1px solid;border-radius: 5px;margin: 10px 10px 0  0;padding:6px 12px;display: inline-block;background: #fff;}
.top-search .bia a:hover{background: #000;color: #fff;}

/* Sizes for the bigger menu */header {width:100%;position:fixed;z-index:999999;padding:0;}
header.large {height:;top:0;background:#fff;}
header .row {position:relative;}
header.small {height:;left:0;background:#fff;top:0;border-bottom:1px solid #e5e5e5;z-index:99999999999;}
.height {padding-top:101px;}
@media only screen and (max-width:992px) {header {padding:0;position:inherit;}
.height {padding-top:0;}
header.small {border:none;}
}
@media only screen and (max-width:768px) {.header {padding:15px 0;}
#logo {position:relative;z-index:999;padding-top:0;margin-left:-50px;left:50%}
#logo img {max-width:100px;}
.language {display:none;}
.head-search {display:none;}
.mobile-menu-area .language {display:block;text-align:left;padding:10px;border-top:1px solid #ddd;}
.mobile-menu-area .language>p {display:inline-block;font-size:14px;text-transform:capitalize;padding-right:10px;}
.mobile-menu-area .language a {display:inline-block;margin-right:20px;}
.mobile-menu-area .language a p {display:inline-block;padding-left:5px;}
.mobile-menu-area .mobile-search {padding:15px;border-top:1px solid #ddd;}
.mobile-menu-area .input-group {position:relative;width:100%;}
.mobile-menu-area .input-group .form-control {-moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px;-o-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px;color:#adadad;height:36px;width:90%;padding:0 5px;background:#fff;border:1px solid #e5e5e5;font-size:12px;border-radius:0;font-family:'Open Sans',arial;}
.mobile-menu-area .input-group .form-control:focus {background:#f7f7f7;color:#898889;}
.mobile-menu-area .input-group .input-group-addon {position:absolute;right:0;top:0;height:36px;color:#fff;display:inline-block;text-align:center;font-weight:bold;text-transform:uppercase;font-size:12px;background:#141416;border-radius:0;transition:all 0.4s ease 0s;z-index:3;padding:0 15px;width:auto;}
.mobile-menu-area .input-group .input-group-addon:hover {background:#d1233a;color:#fff;}
}
a.meanmenu-reveal {display:none}
.mean-container .mean-bar {background:transparent none repeat scroll 0 0;float:left;min-height:40px;padding:10px 0 0;position:relative;width:100%;z-index:99999;}
.mean-container a.meanmenu-reveal {width:22px;height:18px;padding:6px 10px 11px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:14px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,sans-serif;font-weight:700;float:right;background:#fff url(../images/icon-mobile.png) no-repeat center center;margin-right:100px;margin-bottom:12px;}
.mean-container a.meanmenu-reveal.meanclose {background:#141416;}
.mean-container a.meanmenu-reveal span {}
.mean-container .mean-nav {float:left;width:100%;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;background:#fff;border:1px solid #e5e5e5;border-top:none;margin-top:3px;}
.mean-container .mean-nav ul li {background:#fff none repeat scroll 0 0;float:left;position:relative;width:100%;border-top:1px solid #ddd;}
.mean-container .mean-nav ul li a {background:#fff none repeat scroll 0 0;color:#4c4c4c;display:block;float:left;font-size:14px;margin:0;padding:7px 3%;text-align:left;text-decoration:none;text-transform:capitalize;width:90%;}
.mobile-menu-area {display:inline-block;width:100%;position:absolute;width:100%;left:0;top:0;}
.mobile-menu-area .container {padding:0 5px;}
.mean-container .mean-nav ul li li a {border-top:1px solid rgba(255,255,255,0.25);padding:9px 3%;text-shadow:none !important;visibility:visible;width:100%;font-weight:normal;text-transform:capitalize;color:#898889;font-size:12px;background:#fafafa;}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a {padding:6px 3%;}
.mean-container .mean-nav ul li li li li a {width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a {width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {background:#f8f8f8 none repeat scroll 0 0;color:#004ea2;}
.mean-container .mean-nav ul li a.mean-expand {width:26px;height:21px;padding:9px !important;text-align:center;position:absolute;right:0;top:0;z-index:2;background:rgba(255,255,255,.1);border:0!important;background:#ededed;line-height:21px;}
.mean-container .mean-nav ul li a.mean-expand:before {display:none;}
.mean-container .mean-nav ul li a.mean-expand:hover {background:#d1233a;color:#fff;}
.mean-container .mean-push {float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
/*mainmenu*/.mainmenu-area {display:block;width:78%;float:right;}
.mainmenu_box {float:right;width:36%;padding-right:0;}
.mainmenu-left {/*position:relative;*/float:left;width:100%;}
.product-menu-title {background:#444444 none repeat scroll 0 0;cursor:pointer;padding:3px 16px;}
.product-menu-title h2 {color:#fff;font-size:16px;font-weight:700;line-height:48px;margin:0;text-transform:uppercase;}
.product-menu-title h2 i {float:right;margin-top:17px;}
.product-menu-title h2:before {content:"\f03c";font-family:FontAwesome;font-weight:400;margin-right:15px;}
.product_vmegamenu {list-style:none;}
.product_vmegamenu a {position:relative;}
.product_vmegamenu ul li a:hover {color:#00986f;}
.find .product_vmegamenu ul li a {padding:12px 10px;}
.product_vmegamenu a.hover-icon::before {content:"\f107";font-family:FontAwesome;font-size:14px;position:absolute;right:-14px;color:#808080;top:18px;}
.product_vmegamenu ul li a img {margin-right:10px;}
.product_vmegamenu ul li .vmegamenu {background:#fff none repeat scroll 0 0;border:1px solid #eaeaea;box-shadow:0 0 5px -1px #898889898889;left:0;position:absolute;top:82px;width:100%;opacity:0;z-index:99222222222222;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;visibility:hidden;padding:10px;}
.product_vmegamenu ul li:hover .vmegamenu {opacity:1;top:52px;visibility:visible;}
.product_vmegamenu ul li .vmegamenu span {float:left;padding:15px;width:20%;}
.product_vmegamenu ul li .vmegamenu span s {display:block;}
.product_vmegamenu ul li .vmegamenu span img {max-width:100%;}
.product_vmegamenu ul li .vmegamenu span a.vgema-title {border-bottom:1px solid #eaeaea;font-size:14px;background:#ededed;padding:10px;text-transform:capitalize;font-family:'opensans';text-align:center;letter-spacing:normal;}
.product_vmegamenu ul li .vmegamenu span:hover a.vgema-title {background:#226cc5;color:#fff;}
.product_vmegamenu ul li .vmegamenu2 {width:400px;}
.product_vmegamenu ul li .vmegamenu2 span {padding:15px;width:50%;}
/* mainmenu */.mainmenu {text-align:right;}
.mainmenu>nav>ul>li {display:inline-block;margin:0 25px;}
.mainmenu ul li a {color:#898889;display:block;font-size:16px;padding:15px 0 16px 0;transition:all .3s;position:relative;}
.mainmenu nav>ul>li>a:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#d1233a;display:block;transform:scaleX(0);transition:all 0.4s ease 0s;transform-origin:0 0 0;z-index:1;}
.mainmenu nav>ul>li>a:hover:after {transform:scaleX(1);visibility:visible;}
.mainmenu>nav>ul>li:hover > a,.mainmenu>nav>ul>li.active > a {text-decoration:none;color:#d1233a;}
.mainmenu>nav>ul>li.active,.mainmenu>nav>ul>li#active {border-bottom:2px solid #d1233a;}
.mainmenu ul li:hover > a,.mainmenu ul li.active > a {color:#d1233a;}
.mainmenu ul li ul {background:#ffffff none repeat scroll 0 0;left:auto;opacity:0;position:absolute;top:100%;transform:scaleY(0);transform-origin:0 0 0;transition:all 0.4s ease 0s;z-index:99999999;visibility:hidden;text-align:left;width:100px;padding:5px 0;border:1px solid #e5e5e5;border-top:1px solid #fff;margin-top:0;}
.mainmenu ul li:hover > ul {opacity:1;visibility:visible;transform:scaleY(1);}
.mainmenu ul li > ul li {display:block;padding:0;background:none;position:relative;}
.mainmenu ul li > ul li > a {color:#898889;padding:8px 15px;text-transform:capitalize;font-size:14px;font-style:normal;position:relative;z-index:1;position:relative;overflow:hidden;display:block;}
.mainmenu ul li > ul li > a:hover {text-decoration:none;}
.mainmenu>nav>ul>li > ul>li>a:after {width:100%;height:100%;display:block;content:'';position:absolute;left:-100%;top:0;background:#d1233a;transition:all .4s;z-index:-1;}
.mainmenu ul li > ul li:hover > a {color:#fff;}
.mainmenu ul li > ul li:hover>a:after {left:0;}
.mainmenu ul li.product_vmegamenu ul ul {left:248px;top:auto;margin-top:-52px;border:none;transform:scaleY(1);padding:12px 0;box-shadow:none;background:#fff;border:1px solid #f2f2f2;}
.mainmenu ul li.product_vmegamenu ul ul li a {font-size:14px;display:block;color:#898889;padding:5px 10px;}
.mainmenu ul li.product_vmegamenu ul ul li a:hover {color:#d1233a;}
.mainmenu ul li.product_vmegamenu ul {left:0;width:100%;padding:20px;border-top:1px solid #f2f2f2;}
.mainmenu ul li.product_vmegamenu ul span {float:left;width:50%;padding-right:40px;display:block;}
.mainmenu ul li.product_vmegamenu ul span .title {padding-top:0;display:block;border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-bottom:10px;font-size:17px;}
.mainmenu ul li.product_vmegamenu ul span .title:hover {color:#d1233a;}
.mainmenu ul li.product_vmegamenu ul span li {padding:0;padding-top:5px;}
.mainmenu ul li.product_vmegamenu ul span li a {padding:0;margin-bottom:10px;float:left;margin-right:10px;}
.mainmenu ul li.product_vmegamenu > ul li:hover > a {color:#898889;}
.mainmenu ul li.product_vmegamenu > ul li > a:hover,.mainmenu ul li.product_vmegamenu > ul li > a.pro_active {color:#d1233a;}
.mainmenu ul li.product_vmegamenu .pro_menu_more {border-top:1px solid #f2f2f2;margin-top:15px;}
.mainmenu ul li.product_vmegamenu .pro_menu_more a {color:#d1233a;padding:0;text-transform:uppercase;font-size:18px;display:inline-block;margin-top:15px;background:url(../images/icon-right.png) no-repeat right center;padding-right:15px;-webkit-transition:all var(--transition-time,300ms);-o-transition:all var(--transition-time,300ms);transition:all var(--transition-time,300ms);}
.mainmenu ul li.product_vmegamenu .pro_menu_more a:hover {padding-right:20px;text-decoration:none;}
header.small .nav-box {border:none;}


.vs_mask {display:none;position:fixed;z-index:99999991;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);}
.vs_close {color:#FFFFFF;position:absolute;top:100px;right:50%;margin-right:-400px;background: url(../images/close_btn.png) no-repeat;width: 35px;height: 35px;z-index: 999;}

.vs_model {position:relative;margin:auto;padding:0;width:90%;max-width:800px;background-color: #fff;padding: 30px;}
.vs_model_head {font-size:24px;padding-top:15px;padding-bottom:15px;text-align:center;}
.vs_item {display:none;overflow:hidden;text-align: center;}
.vs_item_img {max-height: 525px;}
.vs_item_desc {line-height:30px;color:#666;}
.vs_item_desc p {padding:5px 0;margin:0;} 
.vs_prev,.vs_next {
width:34px;height:34px;margin:-13px 0 0;display:block;background:url(../images/both-arrows.png) no-repeat left center;position:absolute;z-index:99999999;top:50%;cursor:pointer;text-indent:-9999px;outline:none;
}
.vs_prev{left:30px; }
.vs_next {background-position:right center;right:30px;}
.vs_tab {position: absolute;
    z-index: 9999; 
    padding: 0 5px;
    margin: 0;
    bottom: 7%;
    left: 5%;
    text-align: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url(../images/bulletsBg.png);}

.vs_button {margin:3px 0 3px 3px;display:inline-block;zoom:1;*display:inline;float: left;}
.vs_button {width: 8px; height: 8px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.vs_button:hover { background: #333; background: rgba(0,0,0,0.7); }
.vs_button.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }



.vs_active,.vs_button:hover {background-color:#666;color:#000;}
.buttonss {display:inline-block;}



.path{margin:15px 0;width:100%;background:#F7F7F7;}
.path a{color:#828282;font-size: 0.8em;}

@media only screen and (max-width:1600px) {.mainmenu>nav>ul>li {margin:0 20px;}
}
@media only screen and (max-width:1200px) {.mainmenu-area {width:76%;}
.mainmenu>nav>ul>li{margin:0 10px;}
}
@media only screen and (max-width:992px) {.mobile-menu-area .row,.mobile-menu-area .container {width:100%;margin:0;padding:0;}
.mainmenu-area {margin:0;}
.mobile-menu-area {top:36px;}
}
@media only screen and (max-width:768px) {.nav-box {margin:0;}
.mobile-menu-area {top:50px;}
.mean-container .mean-bar {padding:0;}
.mean-container a.meanmenu-reveal {margin-right:10px;}
.mean-container .mean-nav ul {margin-top:0;}
}
 
 .swiper-container {width:100%;height:100%;}
.swiper-slide {text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide a,.swiper-slide a img,.swiper-slide img {display:block;width:100%;}
.swiper-pagination-bullet {opacity:0.6;background:#fff;width:10px;height:10px;border-radius:10px;}
.swiper-pagination-bullet-active {width:30px;opacity:1;}
.swiper-container-horizontal>.swiper-pagination-bullets,.in-container .swiper-pagination-custom,.swiper-pagination-fraction {bottom:30px;}

.in-container .swiper-slide a,.in-container .swiper-slide a img,.in-container .swiper-slide img {display:block;width:100%;height:100%;}



.index_pg1{overflow: hidden;width: 100%;padding: 80px 0; }
.index_pg1 h1{text-align: center; font-size: 36px;color:#666;}
.index_pg1 em{display: block;width: 50px;height: 2px;background:#999;margin: 25px auto;}
.index_pg1 .anote{text-align: center;color: #898889;font-size: 14px;line-height: 28px;}
.index_pg1 .more {width:154px;height:40px;background:#d1233a;margin:50px auto 0;line-height:40px;font-size:16px;color:#fff;box-sizing:border-box;padding-left:36px;display:block;position:relative;transition:all ease .3s;border-radius:5px;}
.index_pg1 .more:after {width:12px;height:10px;position:absolute;content:"";right:35px;top:14px;background:url(../images/icon5.png) center center no-repeat;}
.index_pg1 .more:hover {background:#222;}

.index-product {width:100%;margin-top:10px;overflow:hidden;}
.index-product li {width:100%;display:table;}
.index-product li .tbox {background:#f5f5f5;width:40%;float:left;display:flex;justify-content:center;}
.index-product li .tbox .box {max-width:380px;margin:auto;}
.index-product li .tbox .title {font-size:36px;line-height:36px;font-weight:200;color:#666;margin-bottom:24px;}
.index-product li .tbox .txt {font-size:14px;line-height:24px;color:#898889;margin-bottom:63px;}
.index-product li .tbox .more {width:160px;border:#ddd 1px solid;padding-left:35px;height:40px;line-height:40px;font-size:18px;color:#898889;box-sizing:border-box;display:block;position:relative;transition:all ease .3s;}
.index-product li .tbox .more:after {width:12px;height:10px;position:absolute;content:"";right:35px;top:14px;background:url(../images/icon5.png) center center no-repeat;}
.index-product li .tbox .more:hover {border:#222 1px solid;}
.index-product li .img {width:60%;float:left;overflow:hidden;}
.index-product li .img img {width:100%;transition:all ease .3s;}
.index-product li .img:hover img {transform:scale(1.1);}
.index-product li:nth-child(2n+2) .tbox {float:left;}
.index-product li:nth-child(2n+2) .img {float:right;}
@media only screen and (max-width:998px) {
.index-product li .tbox {box-sizing:border-box;padding:0 10px;}
.index-product li .tbox .title {font-size:18px;line-height:24px;margin-bottom:5px;}
.index-product li .tbox .txt {font-size:12px;line-height:24px;margin-bottom:20px;}
.index-product li .tbox .more {width:95px;height:32px;line-height:32px;font-size:12px;padding-left:15px;}
.index-product li .tbox .more:after {right:15px;top:12px;}
	
	
}
@media only screen and (max-width:768px) {
.index-product {margin-top:0;}
.index-product li .tbox {width:100%;float:right;box-sizing:border-box;padding:15px 2.5% 20px;}
.index-product li .img {width:100%;float:left;}
.index-product li .tbox .box{max-width:98%;}	
.index_pg1{padding:40px 0}
}


.index3{-webkit-background-size: cover;background-size: cover;padding:9vw 0 8vw;background-position:center;}
.index3 .content{text-align: center;}
.index3 h1{font-size: .42rem;color: rgb(255, 255, 255);margin-bottom:.4rem}
.index3 h2{font-size: .16rem;line-height: 2; color: rgb(255, 255, 255);max-width: 720px;margin: 0 auto}
.index3 a{transition: all .25s linear;font-size: .2rem;margin-top:4vw;color: rgb(255, 255, 255);width: 1.74rem;line-height: .4rem;border:2px solid #fff;border-radius: .1rem;text-align: center;display: inline-block;}




.ib-top {display: inline-block;vertical-align: top;}
.ib-middle {display: inline-block;vertical-align: middle;}
.news {font-size:0;padding:85px 0}
.news:hover .logen i:after {height:100%}
.news .title {color:#022f5d;text-align:left}
.news .title .line {margin-bottom:10px}
.news .logen {width:5%;text-align:center}
.news .logen span {display:block;font-size:28px;width:100%;word-break:break-all;font-family:Arial;writing-mode:tb-lr;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;color:#e9e9e9;float:left}
.news .logen i {margin-top:20px;display:inline-block;width:1px;height:156px;background:#e9e9e9;position:relative}
.news .logen i:after {content:'';position:absolute;width:100%;height:0;background:#ef8200;top:0;left:0;transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s}
.news .more {margin:83px 0 105px}
.news-left {padding:50px 45px 50px;width:41%;background:#f3f3f3}
.news-left .time {font-size:30px;color:#b1b1b1;margin-bottom:30px}
.news-left h3 {font-size:18px;color:#666}
.news-left p {font-size:14px;color:#898889;margin:40px 0;line-height:25px;padding-left:15px;position:relative;max-height:75px;overflow:hidden}
.news-left p:before {content:'';width:1px;height:100%;vertical-align:middle;position:absolute;left:0;top:0;background:#d3d3d3}
.news-left .pro {display:inline-block;overflow:hidden;width:100%}
.news-left .pic {width:100%;height:178px;transition:transform cubic-bezier(.215,.61,.355,1) .8s;-ms-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-o-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-webkit-transition:transform cubic-bezier(.215,.61,.355,1) .8s;-moz-transition:transform cubic-bezier(.215,.61,.355,1) .8s}
.news-left .more2 {text-align:left;margin-top:35px}
.news-left .more2 a {text-align:center;background:0 0;color:#9d9d9d;font-family:Arial;border:1px solid #dadada;line-height:40px}
.news-left:hover {box-shadow:6px 14px 20px -10px #c8c8c8}
.news-left:hover .pic {transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.news-right {width:51.3%;padding-left:5.7%}
.news-list {padding:30px 20px;text-align: left;border-bottom:1px solid #e0dde8;transition:.6s;-ms-transition:.6s;-o-transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}
.news-list:first-child {border-top:1px solid #e0dde8}
.news-list>div {transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s}
.news-list:hover {box-shadow:0 2px 16px -2px #d9d9d9}
.news-list:hover>div {transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px)}
.news-list:hover h3 {color:#d1233a}
.news-list:hover h3:before {background:#d1233a}
.news-list h3 {color:#666;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:.6s;-ms-transition:.6s;-o-transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}
.news-list h3 .date {font-size:22px;color:#919191;position:absolute;top:1px;right:0;line-height:1}
.news-list h3:before {content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;transition:.6s;-ms-transition:.6s;-o-transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}
.news-list p {color:#898889;font-size:14px;line-height:24px;width:80%;padding-left:20px;transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;-moz-transition:1s;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-list .desc {position:relative}
.news-list .icon {width:36px;height:16px;position:absolute;right:7px;top:17px;background:url(../images/icon.jpg) no-repeat center}

@media (max-width:780px) {
.news{padding:20px 0 40px}
.m-process-list {font-size:18px}
.news .logen {display:none}
.news-left {width:100%}
.news-right {width:100%;padding-left:0}
}

@media (max-width:640px) {
.news {padding:0.5rem 0}
.news .more {margin:.5rem 0 0}
.news-left {padding:.8rem .5rem .8rem}
.news-list {padding:.5rem .4rem}
.news-list h3 {margin-bottom:15px;font-size:16px}
.news-list h3 .date {font-size:16px;top:5px}
.news-list p {height:50px}
.news-left .pic {width:9rem;height:3.6rem}
.news-left p {margin:25px 0;font-size:13px;line-height:24px}

}
@media (max-width:480px) {
.news-left p {margin-top:10px;margin-bottom:15px}
.news-list h3 {margin-bottom:8px}
.news-list p {line-height:22px;height:44px;font-size:13px}
}



.footer {font-size:1em;padding-top:2%;background:#fff;border-top:#ddd 1px solid}
.part-1 {margin:2% auto 2%;}
.footer-nav {float:left;width:65%}
.item-common {float:left;width:20%;text-align:left;transition:all linear .3s;-moz-transition:all linear .3s;-webkit-transition:all linear .3s;-o-transition:all linear .3s}
.item-common span {font-weight:lighter;display:inline-block;font-size:16px;padding-bottom:15px;margin-bottom:15px}
.item-common a {font-size:14px;display:block;margin-bottom:5px;color:#999;word-break:break-all;transition:.2s all linear;-moz-transition:.2s all linear;-webkit-transition:.2s all linear;-o-transition:.2s all linear}
.item-common a:hover {color:#898889}
.wechat {display:inline-block;width:30%;text-align:right}
.wechat .others {text-align:right}
.wechat .others p {font-size:14px;color:#7a7a7a;line-height:30px}
.wechat .others h3 {font-size:0;color:transparent;height:30px;margin-bottom:40px;background:url(../images/contact.png) no-repeat center right;background-size:200px;}
.wechat .others h4 {font-size:20px;margin-bottom:34px;}
.frandlink {margin:0 auto;font-size:14px;color:#7a7a7a}
.frandlink>div {max-width:965px;display:inline-block}
.frandlink a {display:inline-block;color:#7a7a7a;margin-right:15px;margin-bottom:10px}
.frandlink .share {float:right;position:relative;top:-5px}
.frandlink .share a {border:0;margin-right:13px!important}
.frandlink .share a:last-child {margin-right:0!important}
.frandlink .wx {position:relative}
.frandlink .wx .hover {position:absolute;background:#fff;width:110px;height:128px;overflow:hidden;top:-137px;left:0px;opacity:0;visibility:visible;transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s;transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px)}
.frandlink .wx .hover>div {display:inline-block;border-right:1px dashed #d1d1d1}
.frandlink .wx .hover>div:last-child {border-right:0}
.frandlink .wx .hover img {max-width:110px}
.frandlink .wx .hover p {text-align:center;font-size:12px;padding:0 0 6px}
.frandlink .wx:hover .hover {transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1;visibility:visible}
.share {font-size:14px;color:#999;display:inline-block}
.share strong {font-weight:400;display:inline-block;vertical-align:middle}
.share a {display:inline-block;border:1px solid #e5e5e5;width:33px;height:33px!important;margin:0 5px 0 0!important;float:none!important;padding:0!important;line-height:1!important;vertical-align:middle}
.share a:hover {border-color:transparent;opacity:1!important}
.share .wx {background:url(../images/icon35.png) no-repeat center}
.share .wx:hover {background:url(../images/icon35-c.png) no-repeat center}
.share .wb {background:url(../images/icon36.png) no-repeat center}
.share .wb:hover {background:url(../images/icon36-c.png) no-repeat center}
.share .qq {background:url(../images/icon37.png) no-repeat center}
.share .qq:hover {background:url(../images/icon37-c.png) no-repeat center}
.copyright {margin-top:10px;border-top:1px solid #ddd;padding:25px;text-align:center;font-size:12px;color:#777}

@media (max-width:1680px) {.footer {padding:1% 2% 0 2%}
}
@media (max-width:1024px) {
.footer-nav,.wechat{width:100%}	
.wechat,.wechat .others{text-align:left}	
.item-common span,.item-common a{margin-bottom:5px;}
}
@media (max-width:800px) {
.footer-nav {display:none}
.footer {padding:.4rem 2% 0 2%}
.footer .fbb {display:block;width:100%}
.footer .fbbs {display:block;vertical-align:top;margin-bottom:10px}
.wechat {width:100%;text-align:left}
.wechat .others {text-align:left}
.frandlink .share {float:none;display:block;width:100%;text-align:left;top:0;margin:.4rem 0 0}
.copyright {padding:10px 0}
.m-inside {display:none!important}
.frandlink .wx .hover {width:110px;height:118px;left:0;top:-125px}
.frandlink .wx .hover img {max-width:100px}	
}
@media (max-width:640px) {
.footer {padding:.8rem .5rem 0 .5rem}
.part-1 {margin:0 auto .6rem}
.wechat .others h3 {background-size:240px;margin-bottom:20px;background-position-x:left}
.wechat .others h4 {margin-bottom:10px}
.wechat .others p {line-height:24px}
.frandlink a {font-size:12px;margin-bottom:6px}
}

/*图片放大镜样式*/
.fdbox{float:left;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{width:100%;}
.tb-s310, .tb-s310 img{max-height:100%;}
.tb-s310 a{}
.tb-s40 a{}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:80px;height:80px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.fdbox a.flex-prev{width:34px;height:34px;margin:-13px 0 0;display:block;background:url("../images/both-arrows.png") no-repeat left center;position:absolute;z-index:99;top:50%;cursor:pointer;text-indent:-9999px;outline:none;left:16px;}
.fdbox a.flex-next {width:34px;height:34px;margin:-13px 0 0;display:block;background:url("../images/both-arrows.png") no-repeat left center;position:absolute;z-index:99;top:50%;cursor:pointer;text-indent:-9999px;outline:none;right:16px;background-position:right center;}


.team-list{padding-bottom: 50px;overflow: hidden;}
.team-list .item{width: 18%;float: left;margin-right: 2.5%;margin-bottom: 2.5%;}
.team-list .item:hover{z-index: 2;}
.team-list .item:nth-child(5n+5){margin-right: 0;}
.team-list .item .img img{max-width: 100%;}
.team-list .item a{position:relative;display:block;height:100%;width:100%;overflow:hidden;}
.team-list .item a div{position:absolute;display:block;left:2px;top:260px;height:100%;width:225px;color:#FFF;background:rgba(0,0,0,.3);transition:400ms;}
.team-list .item a dl{margin:0 15px;}
.team-list .item a dt{line-height:40px;text-align:center;font-size:16px;transition:400ms;}
.team-list .item a dd{line-height:22px;height:88px;margin:10px 0;overflow:hidden;font-size:12px;}
.team-list .item a p{margin:0 15px;line-height:22px;}
.team-list .item a i{position:absolute;right:15px;bottom:15px;}
.team-list .item a:hover div{top:0;}
.team-list .item a:hover div dt{padding-top:35px;font-size:18px;}
@media (max-width:1440px) {
.team-list .item a div{top:240px;left: 0;width: 100%;}
}

@media (max-width:1200px) {.team-list .item a div{top: 228px;}
.vs_item_img{max-width: 100%;max-height: auto;}
}
 
@media (max-width:760px) {
	.team-list .item:nth-child(5n+5){margin-right: 2.5%;}
	
	.team-list .item{width: 31.6666666%;margin-bottom: 2%;}
	.team-list .item:nth-child(3n+3){margin-right: 0;}
	}
	
@media (max-width:420px) {
	
	.team-list .item:nth-child(3n+3){margin-right:2.5%;}
	.team-list .item{width: 48.75%;margin-bottom: 2%;}
	.team-list .item:nth-child(2n+2){margin-right: 0;}
	}