/*banner*/

/*.banner{position:relative;}*/
.baner{ width:100%; position:relative; overflow:hidden;}
#inner_ban .n_baner{ height:auto;}
#inner_ban .n_baner img{ width:100%; height:auto; max-width:1920px;  display:block;}

.baner{ width:100%; position:relative; overflow:hidden;}
.baner_box{ width:1024px; margin:0 auto;}
.n_baner{ width:1920px; margin:0 -460px; overflow:hidden; display:block; position:relative;}
.atlas { width:999999px;}
.atlas li{ float:left;}
.atlas li img{ display:block;}
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:1;}
.n_baner .num a{  display:inline-block;width: 23px; height: 13px; background: #333;  border-radius:10px; border: solid 2px #eee; margin:0 5px;}
.n_baner .num a.on{background: #3250b2;}
.top-notice .topnote-box .close:hover img{transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);
}





@media(max-width:1024px){
 
    .n_baner{  margin-left: -448px;}
	#productslist li { margin-bottom: 15px; padding:0 14px;  float: left; text-align: center; }
	.footer .footer_content ul.fl { float:left; padding:50px 0; margin-right:65px;}
	.footer .footer_content ul.fr {color:#666666; padding:50px 0px;text-align:center;  background:#f2f2f2;}
	.icaselist li{ width:28%; float:left; margin:0 20px; margin-bottom:40px;border:5px solid #efefef; }
	.icaselist li .vlock{ display:none; width:100%; height:214px; position:absolute; top:0; left:0; z-index:100; background:url(../images/lock.png) no-repeat 0 0;}
	.inews{  overflow:hidden;}
.inews dl{ margin:30px 0 60px; overflow:hidden}
.inews dt{ display:none;}
.inews dd{ height:196px; width:984px; margin:0 auto;}
.ilistnews{ overflow:hidden;*zoom:1;}
.ilistnews li{ width:50%; height:74px; margin-bottom:40px; float:left}
.ilistnews li span,.showdate span{ display:block; width:74px; height:74px; text-align:center; border-right:1px solid #e3e3e3; float: left; margin-right:16px;}
.ilistnews li span em,.showdate span em{ font-size:18px; color:#999; display:block; font-style:normal}
.ilistnews li span i,.showdate span i{ font-size:36px; color:#162c71; font-weight:bold; display:block; font-style:normal; width:100%; height:50px; line-height:50px;}
.btit{ width:330px; float:left; height:76px; overflow:hidden;}
.btit h3 a{ font-size:14px; color:#666; font-weight:normal}
.btit h3 a:hover{ text-decoration:underline}
.btit p{ font-size:12px; color:#a9a9a9; margin-top:6px; line-height:22px;}

.index_cases {padding:60px 0;overflow:hidden;background:#FFF;} 
.index_cases_main {width:100%;margin:auto;overflow:hidden;position:relative; min-height:400px;} 
.index_cases_main .title{text-align:left; width:275px; border-left:#0175cc 3px solid; padding-left:10px;position:absolute; left:0; top:0; height:65px; z-index:90; background:#FFF}
.index_cases_main .title h1{color:#0175cc; font-size:24px; font-family:"微软雅黑";}
.index_cases_main .title h3{text-transform:uppercase; font-size:12px; line-height:30px; color:#666;}

.ck-slide {  height: 530px; margin: 0 auto;overflow: hidden;width:100%;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;height: 450px; width:10000%}
.ck-slide ul.ck-slide-wrapper li { position: absolute; padding-left:326px;height: 430px;}
.ck-slide ul.ck-slide-wrapper li img{border:#eaeaea 10px solid;}
.ck-slide ul.ck-slide-wrapper li ol {position: absolute; left:0px; top:120px;  border:#CCC 1px solid; padding:10px; }
.ck-slide ul.ck-slide-wrapper li ol * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.ck-slide ul.ck-slide-wrapper li a.txtcs{ background:#eaeaea;padding:30px; display:block; display:block; overflow:hidden; width:600px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs h4 { padding-bottom:10px; font-size:18px; font-family:"微软雅黑"; font-weight:bold;}
.ck-slide ul.ck-slide-wrapper li a.txtcs span { line-height:22px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs h6 {  border:#ccc 1px solid; text-align:center; line-height:30px; width:100px; margin-top:20px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs:hover {background:#0175cc;padding-left:50px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs:hover h4,.ck-slide ul.ck-slide-wrapper li a.txtcs:hover h6,.ck-slide ul.ck-slide-wrapper li a.txtcs:hover span{ color:#FFF; }
.ck-slide .ck-prev { position: absolute; bottom:10px; width: 35px; height: 35px; line-height:35px;right: 45px; background: #eaeaea ; text-align:center; font-family:"宋体"; font-size:18px; z-index:100000000000}
.ck-slide .ck-next{ position: absolute; bottom: 10px;  width: 35px; height: 35px; line-height:35px;right: 0px; background: #eaeaea ; text-align:center; font-family:"宋体";font-size:18px; z-index:100000000000}
.ck-slide .ck-prev:hover,.ck-slide .ck-next:hover { background:  #0175cc ; color:#FFF}
	
}


@media (min-width:768px)and (max-width:999px){
    .n_baner {margin-left: 0;}  
	.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:1;}
}

@media (max-width:767px){
   
    .n_baner { margin-left: 0;}
  

}




@media (max-width:480px) {
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:1;}
.baner{margin-top:1.8em}
.n_baner .num a{  display:inline-block;width: 13px; height: 3px; background: #333;  border-radius:10px; border: solid 2px #eee; margin:0 5px;}

#productslist li {max-width:50%;margin-bottom: 15px; padding:0 .5em; float: left; text-align: center;}
.icaselist li{ width:100%; height:auto;  float:left; margin:0 2px; margin-bottom:40px;border:5px solid #efefef; }
.icaselist li .casethumb{ position:relative; overflow:hidden;*zoom:1;}
.icaselist li .casethumb a:hover{ text-decoration:none}
}

@media (max-width:320px){
 #productslist li {max-width:100%;margin-bottom: 15px; padding:0 .5em; float: left; padding-left:30px; text-align: center;}
}