@charset "gb2312";
/* CSS Document */
.m-header{ display:none; position:fixed;left: 0;top: 0; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,.1); width:100%; height:62px; z-index:99;overflow: hidden;}
.m-header img{ margin-top:10px; max-height:42px;}
.m-btn .line{
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 23px;
}
.m-btn span{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 50%;
    margin-left: -12px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
}
.m-btn span.span1{ top:0;-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn span.span2 {top: 7px;}
.m-btn span.span3 {top: 14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.actives .span1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.actives .span3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-btn.actives .span2{ opacity:0; filter:alpha(opacity=0)}
.m-btn.actives span{background: #000;}
.cd{ margin-right:15px;color: #000;line-height:62px;font-size: 15px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99;top: 60px;}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../img/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu .menu_li .subnav{ padding:15px 3%; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.actives{ background:#e99d00; color:#fff;}
.m-menu .menu_a.actives i{background:url(../img/ico_03_h.png) no-repeat center; background-size:100% auto}
.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}

.mproclass{ display:none; position:relative;margin-top: -4px;z-index: 10;cursor: pointer}
.mproclass h2{background:#e99d00 ; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer;}
.mproclass h2:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass ul{ position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15)}
.mproclass li{ background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;}
.mproclass li a{padding:0 3%; display:block;font-size: 14.5px;}
.mproclass li:hover a{ background:#0982b1; color:#fff}

.mproclass2 h2{background: none;position: relative;color: #333;font-size: 20px;padding-left: 4%;}
.mproclass2 h2::before{content: "";display: inline-block;width: 3.2px;height: 24px;background: #e99d00 ;position: absolute;left: 0%;top: 10.5px;}
.mproclass2 h2:after{border-top:7px solid #333;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.mproclass2 h2.actives:after{border-top:6px solid #e99d00 ;}


.mproclass h4{background:#e99d00 ; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer;}
.mproclass h4:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass .btn-box2{position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15);cursor: pointer;}
.mproclass .btn1{background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;display: block;padding:0 3%;}
.btn-box2 a.cur .icon .b{opacity: 0}
.btn-box2 a.cur .icon .f{opacity: 1}
.btn-box2 a.cur .text{color: #333}
.btn-box2 a .text:hover{color: #e99d00 }




.m-foot{ position:fixed; width:100%; height:45px; left:0; bottom:0;background: #e09702; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/pic/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/pic/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/pic/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/pic/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}
.newsxiang .newsleft .nsconn p iframe {display: none;}



@media screen and (max-width:1200px){
	.wrap{ width:97%;margin: auto;}
	body{overflow-x: hidden;}
	.banner1{overflow-x: hidden;}
	.nmain{}
	.products{overflow-x: hidden}
	.spwia{width: 100%; overflow-x: hidden;display: block;}
	.contact{overflow-x: hidden;}
	
}

@media screen and (max-width: 920px){

.nbanner img{width:140%; margin-left:-20%;overflow-x: hidden;display: block;}
.banner1{width:140%; margin-left:-20%;overflow: hidden!important;display: block;}

}
@media screen and (max-width:1024px){
	.headerbox{display: none;}
	.m-header{display: block;}
	.m-header .ch-en{float: right;margin-left:26px;background:#e99d00;border-radius: 50%;padding: 3px;margin-top: 18px;}

	.m-header .ch-en a{color: #fff;font-size: 14px;}

	.m-header .ch-en a.cur{color: #e99d00;}
	.banner1{margin-top: 62px;}
	.banner1 .slick-dots li button{width: 10px;height: 10px;}
	.honerlist .slick-slide img{width: 97%;display: block;}
	.honerbox h2{margin-bottom: 30px;}
	.honerbox{padding-bottom: 56px;}
	.nbanner{margin-top: 62px;}
	.nmain{margin-bottom: 50px}
}
@media screen and (max-width:768px){
	.backtop{display: none!important;}
	.m-foot{display: block;}
	.mproclass{display: block;}
	.aboutleft{padding-top: 40px;padding-bottom: 30px;padding-left: 35px;padding-right: 40px;width: 65%;top: 10%;}
	.abouts{padding-top: 40px;}
	.aboutright{height: auto;}
	.more1{margin-top: 16px;}
	.productlist .margin{margin-left: 9px;margin-right: 9px;}
	.casetxt{position: relative;left: 0;padding: 37px 40px 30px 40px;width: 72%;top: -50px;margin-bottom: -220px}
	.shebei{margin-top: 15px;padding-bottom: 40px;}
	.products{padding-top: 48px;}
	.productlist .txt1 h3{font-size: 16px;padding-top: 26px;}
	.productlist .more2{border: 1.3px solid #e0e0e0;margin-top: 20px;}
	.productlist .txt1{padding-bottom: 30px;}
	.shebeicont li{width: 47%;margin-bottom: 3%;}
	.shebeicont .more2{border: 1.3px solid #e0e0e0;margin-top: 24px}
	.shebeicont .txt1 h3{padding-top: 22px;font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.shebeicont .txt1{padding-bottom: 30px;}
	#videoplay{height: auto!important;margin-top: 30px!important}
	.videotxt{display: none;}
	.honerbox{margin-top: 45px;}
	.footertop{display: none;}
	.footerbottom{line-height: 28px;font-size: 13px;padding: 2% 0;padding-bottom: 13%;}
	.beian{display: block;}
	.casetxt p{width: 100%;}
	.bannertxt span{font-size: 16px;}
	.nbanner .bannertxt{font-size: 22px;top: 22%;}
	.navigation{height: 55px;line-height: 55px;}
	.titlie1 h2{font-size: 26px;margin-top: 35px;margin-bottom: 25px;left: 0;}
	.nmain{margin-bottom: 40px;}
	.zr li{width: 22.7%;}
	.productlist2 .txt2 h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.ban2{width: 100%;height: 500px}
	.ban2 ul li{width: 640px;height: 500px}
	.min_pic{width: 640px;}
	.next_btn1{margin-top: -116px;}
	.title2 h3{font-size: 27px;margin-top: 20px;margin-bottom: 19px;}
	.num{margin-left: 20px;width: 100%;}
	.hrlist .hrtxt{width: 86%;padding: 4% 7%;}
	.hrlist .hrtxt2{width: 86%;}
	.hrlist .pic4{width: 100%;}
	.hrlist .hrtxt{height: auto;max-height:600px; }
	.more4 a{margin-top: 25px;margin-bottom: 12px;}
	.contactxt li p.ic1{background-size: 32px 32px;}
	.contactxt li p.ic2{background-size: 32px 32px;}
	.contactxt li p.ic3{background-size: 32px 32px;}
	.contactxt li p.ic4{background-size: 32px 32px;}
	.contactxt li p{font-size: 16px;padding-left: 12.5%}

}
@media screen and (max-width:640px){
	.aboutleft{position: relative;width: 79.6%;}
	.aboutright{width: 100%;margin-top: 12px;}
	.navigation .right{display: none;}
	.col{width: 100%;float: none;height: auto;}
	.text2{width: 96%;float: none;height: auto;}
	.pad h4{font-size: 17px;}
	.about2{margin-top: 20px;}
	.text2 h3{font-size: 22px;}
	.list-culture .pad{font-size: 14px;}
	.shebeicont2 ul{margin-top: 10px;}
	.newtit{font-size: 26px;margin-top: 30px;}
	.productlist2 li{width: 47%;}
	.productlist2 li:nth-child(3n+1){ clear:none}
	.productlist2 li::nth-child(2n+1){ clear:both}
	.productlist2{margin-top: 10px;}
	.ban2{height: 400px;}
	.ban2 ul li{width: 480px;height: 400px}
	.min_pic{width: 480px;}
	.contactxt{width: 95%;padding: 30px 3% 30px 2%;}
	.map{width: 100%;}
	
}

@media screen and (max-width:480px){
	.zr li{width:30.6%;}
	.ban2{height: 300px;}
	.ban2 ul li{width: 375px;height: 300px}
	.min_pic{width: 400px;}	
	
}
@media screen and (max-width:375px){
	.ban2 ul li{width: 320px;}
	.min_pic{width: 340px;}
	
}
@media screen and (max-width:323px){
	
	
}