@charset "utf-8";
/* CSS Document */
.main {width:1360px;margin:0 auto;}
.skinw{width:1360px;margin:0 auto;}
.container {padding:50px 0 90px;margin-right: auto;margin-left: auto;}

@media screen and (max-width:1450px) {
.main {width:auto;margin-left:90px;margin-right:90px;}
.skinw{width:auto;margin-left:90px;margin-right:90px;}
}
@media screen and (max-width:1360px){
.main{margin-left:70px;margin-right:70px;}
.skinw{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;}
}
@media screen and (max-width:1024px){
.main{margin-left:30px;margin-right:30px;}
.skinw{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;}
}



header{width:100%;height:124px;background:#FFFFFF;}
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;flex-flow: row wrap;}
.Navlist > ul > li{display:inline-block;line-height:124px;margin:0 25px;font-size:16px;position: relative;}
.Navlist > ul > li > a{/*text-transform: uppercase;*/color:#333;display: block;font-weight: bold;}
.Navlist > ul > li > a:hover{color:#00549e}
.Navlist > ul > li > a.current{color:#00549e;}
.Navlist > ul > li .nav_son{display: none;width:180px;position: absolute;right: 0;left: 50%;transform: translateX(-50%);top: 124px;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:10px 10px;margin:0;text-align: center;border-bottom: 1px solid #eee;background: #fff;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #6ec45b, #0eabea);background-image: linear-gradient(to right, #6ec45b, #0eabea);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}
.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-size: 100% 100%;}
.Navlist .nav_son ul li:hover a{color: #FFF;}

.language{display: flex;padding:36px 0;margin-left:10px;align-items:center;font-size:15px;padding-left: 32px;background: url(../images/icon-Hlang.png)no-repeat left center;}
.language a{color:#333;font-weight:bold;position: relative;}
.language span{font-size:12px;padding:0 8px;color:#9c9c9c;}
.language a:hover{color:#cc181c;}
.language a::before{position: absolute;content:'';width:0%;left:0;bottom:-2px;border-bottom:2px solid #cc181c;transition:0.5s;}
.language a:hover::before{width:100%;position:absolute;content:'';left:0;bottom:-2px;border-bottom:2px solid #cc181c;}
.language .active {color:#cc181c;}


@media screen and (max-width:1450px) {
.logo{width:200px;}
.Navlist > ul > li{margin:0 20px}
}
@media screen and (max-width:1280px){
.logo{width:180px;}
.Navlist > ul > li {margin: 0 15px;font-size: 16px;}
}
@media screen and (max-width: 1200px){
.Navlist > ul > li {margin: 0 10px;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: #222;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: #ffffff;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: #171c61;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 .ul-small ul li .m_nav_son{}
.hidden-g .ul-small ul li .m_nav_son dd{height:50px;border-bottom:1px solid #eee;display: block;background: #fff;font-size: 14px;text-align: center;}
.hidden-g .ul-small ul li .m_nav_son dd a{display: block;padding-top:10px;line-height:30px;}
.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;}
.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;}
.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: url(../images/footbg.jpg)no-repeat center center;background-size: cover;overflow:hidden;}
.ft_contain{padding-top:60px;padding-bottom:30px;overflow: hidden;}

.ft_contact{width:30%;float: left;overflow: hidden;box-sizing: border-box;}
.ft_logo{width:100%;height: auto;overflow: hidden;}
.ft_logo img{display: block;}

.ft_contact .follow_tel{display:block;margin:30px 0px;overflow: hidden;}
.ft_contact .follow_tel p{color:#cacaca;font-size: 16px;line-height: 1.5;}

.ft_nav{width:40%;margin:0 5%; float:right;overflow:hidden;display:flex;flex-wrap:wrap;}
.ft_nav_li{width:100%;margin-bottom: 25px;height: auto;overflow: hidden;}
.ft_nav_li h5{font-size:18px;margin-bottom:20px;font-weight:normal;}
.ft_nav_li h5 a{color:#FFF;}
.ft_nav_li li{width: 50%;float: left;margin-bottom:15px;font-size:16px;color:#cacaca;line-height:1.5;transition: 0.36s;}
.ft_nav_li li a{color:#cacaca;opacity: 0.8;}
.ft_nav_li li:hover a{text-decoration:underline;color:#27b2c3;opacity:1;}

.ft_share{width:20%;float:right;overflow: hidden;box-sizing: border-box;}
.ft_share .follow_share{display:block;}
.ft_share .follow_share .code{display: flex;align-items: center;flex-wrap: wrap;margin-top: 20px;}
.ft_share .follow_share .code .codeimg{padding:0 20px; }
.ft_share .follow_share .code .codeimg img{display: block; width:130px;margin: auto;}
.ft_share .follow_share .code .title {color:#cacaca;font-size:14px;line-height: 1.5;text-align: center;padding:5px 0;}

.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;}
.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:996px){
.ft_nav{display: none;}
.ft_share{display:none;}
.ft_contact{text-align:center;width: 100%;max-width: none;margin-bottom: 20px;}
.ft_logo img{margin: auto;}
.copyright{display: block;text-align: center;}
}




/*公共百度地图*/
#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;}