@charset "utf-8";
/*index*/
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"微软雅黑","宋体"; background:#ebebeb;}
a{ text-decoration:none;cursor:pointer;} 
ol,ul li{ list-style:none;}
img{ border:0px;}
input,img,textarea{ vertical-align:middle;}
input:focus{outline:none;}
button:focus{outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
.wid{ width:100%; max-width:480px; margin:0 auto;}

/*top*/
.top{ width:100%; max-width:480px; margin:0 auto;}
.logo{ float:left; width:100%;}
.logo img{ width:100%;}
.nav{ width:100%; background:#2176ab; margin:0 auto; overflow:hidden;}
.nav a{ float:left; width:33.1%; height:45px; line-height:45px; text-align:center; color:#fff; font-size:14px; border-bottom:1px solid #0e5c83; border-right:1px solid #0e5c83;}
.nav a:nth-of-type(3n){ border-right:none;}

.banner{ width:100%; max-width:480px; height:230px; position:relative; overflow:hidden; margin:0 auto;}
.banner .boxs { width:100%; height:230px; position:absolute; top:0px; left:0px;}
.banner .boxs img { float:left; width:100%; height:230px; display:block;}
.banner .banner-num{position:absolute;z-index:2;right:5px;bottom:10px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:10px;height:10px;margin-right:5px;background:#ddd;border-radius:10px;}
.banner .banner-num span.current{background:#C00;}
@media screen and (min-width: 411px) and (max-width : 480px){
.banner{ height:210px;}
.banner .boxs { height:210px;}
.banner .boxs img {  height:210px;}
}
@media screen and (min-width: 360px) and (max-width : 410px){
.banner{ height:190px;}
.banner .boxs { height:190px;}
.banner .boxs img { height:190px;}
}
@media screen and (min-width: 300px) and (max-width : 360px){
.banner{ height:170px;}
.banner .boxs { height:170px;}
.banner .boxs img { height:170px;}
}

/*prod*/
.prod{ float:left; width:100%; background:#fff;}
.prod h2{ float:left; width:100%; font-weight:normal; background:#2176ab;}
.prod h2 span{ float:left; height:44px; line-height:44px; font-size:14px; font-weight:bold; color:#fff; text-indent:26px; background:url(../images/ph_icon2.gif) 15px no-repeat; display:inline-block;}
.prod h2 a{ float:right;}
.prod h2 a img{ float:right; padding-top:20px; padding-right:8px;}

.login{ float:left; width:100%; height:100%; background:#fff; position:absolute; top:0px; left:0px; display:none;}
.login h4{ float:left; width:100%; height:42px; line-height:42px; color:#fff; background:#000;}
.login h4 span{ float:left; padding-left:15px; font-size:14px;}
.login h4 a{ float:right; padding-right:15px; font-size:20px;}
.login ol{ float:left; width:100%;}
.login ol li{ float:left; width:100%; height:42px; line-height:42px; font-size:14px; color:#000; text-indent:15px; border-bottom:1px solid #ddd;}
.login ol li a{ float:left; width:100%; color:#000;}
.login ol li a:hover{ background:#ddd;}





.pronav{ width:96%; padding-left:2%; padding-right:2%; margin:0 auto; overflow:hidden; padding-bottom:10px;}
.pronav a{ float:left; width:48%; height:40px; line-height:40px; text-align:center; color:#333; font-size:14px; border:2px solid #ccc; margin-top:10px;}
.pronav a:nth-of-type(2n){ float:right;}

.prod ul{ float:left; width:96%; padding-left:2%; padding-right:2%;}
.prod ul li{ float:left; width:48.7%; background:#fff; margin-bottom:10px;}
.prod ul li a{ float:left; width:100%; overflow:hidden; color:#000;}
.prod ul li a img{ float:left; width:100%; height:150px;}
.prod ul li span{ float:left; width:100%; color:#000; font-size:14px; display:inline-block; padding-top:10px; padding-bottom:5px; text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod ul li:nth-of-type(2n){ float:right;}

.box3{ float:left; width:100%;}
.box3 h2{ float:left; width:100%; font-weight:normal; background:#2176ab;}
.box3 h2 span{ float:left; height:44px; line-height:44px; font-size:14px; font-weight:bold; color:#fff; text-indent:26px; background:url(../images/ph_icon2.gif) 15px no-repeat; display:inline-block;}
.box3 h2 a{ float:right;}
.box3 h2 a img{ float:right; padding-top:20px; padding-right:8px;}
.box3 ul{ float:left; width:96%; padding-left:2%; padding-right:2%; overflow:hidden; background:#fff; padding-top:10px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.box3 ul li{ float:left; width:100%; color:#000; border-bottom:#ccc 1px dashed;}
.box3 ul li a{ float:left; width:75%; height:45px; line-height:45px; font-size:14px; text-indent:24px; background:url(../images/newbg.png) 8px no-repeat; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#000;}
.box3 ul li span{ float:right; width:15%; padding-right:5px; height:35px; line-height:35px; text-align:right; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box3 ul li:hover a{ color:#f00;}
.box3 ul li:hover span{ color:#f00;}

/*product*/
.puct{ float:left; width:100%; background:#fff;}
.puct h2{ float:left; width:100%; font-weight:normal; background:#fff; border-bottom:1px solid #ccc; margin-bottom:10px;}
.puct h2 span{ float:left; height:44px; line-height:44px; font-size:16px; color:#333; text-indent:10px; display:inline-block;}
.puct h2 a{ float:right;}
.puct h2 a img{ float:right; padding-top:20px; padding-right:12px;}
.puct ul{ float:left; width:96%; padding-left:2%; padding-right:2%;}
.puct ul li{ float:left; width:48.7%; background:#fff; margin-bottom:10px;}
.puct ul li a{ float:left; width:100%; overflow:hidden; color:#000;}
.puct ul li a img{ float:left; width:100%; height:150px;}
.puct ul li span{ float:left; width:100%; color:#000; font-size:14px; display:inline-block; padding-top:10px; padding-bottom:5px; text-align:center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.puct ul li:nth-of-type(2n){ float:right;}
.puct p{ float:left; width:96%; padding-left:2%; padding-right:2%; font-size:14px; line-height:22px; padding-bottom:20px;}
.puct p img{ max-width:100%;}
.layer{ float:left; width:100%; line-height:25px; text-align:center; margin-top:10px; margin-bottom:20px;}
.layer a{ color:#888; padding:0px 8px;}

.kb{ float:left; width:100%; height:40px; margin-top:10px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
/*new*/
.connew{ float:left; width:100%; background:#FFF}
.connew h2{ float:left; width:100%; font-weight:normal; background:#fff; border-bottom:1px solid #ccc;}
.connew h2 span{ float:left; height:44px; line-height:44px; font-size:16px; color:#333; text-indent:10px; display:inline-block;}
.connew h2 a{ float:right;}
.connew h2 a img{ float:right; padding-top:20px; padding-right:12px;}
.connew ul{ float:left; width:96%; padding-left:2%; padding-right:2%; background:#FFF; padding-bottom:20px;}
.connew ul li{ float:left; width:100%; height:42px; line-height:42px; border-bottom:1px dashed #ccc;}
.connew ul li a{ float:left; text-indent:10px; color:#333; background:url(../images/newbg.png) left no-repeat;}
.connew ul li span{ float:right; display:inline-block;}

.navtop{ float:left; width:100%; height:50px; background:#fff; position:fixed; top:0px; left:0px; box-shadow:2px 2px 5px #ccc;}
.navtop a{ float:left; width:33px; height:33px; margin-top:10px; background:url(../images/back.jpg) no-repeat;}
.navtop span{ float:right; width:73px; height:26px; line-height:22px; text-indent:30px; margin-top:13px; color:#fff; background:url(../images/look.jpg) no-repeat; margin-right:10px;}

/*info_list*/
.info{ float:left; width:100%; background:#fff; margin-top:51px;}
.info h2{ float:left; width:100%; text-align:center; color:#333; font-size:18px; background:url(../images/infobg.png) left bottom repeat-x; padding-top:27px; padding-bottom:10px;}
.info span{ float:left; width:100%; font-size:12px; text-align:center; color:#999;}
.info p{ float:left; width:94%; padding-left:3%; padding-right:3%; line-height:25px; font-size:14px; padding-bottom:20px;}
.info p img{ max-width:100%;}
.page{ float:left; width:96%; padding-left:2%; padding-right:2%; line-height:25px; font-size:14px; color:#000; padding-top:10px; padding-bottom:10px; margin-top:10px; background:#fff;}
.page a{ color:#000}
.page a:hover{ color:#c79f6d}







/*bottom*/
.ma{ float:left; width:100%; height:190px; text-align:center;}
.ma img{ padding-top:10px;}
.bottom{ float:left; width:100%; height:50px; background:#2176ab; position:fixed; left:0px; bottom:0px;}
.navbot{ float:left; width:100%;} 
.navbot a{ float:left; width:33%; height:50px; text-align:center; color:#a7b3bc; font-size:14px;}
.navbot a img{ width:18px; padding-top:5px;}