/*************** 公共样式 ***************/
body{overflow-x: hidden;background: #ffffff;z-index:1;}
section{width: 100%;overflow: hidden;}
*{box-sizing: border-box;}
.bg-blue{background-color: #019be3;}
.bg-blue2{background-color: #002a8c;}
.bg-gray{background-color: #edf2f6;}
.font-white{color: #fff;}
.font-blue{color: #002a8c;}
.font-bold{font-weight: bold;}
a.hover{transition: .3s ease-in-out;}
a.hover:hover{color:#ffb901 !important;transition: .3s ease-in-out;}

/*头部*/
.head_container{position: relative;
width: 100%;
}
.bg_left{position: absolute;left: 0;top: 0;width: 34%;height:100%;
	background: #148567;z-index:299;
	transition:1s 0.1s ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	opacity: 1;
}
.bg_left.on{
    opacity:0.8;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
	transition:.4s 0.1 ease;
}

.scroll_down{position: absolute;left: 0;bottom: 40px;width: 100%;height: 50px;z-index:301;}
.scroll_down .scro_box{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.scroll_down .scro_box .scrol_mouse{width: 18px;height: 32px;
background: url(../img/scroll_down_in.png) no-repeat center center;
position: relative;animation:moves 2s linear  infinite;
}
/* .scroll_down .scro_box .scrol_mouse .point{
	width: 2px;
	height: 8px;
	background: #ffffff;
	position: absolute;
	top: 5px;
	left: 8px;
	
} */
@keyframes moves {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-10px);} 
	100%{transform: translateY(0px);}
}
.scroll_down .scro_box .scro_text{margin-top: 15px;}
.scroll_down .scro_box .scro_text img{}

.header{z-index:301;width: 100%;height: 96px;position: relative;}
.header:after{z-index: 50; display: block;content: "";
position: absolute;left: 0;top: 0;width: 100%;height:0;
transition: all .3s ease-in;}
.header.active:after{height: 96px;}
.header.fixed{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.head_hd{}
.header.fixed .nav li i{color: #ffffff;}
.header.fixed .nav li a{color: #ffffff;}
.header.fixed .nav li.on a{color:#007f5f;}
.header.fixed .nav li.on i{color:#007f5f;}
.header.fixed .nav li.on a span{border-color:#007f5f;}

.logo{width:134px;float: left;line-height: none;line-height: 96px;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{width: 100%;display: block;}

.search_bx{
	float: left;
	min-width:220px;
	position: relative;
	z-index: 401;
}
.sear_box{height: 96px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	
}

.head_rig{}
.sear_btn{
	display: inline-block;vertical-align: middle; 
	background: url(../img/sear.png)no-repeat center center/100%;
	width: 17px;height: 17px;cursor: pointer;}
.tel_box{float: right;
	display: inline-block;
margin-left: 20px; right: 0;top: 0;
z-index: 150;
vertical-align: middle; box-sizing: border-box;
 color: #FFFFFF;
 }
.tel_box i{font-size: 30px;color:#007f5f;margin-right: 15px;}
.tel_box span{font-size: 22px;color:#007f5f;letter-spacing: 1px;font-family: 'Hnbold';}


.head_use{position: relative;z-index: 100;box-sizing: border-box;line-height: 96px;}

.searchBox {display: none; background: #fff;width: 14vw;height: 60px;line-height: 60px; position: absolute;top: 100%;left:55%;z-index:999;}
.searchBox input {display: block; width: 100%; height: 60px;padding: 0 20px; color: #333;position: relative;z-index: 50;}
.searchBox  a{position: absolute;z-index: 100;right: 10px;top: 0;line-height: 60px;}
.searchBox input::-webkit-input-placeholder {color: #666;}
.searchBox input::-moz-placeholder {color: #666;}
.searchBox input::-ms-input-placeholder {color: #666;}
.searchBox input:-ms-input-placeholder {color: #666;}
.search_input{background: #dee5ed;display: inline-block;width: 78%; height: 46px;line-height: 46px;color: #666;border-radius: 2px; margin-right: 2%; position: relative;padding-left: 50px;float: left;}

.nav_box{z-index: 50;height: 96px;float: right;}
.nav_box a{display: block;}
.header_nav_item{padding: 0 5px;box-sizing: border-box;position: relative;margin: 0px 24px;}
.nav_box .nav{line-height: 18px;}
.nav li{float: left;line-height: 18px;}
.nav li i{color:#999999;font-size: 18px;}

.nav li a{color: #999999;transition: all 0.4s;font-size: 18px;}
.nav li a span{margin-left: 8px;padding-left: 8px;border-left: 1px solid #999999;font-family: 'SourceHanSansCNReg';}
.nav li.on a{color:#007f5f;}
.nav li.on i{color:#007f5f;}
.nav li.on a span{border-color:#007f5f;}

.header_nav_item:after{
	transition: all .3s ease-in;
 display: block;content: "";position: absolute;left:0%;
  width:0;height: 8px;
  background: rgba(0,127,95,0.2);bottom:-4px;}
.header_nav_item:hover:after{width: 100%;}
.header_nav_item:hover i{color:#007f5f;}
.header_nav_item:hover span{border-color:#007f5f;color: #007f5f;}
.nav li.on .header_nav_item:after{
	transition: all .3s ease-in;
 display: block;content: "";position: absolute;left:0%;
  width:0;height: 8px;
  background: rgba(0,127,95,0.2);bottom:-4px;
}
.nav li.on .header_nav_item:after{width: 100%;}
.nav .nav_down{box-shadow: 0 4px 8px #C6C5C2; display: none; position: absolute;padding: 45px 11.5% 45px 8.9%;text-align: left; top: 100%;left: 0; background:rgba(255,255,255,0.95);}
.nav .nav_sec a{transition: all .3s ease-in; color:#333333 ;display: inline-block;padding-left: 16px;background: url(../img/jian1.png)no-repeat 0 ;}
.nav .nav_sec a:hover{color:#c30d23;background: url(../img/jian2.png)no-repeat 0 ;}
.menuBtn{display: none;}
.nav_sec{float: left;width: 44.5%;}
.nav_sec div{float: left;width: 50%;}
.nav_pic{width: 340px;float: right;}
.nav_pic img{display: block;width: 100%;}
.nav_img{float: right;}
.nav_picuse{width: 48.6%;float: right;border-left: 1px dashed #c5c9ca;}
.ource_nav{position: relative;}
.nav_icon{height: 55px;}
.nav .ource_nav .nav_down{left:-20px;right: auto;width: 490px;line-height: 0; padding:35px 60px 30px 60px;white-space: nowrap;text-align: center;}
.ource_nav .drop_item{float: left;width: auto;margin-bottom: 0;}
.ource_nav .drop_item+.drop_item{margin-left: 50px;}
.ource_nav .drop_item a{display:inline-block;width: auto;height:auto;margin-bottom: 0;color: #333333;}
.ource_nav .drop_item a:hover{color: #c30d23;}
.ource_use{background: rgba(255,255,255,0.95);}
.nav li:nth-child(4) .nav_down{width: 312px;}
.nav li:last-child .nav_down{width: 393px;left: inherit;right: 0;}


.common__cursor {
  width: 2.60416667vw;
  height: 2.60416667vw;
  position: absolute;
  left: 0;
  top: 0;
  margin: -25px 0 0 -25px;
  z-index: 999;
  visibility: hidden;
  user-select: none;
  pointer-events: none;
}
.common__cursor.sclas:before {
  transform: scale(1.4) translate(-50%, -50%);
}
.common__cursor:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(19, 131, 101, 0.4);
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.38s cubic-bezier(0.3, 1.83, 0.49, 0.88);
}

@media only screen and (max-width: 1680px) {
	.nav_box{margin-right: 40px;}
	.nav .nav_down{padding: 40px 11.5% 40px 8.9%;}
	.header_nav_item{padding: 0 10px;margin: 0px 18px;}
	.search_bx{min-width:100px;}
	.bg_left{width: 30%;}
}
@media only screen and (max-width: 1440px) {
	.nav_box{margin-right:20px;}
	.header_nav_item{padding: 0 10px;margin: 0px 8px;}
	.nav_pic{width: 300px;}
	.nav .nav_down{padding: 40px 10.5% 40px 7.9%;}
	
	.tel_box span{font-size: 16px;}
	.tel_box i{font-size: 24px;margin-right: 6px;}
	.search_bx{min-width:40px;}
	.bg_left{width: 26%;}
}

@media only screen and (max-width:1280px ) {
	
	.nav_box{margin-right:20px;}
	.header_nav_item{padding: 0 8px;margin: 0px 8px;}
	.nav .nav_down{padding: 35px 6.5% 35px 5.9%;}
	.bg_left{width: 25%;}
}
@media only screen and (max-width:1024px ) {
	
	.sear_btn{background: url(../img/sear.png)no-repeat center center/100%;}
	.sear_box{height: 70px;}
	.searchBox{height: 48px;}
	.bg_left{display: none;}
	
	.nav_icon{display: none;}
	.nav .nav_sec a{color: #FFFFFF;}
	.drop_item{margin-bottom: 0;}
	.nav .ource_nav .nav_down{padding: 0;left: 0;width: 100%;}
	.ource_nav .drop_item{width: 100%;}
	.nav_sec div{width: 100%;}
	.header_nav_item:after{display: none;}
	.ource_nav .drop_item+.drop_item{margin-left: 0;}
	.ource_nav .drop_item a{display: block;text-align: left;}
	.nav_picuse{display: none;}
	
	.header.active:after{height: 0;}
	.nav_sec{width: 100%;}
	.nav_sec p{width: 100%;margin-bottom: 0;}
	.nav .nav_sec a{padding-left: 0;background: none !important;display: block;}
	/* .searchBox{height: 45px;top: 0;right: inherit;margin-top: 20px; left: 0;width: 100%;max-width: 400px;} */
	.searchBox input{height: 45px;line-height: 45px;}
	.head_rig{display: none; margin-right: 0; height: auto; padding: 0 20px 20px;
	 background: rgba(0, 0, 0, 0.8);position: fixed;top:70px;right: 0;width: 100%}
	 
	.nav_box{height: auto;justify-content: center;padding: 12px 0px;}
	.head_use{width: 100%;position: relative;padding: 0 20px;box-sizing: border-box;}
	
	.header{height: 70px;line-height: 70px;background: #148669;}
	.menuBtn {display: block; position:absolute;width: 24px;height: 24px;right:20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .menuBtn span {display: block;width: 100%;height: 2px;background: #FFFFFF;position: absolute;left: 0;top: 50%; margin-top: -1px; -webkit-transition: .4s;transition: .4s; border-radius: 2px;}
    .menuBtn .line1 {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
    .menuBtn .line3 { -webkit-transform: translateY(8px);transform: translateY(8px);}
    .menuBtn.menuOn .line1 {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);-webkit-transition: .4s;transition: .4s;}
    .menuBtn.menuOn .line2 {opacity: 0;-webkit-transition: .4s;transition: .4s;}
    .menuBtn.menuOn .line3 {-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);-webkit-transition: .4s;transition: .4s;}
    .logo{width: 80px;line-height: 70px;}
    .head_use{height: 70px;line-height: 70px;}
    .logo a{display: block;line-height: 70px;height: 70px;}
    .logo img{vertical-align: middle;display: inline-block;}
    .lang_box{padding-left: 0px;margin-left: 10px;position: relative;left: 0;top: 0;background: none;}
    .lang_box:after{display: block;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 25px;background: #FFFFFF;}
    .nav_box{float: none;margin-right: 0;}
    .nav li:after{display: none;}
    .header_nav_item{padding: 0;}
    .nav li{float: none;width: 100%;text-align: left;position: relative;}
    .nav li a{display: block;text-align: left; position: relative;z-index: 50; line-height: 40px; border-bottom: 1px solid #ad8d79;color: #ffffff;}
    .nav_btn { display: block;position: absolute; z-index: 100; transition: all .3s ease-in;top: 0;right: 0;width: 40px; height: 40px;background: url(../img/nav_more.png)no-repeat center center/8px;}
    .nav li.on .nav_btn { transform: rotate(90deg);}
    .drop_item{height: 40px;line-height: 40px;}
    .nav li .drop_item a{color: rgba(255,255,255,0.8);}
    .drop_item:hover { background: transparent;}
    .nav .nav_down{background: transparent; padding: 0;text-align: left; width: 100%;margin-left: 0;left: 0;position: relative;text-align: left;line-height: 40px;}
 }
@media only screen and (max-width:768px ) {
	.nav_box{justify-content:flex-start;}
	.searchBox{width:200px;}
	.header.fixed{background: rgba(0,0,0,0.8);}
}


/* footer? */
.footer{width:100%;height: auto;position: relative;background: url(../img/footer_bg.jpg) no-repeat center left/100% 100%;}
.footer_top{border-bottom:1px solid rgba(255,255,255,0.11);align-items: center;}
.footer_top .footer_log{width: 10%;}
.footer_top .footer_log a{}
.footer_top .footer_log a img{}

.footer_top .foot_nav{width:60%;}
.footer_top .foot_nav ul{display: flex;justify-content: flex-start;align-items: center;/*height:100%;*/}
.footer_top .foot_nav ul li{border-right: 1px solid  rgba(255,255,255,0.11);line-height: 1;
padding: 0px 40px;font-family: 'SourceHanSansCNReg';
}
.footer_top .foot_nav ul li:last-child{border: none!important;}
.footer_top .foot_nav ul li a{font-size: 16px;color: #ffffff;}

.foot_shar{width: 15%;position: relative;}
.foot_shar .foot_icon{cursor: pointer; width: 50px;height: 50px;background: rgba(255,255,255,0.14);border-radius: 100%;
 display: inline-block; transition: all .3s ease-in;transition: all .3s ease-in;}
.foot_shar span{
	font-size: 26px;text-align: center;color:#ffffff;opacity: 0.48;display: block;margin:0 auto;
	height: 100%;line-height:50px;
}
.foot_shar .foot_icon:hover{background: #007f5f;}
.foot_shar .foot_icon{margin-left: 30px;}
.foot_shar .foot_icon:first-child{margin-left: 0;}
.code_down{display: none; position: absolute;
padding: 10px;box-sizing: border-box;margin-top: 24px; top: 45px;left: 50%;
transform: translateX(-50%);background: #FFFFFF;box-shadow: 0 4px 4px #CCCCCC;}
.code_down img{display: block;width: 120px;}



.footer_info{}
.footer_info .foot_main_item{width: 30%;}
.footer_info .w1{width: 24.5%;}
.footer_info .w2{width: 19.5%;}
.footer_info .w3{width: 16%;}
.footer_info .foot_main_item{}
.foot_main_item>h2{color: #ffffff;font-size: 18px;}
.foot_main_item .ywlist{flex-wrap: wrap;}
.foot_main_item .ywlist li{margin-right: 15px;margin-bottom: 4px;}
.foot_main_item .ywlist li a{color: #ffffff;opacity: 0.6;}
.sdjg_coright{color: #ffffff;opacity: 0.6;font-size: 14px;}

.foot_main_item .zx p{color: #ffffff;opacity: 0.6;font-size: 14px;}
.foot_main_item .zx h2{color: #ffffff;margin-top: 10px;line-height: 1;}
.foot_main_item .yx p{color: #ffffff;opacity: 0.6;font-size: 14px;margin-bottom: 8px;}

.foot_main_item .ewm_box{}
.foot_main_item .ewm_box .img{width:122px;height: 122px;overflow: hidden;}
.foot_main_item .ewm_box .img img{display: block;max-width: 100%;}
.foot_main_item .ewm_box p{margin-top: 10px;color: #ffffff;opacity: 0.6;font-size: 14px;}

@media screen and (max-width: 1440px) {
	.footer_top .foot_nav ul li{padding: 0px 18px;}
	.foot_shar{width: 20%;}
	.footer_top .footer_log a img{max-width: 100%;}
}
@media screen and (max-width: 1024px) {
	.footer_top .foot_nav ul li{padding: 0px 6px;}
	.footer_top .foot_nav{width: 50%;}
	.foot_shar{width: 30%;}
	.foot_shar .foot_icon{width: 36px;height: 36px;}
	.foot_shar span{font-size: 22px;line-height: 36px;}
	.footer_info .w1{width: 30%;}
	.footer_info .w2{width: 30%;}
	.footer_info .w3{width: 30%;}
}
@media screen and (max-width: 768px) {
	.footer{background-size:auto  100%;}
	.footer_top{flex-wrap: wrap;}
	.footer_top .footer_log{width: 100%;margin-bottom: 15px;}
	.footer_top .footer_log a{display: block;}
	.footer_top .footer_log a img{display: block;margin:0 auto ;}
	.footer_top .foot_nav{width: 100%;margin-bottom: 15px;}
	.footer_top .foot_nav ul li{padding: 0px 12px;margin-bottom: 15px;}
	.footer_top .foot_nav ul{flex-wrap: wrap;}
	.foot_shar{width: auto;margin: 0 auto;}
	
	.footer_info{flex-wrap: wrap;}
	.footer_info .foot_main_item{width: 100%;margin-bottom: 15px;}
	.footer_info .w3{justify-content: center;}
	body{overflow-x: hidden!important;}
	.foot_main_item{padding-left: 12px;}
}

















