/*main css cmsyou*/
@charset "utf-8";
/* bootstrap framework */
@import url("bootstrap.min.css");
/*body*/
*, *:after, *:before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: "微软雅黑" Arial, Helvetica, sans-serif;font-size: 14px;color: #646464;line-height: 1.7em;padding: 0;background:#fff;}
a, a:visited{color: #0081CC;}
a:hover, a:focus{color: #333; text-decoration:none;}
.label{font-family: Arial, Helvetica, sans-serif;}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px;}
.f20{color: #CC0000;font-size: 20px;font-weight: bold;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.lh150{line-height:150%}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh24{line-height: 24px;}
.lh26{line-height: 26px;}
.lh28{line-height: 28px;}
.lh180{line-height:180%}
.lh200{line-height:200%}
.fontbold{font-weight:bold;}
.pt18{padding-top:18px;}
.pr30{padding-right:30px;}
.mb0{ margin-bottom:0;}
.mb10{ margin-bottom:10px;}
.mt30{ margin-top:30px;}
.mt60{ margin-top:60px;}
.color-gray{ color:#999;}
.f18_color{font-size:18px;color:#FF9900;}
.dropcap{display: inline-block;font-size: 48px;float: left;margin: 10px 15px 15px 0;background-image: linear-gradient(#555, #888);color:#fff;padding: 20px 10px 20px 10px;}
ul,li,ol,dd,dt{ list-style:none; padding:0; margin:0;}
h1, h2, h3, h4, h5, h6{font-weight: 400;color: #333;font-family: 'Microsoft Yahei','PT Sans',Arial, Helvetica, sans-serif;}
h1{letter-spacing: -1px;}
h2{letter-spacing: -1px;}
h3{letter-spacing: -.5px;margin-top: 0;}
h1.slogan_big{font-weight: 300;font-size: 64px;line-height: 64px;letter-spacing: -2px;padding: 0;margin: 0px 0 30px 0;}
h3.title{font-weight: 400;border-bottom: solid 1px #ddd;margin-bottom: 20px;}
h4.title{font-weight: 400;border-bottom: solid 1px #ddd;padding-bottom: 10px;margin-bottom: 20px;}
h5{font-weight: bold;}
.block-title{margin-bottom:40px;}
.block-title h1{color:#000;}
.btn-extra-large{padding: 10px 20px 10px 20px;line-height: 24px;}
.btn-primary{background: linear-gradient(90deg, #00AAE8 0%, #0081CC 100%);border-radius: 4px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-primary:hover{background: linear-gradient(90deg, #0081CC 0%, #0081CC 100%);}
a.btn-primary{color: #fff!important;border: none;text-shadow: none;}
.btn-border{ border:1px solid #2694d3; background:#fff;}
.btn-border:hover,.btn-border:active{ color:#fff; border:1px solid #2694d3; background:#2694d3; background-image:none;}
/*wide-screen cmsyou*/
@media (min-width: 1200px){
.row{margin-left: -30px;*zoom: 1;}
.row:before, .row:after{display: table;line-height: 0;content: "";}
.row:after{clear: both;}
[class*="span"]{float: left;min-height: 1px;margin-left: 30px;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width: 1200px;}
.span12{width: 1200px;}
.span11{width: 1070px;}
.span10{width: 970px;}
.span9{width: 870px;}
.span8{width: 770px;}
.span7{width: 670px;}
.span6{width: 570px;}
.span5{width: 470px;}
.span4{width: 370px;}
.span3{width: 270px;}
.span2{width: 170px;}
.span1{width: 70px;}
.offset12{margin-left: 1230px;}
.offset11{margin-left: 1130px;}
.offset10{margin-left: 1030px;}
.offset9{margin-left: 930px;}
.offset8{margin-left: 830px;}
.offset7{margin-left: 730px;}
.offset6{margin-left: 630px;}
.offset5{margin-left: 530px;}
.offset4{margin-left: 430px;}
.offset3{margin-left: 330px;}
.offset2{margin-left: 230px;}
.offset1{margin-left: 130px;}
.row-fluid{width: 100%;*zoom: 1;}
.row-fluid:before, .row-fluid:after{display: table;line-height: 0;content: "";}
.row-fluid:after{clear: both;}
.row-fluid [class*="span"]{display: block;float: left;width: 100%;min-height: 30px;margin-left: 2.564102564102564%;*margin-left: 2.5109110747408616%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.row-fluid [class*="span"]:first-child{margin-left: 0;}
.row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left: 2.564102564102564%;}
.row-fluid .span12{width: 100%;*width: 99.94680851063829%;}
.row-fluid .span11{width: 91.45299145299145%;*width: 91.39979996362975%;}
.row-fluid .span10{width: 82.90598290598291%;*width: 82.8527914166212%;}
.row-fluid .span9{width: 74.35897435897436%;*width: 74.30578286961266%;}
.row-fluid .span8{width: 65.81196581196582%;*width: 65.75877432260411%;}
.row-fluid .span7{width: 57.26495726495726%;*width: 57.21176577559556%;}
.row-fluid .span6{width: 48.717948717948715%;*width: 48.664757228587014%;}
.row-fluid .span5{width: 40.17094017094017%;*width: 40.11774868157847%;}
.row-fluid .span4{width: 31.623931623931625%;*width: 31.570740134569924%;}
.row-fluid .span3{width: 23.076923076923077%;*width: 23.023731587561375%;}
.row-fluid .span2{width: 14.52991452991453%;*width: 14.476723040552828%;}
.row-fluid .span1{width: 5.982905982905983%;*width: 5.929714493544281%;}
.row-fluid .offset12{margin-left: 105.12820512820512%;*margin-left: 105.02182214948171%;}
.row-fluid .offset12:first-child{margin-left: 102.56410256410257%;*margin-left: 102.45771958537915%;}
.row-fluid .offset11{margin-left: 96.58119658119658%;*margin-left: 96.47481360247316%;}
.row-fluid .offset11:first-child{margin-left: 94.01709401709402%;*margin-left: 93.91071103837061%;}
.row-fluid .offset10{margin-left: 88.03418803418803%;*margin-left: 87.92780505546462%;}
.row-fluid .offset10:first-child{margin-left: 85.47008547008548%;*margin-left: 85.36370249136206%;}
.row-fluid .offset9{margin-left: 79.48717948717949%;*margin-left: 79.38079650845607%;}
.row-fluid .offset9:first-child{margin-left: 76.92307692307693%;*margin-left: 76.81669394435352%;}
.row-fluid .offset8{margin-left: 70.94017094017094%;*margin-left: 70.83378796144753%;}
.row-fluid .offset8:first-child{margin-left: 68.37606837606839%;*margin-left: 68.26968539734497%;}
.row-fluid .offset7{margin-left: 62.393162393162385%;*margin-left: 62.28677941443899%;}
.row-fluid .offset7:first-child{margin-left: 59.82905982905982%;*margin-left: 59.72267685033642%;}
.row-fluid .offset6{margin-left: 53.84615384615384%;*margin-left: 53.739770867430444%;}
.row-fluid .offset6:first-child{margin-left: 51.28205128205128%;*margin-left: 51.175668303327875%;}
.row-fluid .offset5{margin-left: 45.299145299145295%;*margin-left: 45.1927623204219%;}
.row-fluid .offset5:first-child{margin-left: 42.73504273504273%;*margin-left: 42.62865975631933%;}
.row-fluid .offset4{margin-left: 36.75213675213675%;*margin-left: 36.645753773413354%;}
.row-fluid .offset4:first-child{margin-left: 34.18803418803419%;*margin-left: 34.081651209310785%;}
.row-fluid .offset3{margin-left: 28.205128205128204%;*margin-left: 28.0987452264048%;}
.row-fluid .offset3:first-child{margin-left: 25.641025641025642%;*margin-left: 25.53464266230224%;}
.row-fluid .offset2{margin-left: 19.65811965811966%;*margin-left: 19.551736679396257%;}
.row-fluid .offset2:first-child{margin-left: 17.094017094017094%;*margin-left: 16.98763411529369%;}
.row-fluid .offset1{margin-left: 11.11111111111111%;*margin-left: 11.004728132387708%;}
.row-fluid .offset1:first-child{margin-left: 8.547008547008547%;*margin-left: 8.440625568285142%;}
input, textarea, .uneditable-input{margin-left: 0;font-family: 'Microsoft Yahei','PT Sans',Arial, Helvetica, sans-serif;}
.controls-row [class*="span"] + [class*="span"]{margin-left: 30px;}
input.span12, textarea.span12, .uneditable-input.span12{width: 1156px;}
input.span11, textarea.span11, .uneditable-input.span11{width: 1056px;}
input.span10, textarea.span10, .uneditable-input.span10{width: 956px;}
input.span9, textarea.span9, .uneditable-input.span9{width: 856px;}
input.span8, textarea.span8, .uneditable-input.span8{width: 756px;}
input.span7, textarea.span7, .uneditable-input.span7{width: 656px;}
input.span6, textarea.span6, .uneditable-input.span6{width: 556px;}
input.span5, textarea.span5, .uneditable-input.span5{width: 456px;}
input.span4, textarea.span4, .uneditable-input.span4{width: 356px;}
input.span3, textarea.span3, .uneditable-input.span3{width: 256px;}
input.span2, textarea.span2, .uneditable-input.span2{width: 156px;}
input.span1, textarea.span1, .uneditable-input.span1{width: 56px;}
.thumbnails{margin-left: -30px;}
.thumbnails > li{margin-left: 30px;}
.row-fluid .thumbnails{margin-left: 0;}
}
.fl{ float:left;}
.fr{ float:right;}
/*animate*/
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated.hinge{-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUpBig{0%{opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes fadeInUpBig{0%{opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.fadeInUpBig{-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}
@keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}
.fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut;}
/*totop*/
#toTop{z-index: 1555;display: none;text-decoration: none;position: fixed;bottom:8px;right:8px;overflow: hidden;width: 51px;height: 51px;border: none;text-indent: -999px;background: url(../images/ui.totop.png) no-repeat left top;}
#toTopHover{background: url(../images/ui.totop.png) no-repeat left -51px;width: 51px;height: 51px;display: block;overflow: hidden;float: left;}
#toTop:active, #toTop:focus{outline: none;}
/*products*/
.page-banner{ color:#fff; font-size:20px; background-position:center center; background-repeat:no-repeat;}
.page-banner .banner-wap{ display:none;}
/*cbp-so-scroller*/
.cbp-so-scroller{overflow: hidden; clear:both;}
.cbp-so-section{padding:0;}
.cbp-so-section.fr{ float:none;}
.cbp-so-section:before,
.cbp-so-section:after{content: " ";display: table;}
.cbp-so-section:after{clear: both;}
.cbp-so-section .text-content{max-width:460px;}
.cbp-so-section h2{ color:#0081CC; font-size:28px; font-weight:bold; line-height:1.25em;}
.cbp-so-section p{color:#454545; font-size:16px; line-height:1.5em; margin-top:30px;}
.cbp-so-section .act .btn{ padding:3px 15px; margin-top:50px;}
.cbp-so-side{width: 50%;float: left;margin: 0;padding:0;overflow: hidden;min-height: 12em;-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;-moz-transition: -moz-transform 0.5s, opacity 0.5s;transition: transform 0.5s, opacity 0.5s;}
.cbp-so-side:before,.cbp-so-side:after{content: " ";display: table;}
.cbp-so-side:after{clear: both;}
.cbp-so-img{ padding:110px 80px;}
.cbp-so-text{text-align: left;padding:180px 80px;}
.fr .cbp-so-img{ float:right;}
.fr .cbp-so-text{ float:left;}
.fr .cbp-so-text .text-content{ float:right;}
.cbp-so-side-left{text-align:left;}
.cbp-so-img .cbp-img{float:right; border-radius:8px;}
.fr .cbp-so-img .cbp-img{float:left;}
.cbp-so-init .cbp-so-side{opacity: 0;}
.cbp-so-init .cbp-so-img,.cbp-so-init.fr .cbp-so-text{-webkit-transform: translateX(-80px);-moz-transform: translateX(-80px);transform: translateX(-80px);}
.cbp-so-init .cbp-so-text,.cbp-so-init.fr .cbp-so-img{-webkit-transform: translateX(80px);-moz-transform: translateX(80px);transform: translateX(80px);}
.cbp-so-section.cbp-so-animate .cbp-so-img,.cbp-so-section.cbp-so-animate .fr .cbp-so-text{-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
.cbp-so-section.cbp-so-animate .cbp-so-text,.cbp-so-section.cbp-so-animate .fr .cbp-so-img{-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
.bg-gray{background: #f9fafc;}
/*swiper*/
.slider_banner {position:relative;overflow:hidden;}
.swiper-container-no-flexbox .swiper-slide {float:left }
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column }
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap }
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto }
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform }
.swiper-invisible-blank-slide {visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height:auto }
.swiper-container-autoheight .swiper-wrapper {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:transform, height;transition-property:transform, height, -webkit-transform }
.swiper-container-3d {-webkit-perspective:1200px;perspective:1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {-webkit-transform-style:preserve-3d;transform-style:preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left {background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right {background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top {background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom {background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {-ms-touch-action:pan-y;touch-action:pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {-ms-touch-action:pan-x;touch-action:pan-x }
.swiper-button-next, .swiper-button-prev {position:absolute;top:50%;width:55px;height:55px;line-height: 55px;text-align: center;margin-top:-27px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size: 30px;background-color: #fff;border-radius: 2px;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {}
.swiper-container:hover .swiper-button-prev {left:30px;}
.swiper-container:hover .swiper-button-next {right:30px;}
.swiper-button-next,.swiper-button-prev{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {cursor:auto;/*pointer-events:none;*/opacity: 0.15;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:10px;right:auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-size:cover;right:10px;left:auto }
.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before{content: '\e6db';}
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before{content: '\e6a3';}
.swiper-button-lock {display:none }
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:3 }
.swiper-pagination.swiper-pagination-hidden {opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;left:0;width:100% }
.swiper-pagination-bullets-dynamic {overflow:hidden;font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) }
.swiper-pagination-bullet {width:10px;height:10px;display:inline-block;vertical-align:middle;border-radius:100%;background:#eee;margin: 0 5px;}
button.swiper-pagination-bullet {border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer }
.swiper-pagination-bullet-active {background:#042d4e;}
.swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;-webkit-transition:.2s top, .2s -webkit-transform;
transition:.2s top, .2s -webkit-transform;-o-transition:.2s transform, .2s top;transition:.2s transform, .2s top;transition:.2s transform, .2s top, .2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 8px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s left, .2s -webkit-transform;
transition:.2s left, .2s -webkit-transform;-o-transition:.2s transform, .2s left;transition:.2s transform, .2s left;transition:.2s transform, .2s left, .2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s right, .2s -webkit-transform;transition:.2s right, .2s -webkit-transform;-o-transition:.2s transform, .2s right;transition:.2s transform, .2s right;transition:.2s transform, .2s right, .2s -webkit-transform}
.swiper-pagination-progressbar {background:rgba(0, 0, 0, .25);position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top }
.swiper-container-horizontal{overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar {width:100%;height:4px;left:0;top:0 }
.swiper-container-vertical>.swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0 }
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff;width: 15px;height: 15px;}
.swiper-pagination-progressbar.swiper-pagination-white {background:rgba(255, 255, 255, .25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background:#fff }
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000 }
.swiper-pagination-progressbar.swiper-pagination-black {background:rgba(0, 0, 0, .25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background:#000 }
.swiper-pagination-lock {display:none }
.swiper-scrollbar {border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98% }
.swiper-container-vertical>.swiper-scrollbar {position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98% }
.swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0 }
.swiper-scrollbar-cursor-drag {cursor:move }
.swiper-scrollbar-lock {display:none }
.swiper-zoom-container {width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain }
.swiper-slide-zoomed {cursor:move }
.swiper-lazy-preloader {width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after {display:block;content:'';width:100%;height:100%; background-position:50%;background-size:100%;background-repeat:no-repeat }
.swiper-lazy-preloader-white:after { }
@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out }
.swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity }
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto }
.swiper-container-cube {overflow:visible }
.swiper-container-cube .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100% }
.swiper-container-cube .swiper-slide .swiper-slide {pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events:auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {pointer-events:auto;visibility:visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden }
.swiper-container-cube .swiper-cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0 }
.swiper-container-flip {overflow:visible }
.swiper-container-flip .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1 }
.swiper-container-flip .swiper-slide .swiper-slide {pointer-events:none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden }
.swiper-container-coverflow .swiper-wrapper {-ms-perspective:1200px }
/*banner*/
@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}
to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.banner{position: relative;width: 100%;margin-top:0;overflow: hidden;}
.banner .ban_bg{position: absolute;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-position: center;background-size: cover;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.banner .ban_bg.animation{-webkit-animation: fadeInscale 2s;animation: fadeInscale 2s;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.banner .swiper-slide{zoom: 1;vertical-align: middle;height:516px;overflow: hidden;}
@-webkit-keyframes fadeInscale{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 fadeInscale{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);}}
.fadeInscale{-webkit-animation-name: fadeInscale;animation-name: fadeInscale;transform-origin: 50% 50%;}
.banner .banner-pagination{bottom: 20px;left: 0;width: 100%;}
.banner .layout{display: -webkit-box;display: -ms-flexbox;display: flex;display: -ms-flex;display: -moz-flex;display: -o-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;position: relative;}
.banner .swiper-pagination-bullet{width: 30px;height: 3px;background-color: #eee;opacity: 0.3;margin: 0 5px;border-radius: 0;}
.banner .swiper-pagination-bullet-active{width: 60px;opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active:after{content: '';background-color: #042d4e;}
.banner .banner-index .box{position: relative;color: #fff;z-index: 2;flex: 1; padding-left:20%; padding-right:20%;}
.banner .banner-index.black .box{color: #000;}
.banner .banner-index.right .box{ text-align:right;}
.banner .banner-index.center .box{ text-align:center;}
.banner .banner-index.left .box{ text-align:left;}
.banner .banner-index .box .btext{font-size:48px;line-height:1.25em;vertical-align:middle;margin-bottom:20px;}
.banner .banner-index .box .big{font-size:96px; line-height:1em;vertical-align:middle;display:inline-block;}
.banner .banner-index .box .small{font-size:16px; line-height:1.5em; text-align:left;vertical-align:middle;padding-left:5px; display:inline-block;}
.banner .banner-index .box .mtext{font-size:32px;font-family: 'Barlow-Bold',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;line-height:1.25em;letter-spacing:5px;margin-bottom:20px;}
.banner .banner-index .box .mtext .timg{ width:auto; height:42px; vertical-align:text-top;}
.banner .banner-index .box .stext{font-size:15px;line-height:1.25em;margin-bottom:10px;}
.banner .banner-index .box .stext big{font-size:24px; margin-bottom:10px; display:inline-block;}
.banner .banner-index .box .btn-link{ color:#fff; font-size:12px; line-height:1.25em; text-decoration:none; padding:6px 20px; border:1px solid #042d4e; background-color:#042d4e; margin-top:10px; display:inline-block;}
.banner .banner-index .box .btn-link:hover{ border:1px solid #05407a; background-color:#05407a; cursor:pointer;}
.uppercase{text-transform:uppercase!important;}
.letter-spacing{letter-spacing:2px;}
.color-gray{ color:#e0e0e0;}
.color-dark{ color:#666;}
.banner .banner-index .box .bg-gray{ padding:3px 20px; background-color:rgba(0,0,0,0.2); display:inline-block;}
.banner .item{opacity: 0;}
.banner .item.animated{opacity: 1;}
.banner .number{position: absolute;bottom: 65px;left: 85px;font-weight: bold;font-family: Arial;font-size: 48px;color: #2262af;opacity: .22}
.banner .click_bot{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
/*responsive*/
@media all and (max-width:1420px){
.banner .banner-pagination{bottom: 10px;}
}
@media only screen and (max-width:1230px) and (min-width:1201px){
.page-container #content{ padding-left:15px; padding-right:15px;}
.page-container #content .container{ width:100%;}
}
@media only screen and (max-width:1200px){
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{ max-width:100%; overflow-x:hidden;}
.container nav #mainmenu li{margin-left:0;}
.slider_text{padding-top: 20px;}
.cbp-so-text{ padding:10% 5%;}
.cbp-so-img{ padding:8% 5%;}
.cbp-so-section h2{ font-size:24px;}
.cbp-so-section .type{ font-size:20px;}
.cbp-so-section .type span{padding:5px 25px;border-radius:15px;}
.banner .banner-index .box .btext{font-size: 36px;}
.banner .banner-index .box .mtext{font-size: 24px;}
.banner .banner-index .box .stext{font-size: 18px;}
.banner .banner-index .box .mtext .timg{ height:32px;}
.banner-wrap{ margin-top:72px;}
.banner-wrap .banner-img{height: 320px;}
.banner-wrap .box .catname{ font-size:36px;}
.banner-wrap .box p{ font-size:18px;margin-top:15px;}
}
@media only screen and (max-width:979px){
.logo-item{ margin-left:30px;}
.navbar-default .navbar-nav > li > a{ min-width:108px;}
.container nav #mainmenu a{padding: 8px;}
.subfooter .span6{ width:100%; line-height:1.5em; text-align:center; clear:both;}
.subfooter ul{ float:none; text-align:center; margin-top:10px; clear:both;}
.subfooter ul li{ float:none; text-align:center; display:inline-block;}
.cbp-so-text{ padding:8% 5%;}
.cbp-so-img .cbp-img{ max-width:100%; height:auto;}
.cbp-so-section h2{font-size:24px;}
.cbp-so-section p{font-size:14px;margin-top:20px;}
.cbp-so-section .act .btn{margin-top:20px;}
.banner .banner-index .box .btext{font-size: 32px;}
.banner .banner-index .box .mtext{font-size: 24px;}
.banner .banner-index .box .stext{font-size: 18px;}
.banner .banner-index .box .stext big{font-size: 24px;}
}
@media only screen and (max-width: 767px){
#mainmenu{display: none;}
.container{padding: 0 20px 0 20px;}
.subfooter{padding: 20px 0;}
.subfooter li{padding: 0 13px 0 0px;}
#toTop{width: 35px;height: 35px;background: url(../images/ui.totop_small.png) no-repeat left top;}
#toTopHover{width: 35px;height: 35px;background: url(../images/ui.totop_small.png) no-repeat left -35px;}
.cbp-so-side{float: none;width: 100%;}
.cbp-so-text{ padding:3% 5% 10% 5%;}
.cbp-so-img{ float:none; text-align:center; padding:5% 5% 0; display:inline-block;}
.cbp-so-img .cbp-img{float:none;max-width: 100%; text-align:center!important; display:inline-block;}
.cbp-so-section h2 {font-size:20px;}
.detail-scroller .cbp-so-section{ background:none;}
.detail-scroller .cbp-so-section:last-child{ background:none;}
.detail-scroller .cbp-so-img{padding:30px 60px;}
.page-banner .banner-wap{ display:block;}
.page-banner .banner-pc{ display:none;}
.cert-item{display:none;}
header .navbar-static-top{ margin-left:0; margin-right:0;}
header .container > .navbar-header{ margin-left:0; margin-right:0;}
header .navbar-nav{ margin-left:0; margin-right:0;}
.logo-item{margin-left: 15px;}
.banner{ display:none;}
.banner .banner-index .box{padding-left:5%;padding-right:5%; margin-top:-5%;}
.banner .banner-index .box .btext{margin: 0 auto 20px;font-size:28px;}
.banner .banner-index .box .mtext{font-size: 20px;}
.banner .banner-index .box .stext{font-size: 16px;}
.banner .banner-index .box .stext big{font-size: 20px;}
.banner-wrap .banner-img{height: 280px;}
.banner-wrap .box .catname{ font-size:26px;}
.banner-wrap .box p{ font-size:16px;margin-top:10px;}
}
@media only screen and (max-width:639px){
}
@media only screen and (max-width:479px){
.btn-extra-large {padding:6px 15px;line-height: 24px;}
.cbp-so-scroller{ padding-bottom:20px;}
.cbp-so-scroller .block-title{padding-right:5%; padding-left:5%;}
.cbp-so-scroller .cbp-so-side img{padding-right:5%; padding-left:5%;}
.cbp-so-scroller .cbp-so-side-right img{ margin-left:10%; padding-right:0px!important;}
.cbp-so-scroller .cbp-so-side-left img{ margin-right:10%; padding-left:0px!important;}
.cbp-so-scroller h1{ font-size:3em;}
.cbp-so-scroller .text-center,.cbp-so-scroller .cbp-so-side-left_txt{ text-align:left;}
.banner .banner-index .box .btext{font-size:24px;}
.banner .banner-index .box .mtext{font-size: 18px;}
.banner .banner-index .box .stext{font-size: 14px;}
.banner .banner-index .box .stext big{font-size: 18px;}
.banner-wrap .banner-img{height:240px;}
.banner-wrap .box .catname{ font-size:22px;}
.banner-wrap .box p{ font-size:14px;margin-top:5px;}
}
@media only screen and (max-width:419px){
}
@media only screen and (max-width:359px){
.detail-scroller .cbp-so-img{padding:10px 20px;}
.detail-scroller .cbp-so-text {padding:10px 20px;}
}