@charset "utf-8";
/* CSS Document */
@font-face {
  font-family:"Roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
       url("../fonts/Roboto-Regular.woff") format("woff");
  font-style: normal;
}

.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.container {width: 100%;padding:60px 0;}

@media screen and (max-width:1580px) {
.main {margin-left:70px;margin-right:70px;}
.skinw{margin-left:70px;margin-right:70px;}
}
@media screen and (max-width:1360px){
.main{margin-left:60px;margin-right:60px;}
.skinw{margin-left:60px;margin-right:60px;}
}
@media screen and (max-width:1200px){
.main{margin-left:50px;margin-right:50px;}
.skinw{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;}
.container {padding:50px 0;}
}
@media screen and (max-width:767px){
.main{margin-left:15px;margin-right:15px;}
.skinw{margin-left:15px;margin-right:15px;}
.container {padding:50px 0;}
}



header{width: 100%;height:100px;position: fixed;top: 0;transition: 0.5s;z-index: 100;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
header .main{height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.logo{}
.logo img{width: auto;transition: all .5s ease;}
.headcolumn{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.Navlist{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.Navlist .nav{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.Navlist .nav > li{display:block;height:100px;line-height:100px;padding:0 28px;position: relative;}
.Navlist .nav > li > a{display: block;color:#FFF;font-size:17px;position: relative;font-weight: bold;text-transform: uppercase;}
.Navlist .nav > li > a:hover, .Navlist .nav > li.current > a{color:#4ab36a;}
.Navlist .nav > li span{position: absolute;bottom: 0;left: 0;width: 0;height:3px;background:#4ab36a;transition: width .5s;display:block;}
.Navlist .nav > li:hover span, .Navlist .nav > li.current span {width: 100%;}
.Navlist .nav > li:hover .nav_son{opacity:1; visibility:visible; margin-top:0}
.Navlist .nav > li .nav_son{width:180px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);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.2);}
.Navlist .nav_son ul{padding-top: 10px;margin-top: 0px;padding-bottom: 10px;margin-bottom: 0px;}
.Navlist .nav_son ul li{width:100%;text-align:center;}
.Navlist .nav_son ul li a{display: block;border-color:#fff;line-height: 20px;font-size: 15px;padding:8px 5px;}
.Navlist .nav_son ul li a:hover{background:#4ab36a;color:#ffffff;}

.other{display: flex;flex-wrap: wrap;align-items: center;}
.sousuo{display:flex;width:36px;overflow:hidden;}   
.sousuo .iconfont{display: block;width:36px;height:36px;}
.icon-search {background: url(../images/search-btn.png)no-repeat center;}
.icon-guanbi {background: url(../images/searchgb-btn.png)no-repeat center;}
/*搜索*/
.searchbox {width: 100%;top:100px;text-align: center;z-index:10;position: fixed;background:#FFF;box-shadow: 0 3px 6px rgba(0,0,0,0.1);border-top: 1px solid #f5f5f5;}
.displaynone {display: none;}
.searchbox .main{padding:60px 15px;}
.searchbox .searchs {width: 90%;margin:0 auto;position: relative;padding: 10px;background: rgba(223, 223, 223, 0.2);border-radius: 50px;}
.searchbox .searchs .sertext {border-radius:50px;display: block;padding: 0;outline: 0;padding-left: 20px;width: 100%;float: left;color: #a2a2a2;font-size: 18px;height: 66px;line-height: 66px;transition: 0.4s;box-sizing: border-box;background: #efefef;}
.searchbox .serbtn {position: absolute;width:60px;height: 63px;top: 11px;right: 11px;box-sizing: border-box;background: url(../images/search-icon.png)no-repeat center;cursor: pointer;border-radius:3px;}


.headlang{width:105px;height: 36px;box-sizing: border-box;/* border: 1px solid #d9d9d9; */align-items: center;justify-content: space-around;padding: 0 8px;color: #fff;cursor: pointer;margin-left:10px;position: relative;display: flex;flex-wrap: wrap;background: #4ab36a;border-radius:30px;}
.headlang.on{}
.headlang p{font-size: 14px;line-height: 30px;}
.headlang .bottom{position:absolute;top: 100%;left: 0px;width: 108px;border: 1px solid #e5e5e5;display: none;overflow: hidden;z-index: 10;}
.headlang .bottom li{padding: 0 8px;border-bottom:1px solid #e5e5e5; background:#fff;}
.headlang .bottom li:last-child{border-bottom: none;}
.headlang .bottom li a{line-height:35px; color: #666;font-size: 14px;vertical-align: middle;padding-left:4px;}
.headlang .yyimg{filter: grayscale(100%) brightness(200%) contrast(100%);}

header.white {background: #FFFFFF;-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);box-shadow: 0px 0px 15px rgba(0,0,0,0.25);}
header .logo .wlogo{display: block}
header .logo .blogo{display: none}
header.white .logo .wlogo{display: none}
header.white .logo .blogo{display: block}
header.white .icon-search{filter:invert(1); -webkit-filter:invert(1);}
header.white .icon-guanbi{filter:invert(1); -webkit-filter:invert(1);}
header.white .Navlist .nav > li > a{color: #333;}
header.white .Navlist .nav > li > a:hover, 
header.white .Navlist .nav > li.current > a{color:#4ab36a;}
header.white .headlang .yyimg{/* filter: grayscale(0) brightness(0) contrast(0); */}
header.white .headlang p{/* color:#666; */}

@media screen and (max-width: 1760px){
.Navlist .nav > li{padding:0 25px;}
}
@media screen and (max-width: 1680px){
.Navlist .nav > li{padding:0 18px;}
}
@media screen and (max-width:1460px) {
.Navlist .nav > li{padding:0 15px;}
.Navlist .nav > li > a{font-size:16px;}
}
@media screen and (max-width:1300px) {
.logo img{height:56px;}
.Navlist .nav > li{padding:0 13px;}
.Navlist .nav > li > a{font-size:15px;}
}
@media screen and (max-width:1180px) {
.Navlist .nav > li{padding:0 6px;}
}
@media screen and (max-width:1080px) {
.logo img{height:50px;}
.Navlist .nav > li{padding:0 4px;}
.Navlist .nav > li > a{font-size:14px;}
}
@media screen and (max-width:1024px) {
header{display:none;}
}


/*------------手机站导航开始----------*/
.wap {display: none;}
.top {max-width: 1920px;margin: 0 auto;position: fixed;right: 10px;top: 18px;width: 25px;height: 25px;z-index: 9999;}
.top>img {display: block;width: 100%;}
.wap-menu {position: relative;z-index: 99999;}
.wap-menu img {height: 25px;}
.close-menu {display: none;position: absolute;right: 0;top: 0;}

.m-headlang{position: fixed;right: 60px;top: 16px;width: 125px;height: 30px;box-sizing: border-box;border-radius:3px;border: 1px solid #b0b0b0;align-items: center;justify-content: space-between;padding: 0 8px;color:#666;cursor: pointer;display: flex;flex-wrap: wrap;z-index: 100;}
.m-headlang.on{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.m-headlang p{font-size:14px;line-height: 30px;}
.m-headlang .bottom{position:absolute; top: 100%;left: -1px;width: 125px;border: 1px solid #e5e5e5;display: none;overflow: hidden; z-index: 100;}
.m-headlang .bottom li{padding: 0 8px;border-bottom:1px solid #e5e5e5; background:#fff;}
.m-headlang .bottom li:last-child{border-bottom: none;}
.m-headlang .bottom li a{line-height:35px; color: #666;font-size: 14px;vertical-align: middle;padding-left:4px;}

@media screen and (max-width: 1024px){
.wap {display: block;}
.m-head {position: fixed;top: 0;left: 0;right: 0;background:#FFF;z-index: 99;padding: 10px;}
.m-logo {font-size: 0;}
.m-logo a {font-size: 0;line-height: 40px;display: block;}
.m-logo img {max-height: 40px;max-width: 80%;vertical-align: middle;}
.m-nav {position: fixed;top: 60px;right: -100%;bottom: 0;z-index:99;background:#4ab36a;overflow-y: scroll;width: 100%;max-width: 375px;}
.m-nav ul {padding: 0 15px;}
.m-nav ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;}
.m-nav ul li>span.on {transform: rotateZ(90deg);}
.m-nav ul li ul {display: none;}
.m-nav ul li ul li {border: none;}
.m-nav>ul>li a {display: block;font-size: 14px;line-height: 20px;padding: 15px 0;position: relative;color: #fff;}
.m-nav>ul>li ul li a {padding: 10px 0;}
.m-nav>ul>li>span {position: absolute;width: 20px;height: 20px;background: url(../images/m-nav_down.png) no-repeat;background-size: 14px 14px;background-position: center center;right: 0;top: 15px;cursor: pointer;display: block;color: #fff;transition: all 0.3s;}
}



/*Header*/
.home_banner{width: 100%;height: 100vh;position: relative;background-color: transparent;overflow:hidden;z-index: 0;}
.fullban_bg{position:absolute;overflow:hidden;top:0px;width:100%;height: 100vh;opacity:0.5;background-color:#000000;}
.home_video{width:100%;height: 100vh;display: block;object-fit: cover;}

@media only screen and (max-width:1024px){
.home_banner{height:600px;}
.fullban_bg{height:600px;}
.home_video{height:600px;}
}
@media only screen and (max-width:768px){
.home_banner{height:400px;}
.fullban_bg{height:400px;}
.home_video{height:400px;}
}
@media only screen and (max-width:499px){
.home_banner{height:300px;}
.fullban_bg{height:300px;}
.home_video{height:300px;}
}

/*banner*/
.banner{width:100%;height:auto;overflow: hidden;padding-top:100px;}
.banner .swiper-container img{display:block; width:100%!important;image-rendering:pixelated;}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}
.banner .swiper-button-next, .banner .swiper-button-prev{width:34px;height:63px;background-size:34px 63px;opacity:0.66;}
.banner .swiper-pagination-bullet {width:60px;height:3px;background:#333;border-radius: 0px;margin: 0px 4px;opacity: 1;outline: none;position: relative;}
.banner .swiper-pagination-bullet:after {content: '';position: absolute;left: 0px;top: 0px;background:#4ab36a;width: 0%;height: 3px;}
.banner .swiper-pagination-bullet-active:after {content: '';width: 100%;transition: all 1.2s;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;height:3px;}


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




/*FOOTER*/
footer{width:100%;height:auto;overflow:hidden;background: url(../images/footer_bg.jpg) no-repeat center center;background-size: cover;}

.ftmin {padding-top:80px;padding-bottom: 60px;overflow: hidden;}

.ft_contain{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft_bt h5{font-size:20px;color: #ffffff;position: relative;text-transform: uppercase;margin-bottom: 35px;line-height:1.6;}
.ft_bt h5:after{position: absolute;content: "";width: 25px;height: 2px;background:#4ab36a;left:0; bottom: -4px;}
.ft_bt h5 span{display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.ft_contact{width:30%;padding-right:30px; border-right: 1px solid #4a4a4a;}
.ft_contact .ft_contact_tel {display: block;overflow: hidden;margin-bottom: 20px;}
.ft_contact .ft_contact_tel li{padding-top: 5px;font-size: 16px;line-height: 22px;margin-bottom:12px}
.ft_contact .ft_contact_tel li p{font-size:16px;color:#FFF;}
.ft_contact .ft_contact_tel li p i{padding-right: 20px;}
.follow_share {display: flex;flex-wrap: wrap;align-items: center;}
.follow_share a {display: flex;justify-content: center;align-items: center;width:40px;height:40px;border-radius: 50%;border: 1px solid #FFF;text-align: center;line-height:40px;color: #FFF;transition: 0.36s;margin-right:8px;margin-bottom:8px;}
.follow_share a i {font-size: 18px;}

.ft_nav{width:66%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft_nav .ft_navbox{width:19%;}
.ft_nav_li {margin-bottom:25px;height: auto;overflow: hidden;}
.ft_nav_li p{margin-bottom:12px;transition:0.36s;}
.ft_nav_li p a{display: block;color: #fff;font-size:15px;line-height:1.5;}
.ft_nav_li p a:hover{color:#FFF;opacity:1;}

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


@media only screen and (max-width:960px){
.ft_contact {width:100%;}
.ft_nav{display: none;}
}
@media only screen and (max-width:768px){
.ftmin {padding-top:50px;padding-bottom: 30px;overflow: hidden;}
}