/**
Theme Name:山滚宸淼
Descriptoin:山滚网络为宸淼开发的工业类塑料水塔产品主题。
Theme URI:http://www.woniuseo.com
Author: 蜗牛SEO
Author URI:http://www.woniuseo.com
Version:1.0
**/
*{padding:0;margin:0;}
ul,li{list-style:none;}
.width{width:1200px;margin:0 auto;}
.clear{clear:both;}
body{font-size:14px;color:#555;}
a{text-decoration:none;color:#fff;}
a:hover{color:}

/**header**/
.top{width: 100%;height: 36px;line-height: 36px;background: #efefef;color:#7c7c7c;font-weight: lighter;}
.logo,.adword,.wechat{float:left;}
.logo,.adword{padding:23px 0;}
.adword{margin-top:7px;}
.logo img {display: block;width: 160px;margin-right: 20px;}
.adword .desc{color: #229c89;font-size: 24px;font-weight: bold;}
.adword .item{font-size:16px;padding-top:5px;}
.adword .item span{background:url(img/item-dot.png) no-repeat center left;padding: 5px 20px 5px 10px;}
.wechat{padding-top:8px;padding-left:150px;}
.wechat img{width:100px;}
.phone{float:right;width: 186px;background: url(img/telephone.png) no-repeat center left;padding-left: 50px;margin-top: 33px;}
.phone p{color: #4d4d4d;font-size: 24px;font-family: ziti;}
.phone span{color: #747679;font-size: 14px;}
nav{width: 100%;background: #138b89;height: 65px;}
nav ul li{float:left;width:12.5%;height: 65px;line-height: 65px;font-size:16px;text-align:center;position:relative;}
nav ul li:hover{background: #04a9a6;}

nav ul li .sub-menu{min-width: 130px;left: 0;max-height: 0;position: absolute;top: 100%;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;display: none;}
nav ul li:hover .sub-menu{z-index:1;display:block;}
nav ul li:hover .sub-menu li{background:#138b89;width: 100%;}
nav ul li:hover .sub-menu li:hover{background:#04a9a6;}


/**banner**/
.banner{position: relative; width:100%; height:580px; overflow: hidden; }
.banner .pic{height:580px; display: block;}
.banner .pic li{height:580px; display: block; position:relative;}
.banner .dot{overflow:hidden; zoom:1; position:absolute; bottom:10px; left:50%; margin-left:-40px; z-index:3}
.banner .dot li{float:left; line-height:15px; text-align:center; font-size:12px; width:16px; height:16px; border-radius:8px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.banner .dot .hover{background:#1674cb; filter:alpha(opacity=100);opacity:1; }
.banner1{background:url(img/banner1.jpg) no-repeat center center;}
.banner2{background:url(img/banner2.jpg) no-repeat center center;}
.banner3{background:url(img/banner3.jpg) no-repeat center center;}

/**product**/
.product{padding-top:60px;background: #f5f5f5;}
.width .title{text-align:center;}
.width .title h2{font-size:32px;font-weight:normal;}
.width .title .desc{color:#999;font-size:16px;}
.product .classify{padding-top:40px;}
.product .classify li{float:left;padding:10px 0;background:#fff;font-size:16px;text-align:center;width:23%;margin:1%;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:30px;border:1px solid #d6d6d6;}
.product_center .classify li{width:13.28%;margin:0.5%;}
.product .classify li a{color:#797878;font-size:16px;}
.product .classify li:hover{background:#138b89;}
.product .classify li:hover a{color:#fff;}
.produce{height:900px;overflow:hidden;}
.produce .item{padding-bottom:60px;}
.produce ul li{width:31.33%;margin:1%;float:left;}
.produce ul li img{width:100%;height:306px;}
.produce ul li h5{background:#2a2d33;height:60px;position:relative;top:-5px;font-size:16px;line-height:60px;text-align:center;font-weight:normal;}
.produce ul li:hover h5{background:#138b89;}
.produce .more{padding:10px 30px;background:#fff;border:1px solid #d6d6d6;border-radius:20px;margin:20px auto 0;text-align:center;width:145px;}
.produce .more:hover{background:#138b89;}
.produce .more a{color:#797878;}
.produce .more:hover a{color:#fff;}

/****goodness****/
.goodness{width: 100%;position: relative;padding: 43px 0 76px 0;background: url(img/youshi.jpg) repeat-x;}
.goodness .title h2{color:#fff;}
.goodness .title h2 strong{color:#00b1a7;}
.goodness .classify{position:absolute;right:0;bottom:80px;}
.goodness .classify li{float:left;width: 106px;height: 106px;background: #fff;border-radius: 50%;margin-right: 35px;float: left;text-align: center;}
.goodness .classify li:hover{background: #138b89;}
.goodness .classify li h4{color: #393939;font-size: 22px;padding-top: 30px;padding-bottom: 2px;font-weight:normal;}
.goodness .classify li p{color: #a5a5a5;font-size: 12px;text-transform: uppercase;}
.goodness .classify li:hover h4,.goodness .classify li:hover p{color:#fff;}
.goodness .superiority{padding-top:42px;height: 362px;overflow: hidden;}
.goodness .superiority img{float:left;}
.goodness .superiority .con{float:left;padding-left:50px;}
.goodness .superiority .con1{padding-top:20px;color:#00b1a7;font-size:24px;font-weight:bold;}
.goodness .superiority .con2{padding-top:10px;color:#fff;font-size:30px;}
.goodness .superiority .con3{color: #898989;font-size: 14px;line-height: 26px;padding-top: 35px;width:530px;}

/**about**/
.about{padding:60px 0;background:#f3f3f3;}
.about .info{float:left;width:540px;padding-top:40px;}
.about .info .ab1{color: #3a3a3a;font-size: 22px;}
.about .info .ab2{color: #3a3a3a;font-size: 22px;font-weight:bold;}
.about .info .ab3{color: #5e5e5e;font-size: 14px;line-height: 26px;padding-top: 34px;}
.about .info .more{margin-top:40px;}
.about .info .more a{margin-top: 40px;padding: 15px 40px;border: 1px solid #d6d6d6;
display: inline-block;border-radius: 30px;color:#797878;}
.about .info .more a:hover{color:#fff;background:#138b89;}
.about img{float:right;padding-top:30px;}

/**factory**/
.factory{background: url(img/zizhi.png) no-repeat center;height: 500px;}
.factory .title{padding:40px 0;width: 150px;margin: 0 auto;}
.factory .title h2{margin:0 auto;padding:15px 30px; background:#fff;border-radius:30px;text-align: center;font-size:16px;font-weight:normal;}
.factory ul li{float:left;width:267px;height:270px;margin:10px;}
.factory ul li img{width:100%;height:230px;border:5px solid #fff;}
.factory ul li h5{font-size: 16px;text-align: center;color: #fff;padding-bottom: 20px;border-bottom: 1px solid;line-height: 40px;font-weight: normal;}

/****news****/
.news{padding:80px 0 40px;}
.news .newsinfo{padding-top:50px;}
.news ul{float:left;width:65%;}
.news ul li{width:100%;border-bottom:1px solid #eee;margin-bottom:20px;}
.news ul li:hover{border-bottom:1px solid #138b89;}
.news ul li .left{float:left;height:110px;width:110px;text-align:center;background:#efefef;}
.news ul li:hover .left{background:#138b89;}
.news ul li .left .datetime{font-size:38px;color: #5d5d5d;padding-top: 15px;}
.news ul li .right{float:right;width:650px;}
.news ul li .right h5{color: #484848;font-size: 18px;padding-bottom: 18px;color:#484848;font-weight:normal;}
.news ul li .right .content{color: #8a8a8a;font-size: 14px;line-height: 24px;}
.news .piccon{float:right;width:30%;}
.news .piccon .ntop{background:width: 100%;height: 108px;background: #138b89;}
.news .piccon h5{color: #fff;font-size: 18px;padding-top: 28px;padding-left: 15px;}
.news .piccon .ndate{color: #ffffff;display: block;font-size: 18px;padding-left: 15px;
padding-top: 12px;font-weight: 100;}
.news .piccon .nimg{width: 100%;height: 165px;}
.news .piccon img{display: block;width: 100%;height: 100%;object-fit: cover;}
.news .piccon .content{background: #efefef;height: 80px;color: #8a8a8a;font-size: 14px;padding: 15px 18px 0 18px;line-height: 24px;}
.news .more{margin:40px auto 0;text-align:center;border: 1px solid #d6d6d6;width: 150px;border-radius:30px;}
.news .more:hover{background:#138b89;}
.news .more a{padding:15px 20px;color:#797878;display:block;}
.news .more:hover a{color:#fff;}

/**footer**/
footer{background:#2a2d33;padding:50px 0 30px;}
footer .contact{padding-bottom:20px;border-bottom: 1px solid #43464d;}
footer .contact .left{float:left;}
footer .contact .left h2{color: #fff;font-size: 32px;font-weight: bold;}
footer .contact .left p{color: #747880;font-size: 18px;padding-top: 15px;}
footer .contact .right{float:right;background:url(img/f-tel.png) no-repeat left center;width:240px;padding:18px 0 18px 80px;}
footer .contact .right span{color: #747880;font-size: 14px;padding-top: 5px;}
footer .contact .right p{color: #fff;font-size: 24px;font-family: ziti;margin-top: -5px;display: block;}
footer .fnav,footer .finfo{float:left;}
footer .fnav{padding:40px 0;width:200px;}
footer .fnav ul li{float: left;width: 50%;text-align: left;line-height: 43px;}
footer .fnav ul li a{color: #747880;font-size: 16px;}
footer .fnav ul li a:hover{color: #fff;}
footer .finfo{padding:40px;width:400px;padding-left:150px;}
footer .finfo p{color: #747880;font-size: 14px;line-height: 26px;}
footer .fwe{float:right;padding-right:150px;}
footer .fwe img{width:120px;padding-top:30px;}
footer .fwe h5{color: #747880;font-size: 14px;padding-top: 5px;display: block;text-align:center;}

.link{background: #555;    color: #888;    line-height: 30px;}
.link a{color:#999;}

/**page**/
.crumb{line-height:70px;}
.crumb .width{border-bottom:2px solid #e7e7e7;}
.crumb .cat_name{color: #138b89;font-size: 26px;float:left;font-weight:bold;}
.crumb .crumb_info{float: right;color: #c0c2c1;font-size: 14px;}
.crumb .crumb_info a{color: #c0c2c1;}
.page_content{padding:40px 0;}
.page_content h2{background: #138b89;line-height: 60px;padding-left: 40px;color: #fff;}
.page_content p{color: #8a8a8a;font-size: 14px;line-height: 26px;padding:10px 0;}

/**product cat**/
.product_center{background:#fff;}
.product_center .item{padding-bottom:120px;}
.product_center .produce{height:1200px;}
.pagination{height: 80px;}
.pagination .fenye{text-align: center;}
.pagination a{display: inline-block;width: 50px;height: 50px;border-radius: 50%;margin: 0 5px;border: 1px solid #e4e4e4;background: #fff;text-align: center;line-height: 50px;font-size: 16px;color: #939393;overflow: hidden;} 
.pagination a:hover{color: #fff;background: #138b89;}

/**single-product**/
.pro_single .info{padding:40px 0;}
.pro_single .info .dimg{float:left;width:585px;height:465px;border:1px solid #e5e5e5;}
.pro_single .info img{width:96%;height:96%;padding:2%;}
.pro_detail{float:right;width:580px;}
.pro_detail h1{color: #138b89;font-size: 24px;font-weight: bold;height: 50px;background:url(img/line.png) no-repeat center bottom;}
.pro_detail .pro_desc{padding:20px;text-indent:2em;color:#8e8e8e;height:120px;}
.pro_detail .pro_con img{float:left;padding:10px;width:120px;padding-left:50px;}
.pro_detail .pro_con .co{float:right;padding-right:100px;padding-top:50px;background:url(img/r-tel.png) no-repeat 0 50px;padding-left:60px;}
.pro_detail .pro_con .co span{color: #b5b5b5;font-size: 14px;}
.pro_detail .pro_con .co p{color: #229c89;font-size: 32px;font-family: ziti;font-weight: normal;}
.pro_single .detail{padding:40px 0;}
.pro_single .h3{background:#e5e5e5;height:50px;line-height:50px;background:#e5e5e5;border-left:3px solid #f19015;margin-bottom:40px;}
.pro_single h3{width:150px;background:#138b89;color:#fff;text-align:center;}
.pro_single .detail p{text-indent:2em;font-size: 14px;color: #7d7d7d;line-height:30px;padding:10px;}
.pro_single .related ul li{float:left;width:31.3%;margin:1%;border:1px solid #eee;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pro_single .related ul li img{width:100%;}
.pro_single .related ul li h5{height:60px;line-height:60px;background:#2a2d33;olor: #fff;font-size: 16px;text-align:center;color:#fff;}
.pro_single .related ul li h5:hover{background:#138b89;}
.propic{text-align:center;}

/**cat-news**cat-changshi**/
.container{padding-top:60px;}
.container ul li{float:left; width:31.3%;margin:1%;border:1px solid #ededed;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.container ul li img{width:98%;padding:1%;    min-height: 374px;}
.container ul li h3{line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;font-size: 16px;color:#229c89;padding:0 10px;}
.container ul li .desc{text-indent:2em;color: #595959;line-height: 24px;height: 48px;overflow: hidden;margin: 5px 0 10px;padding:0 10px;}
.container ul li .date{color:#999;padding:10px;}
.container ul li .date span{float:right;color:#229c89;}

/**single**/
.container .title{border-bottom:1px dashed #ededed;text-align:center;}
.container .title h2{font-size: 18px;color: #323232;line-height: 24px;font-weight: bold;margin: 0 0 10px;padding:10px 0;}
.container .title div{padding:10px;font-size: 13px;color: #999999;line-height: 20px;}
.container .title div span{padding:0 20px;}
.container .content{padding:10px 0;}
.container .content p{text-indent:2em;font-size: 14px;color: #595959;line-height: 24px;padding:10px 0;}
.container .ne_pr{padding:60px 0;}
.container .ne_pr div{color:#323232;border-bottom:1px solid #e8e8e8;}
.container .ne_pr div a{color:#323232;line-height:30px;}
.container .ne_pr div a:hover{color:#229c89;font weight:bold;}


.mfloat, .maddwx{display:none;}
@media screen and (max-width: 900px){/*pad*/
.width{max-width:900px;width:100%;}
.adword,.wechat img{display:none;}

.banner{height:360px;}
.banner .pic{height:360px; }
.banner .pic li{height:360px;}
.banner1{background:url(img/banner1.jpg) no-repeat center center;background-size:auto 360px;}
.banner2{background:url(img/banner2.jpg) no-repeat center center;background-size:auto 360px;}
.banner3{background:url(img/banner3.jpg) no-repeat center center;background-size:auto 360px;}

.goodness .classify{position:static;padding-top: 40px;padding-left: 20px;}
.goodness {background: url(img/youshi.jpg) repeat;}
.goodness .superiority img,.goodness .superiority .con{float:none;padding-left: 0;}
.goodness .superiority{height:auto;padding-left: 20px;}
.about{position:relative;padding-bottom:100px;}
.about .info{float: none;width: 100%;}
.about .info p{padding:10px;}
.about img{float:none;padding-left:20px;}
.about .info .more{position: absolute;bottom:25px;text-align: center;left: 45%;}

.factory {background: url(img/zizhi.png) repeat;height:auto;}
.factory ul li {width: 46%;margin: 1.5%;}

.news ul li .left,.news .piccon{display:none;}
.news ul li .right{float:none;width:100%;padding-top: 20px;}
.news .newsinfo{padding:10px;}
.news ul{width:100%;}

footer .contact .right {width: auto;}
footer .fnav,footer .fwe{display:none;}
footer .finfo{padding-left:0;}

/**telephone**/
.mfloat,.maddwx{display:block;}
.mfloat{height:60px;width:100%;background:#55f;border-top:1px solid #888;margin:0;position:fixed;left: 0;bottom: 0;font-size: 20px;line-height: 60px;text-align: center;font-weight: bold;}
.mfloat a{color:#fff;}

/**wechat**/
.float-right{position: fixed;right: 0;top: 50%;margin-top: -2.8rem;width: 2.6rem;z-index: 998;cursor: pointer;}
.float-right img {width: 100%;right: 0px;}
.shade-model{display: none;position: fixed;height: 20rem;left: 0;right: 0;top: 50%;margin-top: -10rem;z-index: 1000;}
.shade-model .warpper {max-width: 640px;margin: 0 auto;}
.shade-model .content {width: 80%;margin: 0 auto;padding: 2rem 0 1.8rem;text-align: center;background: #FFF;border-radius: 20px;}
.shade-model .content .wechat-ico {padding-bottom: 0.6rem;}
.shade-model .content .wechat-ico img {width: 3rem;}
.shade-model .content h3 {font-size: 1.5rem;font-weight: bold;color:#555;}
.shade-model .content p:nth-child(3) {font-size: 1.1rem;color: #999;}
.shade-model .content p:nth-child(4) {padding: 0.8rem 0;font-size: 1.1rem;color:#555;}
.shade-model .close-btn {text-align: center;}
.shade-model .close-btn span {display: inline-block;padding: 0.8rem 2rem;font-size: 1.2rem;color: #FFF;background-color: #6f88fe;border-radius: 3rem;cursor: pointer;}
.inShade {display: none;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0, 0.5);z-index: 999;}

/**category**page**single**/
.container ul li h3{height:60px;white-space: inherit;}

.crumb .cat_name {padding: 0 10px;}

.page_content p,.container .content p{padding:10px;}





}
@media screen and (max-width: 500px){/*mobile*/

.top{display:none;}
.logo img{width:150px;margin-right:0;}
.phone{background:none;padding-left:0;margin-top:0;}

nav{height:100px;}
nav ul li{width:25%;height:50px;line-height:50px;border:1px solid #fff;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.banner{height:200px;}
.banner .pic{height:200px; }
.banner .pic li{height:200px;}
.banner1{background:url(img/banner1.jpg) no-repeat center center;background-size:auto 200px;}
.banner2{background:url(img/banner2.jpg) no-repeat center center;background-size:auto 200px;}
.banner3{background:url(img/banner3.jpg) no-repeat center center;background-size:auto 200px;}

.product_center .classify li {padding: 5px 0;height: 40px;line-height: 28px;overflow: hidden;width:24%;margin:0.5%;}
.produce ul li {width: 48%;}
.produce ul li img {height: 200px;}

.goodness .classify{padding-left:0;}
.goodness .classify li p{display:none;}
.goodness .classify li {float: left;width:60px;height:60px;margin-right:1%;margin:1%;}
.goodness .classify li h4 {padding-top: 15px;}
.goodness .superiority {padding-left:0;}
.goodness .superiority img{width: 100%;}
.goodness .superiority .con{width: 98%;padding: 1%;}
.goodness .superiority .con3 {width: 100%;}
.about img {padding-left: 0;width: 100%;}
.about .info .more {left: 35%;}

footer .contact .left p {font-size: 14px;}
footer .contact .right {background: none;padding-left: 0;}

/**category**page**single**/
.container ul li{width: 48%;}
	.container ul li img{min-height:174px;}






}