.column-box{height:120px; margin-top:-120px; position:relative; background:rgba(0,0,0,.50); z-index:999;}
.column-box ul{width:1560px; margin:0 auto;}
.column-box ul li{float:left; width:25%; position:relative;}
.column-box ul li:before{background:url(../images/column.jpg); background-size:cover; position:absolute; 
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;
left:0; top:0; right:0; bottom:0; z-index:1; content:''; opacity:0;}
.column-box ul li:hover:before{opacity:1;}
.column-box ul li a{color:#fff; float:left; width:100%; position:relative; z-index:2;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.column-box ul li:hover a{color:#0789fe;}
.column-box ul li a i{line-height:120px; font-size:50px; float:left; margin:0 0 0 80px;}
.column-box ul li a span{float:left; height:59px; margin:30px 0 0 20px;}
.column-box ul li a span b{display:block; font-size:20px; font-weight:normal;}
.column-box ul li a span p{}
@media(max-width:1580px){
.column-box ul{width:1360px;}
.column-box ul li a i{margin:0 0 0 50px;}
.column-box ul li a span{margin:33px 0 0 20px;}
.column-box ul li a span b{font-size:18px;}
}
@media(max-width:1440px){
.column-box ul{width:1200px;}
.column-box ul li a i{margin:0 0 0 20px;}
.column-box ul li a span{margin:33px 0 0 15px;}
}
@media(max-width:767px){
.column-box{height:auto; margin-top:0; background:rgba(0,0,0,1); overflow:hidden;}
.column-box ul{width:10000%;}
.column-box ul li{width:.25%; text-align:center;}
.column-box ul li a i{line-height:1; font-size:28px; float:none; margin:12px 0 0 0; display:block;}
.column-box ul li a span{float:none; height:auto; display:block; margin:2px 0 8px 0;}
.column-box ul li a span b{font-size:12px;}
.column-box ul li a span p{display:none;}
}



.service-title{text-align:center; margin:75px 0 0 0;}
.service-title.back{background:#fafafa; padding:30px 0 0 0;}
.service-title h2{display:block; font-size:36px;}
.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:#0789fe;}
.service-title ul li{display:inline-block; padding:0 10px;}
.service-title ul li a{font-size:16px;}
.service-title ul li.active a{color:#0789fe;}
@media(max-width:1580px){
.service-title h2{font-size:32px;text-align:center;}
.service-title p{font-size:14px;}
.service-title ul li a{font-size:15px;}
}
@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;}
.service-title p{font-size:12px;}
.service-title ul li a{font-size:14px;}
}



.user-box{background:#fafafa; overflow:hidden; padding:30px 0;}
.user-box ul{width:1360px; margin:0 auto;}
.user-box ul:after{display:block; content:''; clear:both;}
.user-box ul li{width:33.3333%; text-align:center; float:left;}
.user-box ul li span{padding:0 30px; display:block;}
.user-box ul li img{display:block; width:100%;}
.user-box ul li h3{font-size:16px; padding:15px; background:#fff; display:block;}
.user-box ul li a{display:block; background:#0789fe; color:#fff; padding:10px 0; font-size:18px;}
@media(max-width:1580px){
.user-box ul{width:1200px;}
.user-box ul li h3{font-size:14px;}
.user-box ul li a{font-size:16px;}
}
@media(max-width:1440px){
.user-box ul{width:1000px;}
}
@media(max-width:767px){
.user-box{display:none;}
.user-box ul{width:10000%;}
.user-box ul li{width:1%;}
}



.module-box{overflow:hidden;}
.module-box>.clear{width:1560px; margin:30px auto; position:relative;}
.module-nav{width:25%; padding:10px; position:absolute; left:0; top:0; bottom:0;
background:url(../images/banner.jpg) center; background-clip:content-box; background-size:cover;}
.module-nav h2{color:#fff; font-size:36px; padding:20px 30px;}
.module-nav h2:after{width:36px; height:36px; line-height:36px; border-radius:50%; display:inline-block; font-weight:bold;
background:rgba(255,255,255,.5); text-align:center; font-size:26px; content:'>'; margin-left:20px; font-family:Simsun;}
.module-nav ul{float:right;}
.module-nav ul li{margin:15px 0 0 0;}
.module-nav ul li a{color:#fff; border:2px solid #eee; border-right:none; display:block; 
font-size:16px; padding:0 30px; line-height:40px; background:rgba(255,255,255,.15);}
.module-cut{width:75%; float:right;}
.module-cut ul{display:none;}
.module-cut ul.active{display:block;}
.module-cut ul:after{display:block; clear:both; content:'';}
.module-cut ul li{float:left; width:33.3333%; padding:10px;}
.module-cut ul li span{display:block; overflow:hidden;}
.module-cut ul li span img{display:block; width:100%;}
.module-cut ul li font{background:#f5f5f5; display:block; padding:20px;}
.module-cut ul li font:after{display:block; content:''; clear:both;}
.module-cut ul li font h3{float:left;}
.module-cut ul li font h3 a{}
.module-cut ul li font b{float:right;}
.module-cut ul li font b a{margin:0 0 0 10px; display:inline-block;}
.module-cut ul li font b a i{display:block;}
.module-cut ul li:hover font{background:#0789fe;}
.module-cut ul li:hover font a{color:#fff;}
@media(max-width:1580px){
.module-box>.clear{width:1360px;}
.module-cut ul li font{padding:15px;}
}
@media(max-width:1440px){
.module-box>.clear{width:1200px;}
}
@media(max-width:767px){
.module-box>.clear{width:100%;}
.module-nav{width:100%;}
}



.service-box{overflow:hidden;}
.service-box>ul{width:1560px; margin:30px auto; padding:0 10px 0 0;}
.service-box>ul:after{display:block; clear:both; content:'';}
.service-box>ul>li{float:left; width:20%; padding:0 0 0 10px; overflow:hidden;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.service-box dl{width:200%; position:relative;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.service-box dl dt{width:50%; color:#fff; padding:30px;}
.service-box>ul>li:nth-child(1) dl dt{background:#0166ce;}
.service-box>ul>li:nth-child(2) dl dt{background:#f2551e;}
.service-box>ul>li:nth-child(3) dl dt{background:#49ad79;}
.service-box>ul>li:nth-child(4) dl dt{background:#fba433;}
.service-box dl dt i{font-size:60px; line-height:1;}
.service-box dl dt h3{font-size:22px; margin:30px 0 0 0;}
.service-box dl dt b{font-size:36px; font-weight:normal; line-height:1;}
.service-box dl dt p{font-size:16px; margin:20px 0;}
.service-box dl dd{overflow:hidden; position:absolute; left:50%; top:0; right:0; bottom:0;}
.service-box dl dd img{display:block; position:absolute; left:0; top:0; width:100%; z-index:1;}
.service-box dl dd span{position:absolute; z-index:2; background:rgba(0,0,0,.5); left:0; top:0; right:0; bottom:0;}
.service-box dl dd span a{color:#fff; font-size:18px; border:1px solid rgba(255,255,255,.5); line-height:2; 
width:140px; display:block; margin:15px auto; text-align:center;}
.service-box dl dd span a:first-child{margin-top:100px;}
.service-box dl dd span a:hover{background:#0789fe; border-color:#0789fe;}
.service-box>ul>li.active{width:40%;}
.service-box>ul>li.active dl{width:100%;}
.service-box>ul>li.active dd{ }
@media(max-width:1580px){
.service-box>ul{width:1360px;}
.service-box dl dt i{font-size:50px;}
.service-box dl dt h3{font-size:20px;}
.service-box dl dt b{font-size:34px;}
.service-box dl dt p{font-size:14px;}
.service-box dl dd span a{font-size:16px;}
}
@media(max-width:1440px){
.service-box>ul{width:1200px;}
}
@media(max-width:767px){
.service-box{margin:0 15px;}
.service-box>ul{width:10000%;}
.service-box>ul>li,
.service-box>ul>li.active{width:1%; padding:0;}
.service-box dl{width:100%;}
.service-box dl dt{width:100%; padding:20px;}
.service-box dl dt i{float:left; font-size:40px; line-height:60px; padding-right:10px;}
.service-box dl dt h3{font-size:18px; margin:0;}
.service-box dl dt b{font-size:25px;}
.service-box dl dt p{font-size:12px; margin:10px 0 0 0;}
.service-box dl dd{overflow:hidden; position:relative; width:100%; top:auto; right:auto; bottom:auto; left:auto;} 
.service-box dl dd span{position:relative; overflow:hidden; z-index:3333; text-align:center; 
top:auto; right:auto; bottom:auto; left:auto; display:block; padding:20px 0;}
.service-box dl dd span a{font-size:14px; width:140px; display:inline-block; margin:10px!important; text-align:center;}
}


.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:25%; padding:10px;}
.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:20px; line-height:24px;}
.case-box ul li font:after{display:block; content:''; clear:both;}
.case-box ul li font h3{float:left;}
.case-box ul li font h3 a{}
.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:#0789fe;}
.case-box ul li:hover font a{color:#fff;}
@media(max-width:1580px){
.case-box ul{width:1360px;}
.case-box ul li font{padding:15px;}
}
@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;}
}


 
.automatic-box{width:1560px; margin:0 auto 100px auto;}
.automatic-title{text-align:center;}
.automatic-title h2{font-size:36px;}
.automatic-title img{display:block; margin:20px auto;}
.automatic-cut{text-align:center;}
.automatic-cut dl{float:left; width:40%;}
.automatic-cut dl dt{font-size:22px; line-height:50px; padding:30px 0; font-weight:bold; border-bottom:1px solid #d9d9d9;}
.automatic-cut dl dt img{margin-right:20px;}
.automatic-cut dl dd{font-size:18px; line-height:25px; padding:30px 0; color:#484848; border-bottom:1px solid #d9d9d9;}
.automatic-cut dl dd.s{line-height:50px;}
.automatic-cut ul{float:left; width:20%;}
.automatic-cut ul li{overflow:hidden; padding-bottom:1px;}
.automatic-cut ul li:first-child{height:110px;}
.automatic-cut ul li span{height:96px; width:96px; margin:7px auto; border-radius:50%; position:relative;
display:block; color:#fff; font-size:17px; line-height:23px; padding:25px 0;}
.automatic-cut ul li span:before{position:absolute; content:'<'; left:5px; top:50%; color:#fff; font-size:24px; line-height:20px; margin-top:-10px;}
.automatic-cut ul li span:after{position:absolute; content:'>'; right:5px; top:50%; color:#fff; font-size:24px; line-height:20px; margin-top:-10px;}
.automatic-cut ul li span.s{line-height:46px;}
.automatic-cut ul li:nth-child(2) span{background:#f0bc1b;}
.automatic-cut ul li:nth-child(3) span{background:#27d1b7;}
.automatic-cut ul li:nth-child(4) span{background:#b985f1;}
.automatic-cut ul li:nth-child(5) span{background:#31a7ef;}
.automatic-cut ul li:nth-child(6) span{background:#ff3701;}
.automatic-cut ul li:nth-child(7) span{background:#97d125;}
@media(max-width:1580px){
.automatic-box{width:1360px;}
}
@media(max-width:1440px){
.automatic-box{width:1200px;}
}





.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:#0166ce; 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:.2%; 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{font-size:50px; opacity:.85; position:absolute; width:100%; left:0; bottom:53%;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.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;}
.solution-box ul li a{position:absolute; top:85%; font-size:16px; line-height:32px; width:120px; 
margin:0 0 0 -60px; 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%;}
.solution-box ul li:hover span{background:rgba(48,113,255,.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:75%; opacity:1;}
@media(max-width:1680px){
.solution-cut{width:1480px;}
.solution-box ul li i{font-size:46px;}
.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 i{font-size:40px;}
.solution-box ul li h3{font-size:18px;}
.solution-box ul li p{font-size:12px;}
}
@media(max-width:767px){
.solution-cut{width:100%; padding:0;}
.solution-box ul li{width:290px;} 
.solution-box button.fa{display:none;}
.solution-box .fa-back{left:0; right:auto;}
.solution-box .fa-more{left:auto; right:0;}
}



.info-title{text-align:center; padding:30px 0 0 0; background:#fafafa;}
.info-title h2{display:block; font-size:36px;}
.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;}
}



.server-box{width:1480px; margin:40px auto;}
@media(max-width:1580px){
.server-box{width:1280px;} }
@media(max-width:1440px){
.server-box{width:1180px;} }
@media(max-width:767px){
.server-box{width:auto; padding:0 10px;} }
.server-list{float:left; width:23.5%; border:1px solid #e0e0e0; overflow:hidden; margin:40px 0 0 -1px;}
.server-list .red{color:#C00;}
.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;}
.server-foot{text-align:center; padding:40px 10px; height:345px; background:#fff;}
.server-foot>hr{border:none; border-bottom:1px dashed #ccc; margin:25px 15px; padding:0; display:block;}
.server-header{text-align:center; overflow:hidden; border-bottom:1px solid #089ab0; background:#0789fe; 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;}
.server-footer{padding:15px 30px; height:385px; 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;}
 }






.grey-box{background:#f9f9f9; overflow:hidden;}

.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{width:100%; background:#fff;overflow:hidden;}
.sign-left h2{padding:20px 40px; display:block; font-size:20px;}
.sign-left ul{padding:25px; display:block;overflow:hidden;}
.sign-left ul li{display:block; padding: 10px;width:50%;float:left;}
.sign-left ul li:hover{background:#eee;}
.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:149px; margin:0px 8px 0 0;height:100px;}
.sign-left ul li a span{margin:0 0 0 150px; display:block;}
.sign-left ul li a span h3{display:block; margin:3px 0 5px 0;font-size:16px;}
.sign-left ul li a span i{display:block; font-style:normal; color:#888;}
.sign-left ul li a span p {color:#888; margin:2px 0; height:46px; overflow:hidden;}

.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 30px 0 0;}
.sign-title ul li a{font-size:20px;}
.sign-title ul li.active a{color:#0789fe;}
.sign-title span{float:right;}
.sign-title span a{color:#888;}
.sign-title span a:hover{color:#0789fe}
.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;}
.sign-list dl dd h3 a{}
.sign-list dl dd p{color:#888; margin:5px 0; height:86px; overflow:hidden;}
.sign-list dl dd i{font-style:normal; color:#aaa;}
.sign-list ul{display:block; padding:10px 0 30px 0;}
.sign-list ul:after{display:block; content:''; clear:both;}
.sign-list ul li:first-child{display:none;}
.sign-list ul li{width:50%; 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:25px 10px 0 0;
border-color:transparent transparent transparent #888; border-style:solid; content:'';}
.sign-list ul li a h3{margin:0 65px 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{width: 100%;}
.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;font-size:14px;}
.sign-left ul li a span p {color:#888; margin:2px 0;font-size:11px;}
.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;}
}

	
/*首页视频*/
.part_video{width:100%;overflow: hidden;position: relative;background-color:#010510;}
.part_video video{width:100%;display: block;}

.zhezhao{
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 999;
}
.video_text{
	width: 1200px;
	text-align: center;
	margin:0 auto;
	margin-top:370px;
	color: #fff;
	display: none;
}
.video_text h2{
    animation: zuo 2.5s;
	font-size:54px;
}
.video_text div{
	animation: touming 1.5s;
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	color:#FFFFFF;
	line-height:43px;
	border:1px solid #ffffff;
	margin-top:40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

}
.video_text div:hover{
    animation: touming 1.5s;
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	line-height:43px;
	border:1px solid #ffffff;
	background-color:#ffffff;
	margin-top:40px;
	color:#333333;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}

@keyframes touming{
    0%{
        opacity: 0;
       }
	30%{
        opacity: 0.3;
       }
	60%{
        opacity: 0.6;
       }
    100%{        
        opacity: 1;
    }
}

@keyframes zuo{
    0%{
        transform: translate(-300px,0px);
        opacity: 0;
       }
    100%{        
        transform: translate(0px,0px);
        opacity: 1;
    }
}
.video_text p{
   animation: you 2.5s;
   font-size:22px;
}
@keyframes you{
    0%{
        transform: translate(300px,0px);
        opacity: 0;
       }
    100%{
        transform: translate(0px,0px);
        opacity: 1;
    }
}

@media(max-width:767px){
.part_video{width:auto!important;height:auto!important;verflow: hidden;position: relative;background-image:url(../images/2b.jpg) center no-repeat; background-color:#010510;}
.part_video video {width: auto!important;height: 300px;}
.zhezhao{display: block;position: absolute;top: 0;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 999;}
.video_text{width:auto!important;text-align: center;margin:0 auto;margin-top:100px;color: #fff;display: none;}
.video_text h2{animation: zuo 2.5s;font-size:22px;}
.video_text p{animation: you 2.5s;font-size:16px;
}
}
/*结束*/

.case-box1 ul{width:1440px; margin:10px auto; display:none;}
.case-box1 ul.active{display:block;}
.case-box1 ul:after{display:block; clear:both; content:'';}
.case-box1 ul li{float:left; width:16.6%;padding:5px;}
.case-box1 ul li a{display: block;padding:10px;}
.case-box1 ul li a img{width: 100%;-moz-transform: perspective(0px) rotateY(0deg);-webkit-transform: perspective(0px) rotateY(0deg);transform: perspective(0px) rotateY(0deg);transition: all 1s;-webkit-transition: all 1s;z-index: 999;position: relative;}
.case-box1 ul li a:hover img{-moz-transform: perspective(800px) rotateY(360deg);-webkit-transform: perspective(800px) rotateY(360deg);transform: perspective(800px) rotateY(360deg);transition: all 1s;-webkit-transition: all 1s;}
@media(max-width:1580px){
.case-box1 ul{width:1360px;}
.case-box1 ul li font{padding:15px;}
}
@media(max-width:1440px){
.case-box1 ul{width:1200px;}
}
@media(max-width:767px){
.case-box1 ul{width:100%; padding:5px;}
.case-box1 ul li{width:50%; padding:5px;}
.case-box1 ul li font{padding:10px;}
.case-box1 ul li font h3{float:none; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-box1 ul li font b{display:none;}
}

/*我们的服务*/
.server{margin-top:50px;}
.website-list { width: 1200px; margin: 0 auto 50px auto; overflow: hidden;}
.website-list ul { margin: 0 -13px;}
.website-list li { position: relative; float: left; width: 240px; margin: 0 13px; padding: 24px 19px 20px; border: 1px solid #eee; border-radius: 3px; text-align: center;}
.website-list li h2 { color: #4a4a4a; font-size: 20px; font-weight: normal;}
.website-list li h3 { padding: 7px 0 16px; border-bottom: 1px dotted #bfbfbf; color: #999; font-size: 12px; font-weight: normal;}
.website-list li .text { margin: 164px 0 19px; color: #999; font-size: 12px; }
.website-list li .text p { padding: 6px 0;}
.website-list li .more { display: block; width: 240px; height: 40px; background: #f5f5f5; border-radius: 32px; color: #333; font-size: 18px; line-height: 40px; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.website-list li.ico1 { background: url(../images/img-20.jpg) no-repeat center 115px;}
.website-list li.ico2 { background: url(../images/img-21.jpg) no-repeat center 115px;}
.website-list li.ico3 { background: url(../images/img-22.jpg) no-repeat center 115px;}
.website-list li.ico4 { background: url(../images/img-23.jpg) no-repeat center 115px;}

.website-list-content { position: absolute; top: 420px; left: 0; width:278px; height: 402px; overflow: hidden; background:#4a4a4a; border-radius: 3px;}
.website-list-content h4 { color: #fff; font-size: 20px; line-height: 54px; font-weight: normal;}
.website-list-content dl { padding: 20px 20px; height: 46px; border-top: 1px solid #636363; overflow: hidden; text-align: left;}
.website-list-content dl dt { float: left; width: 40px; color: #fff; font-size: 12px; line-height: 20px;}
.website-list-content dl dd { float: left; width: 190px; color: #fff; font-size: 12px; line-height: 18px;}
.website-list-content a.imore { display: block; width: 240px; height: 40px; margin: 16px auto; background: url(../images/btnhover1.png) no-repeat; background-position: 0 -84px; border-radius: 32px; color: #4a4a4a; font-size: 18px; line-height: 40px; cursor: pointer; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;}
.website-list-content a.imore:hover {background-position: 0 -10px; color: #fff;}

.fwbz { width: 1200px; margin: 50px auto; overflow: hidden;}
.fwbz h1 { color: #1d4286; font-size: 30px; font-weight: normal; text-align: center;}
.fwbz h3 { margin: 13px 0 25px; color: #888; font-size: 16px; font-weight: normal; text-align: center;}
.fwbz li { float: left; padding: 0 61px; text-align: center;}
.fwbz li h2 { padding: 10px 0 3px; color: #333; font-size: 20px; font-weight: normal;}
.fwbz li p { color: #999; font-size: 12px; }
.fwbz li:hover img { -webkit-animation: spinAround 1s linear infinite; -moz-animation: spinAround 1s linear infinite; animation: spinAround 1s linear infinite;}
/*seo start*/
.seo{padding:30px 0;height: 650px;background: url(../images/SEO.jpg) no-repeat center;max-width: 1300px;margin: 75px auto;}
.seo ul li b{font-size: 30px;color: #444;line-height: 40px;}
.seo ul li p{font-size: 16px;line-height: 25px;}
.seo ul .fl li:nth-child(1) {position: relative;top: 120px;left:15px;}
.seo ul .fl li:nth-child(2) {position: relative;top: 360px;left:55px;}
.seo ul .fr li:nth-child(1) {position: relative;top:50px;left: -20px;}
.seo ul .fr li:nth-child(2) {position: relative;top:250px;left: 0px;}
/*seo end*/
.twoflow {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #777;
}

/*news*/
.news_list {width: 1480px;
    margin: 0 auto;}
.news_list .item-list {
    margin-left: -1.5%;
}
.news_list li {
    position:relative;
    float:left;
    width:48.5%;
    margin:0 0 1.5% 1.5%;
    background:#fff;
}
.ourwork-list .each-item:after,
.news_list li:after,.index-news_list .item2:after,
.index-news_list .item3:after,
.solution-list .each-item:after,
.pay-list .each-item:after {
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    transition:all .6s;
}
.ourwork-list .each-item:hover:after,
.news_list li:hover:after,
.index-news_list .item2:hover:after,
.index-news_list .item3:hover:after,
.solution-list .each-item:hover:after,
.pay-list .each-item:hover:after{
    box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.news_list li:hover:after,
 .index-news_list .item2:hover:after,
 .index-news_list .item3:hover:after,
.pay-list .each-item:hover:after {transform:scale(1.025);}
.news_list li a,.index-news_list .item-inner {
    z-index:1;
    position:relative;
    display:block;
}
.news_list-one li a {
    padding: 35px 70px;
}
.news_list-one .date-wrap {
    position: relative;
    float: left;
    width: 115px;
    height: 155px;
    border-right: 1px solid #e7e7e7;
}
.news_list-one .date-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.news_list-one .date-wrap .day {
    font: 48px/1 'gotham-medium';
    color: #333;
}
.news_list-one .date-wrap .line {
    display: block;
    width: 25px;
    height: 3px;
    margin: 15px 0;
    background: #e7e7e7;
}
.news_list-one .date-wrap .days {
    font: 14px/1 'Gotham-Book';
    color: #333;
}
.news_list-one .text-wrap {
    margin-left: 175px;
}
.news_list-one .text-wrap .title {
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list-one .text-wrap .descrition {
    height: 48px;
    margin: 15px 0 40px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
}
.news_list .text-wrap .more .icon {
    display: inline-block;
    width: 0;
    height: 10px;
    background: url(../images/more-icon2.png) no-repeat center center;
    transition: all .4s;
    opacity: 0;
}
.news_list .text-wrap .more strong {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    transition: all .4s;
}
a:visited {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
.news_list li:hover .text-wrap .more .icon {width:21px;opacity:1;}
.news_list li:hover .news_list-one .text-wrap .title{color: #dc0000;}
.news_list li:hover .news_list-one .date-wrap .line{color: #dc0000;}

/*赚钱*/
.wrap{max-width: 1200px;
    margin: 0 auto;
    padding: 35px 0px;}
.wrap .section{width:100%;height:auto;padding: 40px 0px;overflow: hidden;}
.wrap .section .lft{ width:440px; height:auto; overflow:hidden;}
.wrap .section .txtbox { margin-top:25px; float:left;margin-left: 50px;}
.wrap .section .txtbox h2{width:100%; height:auto;line-height:1.5em;background:#fff; font-size:40px;font-weight:bold;color:#960000;}
.wrap .section .txtbox .con{ margin-top:35px;}
.wrap .section .txtbox .con h3{ margin-top:-24px;color:#636363;font-size:30px;}
.wrap .section .txtbox .con h3 strong{ background:#fff; font-size:30px; font-weight:normal; padding:0 10px;}
.wrap .section .txtbox .con .txt{ padding:10px 40px 10px 10px; color:#636363; font-size:18px; line-height: 45px;text-align:left;}
.wrap .section .txtbox .con .txt span{color:#960000;margin-right: 10px;}
.wrap .section .txtbox .con .txt strong{color:#000;font-weight:600}
.lft {
    float: left;
    display: inline;
}
.wrap .dingwei{width:100%;height:auto;margin-top:10px;}
.wrap .dingwei ul{width:1140px;height:200px;margin:0 auto;}
.wrap .dingwei ul li{width:160px;height:200px;float:left;margin:auto 0;text-align: center;}
.wrap .dingwei ul li #prod1{width:140px; height:200px;display:inline-block;background:url(../images/d1.png)no-repeat center}
.wrap .dingwei ul li #prod2{width:155px; height:200px;display:inline-block;background:url(../images/d2.png)no-repeat center}
.wrap .dingwei ul li #prod3{width:125px; height:200px;display:inline-block;background:url(../images/d3.png)no-repeat center}
.wrap .dingwei ul li #prod4{width:130px; height:200px;display:inline-block;background:url(../images/d4.png)no-repeat center}
.wrap .dingwei ul li #prod5{width:135px; height:200px;display:inline-block;background:url(../images/d5.png)no-repeat center}
.wrap .dingwei ul li #prod6{width:140px; height:200px;display:inline-block;background:url(../images/d6.png)no-repeat center}
.wrap .dingwei ul li #prod7{width:158px; height:200px;display:inline-block;background:url(../images/d7.png)no-repeat center}
.wrap .dingwei ul li #prod1:hover{ background:url(../images/d1r.png)no-repeat;}
.wrap .dingwei ul li #prod2:hover{ background:url(../images/d2r.png)no-repeat;}
.wrap .dingwei ul li #prod3:hover{ background:url(../images/d3r.png)no-repeat;}
.wrap .dingwei ul li #prod4:hover{ background:url(../images/d4r.png)no-repeat;}
.wrap .dingwei ul li #prod5:hover{ background:url(../images/d5r.png)no-repeat;}
.wrap .dingwei ul li #prod6:hover{ background:url(../images/d6r.png)no-repeat;}
.wrap .dingwei ul li #prod7:hover{ background:url(../images/d7r.png)no-repeat;}

.case .Content ul {
            width: 100%;
            display: block;
            font-size: 0;
        }

        .case .Content li {
            display: inline-block;
            width: 33.333%;
            position: relative;
            overflow: hidden;
        }

        .case .Content a {
            width: 100%;
        }

        .case .Content .Img {
            width: 100%;
            position: relative;
            overflow: hidden;
        }

            .case .Content .Img img {
                width: 100%;
                height: auto;
                transform: scale(1);
            }
@media(max-width:767px){
	.wrap{padding: 0px 0px 35px 0px;}
	.wrap .section{padding: 0px;}
	.wrap .section .lft{text-align: CENTER;width: 100%;}
	.wrap .section .lft img{width: 80%;}
	.wrap .section .txtbox{margin: 20px 20px 0px 20px;}
	.wrap .section .txtbox h2{font-size: 25px;}
	.wrap .section .txtbox .con h3{font-size: 20px;}
	.wrap .section .txtbox .con .txt{font-size: 13px;padding: 10px;line-height: 30px;}
	.wrap .dingwei{display: none;}
	.case .Content li{width: 100%;padding: 5px 7%;}
	.news_list{width: 100%;}
	.news_list li{width: 90%;margin: 10px 5%;}
	.news_list-one li a{padding: 10px;}
	.news_list-one .date-wrap{width: 70px;}
	.news_list-one .text-wrap{margin-left:80px;}
	.news_list-one .text-wrap .descrition{height: 75px;margin: 15px 0 15px;}
	.news_list .text-wrap .more .icon{opacity: 1;width: 30px;}
	.news_list-one .date-wrap .day{font: 38px/1 'gotham-medium';}
	.wrap .section .txtbox .con h3 strong{font-size:22px;padding:0px;}
}