@font-face{font-family:'calibri'; src:url('calibri.ttf') format('truetype')}
@font-face{font-family:'calibribold'; src:url('calibribold.ttf') format('truetype')}
@font-face{font-family:'DaxlinePro_Regular'; src:url('DaxlinePro_Regular.otf') format('opentype')}
@font-face{font-family:'DaxlinePro_Bold'; src:url('DaxlinePro_Bold.otf') format('opentype')}
@font-face{font-family:'DaxlinePro_ExtraBold'; src:url('DaxlinePro_ExtraBold.otf') format('opentype')}
body{background-color:#fff; font-family:"Microsoft Yahei",Arial; font-size:62.5%}
.en-calibri{font-family:'calibri'}
.en-calibribold{font-family:'calibribold'}
.en-DaxlineProBold{font-family:'DaxlinePro_Bold'}
.en-DaxlineProRegular{font-family:'DaxlinePro_Regular'}
.en-DaxlineProExtraBold{font-family:'DaxlinePro_ExtraBold'}
ul{margin:0}
header{position:fixed; top:0px; height:80px; width:100%; border-bottom:1px #949494 solid; z-index:999; background-color:#fff}
.logo{display:table-cell; vertical-align:middle; max-width:100%; height:80px; /*background:url('../images/logo.png') center center no-repeat; */
	content:none}
.logo img{vertical-align:middle; margin-left:6%}
.margin-top80{height:80px; width:100%}
nav ul{margin-left:10.5%}
nav ul li{padding-left:3%; padding-right:3%; line-height:78px; font-size:2.2em; float:left}
nav ul a li{color:#434343}
nav ul a li:active,nav ul a li:hover,nav ul a.on li{color:#d70c19; /*border-bottom:0.2em #d70c19 solid; */}
.index-about{margin:0 auto; width:710px; text-align:center}
.border-bottom{border-bottom:1px #949494 solid}
.index-h2{margin-top:0.8em; font-family:'calibri'; font-size:5.8em; line-height:1.8em; color:#7f7f7f; letter-spacing:0.15em}
.red-hr{display:block; margin:0 auto; width:1.7em; height:2px; border-bottom:2px #da322c solid}
.index-h1{font-size:2.8em; line-height:2.8em; color:#434343}
.index-h3{margin-top:-0.5em; font-size:5.2em; line-height:2em; color:#434343; letter-spacing:0.1em}
.index-p{font-size:1.6em; color:#434343; line-height:1.8em}
.index-abouttext{margin-top:2em; height:5em; color:#d70c19}
.index-abouttext span{display:inline-block; font-size:4.315em}
.index-abouttext .red-circle{display:inline-block; width:0.8em; height:0.8em; background-color:#d70c19; border-radius:0.8em; -webkit-border-radius:0.8em; margin-left:2.5em; margin-right:2.5em; margin-bottom:0.6em}
.more{display:inline-block; margin-bottom:4.5em; margin-top:4em; padding:0.7em 1.2em; border:2px #d70c19 solid; font-size:1.8em; letter-spacing:0.5em}
.yy{font-size:2.6em; letter-spacing:2px}
a .more{color:#d70c19}
.more:hover{background-color:#d70c19}
a .more:hover{color:#fff}
.index-work,.index-custom{text-align:center}
.height20{width:100%; height:2em}
.custom-img{width:100%; background-color:#d70c19; height:660px}
.custom-img .text{width:52%; margin:0 auto; padding-top:3.3%; color:#fff; text-align:left; z-index:2}
.custom-img .text .white-hr{margin-bottom:3.5em; margin-top:12em; width:7.3em}
.white-hr{display:block; width:6.5%; height:4%; border-top:0.4em #fff solid; margin-bottom:3%}
.custom-img .text .title1{font-size:7.7em; font-family:'DaxlinePro_Bold'; line-height:0.95em; letter-spacing:1px}
.custom-img .text .title2{font-size:5.4em; line-height:1em; margin-top:1.5em; letter-spacing:2px}
.custom-img .text .title3{font-size:3.6em; line-height:2em; letter-spacing:3px}
.index-team{margin:0 auto; width:55%; text-align:center; color:#434343}
.index-team .team-p{margin-left:10px; margin-right:10px}
.index-team .team-p .title-info{color:#a5a5a5}
.index-team .team-p .title-en{font-size:2.4em; margin:1em 0; font-family:'DaxlinePro_Regular'}
.index-team .team-p .title-ch{font-size:2em}
.index-team .team-p .red-hr{margin:1em auto}
.index-team .team-p .title-info{font-size:1.6em; margin:1em 0}
.index-xq{width:100%; text-align:center; color:#434343; margin-top:8em !important; margin-bottom:7em !important}
.index-xq .title1{font-family:"DaxlinePro_Regular"; font-size:4.5em; line-height:1.2em; margin-bottom:1em; /*margin-top:1em; */}
.index-xq .title2{margin-top:-20px; font-size:3.3em; line-height:33px}
.index-xq .title3{font-size:2em}
.index-xq .red-hr{width:80px; margin:20px auto}
.index-xq .title4{font-size:1.8em; line-height:2.5em}
.index-xq .title4 span{color:#d70c19}
.height50{width:100%; height:5em}
footer{background-color:#161413; width:100%; height:auto; /*height:350px; */
	/*padding-bottom:18.23%; */}
footer .contain{margin:0 auto; width:66.5%; min-width:1280px; padding-bottom:2em; padding-top:4em}
.footer-info{}
.footer-nav{float:left; width:11.3%; margin-top:-18px}
.footer-nav ul{margin-top:1.5em}
.footer-nav ul li{height:2.92em; font-size:1.6em; /*width:60%; line-height:1em; */
	line-height:2em; overflow:hidden}
.footer-nav ul li a p{width:0; height:2px; background-color:#fff}
.footer-nav ul li a.on p{height:2px; background-color:#fff; display:block}
.footer-nav ul li a{color:#fff}
.footer-addr{float:left; border-left:1px #222 solid; color:#fff; padding-left:6%; width:50%; padding-bottom:20px;}
.footer-addr .title1{font-size:3.4em; line-height:1em; letter-spacing:2px}
.footer-addr .title2{margin-top:6px; font-size:1.4em; line-height:1.5em; letter-spacing:2px; max-width:420px}
.footer-addr .title3{margin-top:2.2em; font-size:1.85em; font-family:'Calibri'; letter-spacing:1px; line-height:1.8em}
.footer-addr .title3 span{}
i.kg1{width:8%; display:inline-block}
i.kg{width:3%; display:inline-block}
.footer-addr .title4{font-size:1.51em; letter-spacing:0.08em; line-height:1.8em}
.footer-addr .title5 span:first-of-type{font-size:1.51em; letter-spacing:0.08em}
.footer-addr .title5 span:last-of-type{font-size:1.45em; font-family:'Calibri'; line-height:1.8em}
.copyright{clear:both; color:#fff; font-size:1.2em; letter-spacing:1px; line-height:5em}
.footer-map{width:33.5%; float:right}
.square{height:auto; /*padding-bottom:46.5%; */
 position:relative; width:100%}
.square a{color:#fff}
.square article{height:100%; left:0; position:absolute; top:0; width:100%; background-color:#d70c19; display:none}
/*.square:hover article{display:block}
*/
.square .info{padding:4% 3%; overflow:hidden; text-overflow:ellipsis; /* white-space:nowrap; */}
.square .info .title1{font-size:1.9em; line-height:2em; text-align:left}
.square .info .title2{font-size:2.2em; line-height:4em}
.square .info .title3{font-size:2.8em}
.square .info .hr{width:7%; border-top:2px #fff solid}
.square .info .arrow{position:absolute; right:3%; bottom:8%; color:#000; width:9%; height:9%}
.other-banner{width:100%; color:#fff; text-align:center; position:relative; background-position:0 78px; background-size:100% 456px; background-repeat:no-repeat; background-attachment:fixed; height:456px}
.other-banner-info{width:100%; color:#fff; text-align:center; position:relative; background-position:0 78px; background-size:100% 560px; background-repeat:no-repeat; background-attachment:fixed; height:560px}
.other-banner img{max-width:100%}
.other-banner .text{position:absolute; left:0; top:0; height:100%; width:100%; transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center}
.other-banner .title1{margin-top:165px; font-family:'DaxlinePro_ExtraBold'; line-height:1.6em; font-size:5.6em; letter-spacing:0.08em}
.other-banner .title2{font-size:2.83em; font-weight:600; padding:0.4em 0.5em 0.53em; border:0.13em #fff solid; /*line-height:2em; */
 display:inline-block}
.other-banner .title3{margin-top:130px; font-family:'DaxlinePro_ExtraBold'; line-height:1em; font-size:5.6em;}/* letter-spacing:0.08em*/
.other-banner .title4{font-family:'DaxlinePro_ExtraBold'; line-height:1.6em; font-size:5.6em; letter-spacing:0.08em}
.other-h2{color:#434343; font-size:4.8em; letter-spacing:10px; line-height:90px; margin-top:40px}
.other-red-hr{border-bottom:2px solid #da322c; display:block; height:2px; margin:0 auto; width:115px}
.other-h1{color:#d70c19; font-size:3.2em; letter-spacing:7px; line-height:60px}
.other-p{font-size:1.8em; line-height:3em}
.other-about{margin:0 auto; width:710px; text-align:center; padding-bottom:50px;}
.joins{width:750px; margin:0 auto; text-align:center}
.join-list{width:100%; margin:0 auto; margin-top:20px; color:#434343; text-align:center}
.join-list .join{position:relative; width:78%; height:0; margin:0 auto; padding:12% 8% 95%; border:1px #949494 solid; margin-bottom:50px; cursor:pointer}
.join-list .join:hover,.join-list .join.on{color:#fff; background-color:#d70c19; border:none}
.join-list .join .title-ch{font-size:2.8em; letter-spacing:0.05em; line-height:1em}
.join-list .join .title-en{font-family:'calibribold'; font-size:1.8em; line-height:2.8em}
.join-list .join .info{bottom:11%; left:0; position:absolute; width:100%}
.span4:first-of-type .join{margin-left:0}
.span4:last-of-type .join{margin-right:0}
.join-list .join .arrow{display:block; width:17%; margin:6px auto}
.join-list .join .title-info{font-size:1.7em}
.join-lc{text-align:left; border-top:1px #dfdfdf solid; line-height:40px; font-size:1.8em; padding-top:20px; margin-bottom:80px}
.join-lc span{color:#d70c19; font-family:'calibribold'}
.join-desc{position:relative; width:100%}
.join-desc i{font-size:1em; position:absolute; top:-10.5px; display:none}
.join-des{margin-bottom:50px; border-top:1px #c2c2c2 solid; width:100%; text-align:left; padding-top:30px; display:none}
.join-des .title-ch{font-size:2.4em; line-height:40px; color:#d70c19}
.join-des .title-en{font-size:1.8em; line-height:20px}
.join-des .join-content{margin-top:30px; font-size:1.6em}
.join-des .join-arrow{position:absolute; top:-10px; width:24px; height:24px}
.contact-c1{margin-top:5em; color:#434343}
.contact-info{float:left; text-align:left}
.contact-info .redTitle{font-size:6.67em; font-family:'calibri'; border-bottom:2px solid #d70c19; color:#d70c19; line-height:1.5em}
.contact-info .title{font-size:4.8em; line-height:1.2em; padding:5px 0 10px}
.contact-info .info{font-size:1.5em; line-height:1.65em}
.contact-info .info1{font-size:1.508em; line-height:1.9em}
.contact-info .footTitle{margin:3em 0 3px; font-size:1em; line-height:2.3em}
.contact-info .footTitle span{vertical-align:middle}
.contact-info .footTitle .titleB{color:#d70c19; font-size:3em; font-family:'calibribold'}
.contact-info .footTitle .titleC{font-size:2.1em; font-weight:600; line-height:2.1em}
.contact-info .info1 span{font-size:1.3em; font-family:'calibri'}
.contact-info .info1 span.jjr{font-size:1em; font-family:'Microsoft Yahei'}
.contact-form{float:right; text-align:left; width:80%}
.contact-form .title{font-size:2.4em; padding-bottom:0.6em; padding-top:0.9em}
input,button,select,textarea{outline:none}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"]{-webkit-appearance:none; padding:0; margin:0; font-weight:normal; font-family:'Microsoft Yahei'}
.contact-form .line{padding:0.45em 0}
.contact-form .line .inputText{color:#7f7f7f; font-size:1.6em; line-height:1.8em; border:0px; background:#f3f3f3; padding:0.7em 1em; width:100%; /*height:53px; */
 margin:0px}
.contact-form .line .textArea{color:#7f7f7f; font-size:1.6em; border:0px; background:#f3f3f3; padding:1em; padding-bottom:4.5em; width:100%; margin:0px; font-family:'Microsoft Yahei'}
.contact-form .line .inputBtn{cursor:pointer; background:#fff; color:#d70c19; font-size:1.8em; width:100%; border:2px solid #d70c19; padding-top:0.7em; padding-bottom:0.7em; margin-top:0.3em}
.contact-form .line .inputBtn:hover{background:#d70c19; color:#fff; font-size:1.8em}
.height60{clear:both; height:60px; width:100%}
.map{color:#434343; text-align:center}
.mapTitle{margin-top:70px; font-size:3.4em; line-height:1.3em}
.mapSub{width:8%; height:2px; background:#d70c19; display:block; margin:25px auto}
.mapInfo{font-size:1.5em; line-height:1.8em}
.mapInfo span{color:#d70c19}
#map{margin-top:50px; width:100%; height:600px}
#map img{width:auto; max-width:none}
#map span{width:auto !important; min-width:100px !important}
.other-team{width:65%; margin:0 auto; text-align:center; margin-top:4em}
.other-team .team-p{margin-left:20px; margin-right:20px}
.other-team .team-img{max-width:223px; margin:0 auto}
.other-team a .team-p .title-en,.other-team a .team-p .title-ch,.other-team a .team-p .title-info{color:#434343}
.other-team .team-p .title-en{font-size:2em; line-height:3em; font-family:'DaxlinePro_Regular'}
.other-team .team-p .title-ch{font-size:1.7em; line-height:3em; margin-top:-1.3em}
.other-team .team-p .title-info{font-size:1.3em; line-height:1.5em; margin-top:1.1em; margin-bottom:1.2em}
.other-yxwr{height:auto; color:#434343; text-align:left; width:1000px; margin:0 auto}
.other-yxwr .info{float:left; width:505px}
.other-yxwr img{float:right; width:355px; margin-top:5em; margin-bottom:5em}
.other-yxwr .title-ch{font-size:5.2em; line-height:1.3em; margin-top:2.5em}
.other-yxwr .title-en{font-size:3.6em; font-family:'DaxlinePro_Bold'; line-height:2em; margin-top:1em; border-bottom:2px #d70c19 solid; padding-right:10%; padding-bottom:3px}
.other-yxwr .title-info{font-size:2.2em; line-height:1.4em; margin-top:1em}
#info2{float:right; width:455px}
#img2{float:left}
.relative{position:relative}
.cy{background-color:#d70c19; width:100%}
.other-cy{width:1280px; height:680px; margin:0 auto; position:relative}
.other-cy .imgb{background-color:rgba(0,0,0,0); background-position:center 80px; background-size:auto 680px; background-repeat:no-repeat; background-attachment:fixed; position:absolute; left:0; top:0; height:100%; width:100%}
.other-cy .text{position:absolute; top:110px; left:180px; width:960px; margin:0 auto; color:#fff; text-align:left; z-index:2}
.other-cy .white-hr{display:block; width:7.5%; height:4%; background-color:#fff; margin-bottom:2.5%}
.other-cy .text .title1{font-family:'DaxlinePro_Bold'; line-height:0.9em; font-size:7.6em; letter-spacing:0.01em; margin-left:-5px}
.other-cy .text .title2{font-size:4.6em; line-height:1em; margin-top:2em; letter-spacing:1px}
.other-cy .text .title3{font-size:3.3em; line-height:1.9em; letter-spacing:1px; font-weight:600}
.other-cy .text .title4{font-size:1.6em; letter-spacing:0.5em; margin-top:8.5em}
.index-h11{font-size:5.2em; line-height:2.3em; color:#434343; margin-bottom:0.2em}
.other-server{width:950px; margin:0 auto; color:#434343; text-align:center}
.server-info{width:100%; background-color:#f8f8f8; border-radius:1em; -webkit-border-radius:1em; padding:3% 4%}
.other-server .server-info:nth-child(2){border-left:1px #ebebeb solid; border-right:1px #ebebeb solid}
.server-info .server-title .title-ch{font-size:2.884em}
.server-info .server-title .title-en{font-size:2.01em; font-family:'calibribold'; color:#d70c19; padding-bottom:0.4em; border-bottom:1px #e4e4e4 solid; display:inline-block; line-height:2.8em; margin-top:-0.2em}
.server-info .server-list{padding-top:1.8em}
.server-info .server-list ul li{color:#868686; font-size:1.8em; line-height:2.1em}
.focus{width:100%; height:825px; position:relative}
.imgf{background-color:rgba(0,0,0,0); background-position:center 80px; background-size:auto 825px; background-repeat:no-repeat; background-attachment:fixed; position:absolute; left:0; top:0; height:100%; width:100%}
.other-focus{margin:0 auto; width:950px; padding-top:100px; color:#fff; text-align:left; z-index:2}
.other-focus .text{width:100%}
.other-focus .title .title1{font-size:7.7em; font-family:'DaxlinePro_Bold'; line-height:1em; margin-top:0.35em}
.other-focus .title .title2{font-size:4.5em; line-height:1em; margin-top:0.15em}
.other-focus .title .white-hr{display:block; width:32%; height:4%; background-color:#fff; margin-bottom:2%; margin-top:-3%}
.other-focus ul li{position:relative; float:left; width:27%; height:26%; border:0.5em #d70c19 solid; padding-bottom:26%; margin-bottom:9%}
.other-focus ul li .title{position:absolute; left:0; top:0; padding:8.5% 8%}
.other-focus ul li:first-of-type{width:calc(26%+6px); border:none}
.other-focus ul li:first-of-type .title{padding:0}
.other-focus ul li:nth-child(2),.other-focus ul li:nth-child(5){margin-left:9.5%; margin-right:9.5%}
.other-focus ul li .title-ch{font-size:2.7em; line-height:1.8em}
.other-focus ul li .title-en{font-size:3.4em; font-family:'calibribold'; line-height:0.8em}
.other-focus ul li:nth-child(3) .title-info{margin-top:3.6em}
.other-focus ul li .title-info{/*position:absolute; left:1%; bottom:1%; */
	font-size:1.8em; line-height:1.8em; margin-top:3.3em}
.other-focus ul li:last-of-type .title-info{margin-top:1.8em}
.case-info1{width:1000px; margin:5.5em auto; color:#434343; text-align:center}
.case-info1 .case-h2{font-size:5.2em; line-height:1em; margin-bottom:0.8em}
.case-info1 .case-p{font-size:2em; line-height:1.8em; margin-top:1.5em; text-align:left}
.cinfo{width:100%; /*height:724px; */
	position:relative}
.cinfo .cimg{width:100%; height:100%}
.imgc{background-image:url('../images/case1.jpg'); background-color:rgba(0,0,0,0); background-position:center 80px; background-size:auto 724px; background-repeat:no-repeat; background-attachment:fixed; position:absolute; top:0; right:0; width:100%; height:100%}
.case-info2{width:100%; height:100%; color:#434343; text-align:center; position:absolute; left:0; top:0}
.wenan{width:60.4%; height:100%; margin:0 auto}
.case-info2 .wenan .case-h2{font-size:4.8em; line-height:3.3em; font-weight:600}
.case-info2 .wenan .case-h3{font-size:3.6em; line-height:5em}
.case-info2 .wenan .case-content{margin-top:-0.3%; text-align:left; font-size:2.2em; line-height:1.8em}
.case-info3{width:60.52%; margin:10em auto}
.case-info4{width:22%; margin:0 auto}
.case-info4 a:first-of-type span{float:left}
.case-info4 a:last-of-type span{float:right}
.case-info4 a:last-of-type span:after{clear:both}
.case-info4 a span{display:inline-block; font-size:2.6em; padding:0.4em 0.8em; margin-top:2em; margin-bottom:2em; color:#d70c19; border:2px #d70c19 solid}
.case-info4 a span:hover{color:#fff; background-color:#d70c19}
.text-xm{position:absolute; text-align:left; left:20%; bottom:5%; font-size:2em; line-height:1.7em}
.text-xm .white-hr{border-top:2px solid #fff; display:block; height:2px; margin-bottom:0.8em; width:2em}
.other-banner .text .title33{font-size:3em; line-height:4.5em; margin-top:140px; font-weight:600}
.other-banner .text .title23{font-size:5.6em; border:2px solid #fff; padding:0.01em 0.4em 0.1em}
.gotop{display:none; position:fixed; bottom:0; right:0; width:45px; height:45px; background:url("../images/top.png") no-repeat scroll center center; z-index:999; cursor:pointer}
.gotop:hover{background:url("../images/top-on.png") no-repeat scroll center center}
.jwzz{overflow:hidden; margin:0 auto; width:1100px; position:relative; height:100%}
.imgBg{background-color:rgba(0,0,0,0); background-position:70% center; background-size:auto 680px; background-repeat:no-repeat; background-attachment:fixed; position:absolute; top:0; right:0; width:100%; height:100%}
.jwzz .text{position:absolute; top:0; left:0; width:auto}
.text::after{clear:both; display:block; height:0; visibility:hidden}
.team-img{margin:0 auto}
.case-info1 .red-hr{width:4.5em}
/* slide */
.slide-main{width:100%; position:relative; height:680px; /*padding-bottom:35.8%; */ overflow:hidden}
.slide-box{position:absolute; top:-6px; left:0px; width:100%; height:100%; background-color:#d70c19}
/*.slide-box img{display:none; width:100%; position:absolute; top:0; left:0}
*/
.prev,.next{display:block; width:3%; /*height:100px; */position:absolute; z-index:222; top:43%; overflow:hidden; cursor:pointer}
.prev{left:-5%; /*background:url('../images/left.png'); */}
.next{right:-5%; /*background:url('../images/right.png'); */}
.item{display:block; width:100%; height:15px; position:absolute; z-index:124; bottom:25px; left:0; text-align:center}
.item a{display:inline-block; width:80px; height:5px; margin-right:5px; background:#fff; overflow:hidden}
.item a:hover,.item a.cur{background:#d70c19}
/*.slide-box,.slide{display:block; width:100%; overflow:hidden}
*/
.slide{display:none; position:absolute; top:0; left:0; z-index:8; width:100%; height:100%; background-position:0 78px; background-size:100% 680px; background-repeat:no-repeat; background-attachment:fixed; text-align:center; overflow:hidden}
.slide a{display:block; width:100%; cursor:pointer; color:#fff; text-decoration:none}
.slide a:hover,.slide a:active{color:#fff}
.slideInfo{height:100%; transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center; z-index:9}
a .slideInfo{color:#fff}
.slideInfo .title1{font-size:4.1em; font-weight:600; letter-spacing:0.2em; line-height:0.8em; margin-top:240px}
.slideInfo .title2{font-size:5.1em; line-height:2em; letter-spacing:0.15em}
.slideInfo .title3{font-size:2.838em; font-weight:600; padding:0.08em 0.4em 0.2em; border:0.13em #fff solid; line-height:2em; letter-spacing:0.1em}
.slideInfo .title4{font-family:'DaxlinePro_Bold'; font-size:4.1em; font-weight:600; margin-top:240px; line-height:0.7em; letter-spacing:0.02em}
.slideInfo .title5{font-size:5.2em; line-height:1.5em; font-weight:200; letter-spacing:0.12em}
.slideInfo .title6{font-size:5.2em; line-height:1.2em; font-weight:600; margin-top:12.5%}
.other-contact{width:970px; margin:0 auto}
.video{width:100%; height:550px; margin-top:10px}
/* 客户轮播css */
.txtScroll-left{width:80%; position:relative; margin:0 auto; font-size:1em}
/*.txtScroll-left .hd{position:relative}
*/
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{position:absolute; top:29%; width:5%}
.txtScroll-left .hd .prev{left:0px}
.txtScroll-left .hd .prev img,.txtScroll-left .hd .next img{max-width:100%}
.txtScroll-left .hd .next{right:0px}
.txtScroll-left .hd .next{background-position:0 -50px}
.txtScroll-left .hd .prevStop{background-position:-60px 0}
.txtScroll-left .hd .nextStop{background-position:-60px -50px}
.txtScroll-left .bd{width:85%; overflow:hidden; /*height:390px; */ margin:0 auto}
.txtScroll-left .bd ul{overflow:hidden; zoom:1}
.txtScroll-left .bd ul li{margin:0 10px 60px 10px; float:left; width:23.8%}
.txtScroll-left .bd ul li img{width:100%; border:1px solid #dbdbdb; margin-bottom:60px}
.index-custom .cus{width:1200px; position:relative; margin:0 auto}
.index-custom .contents{position:relative; height:390px; overflow:hidden; margin:0 auto; margin-left:5%; width:90%}
.index-custom .contents .contentss{position:absolute; top:0px; left:0px; width:100%}
/*.customer .contents .content{left:0px; top:25px; width:796px}
*/
.index-custom .contents .content{position:absolute; left:0px; top:30px; width:100%}
.index-custom .contents .content img{border:1px solid #dbdbdb; float:left; width:22.9%; margin:0 1% 6em 1%}
.index-custom .customerBtn{position:absolute; top:135px; width:50px; cursor:pointer; display: none;}
.index-custom .customerBtn.leftBtn{left:0}
.index-custom .customerBtn.rightBtn{right:0}
/******************修改bootstrap样式**********************/
.container-fluid{padding-right:0; padding-left:0}
.row-fluid [class*="span"]{margin:0; float:left !important}
.row-fluid .span3{width:25% !important}
@media screen and (max-width:1660px){body{font-size:54%}
.txtScroll-left .bd ul li{width:23.2%}
.custom-img{height:510px}
.slide-main{height:590px}
.slide{background-size:100% 590px}
.slideInfo .title1,.slideInfo .title4{margin-top:215px}
.imgBg{background-position:80% center; background-size:auto 510px}
.custom-img .text .white-hr{margin-top:6em}
.square .info .title2{line-height:4em}
.join-desc i{top:-11px}
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{top:27%}
.other-yxwr .title-ch{margin-top:3.5em}
#info2{width:415px}
.other-yxwr .info{width:435px}
.other-cy .text{font-size:115%}
/*.focus{height:680px}
.imgf{background-size:auto 680px}
*/
	.other-focus{/*width:800px; padding-top:70px; */
		font-size:116%}
/*.other-focus ul li{margin-bottom:7%; padding-bottom:24%; width:24%}
*/
	/*.other-focus ul li:nth-child(3) .title-info{margin-top:4.3em}
.other-focus ul li .title-info{margin-top:4em}
.other-focus ul li:last-of-type .title-info{margin-top:2.5em}
*/
	#map{height:500px}
.case-info1{width:60%}
/*.cinfo{height:624px}
*/
	.imgc{background-size:auto 624px}
.other-banner{background-size:100% 394px; height:394px}
.other-banner-info{background-size:100% 484px; height:484px}
.other-banner .title1{margin-top:142px}
.other-banner .title3{margin-top:110px}
.other-banner .text .title33{margin-top:110px}
.footer-addr .title3{margin-top:3.8em}
.footer-nav ul li{height:3.41em}
.other-cy .text .title1{margin-left:-4px}
}
@media screen and (max-width:1440px){.slide-main{height:515px}
.slide{background-size:100% 515px}
.slideInfo .title1,.slideInfo .title4{margin-top:190px}
.other-banner{background-size:100% 342px; height:342px}
.other-banner .title1{margin-top:120px}
.other-banner .title3{margin-top:85px}
.other-banner-info{background-size:100% 420px; height:420px}
.other-banner .text .title33{margin-top:70px}
.imgc{background-size:auto 550px}
.case-info2 .wenan .case-content{margin-top:-2.3%}
.index-custom .cus{width:1100px}
.index-custom .contents{height:360px}
.index-custom .customerBtn{top:120px}
.video{height:475px}
}
@media screen and (max-width:1386px){.slide-main{height:490px}
.slide{background-size:100% 490px}
.slideInfo .title1,.slideInfo .title4{margin-top:180px}
.other-banner{background-size:100% 324px; height:324px}
.other-banner .title1{margin-top:110px}
.other-banner .title3{margin-top:75px}
.other-banner-info{background-size:100% 398px; height:398px}
.other-banner .text .title33{margin-top:55px}
.imgc{background-size:auto 500px}
.case-info2 .wenan .case-content{margin-top:-3.2%}
}
@media screen and (max-width:1280px){body{font-size:43.3%}
.custom-img{height:360px}
.slide-main{height:458px}
.slide{background-size:100% 458px}
.slideInfo .title1,.slideInfo .title4{margin-top:170px}
.custom-img .text .white-hr{margin-top:3em}
.jwzz{width:700px; font-size:90%}
.imgBg{background-position:70% 70px; background-size:auto 410px}
.other-banner{background-size:100% 304px; height:304px}
.other-banner .title1{margin-top:110px}
.other-banner .title3{margin-top:80px}
.other-banner-info{background-size:100% 373px; height:373px}
.other-banner .text .title33{margin-top:75px}
.txtScroll-left{width:90%}
.txtScroll-left .bd ul li{width:23.2%}
/*footer{height:35em}
*/
	.square .info .title2{line-height:3.5em}
.joins{width:600px}
.join-desc i{top:-11px}
footer .contain{width:90%; min-width:90%}
.footer-nav{margin-top:-15px}
.other-contact{width:80%}
.other-yxwr,.other-server{width:860px}
.other-server{font-size:115%}
.other-yxwr .title-ch{margin-top:4em}
.other-yxwr img{width:310px}
#info2{width:365px}
.other-yxwr .info{width:390px}
.other-cy{width:1000px; height:550px}
.other-cy .imgb{background-size:auto 550px}
.other-cy .text{top:50px; left:120px; width:660px}
.focus{height:680px}
/*.imgf{background-size:100% 680px}
*/
	.other-focus{width:860px; padding-top:70px; font-size:130%}
.footer-addr .title3{margin-top:3.1em}
.footer-nav ul li{height:3.88em}
#map{height:500px}
.case-info2{font-size:90%}
.other-cy .text .title1{margin-left:-3px}
.case-info2 .wenan .case-content{margin-top:0.8%}
.other-banner .title2{padding:0.4em 0.5em}
.slideInfo .title3{padding:0.08em 0.4em 0.15em}
.video{height:475px}
}
@media screen and (max-width:1025px){.slide-main{height:367px}
.slide{background-size:100% 367px}
.slideInfo .title1,.slideInfo .title4{margin-top:130px}
.other-banner{background-size:100% 243px; height:243px}
.other-banner .title1{margin-top:75px}
.other-banner .title3{margin-top:55px}
.other-banner .text .title33{margin-top:15px}
.custom-img .text .white-hr{margin-top:4em}
.imgBg{background-position:70% 35px; background-size:auto 410px}
.other-yxwr{width:60%}
.other-yxwr{width:650px}
.other-yxwr img{width:260px}
#info2{width:310px}
.other-yxwr .info{width:335px}
.other-yxwr .title-ch{margin-top:4em}
.footer-addr .title3{margin-top:2.3em}
.footer-nav ul li{height:2.85em}
.index-custom .cus{width:80%}
.index-custom .contents{height:300px}
.index-custom .customerBtn{top:30%}
.video{height:385px; margin-top:5px}
}
@media screen and (max-width:980px){body{font-size:40%}
.custom-img{height:260px}
.slide-main{height:350px}
.slide{background-size:100% 350px}
.slideInfo .title1,.slideInfo .title4{margin-top:125px}
.custom-img .text .white-hr{margin-top:4em}
.jwzz{width:600px; font-size:80%}
.imgBg{background-position:70% 65px; background-size:auto 350px}
.other-banner{background-size:100% 232px; height:232px}
.other-banner .title1{margin-top:70px}
.other-banner .title3{margin-top:50px}
.other-banner .text .title33{margin-top:10px}
.index-about,.index-team,.case-info1{/*,.other-yxwr,.other-server,.other-focus .text,.case-info1*/
		width:65%}
.other-server{width:650px; font-size:100%}
.case-info4{width:25%}
.other-yxwr .title-ch{margin-top:4.5em}
.other-cy{width:800px; height:400px}
.other-cy .imgb{background-size:auto 400px}
.other-cy .text{font-size:80%; left:60px; top:50px; width:650px}
.focus{height:500px}
.imgf{background-size:100% 700px}
.other-focus{width:650px; padding-top:40px; font-size:110%}
.case-info2{font-size:80%}
}
@media screen and (max-width:800px){.slide-main{height:287px}
.slide{background-size:100% 287px}
.slideInfo .title1,.slideInfo .title4{margin-top:95px}
.other-banner{background-size:100% 189px; height:189px}
.other-banner .title1{margin-top:50px}
.other-banner .title3{margin-top:30px}
.other-banner .text .title33{margin-top:1px; line-height:4em}
.other-banner .text .title23{font-size:4em; padding:0.01em 0.2em}
.imgBg{background-position:90%}
.logo{max-width:180px}
nav ul li{font-size:2.5em}
.other-about{width:80%}
.other-cy .text{font-size:60%}
footer .contain{min-width:560px; width:560px}
.footer-map{display:none}
.footer-nav{width:20%}
.footer-addr{width:80%; padding-left:10%}
.other-cy .text{font-size:85%}
.other-server{width:80%; font-size:95%}
.other-cy{width:600px; height:350px}
.other-cy .imgb{background-size:auto 350px}
.other-cy .text{font-size:80%; left:60px; top:50px; width:420px}
#map{height:400px}
/*.cinfo{height:400px}
*/
	.imgc{background-size:auto 400px}
.case-info2{font-size:70%}
.index-custom .contents{height:200px}
.index-custom .customerBtn{top:40%; width:30px}
img.customerBtn{max-width:80%}
}
@media screen and (max-width:640px){.logo{max-width:150px}
.jwzz{width:80%; font-size:70%}
.custom-img .text .white-hr{margin-top:6em}
.imgBg{background-position:95% 32%}
.row-fluid .span8{width:75% !important}
.index-about,.index-team,.case-info1,{width:85%}
.other-about{width:80%}
.other-yxwr{width:90%}
.contact-info .redTitle{font-size:5em}
.contact-info .title{font-size:3.5em}
.other-team{width:90%}
.team-p .title-en{margin:0.5em 0}
.team-p .title-ch{font-size:1em}
.team-p .red-hr{margin:0.5em auto}
.team-p .title-info{margin:0.5em 0}
.more{margin-bottom:2.5em; margin-top:2em}
.item{bottom:15px}
.item a{width:10%; height:2px}
.other-cy .text{font-size:50%}
/*.other-focus ul li:first-of-type{font-size:70%}
*/
	.square .info{font-size:80%}
.case-info4{width:39%}
/*.wenan{font-size:70%}
*/
	footer .contain{min-width:90%; width:90%}
.other-yxwr{width:80%}
.other-yxwr img{width:140px}
#info2{width:50%}
.other-yxwr .info{width:55%}
.other-yxwr .title-ch{margin-top:3.6em}
.other-yxwr .info{font-size:68%}
.other-cy{width:80%; height:260px}
.other-cy .imgb{background-size:auto 260px}
.other-cy .text{font-size:60%; left:78px; top:50px; width:300px}
.other-server{width:90%; font-size:95%}
.other-focus{width:90%; font-size:95%}
.focus{height:450px}
.imgf{background-size:100% 450px}
.slide-main{height:230px}
.slide{background-size:100% 230px}
.slideInfo .title1,.slideInfo .title4{margin-top:60px}
.other-banner{background-size:100% 151px; height:151px}
.other-banner .text{font-size:80%}
.other-banner .title1{margin-top:35px}
.other-banner .text .title33{line-height:3em; margin-top:0}
.index-custom .customerBtn{top:35%}
}
@media screen and (max-width:639px){.joins{width:400px}
.joins .join{font-size:80%}
/*.cinfo{height:300px}
*/
	.imgc{background-size:auto 300px}
.index-custom .contents{height:150px}
.index-custom .customerBtn{top:45%}
}
@media screen and (max-width:480px){.slide-main{font-size:65%; height:180px}
.slide{background-size:100% 180px}
.slideInfo .title1,.slideInfo .title4{margin-top:60px}
.custom-img,.other-banner img{height:180px}
.jwzz{font-size:55%}

.imgBg{background-position:95% 20%; background-size:auto 200px}
.other-banner{background-size:100% 180px; height:180px}
.other-banner .title1{margin-top:65px}
.other-banner .title3{margin-top:55px}
.logo{max-width:80px}
nav ul li{font-size:2em}
.header .span3{width:18% !important;}
.header .span8{width:82% !important;}
.other-banner .text{font-size:60%}
.other-about,.case-info1{width:90%}
.footer-nav{width:30%}
.footer-addr{width:70%; padding-left:10%}
.footer-addr .title1{font-size:2.5em}
.footer-addr .title3{margin-top:1em}
.footer-addr .title3,.footer-addr .title4{line-height:1.2em}
.other-cy .text{font-size:30%}
.other-yxwr .info{font-size:60%}
.other-team .team-p .title-en{line-height:1em}
.join-list .join .title-ch{font-size:2.5em}
.case-info4{width:55%}
.other-yxwr .info{font-size:60%}
.other-yxwr .title-ch{margin-top:4.5em}
.other-cy{width:80%; height:160px}
.other-cy .imgb{background-size:auto 160px}
.other-cy .text{font-size:33%; left:75px; top:40px; width:180px}
.other-server{width:95%; font-size:70%}
.other-focus{font-size:70%}
.focus{height:350px}
.imgf{background-size:100% 350px}
.other-banner .text .title33{margin-top:25px}
.index-custom .customerBtn{top:35%}
}
@media screen and (max-width:420px){.logo{max-width:0px}
.header .span3{width:0% !important}
/*nav ul{margin-left:10.5%}
*/
.header .span8{width:95% !important; /*margin-left:5%; */}
nav ul li{padding-left:2.5%; padding-right:2.5%}
.index-about,.other-yxwr,.case-info1{width:90%; /*,.wenan*/}
.other-server{width:95%}
.other-banner .text{font-size:50%}
.other-about{width:90%;}
.other-yxwr .info{font-size:60%}
.footer-nav{display:none}
.footer-addr{width:100%; border-left:none; padding-left:0}
.other-focus{font-size:60%}
.focus{height:300px}
.imgf{background-size:100% 300px}
.square .info{font-size:70%}
.case-info4{width:65%}
.other-yxwr .info{font-size:55%}
.other-yxwr .title-ch{margin-top:5.5em}
.other-server{width:95%; font-size:60%}
.joins{width:90%}
.joins .join{font-size:70%}
}

.boxa1{background:url(/images/a1.jpg) #e1eceb no-repeat center top; height:420px;}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; list-style:none;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.fy{clear:both; padding:20px 0px 30px; overflow:hidden; text-align:center;}
.fy li{display:inline-block; width:26px; height:26px; text-align:center; line-height:26px; border:1px solid #ccc; color:#333; text-align:center; line-height:26px; margin:0px 5px;}
.fy li a{display:block; color:#C0C0C0;}
.container-fluid em{font-size:0.6em;}