@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "SourceHscR";
  src: 
      url("../fonts/SourceHanSansCN-Regular.otf") format("opentype");
}
@font-face {
  font-family: "SourceHscL";
  src: 
	  url("../fonts/SourceHanSansCN-Light.otf") format("opentype"),
}

.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.wrapper{margin-left:160px;margin-right:160px;;}
.container {width: 100%;padding:80px 0 100px 0;overflow: hidden;margin-right: auto;margin-left: auto;}

@media screen and (max-width:1600px) {
.main {margin-left: 90px;margin-right: 90px;}
.skinw{margin-left: 90px;margin-right: 90px;}
.wrapper{margin-left: 90px;margin-right: 90px;}
}
@media screen and (max-width:1366px){
.main{margin-left: 70px;margin-right: 70px;}
.skinw{margin-left: 70px;margin-right: 70px;}
.wrapper{margin-left: 70px;margin-right: 70px;}
}
@media screen and (max-width:1200px){
.main{margin-left: 50px;margin-right:50px;}
.skinw{margin-left: 50px;margin-right:50px;}
.wrapper{margin-left: 50px;margin-right:50px;}
}
@media screen and (max-width:1024px){
.main{margin-left: 30px;margin-right: 30px;}
.skinw{margin-left: 30px;margin-right: 30px;}
.wrapper{margin-left: 30px;margin-right: 30px;}
}
@media screen and (max-width:767px){
.main{margin-left: 15px;margin-right: 15px;}
.skinw{margin-left: 15px;margin-right: 15px;}
.wrapper{margin-left: 15px;margin-right: 15px;}
}



