@charset "utf-8";
/* CSS Document */
.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:60px 0 80px 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: 100px;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: 100%;display: flex;justify-content: space-between;align-items: center;}
.logo{display: flex;}
.Navlist{margin: 0 auto;display: flex;justify-content: center;}
.Navlist > ul > li{display:inline-block;line-height:100px;margin:0 30px;font-size: 17px;position: relative;}
.Navlist > ul > li > a{text-transform: uppercase;color:#333;}
.Navlist > ul > li > a:after{content:"";position:absolute;left: 50%; bottom:0; width: 0;height:3px;background:#57a348;transform: translate(-50%);transition: all 0.7s ease-in-out;}
.Navlist > ul > li > a:hover:after, .Navlist > ul > li > a.current:after{width:100%;}
.Navlist > ul > li > a:hover, .Navlist > ul > li > a.current{color: #57a348;}
.Navlist > ul > li .nav_son{display: none;width: 160px;position: absolute;right: 0;left: 50%;transform: translateX(-50%);top: 100px;z-index: 8;margin: auto;text-align: center;box-shadow:0 10px 25px 2px rgba(0, 0, 0, 0.05);}
.Navlist .nav_son ul{width:auto;border-top: 1px solid #eee;}
.Navlist .nav_son ul li{display:block;line-height: 22px;padding:12px 10px;margin:0;text-align: center;border-bottom: 1px solid #eee;background: #fff;transition: all 0.5s;}
.Navlist .nav_son ul li:last-child{border-bottom:0;}
.Navlist .nav_son ul li a{color: #333;font-size: 14px;}
.Navlist .nav_son ul li:hover{background:#57a348;}
.Navlist .nav_son ul li:hover a{color: #FFF;}

.top_Right{display: flex;padding:5px 0;margin-left:10px;align-items:center;font-size:15px;}
.erwiema{cursor:pointer;position: relative;}
.erwiema em{display:inline-block;width:30px;height:30px;border-radius: 50%;border: 1px solid #7d7d7d;}
.erwiema em i{padding-top:6px;padding-left: 6px;font-size: 18px;color: #7d7d7d;}
.erwiema span{display: none;}
.erwiema:hover span{display: block;position:absolute;left:50%;transform: translateX(-50%);top:42px;right:0;width: 120px;padding: 5px;background:#57a348;border-radius: 5px;z-index:9;}
.erwiema:hover span:before{content: '';border-bottom: 8px solid #1d427a;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: -8px;left: 50%;transform: translateX(-50%);}
.toptel{margin-left:6px;}
.toptel em{display:inline-block; width:40px;height:40px;border-radius: 50%; background:#57a348;}
.toptel em i{padding-top:10px;padding-left:12px;font-size: 20px; color:#FFF;}
.toptel span{padding-left:6px;line-height: 30px;font-size: 16px;color:#57a348;font-family: "Arial";}

.sousuo{display:flex;width: 40px;height: 40px;margin-left:20px;overflow:hidden;background:#325cae;border-radius: 50%;}   
.sousuo .iconfont{display: block;width: 40px;height: 40px;}
.icon-search {background: url(../images/search-btn.png)no-repeat center;/* filter:invert(1); *//* -webkit-filter:invert(1); */}
.icon-guanbi {background: url(../images/searchgb-btn.png)no-repeat center;/*filter:invert(1); *//*-webkit-filter:invert(1);*/}

/*搜索*/
.searchbox{width: 100%;top:100px;text-align: center;z-index:10;position: fixed;}
.displaynone {display: none;}
.searchbox .skinw{width:auto;height: 80px;overflow: hidden;position: relative;}
.searchbox .searchs {position:absolute;top:0;right:0;width: 320px;height: 80px;background: #f5f5f5;padding: 15px 10px;}
.searchbox .searchs .sertext {width: 300px;height: 50px;line-height: 48px;border-radius: 30px;border: 1px solid #dddddd;padding: 0 50px 0 20px;font-size: 14px;color: #999999;font-family: "Arial";}
.searchbox .searchs .serbtn {position: absolute;width:40px;height:40px;top: 20px;right: 20px;box-sizing: border-box;background: url(../images/search-icon.png) no-repeat 10px center;cursor: pointer;}

@media screen and (max-width:1838px) {
.Navlist > ul > li{margin:0 25px}
}
@media screen and (max-width:1754px) {
.Navlist > ul > li{margin:0 23px}
}
@media screen and (max-width:1722px) {
.Navlist > ul > li{margin:0 22px}
}
@media screen and (max-width:1702px) {
.Navlist > ul > li{margin:0 20px}
}
@media screen and (max-width:1648px) {
.Navlist > ul > li{margin:0 18px}
}
@media screen and (max-width:1642px) {
.Navlist > ul > li{margin:0 16px}
}
@media screen and (max-width:1610px) {
.Navlist > ul > li{margin:0 15px}
}
@media screen and (max-width: 1470px){
.Navlist > ul > li {margin: 0 13px;font-size: 16px;}
}
@media screen and (max-width: 1394px){
.Navlist > ul > li {margin: 0 10px;}
}
@media screen and (max-width: 1290px){
.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: 1232px){
.logo{width:180px;}
.Navlist > ul > li {margin:0 5px;font-size: 15px;}
}
@media screen and (max-width:1100px) {
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:#387b08;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:#387b08; 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: 1100px) {
.hidden-g{display: block;}
.m-language{display: flex;height:22px;line-height:22px;font-size:18px;font-family:Arial;position:absolute;right:80px;top:18px;z-index:100;padding-left:30px;background: url(../images/icon-Hlang.png)no-repeat left center;justify-content: space-between;align-items: center;}
.m-language a{color: #fff;}
.m-language a:hover {text-decoration:underline;}
.m-language .active {color:#6cc45c;}
.m-language span{font-size:12px;padding: 0 6px;color: #ffffff;}
}



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

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




/*FOOTER*/
footer{width:100%;height:auto;background:#292B31;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_nav{display:flex;flex-wrap:wrap;overflow:hidden;}
.ft_nav_li {width:20%;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;font-family: "arial";}
.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;font-family: "Arial";}
.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_nav{display: none;}
.copyright{display: block;text-align: center;}
}
@media only screen and (max-width:499px){

}


/*Link*/
.Link{width:100%;overflow:hidden;height:auto;padding:24px 0;background:#FFF;border-top: 1px solid #eee;}
.Link h2{width:130px;float:left;font-size:14px;font-weight:bold;height:36px;line-height:36px;overflow:hidden;color:#666;}
.Link h2 em{font-size:14px;color:#666;font-family:"Arial";display:inline-block;font-weight: bold;padding-left:5px;}
.Link .bd{margin-left:130px;}
.Link .bd a{margin-right: 20px;color:#ccc;display:inline-block;line-height:36px;opacity:0.88;}
.Link .bd a:hover{color:#2447A5;}



/*分页样式*/
.pglist {padding: 40px 0 80px 0;width: 100%;text-align: center;clear: both;}
.pglist a, .pglist span {color: #828282;padding: 6px 20px;margin: 3px 0px;background:#fff;border:1px solid #edebeb;font-size: 15px;border-radius: 3px;font-family: "Arial";}
.pglist * {display:inline-block;vertical-align: middle;line-height: 36px;padding-bottom:1px;}
.pglist a:hover, .pglist .current{display: inline-block;color: #fff;background:#57a348;border-color:#57a348;}
.pageinfo{display:none;}


/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; width: 100%; box-sizing: border-box; border: 1px solid #ccc;}
#Map .MapInfo #MapContainer{ width: 100%; height:520px; }
#Map .MapInfo img{max-width:none!important;}
#Map .MapInfo img{max-width:none!important;}