html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#af071a;text-decoration:none;outline:none;}


h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.wh{max-width: 1870px;margin:0 auto;padding: 0 15px;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.top1{height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top2{background: #950818;height: 86px;}
.top2 .wh{max-width: 1570px;padding-left:15px;}
.wh22 {max-width: 1570px;padding:0 25px;margin:0 auto;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 86px;}
.top2 .k2{margin-top: 35px;font-size: 16px;color: #333333;line-height: 35px;text-align: right;}


.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1 a{color: #595959;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{}
 
.sou{margin: 25px 0;}
.foot #formsearch{width:290px;height: 42px;background: url(../images/ss.png) no-repeat top center;margin-top: 15px;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
 
.hotSearch a{margin-right:6px;}
.foot #formsearch input{height:42px;background:none;border:none;line-height:42px;outline: none;}
.foot #formsearch input#keyword{height:42px;line-height:42px;padding-left:11px;color: #ababab;font-size: 14px;width: 242px;}
.foot #formsearch input#s_btn{width:42px;height:42px;line-height:42px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;font-size: 12px;}
 
.banner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:0;bottom:40px;z-index:100;text-align: center;width: 100%;}
.banner .num li{display:inline-block;margin:0 5px;width:61px;height: 6px; text-indent:-100px;overflow:hidden;background: #009b4c;}
.banner .num li.num_hover{background-color:#e15616;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px;}

 
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 150px; }

.nav li a{display:block;line-height:86px;color:#fff;height:86px;padding: 0;font-size: 16px;padding: 0;}
.nav li a:hover{color:#fff;text-decoration:none;background:url(../images/line1.png) no-repeat bottom center;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
   background:url(../images/line1.png) no-repeat bottom center;
}

.nav .sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:86px;left:-52px;width: 168%;}
.nav .sec a{background:#af071a;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.nav .sec a:hover{background:#af071a;text-decoration:none;color:#fff;}




@media(max-width: 1400px){
	.nav li{width: 130px;}
}
@media(max-width: 1280px){
	.nav li{width: 120px;}
}

@media(max-width: 1200px){
	.nav li{width: 100px;}
}


.box1{;background-size: cover;padding: 3% 0 4% 0;overflow: hidden; background-color:#fffddc}
.aleft{width: 55.4%;}
.sp{width: 100%;border-top:10px solid #f4bc46;}
.sp img{width: 100%;}
.aright{width:43.6%; }
.abt{font-size: 21px;color: #333;margin-bottom: 15px;line-height: 28px;margin-top: 25px;}
.abt span{display: block;font-size: 12px;text-transform: uppercase;}
.abt2{font-size: 40px;color: #333;margin-bottom: 15px;line-height: 43px;text-align: left;padding-bottom: 15px;border-bottom: 3px solid #f4bc46;}
.abt2 span{display: block;font-size: 22px;}
.acon{color: #333;font-size: 16px;line-height: 20px;padding: 5% 0 8% 0;}
.acon p{margin-bottom: 3.7%;}
.yacon{color: #333;font-size: 10px;line-height: 18px;}
.aright a{display: block;margin-top: 2.3%; height: 46px;border: solid 1px #333;line-height: 44px;width: 100%;text-align: center;color: #333;font-size: 16px;text-transform: uppercase;}
.aright a:hover{background: #f4bc46;color: #af071a;border-color: #f4bc46;}



.box2{padding: 5% 0 2% 0;overflow: hidden;}
.bt1{width: 100%;text-align: center;  font-size: 40px;color: #af071a;letter-spacing: -1px;line-height: 40px;padding-bottom: 10px;background: url(../images/line2.jpg) no-repeat bottom ;}
.bt1 span{display: block;color: #af071a;font-size: 22px;letter-spacing: 0;}
.bt2{color: #af071a;font-size: 21px;text-align: right;margin-top: 30px;}
.bt2 span{display: block;font-size: 12px;}
.psort{text-align: center;margin-bottom: 22px;margin-top: 3%;}
.psort li{display: inline-block;background-color: #eeeeee;padding: 0 1%;margin: 0 0.5%;margin-bottom: 10px;}
.psort li a{display: block;color: #333333;font-size: 20px;line-height: 45px;}
.psort li.cur{background: #af071a;}
.psort li.cur a{color: #fff;}
.tab1{display: none;}
.plist1 li{margin: 0 0.5%;margin-bottom: 2%;position: relative;width: 15.666666%;}
.plist1 li .img img{display: block;width: 100%;}
.row2{margin-left: -0.5%;margin-right: -0.5%;}
.plist1 li h3 a{display: block;color: #333333;font-size: 14px;left: 12%;width: 88%;bottom: 8%;font-weight: normal;position:absolute;overflow:hidden; /*超出的部分隐藏起来。*/ 
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */}
.plist1 li:hover{box-shadow: 0 0 10px #cbcbcb;}
.plist1 li .bj1{display: none;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.15);position: absolute;}
.plist1 li:hover .bj1{display: block;}



.anli{background: #af071a;padding: 68px 0 25px 0;overflow: hidden;}
.anli .bt1{color: #fff;}
.anli  .bt1 span{color: #fff;}

.box3{ background-size: cover;padding: 0 0 2% 0; background-color:#fffddc}
.cul li{width: 24%;margin: 0 0.5%;margin-bottom: 2%;position: relative;}
.cul li a.img img{display: block;width: 100%;}
.cul li h3{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);font-weight: normal;display: none;}
.cul li h3 a{display: block;color: #fff;text-align: center;font-size: 24px;height: 100%; padding-top: 47%;overflow:hidden; /*超出的部分隐藏起来。*/ 
white-space:nowrap; 
text-overflow:ellipsis;/* 支持 IE */}
.cul li h3 a .img{padding-bottom: 10px;}
.cul li:hover h3{display: block;}

.ads1{margin-bottom: 48px;margin-top: 25px;}
.ads1 li{width:16.66666%;height: 214px;line-height: 214px;text-align: center;}

.ads1 li a.img{
	background: url(../images/line3.png) no-repeat right top,url(../images/line33.png) repeat-x left bottom;
	 
	display: block;}
.ads1 li a.img img{max-width: 100%;}
.ads1 li:nth-child(6n) a.img{background:url(../images/line33.png) repeat-x left bottom;}
.ads1 li:nth-child(7) a.img,.ads1 li:nth-child(8) a.img,.ads1 li:nth-child(9) a.img,.ads1 li:nth-child(10) a.img,.ads1 li:nth-child(11) a.img,.ads1 li:nth-child(12) a.img{background: url(../images/line3.png) no-repeat right top;}

.ads1 li:nth-child(12) a.img{background: none;}

.box4{margin: 70px  0 115px 0;}
.hbox{margin-top: 40px;display: flex; align-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}
.hleft img{display: block;width: 100%;height: 100%;}
.hleft {width: 57.9%;position: relative;}
.ads2{width: 32.65%;margin-left: 1%;}
.ads2 li{position: relative; margin-bottom: 2.4%;}
.ads2 li:last-child{margin-bottom: 0;}
.ads2 li img{display: block;width: 100%;}
.wz2{width: 25.7%;background: #af071a;text-align: center;position: absolute;top:0;right: -25.5%;height: 100%;}
.wz2 h3{color: #ffffff;font-size: 22px;padding-top: 72%;}
.wz2 span{display: block;color: #ffffff;font-size: 12px;margin-top: 20px;font-weight: bold;}




.nbox{margin-top: 40px;display: flex; align-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}
.news_list1{width: 49.46%;}
.news_list1 li{background: #af071a;}
.news_list1 a.img img{display: block;width: 100%;}
.xcon{padding: 18px;}
.news_list1 li h3 a{display: block;font-weight: normal;color: #fff;font-size: 24px;}
.news_list1 li p{color: #fff;font-size: 16px;margin-top: 5px;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.news_list2{width: 49.46%;margin-left: 1.08%;}
.news_list2 li{background-color: #f6f6f6;    height: 18.16%; margin-bottom: 1.7%;}
.news_list2 li:last-child{margin-bottom: 0;}

.shu{font-size: 62px;display:flex;justify-content:center;align-items: center;height: 100%;line-height: 100%; color: #000000;background: url(../images/line4.jpg) no-repeat right center;width: 15.5%;text-align: center;}
.news_list2 li:hover {background-color: #af071a;box-shadow: 0px 4px 8px 0px rgba(7, 0, 2, 0.4);}
.news_list2 li:hover .shu{background: url(../images/line44.jpg) no-repeat right center;color: #fff;}
.nei{margin-left: 5%;width: 64%;padding-top: 3%;}
.nei a{display: block;color: #151515;font-size: 17px;overflow:hidden; /*超出的部分隐藏起来。*/ 
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */}
.nei p{color: #151515;font-size: 12px;overflow:hidden; /*超出的部分隐藏起来。*/ 
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */}
.news_list2 li span{display: block;color: #000000;font-size: 12px;margin-top: 2.8%;padding-right: 2%;}
.news_list2 li:hover .nei a,.news_list2 li:hover .nei p,.news_list2 li:hover span{color: #fff;}









/*友情链接*/

.f_link{line-height: 30px;margin:0 auto;background: #000000;padding: 10px 0;color: #333;text-align: left;}
.f_link a{color: #333;}
/*页面底部*/
.foot1{background: #af071a;padding: 10px 0;line-height: 30px;color: #fff;}
.foot1 a{color: #fff;}
.wh3{max-width: 1560px;margin:0 auto;padding: 0 15px;}
.foot{padding: 3% 0 2% 0;background: #fffddc;}
.dbt{color: #333;font-size: 18px;padding-bottom: 15px;background: url(../images/line5.jpg) no-repeat bottom left;}
.ewm2{margin-top: 20px;}
.ewm2 img{max-width: 100%;}
.tlx{width: 29%;margin-right: 1%;}
.di{margin-top: 10px;}
.di p{padding-left: 30px;color: #333;line-height: 46px;font-size: 14px;}
.di p:first-child{background: url(../images/d1.png) no-repeat left center;}
.di p:first-child+p{background: url(../images/d2.png) no-repeat left center;}
.di p:first-child+p+p{background: url(../images/d3.png) no-repeat left center;}
.dtel{padding-left: 33px;background: url(../images/tel.png) no-repeat left center;color: #333;font-size: 36px;font-weight: bold;margin-top: 8%;}
.yan{width: 39.22%;}
.x-message{margin-top: 20px;}
.yan .n-default .msg-wrap{top:2px;}





::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ababab;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ababab;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ababab;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ababab;
}





@media(max-width: 1800px){
	.acon{font-size: 14px;padding: 4% 0;}
	.acon p{margin-bottom: 0%;}
}
@media(max-width: 1700px){
	.aleft{width: 50%;}
	.aright{width: 48%;}
	.acon{padding: 2% 0;}
}

@media(max-width: 1600px){
	/*.yacon{display: none;}*/
	.cul li h3 a{padding-top: 45%;font-size: 18px;}
	.ads1 li a.img img{max-width:70%;}
}
@media(max-width: 1300px){
	.acon{font-size: 13px;}
	.aright a{margin-top: 4%;}
}
@media(max-width: 1194px){
	.aleft{float: none;width: 100%;}
	.aright{float: none;width: 100%;}
	.sp{margin-bottom: 20px;}
	.yacon{display: block;}
}


@media(max-width: 1060px){
	.plist1 li{width: 24%;}
	.cul li h3 a{padding-top: 40%;font-size: 14px;}
	.nei{width: 59%;}
	.nei a{font-size: 15px;}
	.news_list1 li h3 a{font-size: 20px;}
	.news_list1 li p{font-size: 14px;}
}
@media(max-width: 998px){
	.psort li a{font-size: 16px;}
	.bt1,.abt2{font-size: 30px;line-height: 30px;}
	.plist1 li{width: 32.33%;}
	.cul li{width: 46%;margin: 0 2% 15px 2%;}
	.ads1 li{height: 150px;line-height: 150px;}
	.wz2 h3{font-size: 16px;padding-top: 62%;}
	.ewm1{margin-left: 0;margin: 20px 0;}
	.tlx,.ewm1,.yan{float: none;width: 100%;}

}




@media(max-width: 1400px){
	.ads1 li{height: 180px;line-height: 180px;}
	.wz2 h3{font-size: 18px;padding-top: 68%;}
}
@media(max-width: 1200px){
	.plist1 li{width: 24%;}
	.wz2 span{margin-top: 10px;}
	.cul li h3 a{padding-top: 43%;font-size: 16px;}
	.shu{font-size: 40px;}
	.dtel{font-size: 24px;}
	.ewm1 {margin-left: 1%;}
}
@media(max-width: 900px){
	.wz2{width: 40%;}
	.wz2 h3{padding-top: 38%;}
	.nbox{display: block;}
	.news_list1{width: 100%;margin-bottom: 30px;}
	.news_list2{width: 100%;margin-left: 0;}
	.news_list2 li{padding: 20px 0;}
	.nei{padding-top: 0;}
	.news_list2 li span{margin-top: 10px;}
}
@media(max-width: 650px){
	.hbox{display: block;}
	.hleft {width: 100%;margin-bottom: 20px;}
	.ads2{margin-left: 0;width: 100%;}
	.wz2{right: 0;width: 22%;padding: 22% 1% 0 1%;}
	.wz2 h3{padding-top: 0;}
}
@media(max-width:768px){
	.plist1 li{width: 46%;margin: 0 2%;margin-bottom: 15px;}
	.box4{margin: 30px 0;}
	.psort li a{font-size: 14px;}
	.anli{padding-top: 35px;}
	.psort li{padding: 0 2%;}
	.psort{margin-top: 15px;}
	.box2{padding: 25px 0 15px 0;}
	.ads1 li{height: 120px;line-height: 120px;}
	.cul li h3{position:static;display:block;padding-top:0;background:#fff;line-height:35px;height:35px;}
	.cul li h3 a{color:#000;padding-top:0;overflow:hidden; 
white-space:nowrap;
text-overflow:ellipsis;}
	.cul li h3 a .img{display:none;}
}
@media(max-width:700px){
	.ads1 li{height: 150px;line-height: 150px;}
	.ads1 li{width: 33.3333%;}
	.ads1 li a.img img {
	    max-width: 60%;
	}
	.ads1 li:nth-child(3n) a.img{background:url(../images/line33.png) repeat-x left bottom;}
	.ads1 li:nth-child(7) a.img,.ads1 li:nth-child(8) a.img,.ads1 li:nth-child(9) a.img{background:url(../images/line3.png) no-repeat right top,url(../images/line33.png) repeat-x left bottom;}
    .ads1 li:nth-child(10) a.img,.ads1 li:nth-child(11) a.img,.ads1 li:nth-child(12) a.img{background: url(../images/line3.png) no-repeat right top;}
    .ads1 li:nth-child(9) a.img{background: url(../images/line33.png) repeat-x left bottom;}
    .ads1 li:nth-child(12) a.img{background: none;}
}

@media(max-width:600px){
	.ads1 li{height: 120px;line-height: 120px;}
    .ads1 li a.img img {
	    max-width: 80%;
	}
	.wz2{width: 30%;padding-top: 18%;}
	.shu{font-size: 30px;}
}
@media(max-width:450px){
	.nei{margin-left: 2%;width: 56%}
}


@media(max-width:990px){
	.x-banner,.page-banner{margin-top: 60px;}
	.x-banner .owl-carousel .owl-dots button.owl-dot{    width: 3em;}
}

.product-detail-tabbox img{max-width:100%;} 
.page-product-inquiry a{color: #fff;}