@charset "utf-8";
/* CSS Document */
.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.container {padding:60px 30px 90px;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;}
}
@media screen and (max-width:1366px){
.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: 110px;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:110px;margin:0 25px;font-size: 17px;position: relative;}
.Navlist > ul > li > a{text-transform: uppercase;color:#333;display: block;}
.Navlist > ul > li > a:hover{color:#037cc1}
.Navlist > ul > li > a.current{color:#037cc1;font-weight:bold;}
.Navlist > ul > li .subnav{width:160px; position: absolute;left: 50%;transform: translateX(-50%);display: none;}
.Navlist > ul > li:hover .subnav{display: block;box-shadow:0 10px 25px 2px rgba(0, 0, 0, 0.05);}
.Navlist .subnav ul{width:auto;border-top:2px solid #037cc1;}
.Navlist .subnav ul li{display:block;line-height: 25px;padding:10px 20px;margin:0;text-align: center;border-bottom: 1px solid #eee;background: #fff;}
.Navlist .subnav ul li:last-child{border-bottom:0;}
.Navlist .subnav ul li a{color: #333;font-size: 14px;}
.Navlist .subnav ul li:hover{background: #f5ca24;transition: all 0.5s;}
.Navlist .subnav ul li:hover a{color: #FFF;}


.toptel {display:flex;padding:36px 0;align-items:center;font-size:16px;}
.toptel i {font-size: 26px;display: block;color: #037cc2;}
.toptel span {font-size:26px;font-weight:normal;padding-left:10px;font-family:"Impact";color:#333333;}


@media screen and (max-width:1660px) {
.Navlist > ul > li{margin: 0 20px;}
}
@media screen and (max-width:1460px) {
.Navlist > ul > li{margin: 0 12px;}
.toptel span{font-size: 20px;}
}
@media screen and (max-width:1280px) {
.logo{width:180px;}
.Navlist > ul > li{font-size:16px;}
}
@media screen and (max-width:1160px) {
.Navlist > ul > li{margin:0 10px;}
}
@media screen and (max-width:1099px) {
.logo{width:130px;}
.Navlist > ul > li{margin:0 6px;}
.toptel span {font-size:16px;}
}

/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 1000; 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:24px;height:2px;background:#015c90;border-radius: 4px;margin: 6px 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:#015c90; width:220px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(220px); transform:translateX(220px); transition:300ms; }
.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 a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);  transform: translateX(-220px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

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



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

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



/*FOOTER*/
#Focus{color:#FFF;padding:10px;text-align:center;border:1px solid #222222;background: #222222;}

footer{width:100%;height:auto;background:#f1f2f3;overflow:hidden;}
.ft_contain{padding-top:60px;padding-bottom:30px;overflow: hidden;}

.ft_contact{max-width:41.4%;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 h3{font-size:16px;color:#666;font-weight:normal;margin-bottom:6px;}
.ft_contact .follow_tel h4{overflow: hidden;}
.ft_contact .follow_tel h4 span{display:block;margin-bottom:20px;font-size:26px;font-family:'DIN';font-weight:bold;color:#037cc2;}
.ft_contact .follow_tel p{color: #666;font-size: 16px;line-height: 1.5;}

.ft_contact .follow_share{display:block;}
.ft_contact .follow_share .code{display: flex;align-items: center;flex-wrap: wrap;margin-top: 20px;}
.ft_contact .follow_share .code .title {color: #666;font-size: 16px;line-height: 1.5;margin-left: 18px;}

.ft_nav{width:58.6%;float:right;overflow:hidden;display:flex;flex-wrap:wrap;}
.ft_nav_li{width: 25%;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: #000;}
.ft_nav_li li{margin-bottom:10px;font-size:16px;color:#999999;line-height:1.5;transition: 0.36s;}
.ft_nav_li li a{color: #666;opacity: 0.8;}
.ft_nav_li li:hover a{text-decoration: underline;color:#027cc3;opacity:1;}

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

@media only screen and (max-width:996px){
.ft_nav{display: none;}
.ft_contact{text-align:center;width: 100%;max-width: none;margin-bottom: 20px;}
.ft_logo img{margin: auto;}
.ft_contact .follow_share .code{display: block;}
.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;}