@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: "webfont";
  font-display: swap;
  src: url('../fonts/webfont.eot'); /* IE9 */
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/webfont.woff2') format('woff2'),
  url('../fonts/webfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}

.ban{ background-position:center; background-repeat:no-repeat; width:100%; height:400px;}
.btext{ text-align:center; padding-top:130px;}
.btext span{ font-size:2.25rem; color:#b9000e; font-weight:lighter; text-transform:uppercase;}
.btext h3{ color:#313030; font-size:2.25rem; font-weight:lighter;}


.nymenu{ height:75px; border-bottom:1px solid #e6e6e6;}
.loc img{ margin-top:0px}
.loc p{ display:inline-block; position:relative; top:-36px; margin-left:5px; }
.lan{ width:auto}
.lan li{ float:left; line-height:75px; background:url(../images/hline.jpg) right center no-repeat; padding:0 24px}
.lan li a{ display:block; position:relative; transition:all 0.5s;}
.lan li a:hover,.lan li a.cur{color:#900b15;}
.lan li a span{ position:absolute; bottom:0; left:0; height:3px; background:#900b15; width:100%; transform:scale(0,1); transition:all 0.5s;}
.lan li a:hover span,.lan li a.cur span{ transform:scale(1,1);}
@media screen and (max-width:768px){
.nymenu{ height:auto; border-bottom:1px solid #e6e6e6; background:#fff;}
.lan li{ width:33.33%; box-sizing:border-box; text-align:center;}
.lan li a{ font-size:1.125rem;}
.loc{ display:none;}
.lan{ width:100%;}
}
.main{ background:#f0f0f0; padding:75px 0; width:100%;}
.a-box1{ position:relative;}
.a-box1 h3{ font-size:2.25rem; color:#a20000;}
.a-box1 span{ font-size:1.375rem; color:#1b1b1b; font-weight:lighter; text-transform:uppercase;}
.a-box1 i{ position:absolute; width:43px; height:3px; background:#b9000e; display:inline-block; right:0; bottom:0;}
.a-box2{ margin-top:54px;}
.a-box2 .fl{ width:50%; box-sizing:border-box; border-right:1px solid #d1d1d1; padding-right:2%;}
.a-box2 .fr{ width:50%; box-sizing:border-box; padding-left:2%}
.a-box2 p{ color:#696969; font-size:1rem; line-height:1.5em; color:#696969}
.a-box3{ border:5px solid #fff; margin-top:80px;}
.a-box4{ margin-top:72px;}
.a-box4 .fl{ width:50%; box-sizing:border-box; padding-right:2%;}
.a-box4 .fl p{ line-height:1.5em; color:#696969}
.a-box4 .fr{ width:50%; box-sizing:border-box; padding-left:2%}
.a-box4 .fr h4{ font-size:1.375rem; font-weight:bold; color:#b00404}
.a-box4 .fr p{ font-size:1.25rem; color:#696969}
.a-box4 .fr p i{ display:inline-block; border:2px solid #969696; width:6px; height:6px; border-radius:50%; margin-bottom:2px;}
@media screen and (max-width:768px){
.a-box1 h3{ font-size:2rem; }
.a-box1 span{ font-size:1.25rem; }
.a-box2 .fl{ width:100%;border-right:none; padding:0}
.a-box2 .fr{ width:100%; padding:0;}
.a-box4 .fl{ width:100%; padding:0}
.a-box4 .fr{ width:100%; padding-left:0%}
}

/*荣誉资质*/
.horlist{ width:100%;}
.horlist li{ width:23%; margin-right:2.66%; box-sizing:border-box; float:left; margin-bottom:24px; transition:all 0.7s ease}
.horlist li:nth-child(4n){ margin-right:0;}
.horlist li div{ width:100%; overflow:hidden; border:2px solid #eee; box-sizing:border-box; border-bottom:none}
.horlist li div img{ width:100%; transform:scale(1); transition:all 0.7s ease;}
.horlist li:hover div img{ transform:scale(1.05);}
.horlist li p{ position:relative; display:block; padding:12px 20px; background:#fff;transition:all 0.75s ease;  color:#000; z-index:2}
.horlist li p span{ transform:scale(0,1); transition:all 0.75s ease; position:absolute; top:0; left:0; width:100%; height:100%; background:#b9000e; z-index:-1; transform-origin:left;}
.horlist li p em{ text-align:right; font-family:'宋体'; float:right;}
.horlist li:hover{ box-shadow:0 0 10px 2px rgba(0,0,0,0.2)}
.horlist li:hover p{ color:#fff;}
.horlist li:hover p span{ transform:scale(1);}
@media screen and (max-width:768px){
.horlist li{ width:49%; margin:0 0.5% 24px !important;}
.horlist li p{ box-sizing:border-box; height:94px; overflow:hidden;}
}

.caselist{ width:100%;}
.caselist li{ width:30.7%; margin-right:3.95%; float:left; box-sizing:border-box; background:#fff; transition:all 0.7s ease; margin-bottom:32px;}
.caselist li:hover{ box-shadow:0 0 10px 3px rgba(0,0,0,0.2)}
.caselist li:nth-child(3n){ margin-right:0;}
.caselist li .caimg{ width:100%; overflow:hidden;}
.caselist li .caimg img{ transition:all 0.7s ease; transform:scale(1);}
.caselist li:hover .caimg img{ transform:scale(1.05);}
.caselist li .catime{ padding:18px; background:#fff; transition:all 0.7s ease}
.caselist li .catime p{ font-size:1.25rem; color:#313131; transition:all 0.7s ease}
.caselist li .catime span{ display:block; margin-top:8px; color:#7e7e7e; font-size:0.875rem;}
.caselist li .catime span em{ float:right; font-family:'宋体'}
.caselist li:hover .catime{ background:#b9000e;}
.caselist li:hover .catime p{ color:#fff;}
.caselist li:hover .catime span{ color:#fff;}
@media screen and (max-width:768px){
.caselist li{ width:48%; margin:0 1% 32px !important;}
}

.cabg{ background:#fff; padding:32px;}
.cdd p{}
.cdd p a{ display:inline-block; padding:8px 12px;background:#ddd; transition:0.5s all ease; color:#000; }
.cdd p a:hover{ background:#b9000e; color:#fff;}
@media screen and (max-width:768px){
.cdd p{ float:none; margin-bottom:20px; }
}

/*合作伙伴*/
.parlist{ width:100%;}
.parlist li{ width:16%; margin-right:0.6%; box-sizing:border-box; border:1px solid #afafaf; display:block; margin-bottom:12px; cursor:pointer; float:left;}
.parlist li:nth-child(6n){ margin-right:0;}

/*联系我们*/
.co-box1 li{ width:33.33%; box-sizing:border-box; float:left;}
.co-box1 li hr{ width:31px; height:3px; border:none; background:#848484; margin:20px 0;}
.co-box1 li h4{ font-size:1.5rem; color:#0a0a0a}
.co-box1 li p{ color:#5f5f5f; font-size:1rem; line-height:1.5em;}

.online-map{ background:url(../images/map.png) center no-repeat; width:700px; height:620px; margin:32px auto 0; position:relative;}
.online-map .map-address{ height:620px; width:700px; position:relative;}
.online-map .map-address li{ position:absolute; z-index:2}
.online-map .map-address li:hover{  z-index:3;}
.online-map .map-address li i{ background:url(../images/point.png); display:block; width:20px; height:25px;}
.online-map .map-address li.d1{ right:13%; top:51.5%;}
.online-map .map-address li.d2{ right:26%; top:75%;}
.online-map .map-address li.d3{ right:26.5%; top:76%; }
.online-map .map-address li p{ position:absolute;bottom: auto;width: 206px; background:#fff; padding:8px; box-shadow:2px 2px 15px rgba(0,0,0,0.3); visibility:hidden; opacity:0; transition:all 0.7s; top:30px; left:5px; font-size:1em;}
.online-map .map-address li p span{ display:block; font-size:0.875rem;}
.online-map .map-address li:hover p{ opacity:1; visibility:visible}


.online-map .map-address{ height:620px; width:700px; position:relative;}
.online-map .map-name li{ position:absolute; font-size:1.125rem;}
.online-map .map-name li.n1{right:8%; top:51.5%; z-index:1}
.online-map .map-name li.n2{ right:20%; top:74%; z-index:1 }
.online-map .map-name li.n3{right:30%; top:77%; z-index:1}
@media screen and (max-width:768px){
.co-box1 li{ width:100%; margin-bottom:24px;}
}

.feedback{ padding:84px 0; background:#dfdfdf; width:100%;}
.fetxt{ width:35%}
.fetxt h4{ font-size:1.5rem; color:#565656;}
.fetxt span{ display:block; color:#b1b1b1; font-size:1.5rem; margin-bottom:20px;}
.fetxt p{ color:#565656; font-size:1rem; line-height:1.5em;}
.fen{ margin-top:260px;}
.fen h6{ font-size:1rem; color:#505050;}
.fen em{ font-size:1rem; color:#9e9c9c}
.fekxx{ background:url(../images/feedbg.jpg) center no-repeat; width:58%;}
.fe-box{ padding:53px; background:rgba(0,0,0,0.3); box-sizing:border-box; width:62%;}
.fe-box input{ border-bottom:1px solid rgba(255,255,255,0.5) !important; border:none; background:none; font-size:1rem; color:#fff; padding:18px 0; width:100%;}
.fe-box input::-webkit-input-placeholder {color:#fff;}
.fe-box textarea{ border-bottom:1px solid rgba(255,255,255,0.5) !important; border:none; background:none; font-size:1rem; color:#fff; padding:16px 0; width:100%; box-sizing:border-box; height:140px}
.fe-box textarea::-webkit-input-placeholder {color:#fff;}
.fe-box .fbtn{ width:100%; box-sizing:border-box; border:3px solid #fff; background:none; margin-top:20px; color:#fff; font-size:1rem;}
@media screen and (max-width:768px){
.fetxt{ width:100%}
.fen{ margin-top:26px;}
.fekxx{ background:url(../images/feedbg.jpg) center no-repeat; width:100%; background-size:cover; margin-top:36px}
.fe-box{ padding:53px; background:rgba(0,0,0,0.3); box-sizing:border-box; width:100%;}
}

.downlist{ width:100%;}
.downlist li{ border-bottom:1px dotted #ddd; padding:16px;}
.downlist li p{ display:inline-block; line-height:1.5em;}
.downlist li span{ display:inline-block; float:right;}

/*新闻资讯*/
.nee{ background:url(../images/hd1.jpg) left center no-repeat; padding-left:24px; line-height:75px;}
.nee p{ color:#717171;}
.nee p a{ color:#717171;}

.npas{ position:absolute; border-top:2px solid #c9c9c9;border-right:2px solid #c9c9c9;border-bottom:2px solid #c9c9c9; background:#fff; left:0; width:83.8%; box-sizing:border-box;  top:57px; height:95.5%}
@media screen and (max-width:1440px){
.npas{ width:95.5%}
}
@media screen and (max-width:1368px){
.npas{ width:97%}
}
@media screen and (max-width:768px){
.npas{ width:100%; top:120px}
.nee{ display:none;}
}

/*新闻分类*/
.maina .kd{ position:relative; z-index:2}
.sor1{ width:19.23%; margin-top:-122px;}
.ntit{ padding:36px 0 36px 10px; height:117px; box-sizing:border-box; background:url(../images/sulbg.jpg) center no-repeat;}
.ntit h3{ color:#fff; font-size:1.5rem;  font-family: "webfont";}
.ntit p{ font-size:1rem; color:#fff; text-transform:uppercase;}

.nsortlist{background:url(../images/netbg.jpg) center bottom no-repeat #fe0000; padding:8px 8px 130px 8px}
.nsortlist ul{ position:relative;}
.nsortlist ul li{ width:100%; margin-bottom:5px;}
.nsortlist li a{ display:block; position:relative; background:#a90512; color:#fff; padding:16px 0 16px 16px; color:#fff; transition:all 0.7s ease}
.nsortlist li a span{ width:10%; height:1px; background:#fff; display:inline-block; right:20px; bottom:25px; transform:scale(0,1); transition:all 0.7s ease; transform-origin:right; position:absolute;}
.nsortlist li a:hover,.nsortlist li a.cur{ background:#f3181e}
.nsortlist li a:hover span,.nsortlist li a.cur span{ transform:scale(1);}
@media screen and (max-width: 768px){
.sor1{ width:100%; margin-top:-84px;}
.ntit{ display:none}
.nsortlist{background:none #de0007; padding:8px 8px 8px 8px}
.nsortlist ul{ border:none; margin-top:0}
.nsortlist ul li{ width:33.33%; float:left;}
.nsortlist li a span{ width:30%; margin-right:10px;}
}
/*联系栏*/
.new-lx{ box-sizing:border-box; margin-top:12px; padding:14px 10px; border:2px solid #dddddd; position:relative; background:#f6f6f6}
.new-lx .lcc{ padding-left:50px; background:url(../images/lx4.png) left center no-repeat; margin-bottom:5px}
.new-lx h6{ margin-top:12px; font-size:1rem; color:#676767}
.new-lx h3{ color:#b20404; font-size:1.25rem;font-family:'DIN';}
.new-lx p{ font-size:0.875rem; color:#676767; line-height:1.875em; padding-left:22px;}
.new-lx p:nth-child(3){ background:url(../images/lx1.png) left center no-repeat;}
.new-lx p:nth-child(4){background:url(../images/lx2.png) left 5px no-repeat;}
.new-lx p:nth-child(5){background:url(../images/lx3.png) left center no-repeat;}
.new-lx .hhu{ position:absolute; width:90%; height:5px; background:#f1f1f1; left:5%; bottom:-7px}
@media screen and (max-width: 768px){
.new-lx{ display:none}
}
/*新闻列表*/
.newcon{ width:77.69%;}
.sortname{ font-size:1.5rem; color:#970000; line-height:57px;}
.newlist dl{ padding:35px 0; border-bottom:1px solid #e0e0e0; width:97%}
.newlist dl a{ display:block;}
.newlist dl div{ width:9%; text-align:center; background:#b9000e;}
.newlist dl div p{ color:#fff; font-size:2.5rem; font-weight:lighter; border-bottom:1px solid #fff; padding:16px 0;}
.newlist dl div em{ font-size:0.875rem; color:#fff; padding:5px 0; display:block;}
.newlist dl dt{ border:1px solid #e2e2e2; float:left; margin-left:2%; width:27.2%}
.newlist dl dd{ width:60%; float:right;}
.newlist dl dd h4{ font-size:1.25rem; font-weight:bold; color:#010101; transition:all 0.7s}
.newlist dl dd p{ margin:26px 0; color:#707070; font-size:0.875rem; line-height:1.875em}
.newlist dl dd span{ font-size:0.875rem; color:#363636}
.newlist dl dd em{ font-family:'宋体'}

.newlist dl:hover dd h4{ color:#e62129}
@media screen and (max-width: 768px){
.sortname{ margin-top:48px}
.newcon{ width:100%;}
.newlist dl{width:100%}
.newlist dl div{ width:16%}
.newlist dl dt{ display:none}
.newlist dl dd{ width:80%; float:right;}
}


/*新闻内页*/
.nbg{ padding:20px; background:#fff; border:2px solid #ddd}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#484848;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875rem; border-bottom:#242424 1px dotted; line-height:1.5em}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1rem;line-height:1.5em; color:#242424}
.news-pn a{ color:#242424; font-size:1rem;}
/*相关新闻*/
.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:48%;height:30px;line-height: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){
.nbg{padding:20px; margin-top:10px;}
.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; 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;}
}

.serbox{ padding:20px; background:#fff; border:2px solid #ddd}

.probg{background:url(../images/pleft.jpg) center bottom no-repeat #fe0000; padding:8px 8px 130px 8px}
.psortname{ font-size:1.5rem; color:#000000; line-height:57px; background:url(../images/psortbg.png) left center no-repeat; padding-left:24px;}

.prolist{ width:100%;}
.prolist dl{ width:31.5%; margin-right:2.75%; float:left; margin-bottom:24px; position:relative;}
.prolist dl .watermark{ position:absolute; top:10px; left:10px; z-index:2; width:80px;}
.prolist dl:nth-child(3n){ margin-right:0}
.prolist dl a{ display:block;}
.prolist dl dt{ display:block; width:100%; overflow:hidden; max-height:323px;}
.prolist dl dt img{ width:100%; transform:scale(1); transition:all 0.7s ease;}
.prolist dl:hover dt img{ transform:scale(1.05)}
.prolist dl dd{ display:block; background:#a02224; color:#fff; padding:16px;}
.prolist dl dd p{ color:#fff;}
@media screen and (max-width: 768px){
.probg{background:none #fe0000; padding:8px 8px 8px 8px}
.prolist dl{ width:48%; margin:0 1% 24px 1% !important}
.prolist dl dt{ max-height:355px;}
.prolist dl dd p{overflow: hidden;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
}

/*产品展示*/
.p-show{ background:#fff; padding:25px}
.p-img{ width:52%; height:auto; float:left;}
#preview { position:relative; z-index:2}
.jqzoom{height:auto;width: 100%; border:5px solid #d1d1d1;margin:0 auto; text-align:center; box-sizing:border-box; position:relative}
.jqzoom .watermark{ position:absolute; top:10px; left:10px; z-index:2; width:130px;}
.jqzoom a{ display:block !important; width:100% !important;}
.jqzoom a img{ width:100%;}
#v_content{width:100%;height:auto;margin-top:15px; border:1px solid #d9d9d9; padding:5px; box-sizing:border-box;}
.control_left{width:7px;height:130px;float:left;background: url(../images/lt-btn.png) no-repeat center; cursor:pointer; margin-right:2px;}
.control_right{width:7px;height:130px;float:right;background: url(../images/ri-btn.png) no-repeat center; cursor:pointer;}
.v_content_listdiv{position:relative; width:96%;height:130px;float:left;overflow:hidden;}
.v_content_list { position:absolute;top:0px; left:0px; height:130px; width:2500px;}
#v_content ul {float:left; }
#v_content ul li { display:inline; float:left; width:146px; height:auto; margin:0 2px; border:1px solid #c8c8c8;}
#v_content ul li a{ display:block;}
#v_content ul li img {width:146px; height:auto;}
.lan p{ color:#b9000e; font-size:1.125rem; font-weight:bold;}
/*fnoan*/
.p-miao{ width:46%;  overflow:hidden;}
.p-miao h4{ font-size:1.75rem; font-weight:bold; color:#b9000e; width:auto;}
.p-miao h6{ font-size:1.5rem; color:#909090;}
.p-miao .ap{ font-size:1rem; color:#6b6b6b;  border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:24px 0; margin:20px 0;}
.p-miao .oc{ padding:1rem 0;}
.p-miao .oc span{ font-size:1.125rem; color:#000000;}
.p-miao .oc p{ font-size:1.875rem; color:#000000; font-weight:lighter;}
.p-miao .oc .a1{ color:#fff; font-size:1.1255rem; display:inline-block; background:#b9000e; padding:12px 20px; margin-top:5px;}
.p-miao .oc .a1 img{ margin-bottom:-8px;}

.p-con{ width:100%; background:#fff; padding-bottom:48px}
.p-con .pmt{ height:54px; width:100%;  background:#b9000e; position:relative; padding:0 25px; box-sizing:border-box;}
.p-con .pmt p{ position:absolute; background:#8b000b; left:25px; bottom:0; color:#fff; padding:18px 26px; font-size:1.125rem;}
.p-con .pmt p img{ margin-bottom:-5px}
.pall{ padding:25px;}
.pall .mas{  width:75%; }
.pall .mas img{ max-width:100%;}
.pall .mas{ font-size:1rem;}
.pall .mas .dd .next1{ background:#eee; padding:8px 10px; font-size:0.875rem; display:block;}
.pall .mas .dd .pre1{background:#eee; padding:8px 10px; font-size:0.875rem; display:block}
@media screen and (max-width: 768px){
.jqzoom a{ width:100% !important}
.jqzoom{ overflow:hidden}
.v_content_list { position:absolute;top:0px; left:0px; height:auto; width:720px;}
.p-list li{ width:48.5%;}
.p-img{ width:100%;}
.p-img img{ width:100%; max-width:100%;}
.p-miao{ width:100%;}
.p-miao .a1{ width:auto; text-align:center;}
.pall .mas{ padding:2rem 0; width:100%; margin:20px 0;}
.dd{ margin-bottom:10px;}
}
	

.kanpro{ width:21.1%; border:1px solid #d0d0d0; background:#fff;  position:relative; margin-top:-88px;}
.kanpro ul{ width:100%; margin:0 auto;}
.kanpro p{ color:#3e3e3e; line-height:3em; font-size:1.125rem; text-align:center; border-bottom:1px solid #d0d0d0}
.kanpro li{ width:100%; text-align:center;  position:relative;}
.kanpro li .watermark{ position:absolute; top:10px; left:10px; z-index:2; width:80px;}
.kanpro li div{ width:100%; overflow:hidden;}
.kanpro li img{ width:100%; transform:scale(1); transition:all 0.7s}
.kanpro li:hover img{ transform:scale(1.05);}
.kanpro li span{ padding:12px 0; background:#eee; color:#252424; display:block;}

@media screen and (max-width: 768px){
.kanpro{ width:100%; margin-top:24px;}
.kanpro ul{ width:100%; margin-top:12px}
.kanpro li{ width:48%; float:left; margin:0 1% 24px !important;}
}