header{width: 100%;height:auto;position: fixed;top: 0;transition: 0.5s;z-index: 100;background:#FFFFFF;-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px rgba(0,0,0,0.4);}
header .main{height:130px;display: flex;justify-content: space-between;align-items: center;}
.logo{display: flex;}
.header-mid{}
.top-mid{width:100%;height: 30px;margin-top:20px;overflow: hidden;}
.top_tel{float:right;height: 30px;line-height: 30px;color: #999;}
.top_tel:before{display: block;float: left;content: '';width: 1px;height: 16px;background: #dedede;margin: 7px 28px;}
.top_tel span{display: block;float: left;line-height:30px;font-size:16px;font-family:"Arial";padding-left:27px;background: url(../images/tel.png)no-repeat 0 center;}
.sousuo{float:right;width:auto;height: 30px;overflow: hidden;}   
.sousuo .iconfont{display:block;width:auto;height: 30px;padding-left:27px;letter-spacing: 2px;line-height: 30px;color: #126110;/*filter: invert(1);*//*-webkit-filter: invert(1);*/}
.icon-search {background: url(../images/search-icon.png)no-repeat 0 center;}
.icon-guanbi {background: url(../images/searchgb-icon.png)no-repeat 0 center;}

.Navlist{display:flex;justify-content: center;}
.Navlist > ul > li{display:inline-block;line-height:80px;margin-left:72px;font-size: 18px;position: relative;}
.Navlist > ul > li > a{display: block;color:#222;}
.Navlist > ul > li > a:hover, .Navlist > ul > li > a.current{color:#126110;}
.Navlist > ul > li:hover .nav_son{opacity:1; visibility:visible; margin-top:0}
.Navlist > ul > li .nav_son{width: 160px;position: absolute;top: 100%;left: 50%;margin-left: -80px;z-index: 1;opacity: 0;visibility: hidden;margin-top: 20px;background-color: #fff;transition: margin .15s, opacity .15s;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);}
.Navlist .nav_son ul{}
.Navlist .nav_son ul li{width:100%;border-bottom:1px solid #f1f1f1;text-align:center;}
.Navlist .nav_son ul li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:50%;top:-6px;border:6px solid transparent; margin-left: -6px; border-top:0;border-bottom-color:inherit}
.Navlist .nav_son ul li:last-child{border:0}
.Navlist .nav_son ul li a{display: block;border-color:#fff;line-height: 20px;font-size: 15px;padding: 15px 5px;}
.Navlist .nav_son ul li a:hover{color:#126110;}



/*搜索*/
.searchbox {width: 100%;top:130px;text-align: center;z-index:10;position: fixed;}
.displaynone {display: none;}
.searchbox .main{padding: 80px 15px;background:#126110;box-shadow: 0 3px 6px rgba(0,0,0,0.1);border-top: 1px solid #f5f5f5;}

.searchs {width: 90%;margin:0 auto;position: relative;}
.searchs .sertext {border-radius:3px;display: block;padding: 0;outline: 0;padding-left: 20px;width: 100%;float: left;color: #a2a2a2;font-size: 15px;height: 66px;line-height: 66px;transition: 0.4s;box-sizing: border-box;background: #ffffff;}
.serbtn {position: absolute;width:60px;height: 63px;top:1px;right:1px;box-sizing: border-box;background: url(../images/search-icon.svg) no-repeat 15px center;cursor: pointer;border-radius:3px;}

header.white .top-bar {height: 0;opacity: 0;padding-top: 0;padding-bottom: 0;}
header.white .searchbox{top:100px;}


@media screen and (max-width:1668px) {
.Navlist > ul > li{margin:0 20px}
}
@media screen and (max-width: 1390px){
.Navlist > ul > li {margin: 0 15px;font-size: 16px;}
}
@media screen and (max-width: 1280px){
.logo{width:190px;}
.Navlist > ul > li {margin: 0 10px;font-size: 15px;}
.top_tel span{font-size:14px;}
.top_tel em{font-size:18px;}
}
@media screen and (max-width: 1090px){
.logo{width:180px;}
.Navlist > ul > li {margin:0 5px;font-size: 15px;}
}
@media screen and (max-width:1024px) {
header{display:none;}
}


/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height:60px; background:#FFF; transition: 300ms; -webkit-transition: 300ms; }
.hidden-g .h-nav-g img { max-height: 96%; margin-left: 15px; }
.hidden-g .h-nav-g .btn_i {display: block; position:absolute;right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after {display: block;content: '';width:22px;height:3px;background:#126110;margin:4px 0;}
.hidden-g .h-nav-g .btn_i_click small { opacity: 0; }
.hidden-g .h-nav-g .btn_i_click:before { transform: rotateZ(45deg); transform-origin: 0px 6px; }
.hidden-g .h-nav-g .btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 5px -1px; }
.hidden-g .ul-small {background:#126110; width:250px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(250px); transform:translateX(250px); transition:300ms;overflow-y: scroll;}
.hidden-g .ul-small input {width:160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul {margin-top:20px;}
.hidden-g .ul-small ul li{}
.hidden-g .ul-small ul li > a {color: #fff;height:50px; line-height:50px;display:block;text-align:center;font-size:16px; }
.hidden-g .translate {-webkit-transform: translateX(-250px);  transform: translateX(-250px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.hidden-g{display: block;}
}



/*banner*/
.banner{width:100%;height:auto;overflow: hidden;padding-top: 130px}
.banner .swiper-container img{display:block; width:100%!important;/*image-rendering:pixelated;*/}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}

@media only screen and (max-width:1024px){
.banner{padding-top:60px;}
}




/*FOOTER*/
footer{width:100%;height:auto;background:#333333;overflow:hidden;}
.ft_contain{padding-top:60px;padding-bottom:0;overflow: hidden;}

.ft_Left{width:70%;float:left;overflow:hidden;/* border-right:1px solid #4a4a4a; */}
.ft_follow{width: 40%;float: left;overflow: hidden;padding-right: 60px;}
.ft_follow .ftlogo{text-align:center;margin-bottom:30px;}
.ft_follow .ft_ewm li{width: 100%;overflow: hidden;margin-bottom:26px;box-sizing: border-box;}
.ft_follow .ft_ewm li img{display:block;max-width:110px!important;margin: auto;}
.ft_follow .ft_ewm li em{color: #F1F1F1;text-align: center;display: block;font-size:15px;padding-top:8px;;}

.ft_nav{width: 60%;float:left;display:flex;flex-wrap:wrap;overflow:hidden;}
.ft_nav_li {width:33.33%;margin-bottom: 25px;height: auto;overflow: hidden;padding-right:25px;}
.ft_nav_li h5 {font-size: 18px;margin-bottom: 20px;font-weight: normal;color:#FFF;}
.ft_nav_li p{padding:6px 0;transition: 0.36s;}
.ft_nav_li p a{color:#BFBFC0;font-size:16px;line-height:1.5;}
.ft_nav_li p a:hover{color:#FFF;}

.ft_tj{padding: 25px 0px;border: none;border-top: solid 1px #3F4146;width: 100%;}
.ft_tj p{line-height: 24px;font-size: 16px;color: #CFCFD0;}

.ft_contact{width:30%;float:right;overflow:hidden;padding-left:60px;box-sizing:border-box;/*border-left: 1px solid #4a4a4a;*/}
.ft_contact .follow_tel {display: block;overflow: hidden;}
.follow_tel h5{font-size:18px;margin-bottom: 20px;font-weight: normal;color:#FFF;}
.ft_contact .follow_tel p {color:#CFCFD0;padding-top:10px;padding-bottom:10px;padding-left:30px;font-size:16px;line-height: 26px;position:relative}
.ft_contact .follow_tel p i{position:absolute;left:0;top:15px;font-size:18px;}
.ft_contact .follow_tel p span{}

.copyright{padding:30px 0;border-top:1px solid #4a4a4a;display:flex;align-items:center;justify-content:space-between;color: #cacaca;font-size:16px;line-height:1.5;margin-top: 30px;}
.copyright p{line-height:26px;color:#cacaca;}
.copyright p a{color:#cacaca;}
.copyright p a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}
.otherinfo a{color:#cacaca;}
.otherinfo a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}


@media only screen and (max-width:1024px){
.ft_Left{width:100%;float:none;border-right:0;}
.ft_contact{width:100%;float:none;padding-left:0;border-top:1px solid #4a4a4a;padding-top:30px;padding-bottom:30px;}
}
@media only screen and (max-width:768px){
.ft_follow{width:100%;padding-right:0;}
.ft_nav{display: none;}
.copyright{display: block;text-align: center;}
}
@media only screen and (max-width:499px){

}