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

.ban{ height:500px; width:100%; background-position:center; background-repeat:no-repeat; border-bottom:5px solid #000;}


.main{ padding:48px 0; background:url(../images/mianbg.jpg) repeat; min-height:300px;}
.main img{ max-width:100%;}
.nytit{text-align:center;}
.nytit span{ font-size:1.875rem;font-family:'CASTELAR'; color:#a2a2a2; letter-spacing:5px;}
.nytit p{ font-size:1.625rem; color:#660606; margin:14px 0;}
.nymenu{ width:60%; margin:45px auto;}
.nymenu li{ float:left;width:20%; text-align:center; margin-right:6.667%;}
.nymenu li a{ display:block; border:1px solid #c3c3c3; padding:8px 0; transition:all 0.5s;}
.nymenu li a:hover{ background:#660606; border:1px solid #660606; color:#fff;}
.nymenu li a.cur{ background:#660606; border:1px solid #660606; color:#fff;}
.nymenu li:nth-child(4){ margin-right:0;}
.cm1{ width:30%;}
.cm1 li{ width:40%; margin-right:20%;}
.cm1 li:nth-child(2){ margin-right:0}
@media screen and (max-width:768px){
.nymenu{ width:100%}
}
.ab-con{ margin-top:35px;}
.ab-con .ajj{ width:47%; position:relative;}
.ab-con .ajj .jd{ position:absolute; top:20px; right:30%}
.ab-con .ajj h4{ font-size:1.5rem; color:#660606; font-family:'SourceHanSerifCN';}
.ab-con .ajj span{ font-size:0.75rem; text-transform:uppercase; display:block; margin-bottom:26px;}
.ab-con .ajj p{ font-size:0.875rem; color:#484848; text-indent:2em; line-height:2em}
.ab-con .aimg{ width:50%;}
@media screen and (max-width:768px){
.ab-con .ajj{ width:100%; }
.ab-con .ajj .jd{ position:absolute; top:20px; right:20%}
.ab-con .aimg{ width:100%;}
.ab-con .aimg img{ width:100%; margin-top:30px;}
}

/*荣誉证书*/
.honrlist{ width:100%; }
.honrlist li{ width:23.5%; float:left; margin-right:2%; margin-bottom:1em; transition:all 0.8s;}
.honrlist li:hover{  box-shadow:0 0 2px 2px rgba(0,0,0,0.3)}
.honrlist li img{ width:100%;}
.honrlist li p{ line-height:2em; font-size:1.125em; color:#333; background:#fff; box-sizing:border-box;  padding:2%;}
@media screen and (max-width:768px){
.honrlist{ width:100%; display:block;}
.honrlist li{ width:48%; margin:0 1% 1em;}
}

.ctxy{ width:40%;}
.ctxy p{ font-size:1.625rem; color:#660606;font-family:'SourceHanSerifCN';}
.ctxy span{ font-size:0.75rem; color:#660606; text-transform:uppercase;}
.ctxy ul{ margin-top:42px;}
.ctxy ul li{ line-height:42px; margin-bottom:25px;}
.ctxy ul li img{ margin-bottom:-14px; margin-right:27px;}
.ctxy ul li span{ font-size:1rem;font-family:'SourceHanSerifCN'; color:#272727}
.map{ width:55%;}
@media screen and (max-width:768px){
.ctxy{ width:100%;}
.map{ width:100%;}
}

.feed-txt{ width:25%;}
.feed-box{ width:60%;}

.feed-txt p{ font-size:1.25rem;}
.feed-txt span{ font-size:0.875rem; line-height:1.5rem;}
.huifu{ margin-top:20px;}
.contxt{ background-color:#ffffff; border:1px solid #CCC; padding:5px; width:48%; height:2.525rem;}
.contxt1{ height:18em; background-color:#ffffff; border:1px solid #CCC; padding:5px; margin-top:2%}
.btn{ padding:15px 10px; border:1px solid #CCC; background:#660606; color:#fff; font-family:"微软雅黑"; width:100%; margin-top:1rem; font-size:1rem}
@media screen and (max-width: 768px){
.contxt{ width:98%; margin-bottom:1rem}
.feed-txt{ width:100%; margin-bottom:1rem;}
.feed-txt p{ font-size:1.5rem;}
.feed-txt span{ font-size:1.125rem; line-height:1.5rem;}
.feed-box{ width:100%;}
}

/*新闻资讯*/
.newslist{ width:100%;}
.newslist .time{ width:15%; text-align:center; font-weight:bold; color:#595959}
.newslist .nline{ width:auto;}
.newslist .ncont{ width:77%; padding:22px; position:relative; transition:all 0.5s; box-sizing:border-box;border:1px solid rgba(0,0,0,0);  }
.newslist .ncont p{ color:#595959; font-size:1rem; margin-bottom:16px;}
.newslist .ncont span{ display:block; width:90%; font-size:0.875rem; color:#8f8e8e}
.newslist .ncont .hong{ color:#fff; text-align:center; background:#660606; position:absolute; width:5%; height:100%; right:0; top:0; opacity:0; transition:all 0.5s}
.newslist .ncont .hong em{ padding-top:100%; display:block; font-size:1.75rem;}
.newslist:hover .ncont{background:#fff; border:1px solid #dfdfdf;  transition:all 0.5s}
.newslist:hover .ncont .hong{ opacity:1; transition:all 0.5s}
@media screen and (min-width: 1680px){
.newslist .ncont .hong{}
}
@media screen and (max-width: 768px){
.newslist{ width:100%; margin-bottom:40px;}
.newslist .nline{ display:none;}
.newslist .time{ width:100%; text-align:left}
.newslist .ncont{ width:94%;}
.newslist .ncont .hong{ width:12%;}
.newslist .ncont .hong em{padding-top:100%;}
}

.nbg{}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:auto; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:1em;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;float:left;height:30px;line-height:30px;margin-right:30px; overflow:hidden;}
.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-content{ font-size:1.25rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.25rem !important; }
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}


/*工程案例*/
.caselist{ width:100%; margin:80px 0 30px;}
.caselist li{ width:31.33%; float:left; margin-right:3%; margin-bottom:20px;}
.caselist li div{ box-sizing:border-box; border:1px solid #c5c5c5; overflow:hidden;}
.caselist li div img{ width:100%; transition:all 0.5s; transform:scale(1.05);}
.caselist li:hover div img{ transform:scale(1.1); transition:all 0.5s}
.caselist li p{ font-size:1rem; text-align:center; line-height:3rem; width:100%; transition:all 0.5s;}
.caselist li:hover p{ background:#660606; transition:all 0.5s; color:#fff;}
@media screen and (max-width: 768px){
.caselist li{ width:48%; margin:0 1% 20px !important}
}

/*产品中心*/
.prolist{ width:100%; margin:80px 0 30px;}
.prolist dl{ width:23%; float:left; margin-right:2%; margin-bottom:20px;}
.prolist dl dt{ box-sizing:border-box; border:1px solid #c5c5c5; overflow:hidden;}
.prolist dl dt img{ width:100%;transition:all 0.5s;transform:scale(1.05);height: 230px;object-fit: contain;}
.prolist dl:hover dt img{ transform:scale(1.1); transition:all 0.5s}
.prolist dl dd p{ font-size:1rem; text-align:center; line-height:3rem; width:100%; transition:all 0.5s; background:#1b1b1b; color:#fff}
.prolist dl:hover dd p{ background:#660606; transition:all 0.5s; color:#fff;}
@media screen and (max-width: 768px){
.prolist dl{ width:48%; margin:0 1% 20px !important}
}


/*产品内页*/
.pro-loca{ width:100%; background:#660606; position:relative; height:70px;}
.pro-loca .kd{ padding:25px 0 0;}
.pro-loca img{ float:left;}
.pro-loca font{ width:1px; height:23px; background:rgba(255,255,255,0.5); display:block; float:left; margin:0 1em;}
.pro-pic{ position:relative; top:-20px;  box-shadow:0 0 3px 3px rgba(0,0,0,0.1); width:auto; z-index:99; background:#fff; padding:30px}



.pro-left{ width:48%;}
.pro-right{ width:50%;}
#preview { position:relative;}
.jqzoom{ height:auto;width: 98%; border:1px solid #e0e0e0;margin:0 auto; text-align:center;}
#v_content{width:100%;height:auto;margin-top:15px;}
.control_left{width:7px;height:90px;float:left;background: url(../images/lt-btn.png) no-repeat center; cursor:pointer; margin-right:2px;}
.control_right{width:7px;height:90px;float:right;background: url(../images/ri-btn.png) no-repeat center; cursor:pointer;}
.v_content_listdiv{position:relative; width:96%;height:105px;float:left;overflow:hidden;}
.v_content_list { position:absolute;top:0px; left:0px; height:105px; width:2500px;}
#v_content ul {float:left; }
#v_content ul li { display:inline; float:left; width:100px; height:95px; margin:0 2px; border:1px solid #c8c8c8;}
#v_content ul li img {width:100px; height:95px;}


@media screen and (max-width: 768px){
.jqzoom{ overflow:hidden;}
.pro-left{ width:100%; float:none !important; clear:both; height:600px;}
.pro-right{ width:100%; float:none !important}
.pro-loca .kd{ padding:0 0 0;}
}
.pro-tc{ border-bottom:1px solid #e9e9e9; padding-bottom:53px;}
.pro-tc h4{ font-size:2.25em; color:#454545}
.pro-tc p{ font-size:24px; line-height:1.5em;}
.pro-tt{ padding:1em 0;border-bottom:1px solid #e9e9e9;}
.pro-tt h5{ font-size:1.5em; color:#3d3d3d; margin-bottom:1em;}
.pro-td{ padding:2em 0;}
.pro-td font{ display:block; background:url(../images/jlf.jpg) left center no-repeat; font-size:1.125em; padding-left:1.5em;}
.pro-td a{ margin-top:24px; display:block; width:133px; height:45px; background:#636363; text-align:center; line-height:45px; color:#fff; font-weight:bold;}
.pro-buy p{ margin-bottom:1em;}
.pro-buy{ border-top:1px solid #e9e9e9; padding:1em 0}


.pro-miao{ border-left:4px solid #660606 !important; border:1px solid #660606; width:auto; padding:10px; background:#fff;}
.pro-mss{ margin-top:1.5em; background:#fff;box-shadow:0 0 3px 3px rgba(0,0,0,0.1); padding:20px;}
.pro-mss img{ max-width:100%;}

.slideul{ margin-left:5px; width:90%}
.slideul li{ float:left; margin:0 1.5%}
.slideul li a{ color:#fff; transition:all 0.5s}
.slideul li a:hover,.slideul li a.cur{ color:#ffd200}
.fff{ width:80%;}
.fad p{ color:#fff;}
@media screen and (max-width: 768px){
.slideul{ margin-left:0px; width:100%;}
.slideul li{ width:25%; margin:2% auto; text-align:center;}
.fff{ width:100%;}
.fff img{ display:none;}
.fff font{ display:none}
.fad{ display:none;}
}


/*产品修改*/
.p-ui1{  width:22%; padding:20px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.p-ui1 h4{ font-size:1.5rem; font-weight:bold; color:#600908}
.p-ui1 span{ font-size:1rem; color:#333;}
.p-ui1 hr{ width:40px; height:2px; margin:10px 0; border:none; background:#600908}
.p-ui1 li{  width:100%; border:1px solid #a7a7a7; text-align:center; margin-bottom:10px;}
.p-ui1 li { display:block;  font-size:0.875rem;}
.p-ui1 li a{padding:8px 0; display:block; transition:all 0.5s;font-size: 1rem; background: #ddd;}
.p-ui1 li a:hover{ color:#fff; background:#660606}
.p-ui1 li a.cur{ color:#fff; background:#660606}
.p-ui1 dl{ margin-bottom:20px; font-size:0.875rem;}
.p-ui1 dl dd{ text-indent:1rem; line-height:3em; border-bottom:1px dotted #ddd}
.p-ui1 dl dd a:hover,.p-ui1 dl dd a.cur{ font-weight:bold; color:#600908}
@media screen and (max-width: 768px){
.p-ui1 h4{display:none}
.p-ui1 span{ display:none}
.p-ui1 hr{ display:none}
.p-ui1{ width:100%;}
.p-ui1 li{ float:left; width:30.33%; margin-right:2.5%; margin-bottom:20px; font-size:1rem}
.p-ui1 dl{ display:none;}
}
.pushow{ width:76%;}
.pushow .sortf{ background:#600908; padding:12px;}
.pushow .sortf p a{ color:#fff;}
.pushow .sortf span a{ color:#fff;}
.pushow .prolist{ margin:20px auto;}
@media screen and (max-width: 768px){
.pushow{ width:100%;}
}


/*放大镜效果*/
/*jQzoom*/