.column-box{height:120px; margin-top:-120px; position:relative; background:rgba(0,0,0,.65); 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(../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:#3280d5;}
.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:30px 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:#3280d5;}
.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:#3280d5;}
@media(max-width:1580px){
.service-title h2{font-size:32px;}
.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:#3280d5; 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(../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:#3280d5;}
.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:#3280d5; border-color:#3280d5;}
.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:#3280d5;}
.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 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:295px; 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 #3280d5; background:#3280d5; 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:#3280d5; border-color:#3280d5;}
.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.1%; margin-top:0; position:relative; z-index:1; border-radius:3px;
border-color:#3280d5; 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{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 15px 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:16px;}
.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 30px 0 0;}
.sign-title ul li a{font-size:20px;}
.sign-title ul li.active a{color:#3280d5;}
.sign-title span{float:right;}
.sign-title span a{color:#888;}
.sign-title span a:hover{color:#3280d5}
.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:46px; 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 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;}
}