@charset "utf-8";
/* CSS Document */


.service-title{text-align:center; margin:30px 0 0 0; clear:both;}
.service-title.back{background:#fafafa; padding:30px 0 0 0;}
.service-title h2{display:block; font-size: 36px;font-weight: bold;color: #1a1a1a; line-height:50px;}
.service-title h2 span{color: #ff6a00;}
.service-title p{display:block; color:#888; font-size:16px;}
.service-title ul{display:block; text-align:center;}
.service-title ul:before{width:150px; height:2px; margin:15px auto; content:''; display:block; background:#ff6a00;}
.service-title ul li{display:inline-block; padding:0 10px;}
.service-title ul li a{font-size:16px;color:#717171;}
.service-title ul li a:hover {color:#ff6a00;}
@media(max-width:1580px){
.service-title h2{font-size:36px;font-weight: bold;color: #1a1a1a; line-height:50px;}
.service-title h2 span{color: #ff6a00;}
.service-title p{font-size:14px;}
.service-title ul li a{font-size:15px;color:#717171;}
}
@media(max-width:1440px){
}
@media(max-width:767px){
.service-title{padding:0 15px;}
.service-title.back{padding:15px 15px 0 15px; display:none;}
.service-title h2{font-size:24px;font-weight: bold;color: #1a1a1a; line-height:35px;}
.service-title h2 span{color: #ff6a00;}
.service-title p{font-size:12px; line-height:20px;}
.service-title ul li a{font-size:14px;color:#717171;}
}
.cttbian {clear: both;margin: 0;padding: 0;border: 0;}
#business {width: 100%;padding-bottom: 1em;}

.server-box{
	width:1480px;
	margin:30px auto;
	line-height: 24px;
	font-size: 14px;
}
@media(max-width:1580px){
.server-box{width:1280px;} }
@media(max-width:1440px){
.server-box{width:auto;} }
@media(max-width:767px){
.server-box{width:auto;} }
.server-list{float:left; width:23.3%; border:1px solid #e0e0e0; overflow:hidden; margin:40px 0 0 -1px;}
.server-list .red{color:#ff6a00;}
.server-head{text-align:center; overflow:hidden; border-bottom:1px solid #e0e0e0; background:#fafafa; height:185px;}
.server-head>img{display:block; margin:30px auto 10px auto; height:64px;}
.server-head h3{font-size:22px; font-weight:bold; display:block; color:#555;}
.server-head>p{
	font-size:14px;
	color:#888;
	line-height: 24px;
}
.server-foot{text-align:center; padding:40px 10px; height:280px; background:#fff;}
.server-foot>hr{border:none; border-bottom:1px dashed #ccc; margin:15px 15px; padding:0; display:block;}
.server-header{text-align:center; overflow:hidden; border-bottom:1px solid #089ab0; background:#00c1de; height:225px; display:none;}
.server-header>img{display:block; margin:30px auto 10px auto; height:94px;}
.server-header>h3{font-size:22px; font-weight:bold; display:block; color:#fff;}
.server-header>p{font-size:14px;color:#fff;line-height: 22px;}
.server-footer{padding:15px 30px; height:355px; display:none; background:#fff;}
.server-footer:after{display:block; content:''; clear:both;}
.server-footer>h4{font-size:20px; font-weight:bold; color:#444;}
.server-footer>ul{display:block; margin:0 0 10px 0;}
.server-footer>ul:after{display:block; content:''; clear:both;}
.server-footer>ul>li{float:left; min-width:50%; padding:5px 0 0 0; color:#555;}
.server-footer>a{border:1px solid #888; border-radius:3px; font-size:14px; padding:3px 25px; margin:5px 0 15px 0; display:inline-block;}
.server-footer>a:hover{color:#fff; background:#089ab0; border-color:#089ab0;}
.server-footer>hr{border:none; border-bottom:1px dashed #ccc; margin:0 -10px; padding:0; display:block;}
.server-footer>dl{display:block; margin:10px 0 0 0; float:left; min-width:50%;}
.server-footer>dl>dt{display:block; font-size:16px;}
.server-footer>dl>dd{display:block; color:#888;}
.server-footer>p{color:#888;}
.server-list.active{width:29.5%; margin-top:0; position:relative; z-index:1; border-radius:3px;
border-color:#089ab0; box-shadow:0 0 9px #52d8ec;}
.server-list.active>.server-head{display:none;}
.server-list.active>.server-foot{display:none;}
.server-list.active>.server-header{display:block;}
.server-list.active>.server-footer{display:block;}
@media(max-width:767px){
.server-list{width:100%; margin:0 0 -1px 0;}
.server-list.active{width:100%; margin:0; border-radius:0;}

.server-head{height:auto; text-align:left;}
.server-head>img{margin:10px; float:left; height:34px;}
.server-head h3{font-size:14px; margin-top:8px;}
.server-head p{font-size:12px;}

.server-header{height:auto; text-align:left;}
.server-header>img{margin:10px; float:left; height:34px;}
.server-header h3{font-size:16px; margin-top:8px;}
.server-header p{font-size:12px;}

.server-foot{display:none; height:auto; padding:20px 20px 0 20px;}
.server-foot:after{display:block; content:''; clear:both;}
.server-foot>p{float:left; margin-right:15px;}
.server-foot>hr{float:left; width:100%; margin:15px 0;}
.server-list.active>.server-foot{display:block;}
.server-footer{display:none; height:auto; padding:15px 20px;}
 }
/*首页-响应式案例样式 */



.solution-box{background:#373d41; margin:30px 0 0 0;}
.solution-cut{width:1560px; margin:0 auto; position:relative;}
.solution-swiper{width:100%; overflow:hidden;}
.solution-box button.fa{position:absolute; top:0; bottom:0; width:50px; background:rgba(0,0,0,.1); color:rgba(255,255,255,.5);
cursor:pointer; border:none; font-size:40px; padding:0;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box button.fa:hover{background:#ff9143; color:#fff;}
.solution-box .fa-back{right:100%;}
.solution-box .fa-more{left:100%;}
.solution-box ul{width:10000%;}
.solution-box ul:after{display:block; clear:both; content:'';}
.solution-box ul li{width:.34%; float:left; text-align:center; color:#fff; position:relative;}
.solution-box ul li span{display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background:rgba(0,0,0,.75);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li i{ text-align:center; opacity:.85; position:absolute; left:43%; bottom:53%;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li i img{ width:60px; height:60px; }
.solution-box ul li hr{width:30px; height:2px; background:#fff; border:none; position:absolute; 
left:50%; top:50%; margin:0 0 0 -15px; padding:0;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li h3{font-size:24px; position:absolute; width:100%; left:0; top:53%;
transition:.3s;}
.solution-box ul li p{width:80%; position:absolute; font-size:16px; left:10%; top:70%; opacity:0;
transition:.3s; line-height:22px;}
.solution-box ul li a{position:absolute; top:850%; font-size:16px; line-height:32px; width:120px; 
margin:0 0 0 -60px; left:50%; color:#fff; border:2px solid #fff; opacity:0;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li a:hover{background:#fff; color:#373d41;}
.solution-box ul li img{display:block; width:100%; height:350px;}
.solution-box ul li:hover span{background:rgba(195,102,35,.85);}
.solution-box ul li:hover i{bottom:63%;}
.solution-box ul li:hover hr{top:40%; opacity:0;}
.solution-box ul li:hover h3{top:38%;}
.solution-box ul li:hover p{top:50%; opacity:1;}
.solution-box ul li:hover a{top:80%; opacity:1;}
@media(max-width:1680px){
.solution-cut{width:1480px;}
.solution-box ul li h3{font-size:22px;}
.solution-box ul li p{font-size:14px;}
.solution-box ul li a{font-size:14px; line-height:28px; width:100px; margin:0 0 0 -50px; }
}
@media(max-width:1600px){
.solution-cut{width:1300px;}
}
@media(max-width:1440px){
.solution-cut{width:1200px;}
.solution-box ul li h3{font-size:20px;}
.solution-box ul li p{font-size:12px;}
.solution-box ul li a{font-size:14px; line-height:28px; width:100px; margin:0 0 0 -50px; }
}
}
@media(max-width:767px){
.solution-cut{width:100%; padding:0;}
.solution-box ul li{width:420px;} 
.solution-box button.fa{display:none;}
.solution-box .fa-back{left:0; right:auto;}
.solution-box .fa-more{left:auto; right:0;}
}
@media(max-width:640px){
.solution-cut{width:100%; padding:0;}
.solution-box ul li{width:420px;} 
.solution-box button.fa{display:none;}
.solution-box .fa-back{left:0; right:auto;}
.solution-box .fa-more{left:auto; right:0;}
}


.case-box ul{width:1560px; margin:30px auto; display:none;}
.case-box ul.active{display:block;}
.case-box ul:after{display:block; clear:both; content:'';}
.case-box ul li{float:left; width:23%; padding:12px;}
.case-box ul li span{display:block; overflow:hidden;}
.case-box ul li span img{display:block; width:100%;}
.case-box ul li font{background:#f5f5f5; display:block; padding:10px 20px; line-height:24px; margin-top:15px;border-radius:5px }
.case-box ul li font:after{display:block; content:''; clear:both;}
.case-box ul li font h3{float:left;}
.case-box ul li samp {float:left; color:#ff6a00; font-family:"Microsoft YaHei"}
.case-box ul li font h3 a{ display:block; font-size:14px; height:25px; overflow:hidden;}
.case-box ul li font b{float:right;}
.case-box ul li font b a{margin:0 0 0 10px; display:inline-block;}
.case-box ul li font b a i{display:block; font-size:20px;}
.case-box ul li:hover font{background:#ff6a00;}
.case-box ul li:hover font a{color:#fff;}
.case-box ul li:hover samp {color:#fff;}
@media(max-width:1580px){
.case-box ul{width:1360px;}
.case-box ul li font{padding:10px 20px;}
}
@media(max-width:1440px){
.case-box ul{width:1200px;}
}
@media(max-width:767px){
.case-box ul{width:100%; padding:5px;}
.case-box ul li{width:50%; padding:5px;}
.case-box ul li font{padding:10px;}
.case-box ul li font h3{float:none; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-box ul li font b{display:none;}
}

.info-title{text-align:center; padding:30px 0 0 0; background:#fafafa;}
.info-title h2{display:block; font-size:36px;font-weight: bold;color: #1a1a1a;line-height:50px; }
.info-title p{display:block; color:#888; font-size:16px;}
.info-box{background:#fafafa; overflow:hidden;}
.info-cut{width:1500px; margin:0 auto; padding:30px 0;}
.info-cut:after{display:block; content:''; clear:both;}
.info-box dl{float:left; width:33.333%; padding:0 20px;}
.info-box dl dt{display:block; position:relative;}
.info-box dl dt a{display:block; color:#fff; position:absolute; top:50%; left:30px; margin:-10px 0 0 0; line-height:20px;}
.info-box dl dt a:before{float:left; font-size:36px; font-family:Helvetica; margin-right:10px; content:'1.';}
.info-box dl dt a span{font-size:18px; float:left;}
.info-box dl dt img{width:100%; display:block;}
.info-box dl dd{background:#fff; padding:0 30px;}
.info-box dl dd a{display:block;}
.info-box ul{padding:30px 0;}
.info-box ul li{padding:10px 0; display:block;}
.info-box ul li:after{display:block; clear:both; content:'';}
.info-box ul li b{float:left;}
.info-box ul li b a{color:#555; border:1px solid #ccc; font-size:14px; line-height:24px; font-weight:normal; padding:0 10px;
transition:.3s;}
.info-box ul li b a:hover{background:#3071ff; color:#fff; border-color:#3071ff;}
.info-box ul li i{float:left; border:1px solid #ccc; border-top-color:#fff !important; border-radius:50%;
width:26px; height:26px; line-height:24px; text-align:center; margin:0 15px;
transform:rotate(65deg);}
.info-box ul li:nth-child(1) i,
.info-box ul li:nth-child(2) i,
.info-box ul li:nth-child(3) i{border-color:#e00;}
.info-box ul li i u{display:block; text-decoration:none; font-style:normal; 
transform:rotate(-65deg);}
.info-box ul li p{line-height:24px; font-size:16px;}
.info-box ul li p a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.info-box ol{text-align:right; padding:30px 0; border-top:1px solid #ccc;}
@media(max-width:1580px){
.info-cut{width:1300px;}
.info-box dl dt a{left:25px;}
.info-box dl dt a:before{font-size:32px;}
.info-box dl dt a span{font-size:16px;}
.info-box dl dd{padding:0 25px;}
.info-box ul{padding:25px 0;}
.info-box ul li{padding:7.5px 0;}
.info-box ul li b a{font-size:12px; line-height:22px;}
.info-box ul li i{margin:0 10px;}
.info-box ul li p{line-height:22px; font-size:14px;}
.info-box ol{padding:25px 0;}
}
@media(max-width:1440px){
.info-cut{width:1200px;}
.info-box ul li b{display:none;}
}
@media(max-width:767px){
.info-title{padding:30px 15px 0 15px;}
.info-title h2{font-size:24px;}
.info-title p{font-size:12px; padding:2px 0 0 0;}
.info-box ul li i{margin-left:0;}
.info-cut{width:10000%;}
.info-box dl{width:1%; padding:0 20px;}
}




.grey-box{background:#f9f9f9; overflow:hidden; padding-bottom:30px;}

.sign-box{width:1480px; margin:30px auto 40px auto;}
@media(max-width:1580px){
.sign-box{width:1280px;} }
@media(max-width:1440px){
.sign-box{width:1180px;} }
@media(max-width:767px){
.sign-box{width:auto; padding:0 10px;} }

.sign-left{float:left; width:39%; background:#fff;}
.sign-left h2{padding:20px 40px; display:block; font-size:20px;}
.sign-left ul{padding:0 30px 10px 30px; display:block;}
.sign-left ul li{display:block; padding:0 0 10px 0;}
.sign-left ul li:after{display:block; content:''; clear:both;}
.sign-left ul li a{display:block;}
.sign-left ul li a img{float:left; width:135px; margin:8px 0 0 0;}
.sign-left ul li a span{margin:0 0 0 150px; display:block;}
.sign-left ul li a span h3{
	display:block;
	margin:0 0 10px 0;
	min-height:56px;
	font-size:14px;
}
.sign-left ul li a span i{display:block; font-style:normal; color:#888;}

.sign-right{float:right; width:59%; background:#fff;}
.sign-title{padding:20px 30px; line-height:30px;}
.sign-title:after{display:block; content:''; clear:both;}
.sign-title ul{float:left;}
.sign-title ul li{float:left; margin:0 20px 0 0;}
.sign-title ul li a{font-size:18px;}
.sign-title ul li.active a{color:#00c1de;}
.sign-title span{float:right;}
.sign-title span a{color:#888;}
.sign-title span a:hover{color:#00c1de}
.sign-list{padding:0 30px 10px 30px; display:none;}
.sign-list.active{display:block;}
.sign-list dl{}
.sign-list dl:after{display:block; content:''; clear:both;}
.sign-list dl dt{width:240px; float:left;}
.sign-list dl dt a{display:block;}
.sign-list dl dt a img{display:block; width:100%;}
.sign-list dl dd{margin:0 0 0 260px;}
.sign-list dl dd h3{margin:0; font-size:16px;}
.sign-list dl dd h3 a{}
.sign-list dl dd p{color:#888; margin:5px 0; height:46px; overflow:hidden; font-size:12px; line-height:22px;}
.sign-list dl dd i{font-style:normal; color:#aaa;}
.sign-list ul{display:block; padding:10px 0 20px 0;}
.sign-list ul:after{display:block; content:''; clear:both;}
.sign-list ul li:first-child{display:none;}
.sign-list ul li{width:46%; float:left;}
.sign-list ul li:nth-child(2n){padding:0 20px 0 0;}
.sign-list ul li:nth-child(2n+1){padding:0 0 0 20px;}
.sign-list ul li a{display:block; border-bottom:1px solid #eee; line-height:50px;}
.sign-list ul li a:after{display:block; content:''; clear:both;}
.sign-list ul li a:before{float:left; border-width:3px 0 3px 4px; margin:20px 10px 0 0;
border-color:transparent transparent transparent #888; border-style:solid; content:'';}
.sign-list ul li a h3{margin:0 85px 0 15px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sign-list ul li a i{float:right; font-style:normal; font-size:14px; color:#888;}

@media(max-width:1600px){
.sign-list ul li a h3{margin:0 65px 0 10px; font-size:14px;}
.sign-list ul li a i{font-size:12px;}
}

@media(max-width:767px){
.sign-left{width:100%;}
.sign-left h2{padding:10px; font-size:16px;}
.sign-left ul{padding:0 10px 10px 10px;}
.sign-left ul li{padding:0 0 10px 0;}
.sign-left ul li a img{width:105px; margin:4px 0 0 0;}
.sign-left ul li a span{margin:0 0 0 120px;}
.sign-left ul li a span h3{margin:0 0 5px 0; min-height:42px; font-size:14px;}
.sign-right{width:100%; margin-top:10px;}
.sign-title{padding:10px; line-height:30px;}
.sign-title ul li{margin:0 10px 0 0;}
.sign-title ul li a{font-size:16px;}
.sign-list{padding:0 10px 10px 10px;}
.sign-list dl{display:none;}
.sign-list ul{padding:0 0 10px 0;}
.sign-list ul li{width:100%; float:none;}
.sign-list ul li:first-child{display:block;}
.sign-list ul li:nth-child(2n+1){padding:0;}
.sign-list ul li:nth-child(2n){padding:0;}
.sign-list ul li a{line-height:35px;}
.sign-list ul li a:before{margin:17px 8px 0 0;}
.sign-list ul li a i{font-size:12px;}
}