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

/*nav*/

#pronew{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.pla{width:auto;height:45px;margin:0; float:left; text-align:left;font-size:24px;color:#000; text-align:left; text-decoration:none; line-height:45px;padding-left:40px;}
.pla span{ text-align:left;font-size:18px;color:#888; text-align:left; text-decoration:none; line-height:45px;}


/*方案体现*/
#s1{}
.planeq{width:auto;height:45px;margin:0; text-align:right; padding-right:50px;}
.planeq a{color:#666; font-size:14px; display:inline-block;padding:0 15px; height:30px; line-height:30px; position:relative;top:5px;}
.planeq a:hover,.planeq a.planCur{color:#0A89EA; border-bottom:2px solid #0A89EA; -webkit-transition: all 0s ease-out;-moz-transition: all 0s ease-out;transition: all 0s ease-out;}

.scrolllist a.abtn{display:block;height:41px;width:42px; position:absolute; top:140px;}
.scrolllist a.aleft{left:-84px;}
.scrolllist a.agrayleft{cursor:default; opacity:0.5;}
.scrolllist a.aright{right:-84px;}
.scrolllist a.agrayright{cursor:default; opacity:0.5;}
.scrolllist{width:1127px;height:291px;margin:0 auto; position:relative;}
.scrolllist .imglist_w{width:1127px;height:341px;overflow:hidden;float:left;position:relative;margin:25px 0 0 0;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:324px;float:left;height:auto;padding:5px;border:#DBDBDB 1px solid; position:relative;background:#fff;margin-right:50px; min-height:320px;}
.scrolllist .imglist_w li .xiajian{width:12px; height:6px;position:absolute;left:135px;bottom:-7px;}
.scrolllist .imglist_w li img{ max-width:100%; height:auto;}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li h3{padding:0; margin:0; width:324px; display:block; height:auto; font-size:12px; font-weight:400 ; text-align:center; float:left;}
.scrolllist .imglist_w li h3 a{width:324px; display:block; font-size:16px;text-decoration:none;line-height:28px; text-align:center; color:#2DB9C6;}
.scrolllist .imglist_w li h3 a:hover{ text-decoration:underline;}

.scrolllist .imglist_w li h4{padding:0; font-weight:400 ; width:100%; display:block; height:auto;text-align:center; float:left; font-size:11px;text-decoration:none;line-height:16px; text-align:left; color:#888;}

.planimg{width:100%; height:auto; position:relative;}
.planimg img{ max-width:100%; height:auto;}
.planzhezhao{ position:absolute;left:0;top:0;width:100%; height:100%; background:url(../images/case_cur.png) center center; cursor:pointer; display:none;}
.scrolllist .imglist_w li:hover .planzhezhao{ display:block;}
.planlist{ display:none;}

.plan-shaixuan{ display:none;}


.clear{clear:both;}
.container{
	width:100%; max-width:1120px;
	margin:10px auto 0;
}
.container .navmain{ width:1005;height:45px;margin:0 auto; padding:0; }
.container .nav1{ width:300px;height:45px;margin:0; float:left; text-align:left;font-size:24px;color:#000; text-align:left; text-decoration:none; line-height:45px;}
.container .nav1 span{ text-align:left;font-size:18px;color:#888; text-align:left; text-decoration:none; line-height:45px;}
.container .nav{ margin:0; padding:0;width:400px;  float:right; height:40px; text-align:right;}
.container .nav span{color:#666; font-size:14px; display:inline-block;padding:0 15px; height:32px; line-height:30px; position:relative;top:5px; cursor:pointer;}
.container .nav span.active{color:#0A89EA; border-bottom:2px solid #0A89EA; -webkit-transition: all 0s ease-out;-moz-transition: all 0s ease-out;transition: all 0s ease-out;}

.container .nav span:first-child{}

.content{ margin-top:20px; margin-bottom:20px; width:1121px;position:relative; overflow:hidden;height:260px;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.content .box{position:absolute;width:100%;height:auto;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.content ul{float:left; width:1121px;}
.content ul li{display: block; height:auto; width:24%; float:left; margin-right:1%;text-align:center; line-height:30px;}
.content ul li img{ max-width:100%; height:auto;}
.content ul li+li{margin-left:-1px;}




@media screen and (max-width:1020px) {
}
@media screen and (max-width:860px) {
.scrolllist{width:100%;height:auto; min-height:200px;margin:0 auto; position:relative;}
.scrolllist .imglist_w{width:100%;height:auto;min-height:200px;overflow: hidden;float:left;position:relative;margin:25px 0 0 0;/*必要元素*/}
.scrolllist .imglist_w ul{width:100%;position: relative;}
.scrolllist .imglist_w li{width:30%;float:left;height:auto;padding:1%;border:#DBDBDB 1px solid; position:relative;background:#fff;margin:1%;}
.scrolllist a.abtn{display:none;}
	
	.scrolllist a.aleft{ display:none;}
.scrolllist a.agrayleft{cursor:default; opacity:0.5;}
.scrolllist a.aright{ display:none;}

}


@media screen and (max-width:740px) {
	
	.scrolllist .imglist_w li{width:45%;float:left;height:auto;padding:1%;border:#DBDBDB 1px solid; position:relative;background:#fff;margin:1%;}

}


@media screen and (max-width:640px) {
.planeq{width:100%;height:45px;margin:25px 0; text-align:center;}
.planeq a{ width:45%; margin:1%; padding:0;color:#21BBC3; font-size:14px; height:30px; display:inline-block;line-height:30px; position:relative;top:5px; border:1px solid #21BBC3;}
.planeq a:hover,.planeq a.planCur{color:#fff; background:#21BBC3;-webkit-transition: all 0s ease-out;-moz-transition: all 0s ease-out;transition: all 0s ease-out;}
	
	
}
@media screen and (max-width:540px) {
}

@media screen and (max-width:420px) {
.scrolllist .imglist_w li{width:94%;float:left;height:auto;padding:1%;border:#DBDBDB 1px solid; position:relative;background:#fff;margin:1%;}
}


@media screen and (max-width:360px) {
}