@charset "utf-8";
.clear{clear: both;}
.top{width: 100%;height: 48px;background: #48484a;color:#d1d1d3;line-height: 48px;font-size: 14px;}
.top i.tel{width: 30px;height: 30px;background: url(../images/header_tel.png) no-repeat;display: block;float: left;vertical-align: middle;margin-top: 14px;}

.w_header{width: 100%;height: 110px;}
.w_header .logo{width: 250px;float: left;vertical-align: middle;}
.w_header .nav{width: 920px;float: left;height: 110px;}
.w_header .nav ul li{width: 100px;float: left;text-align: center;line-height: 108px;}
.w_header .nav ul li a{font-size: 15px;color:#555454;display: block;box-sizing:border-box;}
.w_header .nav ul li.on a{border-bottom: 2px solid #f55354;}

.w_banner{height: 400px;}
.banner {width: 1170px; height: 400px; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; }
.banner .img { width: 99999px; position: absolute; left: 0px; top: 0; }
.banner .img li { float: left; }
/*/ 修改图片大小 /*/
.banner .img img { width: 1170px; }
/*/ 小圆圈 /*/
.banner .num { position: absolute; width: 100%; bottom: 10px; left: 0; text-align: center; font-size: 0px; }
.banner .num li { width: 10px; height: 10px; background: #888; border-radius: 50%; display: inline-block; margin: 0 3px; cursor: pointer; }
.banner .num li.on { background: #F60; }
/*/ 按钮 /*/
.banner .btn { width: 30px; height: 50px; background: rgba(0,0,0,0.5); position: absolute; top: 50%; margin-top: -25px; cursor: pointer; text-align: center; line-height: 50px; color: #fff; font-size: 40px; font-family: "宋体"; display: none; }
.banner:hover .btn { display: block; }
.banner .btn_l { left: 0; }
.banner .btn_r { right: 0; }
/*/ 第一个轮播 / 原本有固定样式。所以第二个轮播我就没写 */
#ban1 .banner { width: 1170px; height: 400px; }
#ban1 .banner .img img { width: 1170px; height: 400px; }

h2#jingdian{margin-bottom: 20px;font-weight: normal;text-align: center;}
.pro_slide{width: 988px;overflow: hidden;padding-bottom: 20px;margin-top: 20px;}
.pro_slide ul{width: 100000px;}
.pro_slide ul li{width: 218px;float: left;margin-right: 20px;}
.pro_slide ul li p{text-align: center;margin-top: 10px;font-size: 14px;color:#666;}
.pro_slide ul li p:hover{color:red;}

.company{position: relative;}
.company .prev{position: absolute;width: 25px;height: 50px;background: #e6e7e4;left: -0px;color:#fff;text-align: center;line-height: 50px;top: 150px;cursor:pointer;font-size: 26px;}
.company .next{position: absolute;width: 25px;height: 50px;background: #e6e7e4;right: -0px;color:#fff;text-align: center;line-height: 50px;top: 150px;cursor:pointer;font-size: 26px;}
.company h2{font-weight: normal;margin: 10px 0 0 0; text-align: center;}
.company_slide{width: 988px;overflow: hidden;padding-bottom: 20px;margin:0 auto;}
.company_slide ul{width: 10000000px;}
.company_slide ul li{width: 218px;float: left;margin-right: 20px;}
.company_slide ul li img{box-sizing:border-box;border: 1px solid #e6e7e4;}
.company_slide ul li p{text-align: center;margin-top: 10px;font-size: 14px;color:#666;}
.company_slide ul li p:hover{color:red;}

.online_con{position: fixed;right: 20px;top:50%;margin-top: -100px;border: 1px solid #ccc;}
.online_con img{}

.item_list{width: 1170px;height: 400px;border: 1px solid #ccc;}
.section_tit.tot{border: none;}
.item_list ul li{width: 25%;float: left;height: 400px;box-sizing:border-box;border-right: 1px solid #ccc;cursor: pointer;}
.item_list ul li:last-child{border: none;}
.item_list ul li h3{text-align: center;margin-top: 30px;font-size: 17px;color:#555;margin-bottom: 20px;}
.item_list ul li p{font-size: 14px;color:#333;text-align: center;margin-top: 10px;}
.item_list ul li img{text-align: center;margin-top: 15px;}
.item_list ul li a{display: block;width: 200px;height: 40px;margin:  20px auto;background: #c40000;text-align: center;line-height: 40px;font-size: 16px;color:#fff;border-radius: 2px;}

.ww_banner img{width: 1170px;height: 400px;}

.news_list{margin-top: 30px;box-sizing:border-box;margin-bottom: 30px;}
.news_list h1{font-weight: normal;text-align: center;width: 130px;margin: 30px auto;border-bottom: 3px solid red;padding-bottom: 15px;margin-bottom: 70px;}

.news_list ul{margin-top: 30px;}
.news_list ul li{width: 100%;padding-bottom: 20px;height: 100px;border-bottom: 1px dotted #ccc;margin-bottom: 20px;}

.news_list ul li .time{width: 84px;height: 84px;float: left;background: #f2f2f2;}
.news_list ul li .time p{display: block;text-align: center;color:#666;}
.news_list ul li .time p.day{font-size: 25px;padding-bottom: 15px;margin-top: 18px;}
.news_list ul li .time p.mouth{font-size: 14px;}

.news_list ul li .div{width: 1050px;float: right;}
.news_list ul li .div h2{font-weight: normal;}
.news_list ul li .div h2 a{color:#333;}
.news_list ul li .div h2:hover a{color:red;}
.news_list ul li .div p{line-height: 1.8em;color:#666;margin-top: 10px;font-size: 14px;}

.news_details{margin-top: 30px;box-sizing:border-box;padding-bottom: 100px;}
.news_details h2{font-weight: normal;color:#666;text-align: center;margin-top: 20px;}
.news_details span{font-size: 14px;text-align: center;color:#666;padding-top: 20px;display: block;}
.news_details .detail{margin-top: 30px;}

.text_details{margin-top: 30px;box-sizing:border-box;padding-bottom: 100px;}
.text_details h2{font-weight: normal;padding: 20px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.text_details .detail{margin-top: 30px;}

.goods_list{margin-top: 30px;box-sizing:border-box;}
.goods_list .bread{font-size: 14px;}
.goods_list .detail{width: 100%;margin-top: 30px;}
.goods_list .detail ul{width: 100%;min-height: 930px;border: 1px dashed #ccc;overflow: hidden;}
.goods_list .detail ul li{width: 50%;float: left;height: 450px;}
.goods_list .detail ul li h3{font-size: 20px;color: #333333;line-height: 20px;font-weight: normal;margin-left: 50px;margin-top: 20px;padding-left: 20px;border-left: 3px solid red;}
.goods_list .detail ul li .img{text-align: center;margin-top: 20px;}
.goods_list .detail ul li a.abc{display: block;width: 200px;height: 50px;margin: 40px auto;background:#577eb8;text-align: center;color:#fff;line-height: 50px;font-size: 14px;border-radius: 2px;}
.goods_list .detail ul li a:hover{background: #3966a9;}

.footer_middle p{text-align: center;color:#fff;font-size: 18px;line-height: 168px;}

.goods_details{margin-top: 30px;box-sizing:border-box;padding: 30px;}
.goods_details .bread{font-size: 14px;}
.goods_details .detail{margin-top: 30px;}

#magnifier {position: relative;width: 450px; float: left;}
.small-box {position: relative;width: 450px;height: 450px;margin-bottom: 20px;}
.small-box img {display: block;}
.small-box .hover {display: none;position: absolute;left: 0;top: 0;width: 200px;height: 200px;border: 1px solid #aaa;background: #0099ff;opacity: .5;filter: alpha(opacity: 50);cursor: move;}
.thumbnail-box {position: relative;width: 100%;}
.thumbnail-box .btn {position: absolute;top: 50%;width: 22px;height: 32px;margin-top: -16px;}
.thumbnail-box .btn-prev {left: 0;background: url(images/btn_prev.png) no-repeat;}
.thumbnail-box .btn-next {right: 0;background: url(images/btn_next.png) no-repeat;}
.thumbnail-box .list {overflow: hidden;width: 450px;margin: 0 auto;}
.thumbnail-box .wrapper {width: 100000px;}
.thumbnail-box .list .item {float: left;margin: 0 10px;}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {border: 2px solid #fff;}
.thumbnail-box .list .item-cur img {border: 2px solid #e53e41;}


.goods_details .detail .tit_right{width: 500px;float: left;}
.goods_details .detail .tit_right h3{font-weight: normal;font-size: 22px;color:#666;margin-left: 20px;}
.goods_details .details{width: 100%;min-height: 400px;margin-top: 30px;box-sizing:border-box;border: 1px solid #ccc;}
.goods_details .details h3{font-size: 18px;font-weight: normal;width: 95%;margin: 20px auto;border-bottom: 1px dotted #ccc;padding-bottom: 20px;}
.goods_details .details h3 span{border-left: 3px solid red;padding-left: 20px;}

.ddddd{width: 95%;margin: 20px auto;}
