/*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: 1230px){
.row{margin-left:0;*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;}
/*header*/
header{position:fixed; top:0; background:transparent;width: 100%;z-index: 100;-webkit-transition: linear .3s;-moz-transition: linear .3s;-ms-transition: linear .3s;-o-transition: linear .3s;transition: linear .3s; z-index:9999;}
header.fixed{ background:rgba(0,129,204,0.9);}
#logo{float: left;}
#logo .inner{display: table-cell;vertical-align: middle;height: 60px;}
#logo .inner .logo{ width:260px; height:24px; text-indent:-9999em; background:url(../images/logo.png?v=1120) left center no-repeat; background-size:auto 24px; display:inline-block; z-index:999999;}
.container nav #mainmenu{font-weight: bold;letter-spacing: 0px;float: right;height: 50px;}
.container nav #mainmenu ul{float: right;margin: 0px 0px;padding: 0px 0px;height: 30px;}
.container nav #mainmenu li{margin: 0 0 0 10px;padding: 0px 0px;float: left;display: inline;list-style: none;position: relative;}
.container nav #mainmenu a{color: #fff; font-size:16px;line-height: 35px;text-align:center; font-weight:normal;text-decoration: none;padding: 12px 20px 13px 20px;display: block;}
.container nav #mainmenu .topa:hover,.container nav #mainmenu li.active .topa{color:#fff;}
.container nav #mainmenu a::before{position: absolute;content: '';width: 0;height: 1px;background-color:rgba(255,255,255,0.8);bottom:10px;left:27%;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.container nav #mainmenu li.active .topa::before,.container nav #mainmenu li:hover .topa::before{width:46%;}
.container nav #mainmenu li li{font-size: 12px;font-weight: normal;margin:0;}
.container nav #mainmenu li li:last-child{border-bottom: none;}
.container nav #mainmenu li li a{width:100%;color: #fff; font-size:14px; text-align:left;padding: 2px 20px;background:rgba(14,195,247,0.5);border-bottom: solid 1px rgba(14,195,247,0.8); display:block;}
.fixed .container nav #mainmenu li li a{background:rgba(0,129,204,0.9);}
.container nav #mainmenu li li li a{padding: 2px 15px 2px 15px;background: #727272;}
.container nav #mainmenu li li a:hover{color: #fff;background: #0081CC;}
.container nav #mainmenu li ul{width: 155px;height: auto;position: absolute;top: 100%;margin-top: 0px;left:18px;z-index: 10;display: none;}
.container nav #mainmenu li li{display: block;float: none;}
.container nav #mainmenu li:hover > ul{display: block;}
.container nav #mainmenu li ul ul{left: 100%;top: 0px;}
.container nav #mainmenu li:hover > ul{color: #0081CC;}
.container nav #mainmenu select{padding: 10px;height: 36px;font-size: 14px;border: none;background: #ff4200;color: #fff;}
.container nav #mainmenu select option{padding: 10px;}
.page header{ background:#fff; box-shadow: 0px 2px 8px 0px rgba(0, 129, 204, 0.1);}
.page header #logo .inner .logo{background:url(../images/logo-blue.png?v=1120) left center no-repeat; background-size:260px auto;}
.page header .container nav #mainmenu a{ color:#333;}
.page .container nav #mainmenu a::before{ background-color:#0081CC;}
.page header .container nav #mainmenu .topa:hover,.page header .container nav #mainmenu li.active .topa{color:#0081CC;}
.page header .container nav #mainmenu li ul{background:#fff;box-shadow: 0px 2px 8px 0px rgba(0, 129, 204, 0.1);box-shadow: 0px 2px 8px 0px rgba(0, 129, 204, 0.1);}
.page header .container nav #mainmenu li li a{border-bottom: solid 1px #eee;background:#fff;}
.page header .container nav #mainmenu li li:last-child a{ border-bottom:0;}
.page header .container nav #mainmenu li li a:hover{color: #0081CC;background: #f8f8f8;}
.page header.fixed .container nav #mainmenu li li a{background:#fff;}
.page .mean-container a.meanmenu-reveal span{background:#0081CC;}
.page .mean-container a.meanmenu-reveal{color:#0081CC;}
/*phone nav*/
a.meanmenu-reveal{display: none;}
.mean-container .mean-bar{float: left;width: 100%;position: relative;padding: 0;min-height: 60px;z-index: 99999;}
.mean-container a.meanmenu-reveal{width: 22px;height: 22px;padding: 13px 13px 11px 13px;position: absolute;top: 5px;right: 0;cursor: pointer;color: #fff;text-decoration: none;font-size: 16px;text-indent: -9999em;line-height: 22px;font-size: 1px;display: block;font-family: Arial, Helvetica, sans-serif;font-weight: 700;}
.mean-container a.meanmenu-reveal span{display: block;background: #fff;height: 3px;margin-top: 3px;}
.mean-container .mean-nav{float: left;width: 100%;background: rgba(0,129,204,0.9);margin-top: 60px;}
.mean-container .mean-nav #mainmenu{ height:auto;}
.mean-container .mean-nav ul{padding: 0;margin: 0;width: 100%;background: rgba(0,129,204,0.9);list-style-type: none;}
.mean-container .mean-nav ul li{position: relative;float: left;width: 100%;}
.mean-container .mean-nav ul li a{display: block;float: left;width: 90%;padding: 1em 5%;margin: 0;text-align: left;color: #fff;border-top: 1px solid #f1f1f1;border-top: 1px solid rgba(255,255,255,0.4);text-decoration: none;text-transform: uppercase;}
.mean-container .mean-nav ul li li a{width: 80%;padding: 0.5em 10%;border-top: 1px solid #f1f1f1;border-top: 1px solid rgba(255,255,255,0.2);visibility: visible;}
.mean-container .mean-nav ul li.mean-last a{border-bottom: none;margin-bottom: 0;}
.mean-container .mean-nav ul li li li a{width: 70%;padding: 1em 15%;}
.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:#005f97;background:rgba(0,91,145,0.9);}
.mean-container .mean-nav ul li a.mean-expand{margin-top: 1px;width: 26px;height: 24px;padding: 12px !important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700;background: rgba(255,255,255,0.1);border: none !important;border-left: 1px solid rgba(255,255,255,0.4) !important;border-bottom: 1px solid rgba(255,255,255,0.2) !important;}
.mean-container .mean-nav ul li a.mean-expand:hover{background:#005f97;background:rgba(0,91,145,0.9);}
.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;}
/*footer*/
footer{color: #000; font-size:13px; padding: 0px 0 40px 0;background: #727272; clear:both;}
footer a{color: #000;}
footer a:visited{color: #000;}
footer a:hover{color: #333;}
.subfooter{font-size: 12px;border-top:solid 1px #f2f2f2;margin: 0px 0 -40px 0;padding: 27px 0;background: #f2f2f2;}
.subfooter .span6{ margin-left:0;}
.subfooter .span6+.span6{ float:right;}
.subfooter ul{float: right;margin: 0;padding: 0;}
.subfooter li{display: inline;padding: 0 6px;border-left: solid 0px #404040;}
.subfooter a{color: #666!important;}
.subfooter a.black{color: #000!important;}
.subfooter a:hover{color: #000!important; text-decoration:none;}
/*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 .container{ position:relative;}
.page-banner .catname{ position:absolute; left:60px; top:50%; margin-top:-80px;}
.page-banner .catname h1{ color:#fff; font-size:44px; font-weight:bold; line-height:1.75em; padding-bottom:10px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.page-banner .catname p{word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.page-banner-detail .catname{left:0; top:35%; width:100%; text-align:center;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.page-banner-detail .catname h1{font-size:36px; font-weight:normal;}
/*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;}
.page-container-8 .cbp-so-section h2{max-width: 80%;}
.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;}
/*products detail*/
.page-detail-container{ padding-top:100px; padding-bottom:80px; clear:both;}
.page-detail-container .cbp-so-section h2{ color:#333;}
.detail-scroller{}
.detail-scroller .cbp-so-img{position:relative; padding:60px 60px;}
.detail-scroller .cbp-so-text{position:relative; padding:60px 80px; overflow: visible;}
.detail-scroller .cbp-so-section .act .btn{margin-top:35px;}
.detail-scroller .cbp-so-section{ background:url(../images/icon-dot-blue.jpg) center center repeat-y;}
.detail-scroller .cbp-so-section:last-child{ background:url(../images/icon-dot-blue.jpg) center top no-repeat;}
.detail-scroller .cbp-so-section .text-content{max-width:500px;}
.cbp-so-section .icon-cicle{position:absolute; left:-5px; top:0;}
.cbp-so-section .icon-cicle.icon-line{width: 10px;height: 100px;background:url(../images/bg-line.jpg) center top no-repeat;}
.cbp-so-section .icon-line-bt{position:absolute; left:-5px; bottom:0; width: 10px;height:500px;background:url(../images/bg-line.jpg) center bottom no-repeat; z-index:9;}
.cbp-so-section .icon-cicle span{position:absolute; left:-57px; top:80px; width:124px; height:124px; background:url(../images/bg-cicle.jpg) center top no-repeat; z-index:9;}
.cbp-so-section.fr .icon-cicle{left:auto; right:-5px;}
.cbp-so-section.fr .icon-cicle span{ left:auto; right:-57px;}
.cbp-so-section .type{ font-size:24px; line-height:1.5em; margin-bottom:50px; clear:both;}
.cbp-so-section .type span{ color:#fff;background: #0081CC;border-radius: 22px; padding:6px 35px; display:inline-block;}
.cbp-so-section .featurelist{margin-top:30px; clear:both;}
.cbp-so-section .featurelist ul li{ font-size:16px; line-height:1.5em; padding-top:8px; padding-bottom:8px; padding-left:30px; background:url(../images/icon-dot-li.png) left center no-repeat;}
.detail-scroller .fr .cbp-so-text .text-content{ text-align:right;}
.detail-scroller .fr .featurelist ul li{ padding-right:30px; background-position:right center;}
/*advant-list*/
.advant-list{ clear:both;}
.advant-list.float{ position:relative; padding-right:360px;}
.advant-list .img-float{ position:absolute; right:0; top:0; padding:50px 30px; border:1px solid #ddd; 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;}
.advant-list .img-float:hover{border:1px solid #ccc;}
.advant-list .img-float img{ max-width:260px; height:auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.advant-list .img-float:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.advant-list ul{ padding-top:10px; padding-bottom:10px; clear:both;}
.advant-list ul li{ font-size:14px; line-height:1.5em; margin-bottom:10px; padding-left:25px; background:url(../images/icon-dot-li.png) left 5px no-repeat;}
.advant-list.high-lineheight ul li{margin-bottom:30px;}
/*cases*/
.case-wrap{ padding-top:100px; padding-bottom:100px;}
.post-list{}
.case-list{ padding:60px;}
.post-list li{ padding-top:60px; padding-bottom:60px; border-bottom:1px solid #eee;}
.post-list li .post-image{ float:left; width:420px; height:260px; border-radius: 4px; box-shadow: 0px 4px 24px 10px rgba(1, 128, 204, 0.1); overflow:hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post-list li .post-image:hover{ box-shadow: 0px 4px 24px 10px rgba(1, 128, 204, 0.15);}
.post-list li .post-image a{ display:block;}
.post-list li .post-image img{ width:420px; height:auto;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;}
.post-list li .post-image a:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.post-list li .post-text{ float:right; width:520px; padding-right:80px;}
.post-list li .post-text h3{ color:#000; font-size:18px; font-weight:bold; line-height:1.75em;}
.post-list li .post-text h3 a{ color:#000;}
.post-list li .post-text h3 a:hover{ color:#0081CC; text-decoration:none;}
.post-list li .post-text p{ color:#000; font-size:14px; line-height:1.75em;}
.post-list li .post-text .btn{ font-size:12px; margin-top:50px;}
.post-list li .post-text .post-metas{ color:#000; font-size:14px; font-weight:bold; margin-top:15px;}
.post-list li .post-text .post-metas span{ margin-right:10px;}
/*pagenav*/
.pagenav {display:inline-block;border-radius: 4px;text-align:center;}
.pagenav > a,.pagenav span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;}
.pagenav span {background-color: #eeeeee;}
.pagenav span.morepage{background-color: #ffffff;}
.pagenav a.a1:first-child{margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagenav a.a1:last-child {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagenav a:hover,
.pagenav span:hover,
.pagenav a:focus,
.pagenav span:focus {background-color: #eeeeee;}
/*page*/
.page{}
.page .page-container{ margin-top:135px; margin-bottom:100px;}
.sidebar{ width:230px;}
.sidebar.fl{ margin-left:0;}
.widget{margin-bottom: 25px;}
.widget h2{ color:#333;font-size: 16px; line-height:36px; letter-spacing: normal; font-weight:bold; padding:5px 35px; margin-top: 0; margin-bottom:40px; background:#f6f8fb;border-radius: 4px;}
.widget ul{list-style: none;margin: 0;}
.widget-group{box-shadow: 0px 4px 24px 10px rgba(1, 128, 204, 0.1);border-radius: 4px; margin-top:10px; clear:both;}
.widget-category ul{ padding-top:15px; padding-bottom:20px;}
.widget-category li{ clear:both;}
.widget-category li a{color: #333;font-size: 16px;line-height:28px;padding:10px 35px;display: block;}
.widget-category li a:hover,.widget-category li.active a{color:#0081CC;background-color:#f5f7fa;text-decoration: none;}
.widget-category li.cur a{color: #555;background-color:#f8f8f8;}
.widget-text{ text-align:center; border-top:1px solid #ddd;padding:25px 30px 35px;}
.widget-text h5{ font-size:16px; line-height:24px; font-weight:normal;}
.icons-tel{ margin-left:15px; padding-left:5px; background:url(../images/icon-tel.png) left center no-repeat;}
.widget-text p{color:#0081CC; font-size:23px; font-weight:bold;}
.main-content{ width:920px;}
.main-content.span12{ width:100%;}
.cat-title{color:#333;font-size: 16px; line-height:36px; letter-spacing: normal; font-weight:bold; padding:5px 60px; margin-top: 0; margin-bottom:10px; background:#f6f8fb;border-radius: 4px;}
.post-content{ font-size:16px; line-height:1.75em; text-align:justify; box-shadow: 0px 4px 24px 0px rgba(0, 129, 204, 0.1);border-radius: 4px; padding:50px 60px; margin-top:40px; clear:both;}
.post-content h3{font-size:18px; line-height:1.75em; font-weight:bold;}
.post-content p{ margin-bottom:25px;}
.post-content p.small{ font-size:14px; line-height:1.5em;}
.post-content img{ max-width:100%; height:auto!important;}
.post-content .post-meta{ color:#999; font-size:14px; margin-bottom:40px;}
.post-content .post-meta span{ margin-left:5px; margin-right:5px;}
.post-content .post-meta span i{ margin-right:5px;}
.paragraph{ position:relative;}
.paragraph-line::before {position: absolute; top:7px;left:-20px; content: ''; width:2px;height:40px;background-color: #0081CC;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.paragraph-line-2::before {position: absolute; top:7px;left:-20px; content: ''; width:2px;height:20px;background-color: #0081CC;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.paragraph-line-all::before {position: absolute; top:7px;left:-20px; content: ''; width:2px;height:90%;background-color: #0081CC;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.border-bottom-line{ border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px;}
.paragraph-line p{ margin-bottom:0;}
.paragraph-line p+p{ margin-top:25px;}
.post-meta-share{margin: 10px 0;padding-bottom: 10px;border-bottom: solid 1px #ddd;}
.single-pagination > span{width:50%;}
.single-pagination > span a:hover{background-color:#FAFAFA;outline:none;text-decoration: none;}
.single-pagination > span a:hover span{color:#666;}
.single-pagination a{color: #666;font-size:14px;font-weight: 200;}
.single-pagination a:hover{ color:#0081CC;}
.single-pagination a span{color: #999;font-style:normal;font-weight: bold;}
.nav-prev{ float:left; }
.nav-prev .tab_attachment{ float:left; }
.nav-prev a[rel="prev"]{  display: block;padding: 20px;position: relative;text-align: left;}
.nav-next{ float:right; }
.nav-next .tab_attachment{ float:right; }
.nav-next a[rel="next"]{  display: block;padding: 20px;position: relative;text-align: right;}
.nav-prev i{ float:none; margin-right:6px; background:url(../images/icon-left.png) left center no-repeat;}
.nav-next i{ float:none; margin-left:6px; background:url(../images/icon-right.png) right center no-repeat;}
.nav-next i{ padding-left:10px; margin-right:0px;}
/*news*/
.news-list{ margin-top:-30px; margin-bottom:30px;}
.news-list li {padding-top:40px;padding-bottom:40px;}
.news-list li .post-image{ width:240px; height:160px;}
.news-list li .post-image img{ width:240px; height:auto;}
.news-list li .post-text{ width:530px;padding-right:0;}
.news-list li .post-text.span12{ width:100%;padding-right:0;}
.news-list li .post-text h3{ font-size:16px;}
.news-list li .post-text p{ color:#999; font-size:14px; line-height:1.5em; margin-bottom:15px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.news-list li .post-text .post-metas{margin-top:20px;}
.icons-time{ color:#666; padding-left:26px; background:url(../images/icon-time.png) left center no-repeat;}
.news-list li .post-text .btn{margin-top:25px;}
/*contact*/
.qrcode-content{ font-size:14px; clear:both;}
.qrcode-img{}
.qrcode-text{ line-height:1.5em; margin-left:25px; padding-top:75px;}
/*parameter-list*/
.parameter-list{ clear:both;}
.parameter-list h3{ position:relative; padding-left:40%;}
.parameter-list h3 em{ position:absolute; left:0; top:0; width:38%; font-style:normal;}
.parameter-list ul li{ position:relative; font-size:14px; line-height:1.5em; padding:12px; padding-left:40%; clear:both;}
.parameter-list ul li:hover{ background:#f1fffc;}
.parameter-list ul li:nth-child(odd){background: #f5f7fa;}
.parameter-list ul li:nth-child(odd):hover{background:#f1f6ff;}
.parameter-list ul li em{ position:absolute; left:10px; top:10px; width:38%; font-style:normal;}
/*columns-list*/
.columns-list{ padding-bottom:40px; clear:both;}
.columns-list .columns-item{ width:33.33%; text-align:center;}
.columns-list .columns-item.dl{ color:#333; font-size:14px; line-height:1.5em; text-align:center; padding-top:50px;}
.columns-list .columns-item.dl .qrcode-img{ border:1px solid #ccc; border-radius:5px; padding:2px;}
/*features-list*/
.features-list{ padding-top:260px; padding-bottom:50px; background-position:center top; background-repeat:no-repeat; clear:both;}
.features-list ul{ padding-left:50px; padding-right:50px;}
.features-list ul li{ float:left; width:50%; padding:25px 55px;}
.features-list ul li .features-item{ font-size:14px; line-height:1.75em; padding:25px;box-shadow: 0px 4px 24px 0px rgba(0, 129, 204, 0.1);border-radius: 4px; background-position:right bottom; background-repeat:no-repeat;}
.features-list ul li:nth-child(odd) .features-item{ margin-top:60px;}
.features-list ul li:nth-child(3) .features-item{ margin-top:10px;}
.features-list ul li:nth-child(odd){ clear:left;}
.features-list ul li:nth-child(even){ clear:right;}
.icons-feature-001{ background-image:url(../images/icon-feature-001.png);}
.icons-feature-002{ background-image:url(../images/icon-feature-002.png);}
.icons-feature-003{ background-image:url(../images/icon-feature-003.png);}
.icons-feature-004{ background-image:url(../images/icon-feature-004.png);}
.features-list ul li .features-item h4{ font-size:16px; font-weight:bold; margin-bottom:15px; padding-left:25px; background:url(../images/icon-dot-li.png) left center no-repeat;}
.features-list ul li:nth-child(odd) .features-item h4{background:url(../images/icon-dot-li-2.png) left center no-repeat;}
.features-list ul li .features-item p{ margin-bottom:15px;}
.qrcode-gray{ text-align:center; padding:40px 0; clear:both;}
.qrcode-gray .qrcode-gray-content{ min-width:260px; font-size:14px; line-height:1.5em; padding:25px; margin:0 auto;background: #F5F7FA;border-radius: 4px; display:inline-block;}
.qrcode-gray .qrcode-gray-content p{ margin-bottom:5px;}
/*advantage-list*/
.advantage-list{ clear:both;}
.advantage-list ul{ padding:0 50px;}
.advantage-list ul li{ float:left; width:33.33%; padding:50px 65px;}
.advantage-list ul li .advantage-item{ width:104px; height:104px; text-align:center; border-radius:52px; padding-top:2px; background: #fff;box-shadow: 0px 4px 24px 10px rgba(1, 128, 204, 0.05);}
.advantage-list ul li:hover .advantage-item{box-shadow: 0px 4px 24px 10px rgba(1, 128, 204, 0.1);}
.advantage-list ul li .advantage-item h4{ color:#ED6C00; font-size:34px; font-weight:bold; line-height:1.5em; margin-bottom:0;}
.advantage-list ul li .advantage-item p{ font-size:12px;}
.advantage-cnontent{ margin-top:50px; margin-bottom:50px; padding-left:50%; background-position:50px center; background-repeat:no-repeat; clear:both;}
.advantage-cnontent ul li{ margin-bottom:30px; clear:both;}
.advantage-cnontent ul li .advantage-cnontent-item h4{ font-size:14px; font-weight:bold; margin-bottom:5px; padding-left:25px; background:url(../images/icon-dot-li.png) left center no-repeat;}
.advantage-cnontent ul li:nth-child(odd) .advantage-cnontent-item h4{background:url(../images/icon-dot-li-2.png) left center no-repeat;}
.advantage-cnontent ul li .advantage-cnontent-item p{ color:#666; font-size:12px; line-height:24px; padding-left:28px;}
/*advantage-items*/
.advantage-items{ position:relative; width:100%; height:360px; background:url(../images/bg-services.png) center 30px no-repeat; background-size:100% auto; clear:both;}
.advantage-items ul{ padding:20px 20px 20px 120px;}
.advantage-items ul li{ float:left; width:33.33%;}
.advantage-items ul li .items-text{ padding-right:60px;}
.advantage-items ul li .items-text h4{ color:#0081CC; line-height:1.5em; font-weight:bold;}
.advantage-items ul li .items-text .bg-cicle{ width:72px; height:72px; font-size:32px; text-align:center; padding:20px 5px; border-radius:40px; box-shadow: 0px 4px 24px 10px rgba(1, 128, 204, 0.1); background-color:#fff; display:inline-block;}
.advantage-items ul li .items-text .bg-cicle:hover{box-shadow: 0px 4px 24px 10px rgba(1, 128, 204, 0.15);}
.advantage-items ul li .items-text .bg-cicle.big{ margin-top:95px;}
.advantage-items ul li .items-text .bg-cicle.medium{ width:60px; height:60px;font-size:28px; padding:15px 5px; margin-top:35px;}
.advantage-items ul li .items-text .bg-cicle.small{ width:52px; height:52px; font-size:22px; padding:12px 5px; margin-top:0;}
.advantage-items ul li .items-text .bg-cicle.stext{font-size:16px;padding:18px 5px;}
.advantage-items ul li .items-text .bg-cicle.stext.small{ padding:12px 5px;}
.advantage-items ul li .items-text p{max-width:150px; color:#333; font-size:12px; line-height:1.5em; padding:10px; margin-bottom:5px; background-color:#fff; box-shadow: 0px 4px 24px 0px rgba(0, 129, 204, 0.1);display: inline-block;}
.advantage-items ul li .items-text p:hover{ box-shadow: 0px 4px 24px 0px rgba(0, 129, 204, 0.15);}
.advantage-items-four{ background-position:center -10px;}
.advantage-items-four ul{padding: 20px 20px 20px 60px;}
.advantage-items-four ul li{width:25%;}
.advantage-items-four ul li .items-text{ padding-right:10px;}
.advantage-items-four ul li .items-text p{max-width:190px;}
.advantage-items-four ul li .items-text .bg-cicle.items-1{margin-top:95px;}
.advantage-items-four ul li .items-text .bg-cicle.items-2{margin-top:65px;}
.advantage-items-four ul li .items-text .bg-cicle.items-3{margin-top:15px;}
.advantage-items-four ul li .items-text .bg-cicle.items-4{margin-top:-25px;}
/*course-time*/
.table-responsive{width: 100%;min-height: 0.01%;-ms-overflow-style: -ms-autohiding-scrollbar;overflow-x:auto;overflow-y: hidden;}
.table-responsive table{min-width:798px;width: 100%;margin-left:0px;color:#333;border-collapse: collapse;}
table.table-bordered th,table.table-bordered td {border: 1px solid #eee;}
table.table-hover tbody td:hover { background:#eee;}
.course-time{ font-size:12px; line-height:1.5em; margin-top:20px; clear:both;}
.course-time table thead{background: #F5F7FA;border-radius: 4px;}
.course-time table thead th{ padding:10px;}
.course-time table tbody td{ padding:10px 10px;}
.course-time table p{ line-height:1.5em; margin-bottom:0;}
/*proitem-lists*/
.proitem-lists{}
.proitem-lists ul li{ float:left; width:50%; text-align:center; padding:20px 28px;}
.proitem-lists ul li .proitem-img{ padding:27px; overflow:hidden;}
.proitem-lists ul li .proitem-img img{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.proitem-lists ul li  a:hover .proitem-img img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.proitem-lists ul li .proitem-name{ color:#333; font-size:14px; font-weight:normal; padding:120px 10px 30px; margin-bottom:0; box-shadow: 0px 4px 24px 0px rgba(0, 129, 204, 0.1);border-radius: 4px; margin-top:-110px;}
.proitem-lists ul li a:hover .proitem-name{box-shadow: 0px 4px 24px 0px rgba(0, 129, 204, 0.2);}
.proitem-lists ul li .proitem-slogan{ text-align:center; margin-top:-16px; overflow:hidden;}
.proitem-lists ul li .proitem-slogan span{ max-width:90%; color:#fff; font-size:14px; line-height:1.5em; font-weight:bold; padding:5px 25px; background: #ED6C00;border-radius: 26px; display:inline-block;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.proitem-lists ul li a:hover .proitem-slogan span{background:#ff9800;}
/*about*/
.threepic-list{ padding:10px;clear:both;}
.threepic-list ul{ max-width:700px; margin:0 auto;}
.threepic-list ul li{ float:left; width:33.33%; padding:10px;}
.threepic-list ul li:nth-child(3n){ clear:right;}
.threepic-list ul li:nth-child(3n+1){ clear:left;}
.threepic-list ul li .item-img{ max-width:180px; max-height:120px; margin:0 auto;}
.threepic-list ul li img{ width:100%; height:auto;}
.threepic-list ul li .item-text{ color:#333; font-size:12px; line-height:1.5em; text-align:center; margin-top:10px; margin-bottom:0;}
/*support*/
.contact_form_holder input,.emaillogin input{height:auto;}
.contact_form_holder .full{ width:100%;}
.error{width: 280px;background: #FCD8DC;padding: 2px 10px 2px 10px;display: none;color: #C03;font-size: 12px;margin-bottom: 10px;}
.success{display: none;padding: 2px 10px 2px 10px;background: #B0FFB0;color: #555;width: 280px;font-size: 12px;margin-bottom: 20px;}
.error img{vertical-align: top;}
.maillogin{padding:150px 0 80px;}
.emaillogo{ text-align:center;}
.bizmail_LoginBox input.text{ margin-right:5px;}

/*responsive*/
@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%;}
.row{ margin-left:0;}
}
@media (min-width: 768px) and (max-width: 979px){
.row{margin-left:0;}
.row.feature-lists{margin-left:-20px;}
}
@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;}
.page-banner-detail .catname h1{ font-size:32px;}
.sidebar{ display:none;}
.main-content{ width:100%;}
.page .page-container {margin-top: 110px;margin-bottom:80px;}
.case-wrap {padding-top:80px;padding-bottom:80px;}
.case-list {padding-top:0;}
.news-list li{ position:relative; padding-left:260px;}
.post-list li.no-thumb{padding-left:0;}
.news-list li .post-image{ position:absolute; left:0; top:40px;}
.news-list li .post-text{ width:100%;}
.case-list li .post-text{ width:360px;padding-right:0;}
.subfooter li{padding:0 4px;}
}
@media only screen and (max-width:979px){
.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;}
.slider_text{padding-top: 0px;}
.detail-scroller .cbp-so-text {padding:40px 70px;}
.cbp-so-section h2{ font-size:20px;}
.cbp-so-section .type{ font-size:16px;}
.cbp-so-section .type span{padding:3px 15px;border-radius:10px;}
.page-detail-container {padding-top:60px;padding-bottom:50px;}
.page-banner-detail .catname{ top:45%;}
.page-banner-detail .catname h1{ font-size:28px;}
.page .page-container {margin-top:100px;margin-bottom:50px;}
.case-wrap {padding-top:50px;padding-bottom:50px;}
.case-list {padding-bottom:35px;}
.post-list li {padding-top:40px;padding-bottom:40px;}
.post-list li .post-image{ width:240px; height:160px;}
.post-list li .post-image img{ width:240px; height:auto;}
.post-list li .post-text {width: 345px;}
.post-list li .post-text .btn{ margin-top:30px;}
.parameter-list h3{padding-left:12px;}
.parameter-list h3 em{ position:relative; left:auto; top:auto; width:auto; margin-right:25px;}
.parameter-list h3 em:before{ position:absolute; right:-15px; top:0; color:#ddd; font-weight:normal; content: "/";}
.parameter-list ul li{ padding-left:12px;}
.parameter-list ul li em{ position:relative; left:auto; top:auto; width:auto; margin-right:20px;}
.parameter-list ul li em:before{ position:absolute; right:-11px; top:0; color:#ddd; content: "/";}
.parameter-list ul li:nth-child(odd) em:before{color:#ccc;}
.features-list{ padding-top:160px; padding-bottom:20px; background-size:100% auto;}
.features-list ul{ padding-left:30px; padding-right:30px;}
.features-list ul li{ padding:15px 25px;}
.advantage-list ul{ padding:0;}
.advantage-list ul li{padding:30px 40px;}
.advantage-cnontent{background-position:0 center;}
.advantage-items{background-position:center 50px;}
.advantage-items ul{ padding:20px 20px 20px 60px;}
.advantage-items ul li .items-text{ padding-right:20px;}
.advantage-items ul li .items-text .bg-cicle.big{ margin-top:80px;}
}
@media only screen and (max-width: 767px){
#mainmenu{display: none;}
#logo{ position:absolute; top:0px; left:15px; display: block;height: auto;padding:0;margin: 0;text-align: left;z-index:999999;}
.container{padding: 0 15px;}
.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;}
.advant-list.float{ padding-right:280px;}
.advant-list .img-float img{ max-width:180px; height:auto;}
.page-banner{font-size:18px;}
.page-banner .catname{left:45px; margin-top:-40px;}
.page-banner .catname h1{font-size:36px;line-height:1.5em; padding-bottom:0;}
.page-detail-container {padding-top:50px;padding-bottom:40px;}
.page-banner-detail .catname{ left:0; padding-left:15px; padding-right:15px;}
.page-banner-detail .catname h1{ font-size:24px;}
.page .page-container {margin-top:80px;margin-bottom:20px;}
.cat-title{padding: 5px 30px;}
.post-content{padding:20px 30px;margin-top:20px;}
.paragraph-line::before{left: -15px;}
.case-wrap {padding-top:5px;padding-bottom:15px;}
.case-list {padding:10px 0 20px;}
.post-list li {position:relative; padding-top:15px;padding-bottom:15px; padding-left:180px;}
.post-list li .post-image{position:absolute; left:0; top:15px; width:160px; height:120px;}
.post-list li .post-image img{ width:160px; height:auto;}
.post-list li .post-text {width:100%;}
.post-list li .post-text h3 {font-size: 16px; line-height:1.5em;}
.post-list li .post-text p {font-size: 13px;line-height: 1.5em;word-break: break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.post-list li .post-text .post-metas {font-size: 13px;margin-top:10px;}
.post-list li .post-text .btn{ margin-top:10px;}
.news-list{ margin-top:0; margin-left:-10px; margin-right:-10px; margin-bottom: 20px;}
.pagenav > a,.pagenav span {font-size:13px;padding:3px 8px;}
.news-list+.case_page{margin-left:-10px; margin-right:-10px;}
.columns-list .columns-item{ width:100%; padding-top:20px; clear:both;}
.columns-list .columns-item.dl{padding-top:20px;}
.features-list{ padding-top:120px; padding-bottom:10px;}
.features-list ul{ padding-left:5px; padding-right:5px;}
.features-list ul li{ padding:5px 10px;}
.features-list ul li .features-item{ font-size:13px; line-height:1.5em; padding:15px;}
.advantage-list ul li{padding:10px 20px;}
.advantage-list ul li .advantage-item{ width:90px; height:90px;}
.advantage-list ul li .advantage-item h4{font-size:28px;}
.advantage-cnontent{ margin-top:20px; margin-bottom:10px; padding-left:0; padding-top:230px; background-position:center top; background-size:300px auto;}
.advantage-items{ height:300px;}
.advantage-items ul{ padding:10px;}
.advantage-items ul li .items-text{ padding-right:10px;}
.advantage-items ul li .items-text .bg-cicle.big{ margin-top:80px;}
.proitem-lists ul li{padding:10px 8px;}
.proitem-lists ul li .proitem-img{ padding:17px;}
.page-container-8 .cbp-so-section h2{max-width:100%;}
}
@media only screen and (max-width:639px){
.advant-list.float{padding-right:0;}
.advant-list .img-float{ position:relative; right:auto; top:auto; width:100%; text-align:center; padding:30px; margin-bottom:5px; clear:both;}
.advant-list .img-float img{ max-width:100%;}
.proitem-lists ul li .proitem-slogan span{ font-size:13px;}
.threepic-list{ padding:0;}
.threepic-list ul li{width:50%;}
.threepic-list ul li:nth-child(3n){ clear:none;}
.threepic-list ul li:nth-child(3n+1){ clear:none;}
.threepic-list ul li:nth-child(2n){ clear:right;}
.threepic-list ul li:nth-child(2n+1){ clear:left;}
}
@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;}
.advant-list .img-float{padding:15px;}
.page-banner{font-size:16px;}
.page-banner .container img{ width:auto; height:200px;}
.page-banner .catname{left:20px;}
.page-banner .catname h1{font-size:30px; margin-bottom:5px;padding-right:20px;}
.page-banner .catname p{padding-right:20px;}
.page-banner-detail .catname{ left:0; top:60%;}
.page-banner-detail .catname h1{ font-size:20px;}
.detail-scroller .cbp-so-img{padding:15px 30px;}
.detail-scroller .cbp-so-text {padding:15px 30px;}
.cbp-so-section .icon-cicle{ display:none;}
.border-bottom-line{padding-bottom:20px;margin-bottom:20px;}
.features-list ul{ padding-left:0; padding-right:0;}
.features-list ul li{ width:100%; margin-bottom:15px; clear:both;}
.features-list ul li:nth-child(odd) .features-item{ margin-top:0;}
.features-list ul li:nth-child(3) .features-item{ margin-top:0;}
.features-list ul li .features-item p{ margin-bottom:5px;}
.advantage-list{ padding-top:10px;}
.advantage-list ul li{padding:10px 10px;}
.advantage-list ul li .advantage-item{ width:75px; height:75px;}
.advantage-list ul li .advantage-item h4{font-size:24px;}
.advantage-cnontent{padding-top:230px;margin-bottom:0;}
.advantage-cnontent ul li{ margin-bottom:20px;}
.advantage-items-four{ height:auto;}
.proitem-lists ul li{ width:100%; clear:both;}
.proitem-lists ul li .proitem-slogan span{ font-size:12px;}
.threepic-list ul li{ padding:5px;}
}
@media only screen and (max-width:419px){
.post-list li {position:relative;padding-left:0;}
.post-list li .post-image{position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:10px; clear:both;}
.post-list li .post-image img{width:100%; height:auto;}
.news-list li .post-text p{word-break: break-all;text-overflow:ellipsis;white-space: normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.pagenav > a,.pagenav span {font-size:12px;padding:2px 6px;}
.features-list{padding-bottom:0;}
.features-list ul li{ padding:0;}
.advantage-list ul li{padding:10px 5px;}
.advantage-list ul li .advantage-item h4{font-size:20px;}
.advantage-list ul li .advantage-item p{font-size:11px;}
.advantage-cnontent{background-size:100% auto;}
.advantage-items-four ul li{ width:100%; clear:both;}
.advantage-items-four ul li .items-text{ padding-right:0;}
.advantage-items-four ul li .items-text .bg-cicle.medium{width:52px; height:52px; font-size:16px; padding:12px 5px; margin-top:5px;}
.advantage-items-four ul li .items-text .bg-cicle.small{margin-top:5px;}
.advantage-items-four ul li .items-text p{ max-width:100%; display:block;}
}
@media only screen and (max-width:359px){
.detail-scroller .cbp-so-img{padding:10px 20px;}
.detail-scroller .cbp-so-text {padding:10px 20px;}
.advant-list .img-float{padding:10px;}
.page-banner-detail .catname h1{ font-size:18px;}
.pagenav > a,.pagenav span {font-size:11px;padding:2px 5px;}
.advantage-cnontent{padding-top:200px;}
.advantage-cnontent ul li .advantage-cnontent-item h4{ font-size:15px;}
.advantage-items ul li .items-text{ padding-right:5px;}
.advantage-items ul li .items-text .bg-cicle.big{ width:52px; height:52px;font-size:22px; padding:12px 5px;}
.advantage-items ul li .items-text .bg-cicle.medium{ width:48px; height:48px;font-size:18px; padding:10px 5px;}
.advantage-items ul li .items-text .bg-cicle.small{ width:40px; height:40px;font-size:14px; padding:8px 5px;}
.advantage-items ul li .items-text p{ font-size:11px; max-width:100%;}
}