/* @font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}
@font-face{ font-family: fontB; src: url('../fonts/SourceHanSansCN-Bold.otf');} */
html,body{padding: 0;margin: 0;font-family:"微软雅黑";font-size: 16px;color: #333333;/*min-width: 1200px;*/ /* overflow-x: hidden; */}
.wrap{margin: 0 auto;max-width: 1600px;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}

/**导航菜单**/
header .header-container{position: absolute;top: 0;left: 0;width: 100%;color: #333333;transition: all .5s;background: transparent;padding: 2vw 0;z-index: 9; }
header .wrap{max-width: 100%;padding: 0 3.125vw; }
header .logo a{height: 100px;position: relative;z-index: 1;display:flex;justify-content:center;align-items:center; }
header .logo img{max-height: 100%;}
header .rightDiv .othersDiv{height: 100px;cursor: pointer;position: relative;z-index: 1;padding-right: 50px; }
header .ssBtn{height: 50px;margin: 0 40px; }
header .ssBtn img{max-width: 36px; }
header .langDiv{position: relative; }
header .langDiv img{max-width: 36px; }
header .langDiv>a{color: #fff;height: 50px; }
header .langDiv>a i{width: 12px;height: 100%;background: url(../img/xia.png) no-repeat center center; }
header .langDiv>a span{margin: 0 6px 0 7px; }
header .langDiv .aDiv{position: absolute;left: 50%;width: 120px;background: #1d5c53;top: 100%;transform: translateX(-50%);display: none;text-align: center;padding: 10px 0;box-shadow: 0px 0px 15px rgba(0,0,0,.13);border-radius: 4px; }
header .langDiv .aDiv a{color: #fff;display: block;line-height: 36px; }
header .langDiv .aDiv a.on{color: #fff; }
header .langDiv:hover .aDiv{display: block; }

.searchDiv{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 9999;display: none; }
.searchDiv form{width: 98%;max-width: 620px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);position: relative; }
.searchDiv form a{position: absolute;right: 10px;top: -40px; }
.searchDiv form input{width: 100%;line-height: 58px;background: #fff;border-radius: 10px;padding: 0 120px 0 20px;border: 0;font-size: 20px; }
.searchDiv form button{width: 100px;height: 100%;border: 0;background: #1d5c53;position: absolute;right: 0;top: 0;border-radius: 0 10px 10px 0;cursor: pointer;color: #fff; }

header .mbtn{display: block;width: 50px;height: 50px;border-radius: 4px;overflow: hidden; }
header .mbtn1{background: url(../img/menu.png) #1d5c53 no-repeat center center;position: fixed;right: 3.125vw;top: calc(25px + 2vw);background-size: 36px; }
header .mbtn2{background: url(../img/menu-hide.png) #1d5c53 no-repeat center center;background-size: 36px;}

header .mbtn {display: block;}
body.on-menu::after{content: "";width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.8);z-index: 11; }
body.on-menu header .logo a,body.on-menu header .rightDiv .othersDiv{z-index: -1; }
body.on-menu header .mbtn{z-index: 1;}
header .menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 600px;
	height: 100vh;
	background-color: #fff;
	transition: right 400ms;
	right: -100%;
	padding: 0;
	overflow-y: auto;
	z-index: 100;
	padding: 9.2vh 60px;
	box-shadow: 0px 0px 40px rgba(0,0,0,.1);
}
header .menu .mbtn{margin: 0 0 0 auto; }
header .menu>ul{margin-top: 40px;border-radius: 4px;overflow: hidden; }
header .menu ul li{position: relative; }
header .menu ul li a{display: block;line-height: 54px;height: 55px;text-align: left;background: #1d5c53;border-bottom: 1px solid #ccc;color: #fff;text-transform: capitalize;font-size: 20px;padding: 0 20px; }
header .menu ul>li i{background: url(../img/xia.png) no-repeat center center/16px;width: 55px;height: 55px;position: absolute;right: 0;top: 0;z-index: 9;cursor: pointer; }
header .menu ul>li.on>a,header .menu ul>li.open>a,header .menu ul>li:hover>a{background: #123933; }
header .menu ul>li.on i,header .menu ul>li.open i{background: url(../img/xia_.png) no-repeat center center/16px; }
header .menu ul>li.has-sub.on ul{display: block; }
header .menu ul ul{display: none; }
header .menu ul ul li a{background: #fff;color: #333;border-bottom: 1px solid rgba(0,0,0,.1); }
header .menu ul li:last-child a{border-bottom: 0; }
header .menu ul ul li a:hover{background: rgba(48, 113, 185, 0.1); } 
body.on-menu header .menu {right: 0;}
body.on-menu .main {right: 0;}
.main {position: relative;right: 0;transition: right 300ms !important;/* margin-top: 50px; */ }
a.backTop{position: relative;margin:0 0 0 auto;/* bottom: 9.2vh; */width: 40px;margin-top: 16.6vh;display: block; }

/* .on-fixed header .header-container{background: rgba(0,0,0,.7);padding: 10px 0; }
.on-fixed header .logo a{height: 80px; }
.on-fixed header .rightDiv .othersDiv{height: 80px; } */
	
	
 

@media (max-width:1600px) {
	.wrap{padding: 0 30px;width: 100%;}
	 
	.comLeftDiv{width: 23.125%; }
	.comRightDiv{width: 74%; }
	.comLeftDiv ul li>a{padding-right: 80px;font-size: 18px; }
	.comLeftDiv ul li .aDiv a{font-size: 16px; }
	.productDiv .row{margin: 0 -15px 20px; }
	.productDiv .row>div{padding: 0 15px;margin-bottom: 30px; }
	.contactDiv1 .bdDiv .blDiv{padding-left: 30px; }
}
@media (max-width:1220px) {
	 
	 
}
@media (max-width:1100px) {
	
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.wrap{padding: 0 20px;width: 100%;}
	header .header-container{padding: 15px 0; }
	header .logo a{height: 50px; }
	header .rightDiv .othersDiv{height: 50px; }
	header .langDiv>a img{width: 26px; }
	header .ssBtn{margin: 0 20px; }
	header .ssBtn img{width: 26px; }
	header .mbtn{width: 40px;height: 40px;background-size: 80%; }
	header .menu ul li a{font-size: 18px; }
	header .menu ul>li i{height: 40px;width: 40px; }
	.on-fixed header .logo a,.on-fixed header .rightDiv .othersDiv{height: 50px; }
 	header .mbtn1{top: 20px; }
	header .rightDiv .othersDiv{padding-right: 40px; }
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	/* html, body{min-width: initial;overflow-x: hidden;} */
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	.floatRightDiv{display: none;}
	.wrap{padding: 0 15px;width: 100%;}
	header .menu{padding: 30px 15px; }
	header .menu>ul{margin-top: 20px; }
	header .menu ul li a{font-size: 14px;line-height: 40px;height: 41px; }
	a.backTop{display: none!important; }
 
	 
	
	
	@media (max-width:320px) {
	}
	
}