@charset "utf-8";
/* CSS Document */
.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.container {width: 100%;padding:50px 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:40px 0;}
}
@media screen and (max-width:767px){
.main{margin-left:15px;margin-right:15px;}
.skinw{margin-left:15px;margin-right:15px;}
.container {padding:30px 0;}
}



header{width: 100%;height:90px;position: fixed;top: 0;transition: 0.5s;z-index: 100;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);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{}

.headcolumn{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.Navlist{border-right: 1px solid #e9e8e8;}
.Navlist > ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.Navlist > ul > li{display:block;height:90px;line-height:90px;margin-right:60px;font-size:18px;position: relative;}
.Navlist > ul > li > a{display: block;color:#333;position: relative;}
.Navlist > ul > li > a:after{z-index: 1;content: '';position: absolute;left: 0;bottom:0px;display: block;height:3px;background-color: #007fc4;width: 0;transition:.5s;}
.Navlist > ul > li > a:hover, .Navlist > ul > li > a.current{color:#007fc4;font-weight:bold;}
.Navlist > ul > li > a:hover:after, .Navlist > ul > li > a.current:after{width:100%;}
.Navlist > ul > li > a i{padding-left:5px;}
.Navlist > ul > li:hover .nav_son{opacity:1; visibility:visible; margin-top:0}
.Navlist > ul > li .nav_son{width:150px;position: absolute;top: 100%;left: 50%;margin-left: -75px;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: 15px;margin-top: 0px;padding-bottom: 15px;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:10px 5px;}
.Navlist .nav_son ul li a:hover{background:#007fc4;color:#ffffff;}

.other{display: flex;flex-wrap: wrap;align-items: center;padding-left: 50px;}
.top-bar_item{display: flex;flex-wrap: wrap;align-items: center;padding-right: 30px;}
.top-bar_item i {font-size:16px;width:30px;height:30px;line-height:30px;text-align:center;color:#FFF;background: #007fc4; border-radius:30px;}
.top-bar_item span{font-size:20px;padding-left:10px;color:#333;font-family:"Impact";}
.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:90px;text-align: center;z-index:10;position: fixed;}
.displaynone {display: none;}
.searchbox .main{padding:60px 15px;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,0.1);border-top: 1px solid #f5f5f5;}
.searchbox .searchs {width: 90%;margin:0 auto;position: relative;}
.searchbox .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: #efefef;}
.searchbox .serbtn {position: absolute;width:60px;height: 63px;top:1px;right:1px;box-sizing: border-box;background: url(../images/search-icon.png)no-repeat center;cursor: pointer;border-radius:3px;}

header.white {}


@media screen and (max-width: 1680px){
.Navlist > ul > li{margin-right:50px;}
.other{padding-left:45px}
}
@media screen and (max-width:1380px) {
.logo {width:200px;}
.Navlist > ul > li {margin-right:40px;}
.other{padding-left:40px}
}
@media screen and (max-width:1280px) {
.Navlist > ul > li {margin-right:30px;}
.other{padding-left:30px}
}
@media screen and (max-width:1160px) {
.Navlist > ul > li {margin-right:20px;}
.other{padding-left:20px}
.top-bar_item{padding-right:15px}
.top-bar_item span{font-size: 18px;}
}
@media screen and (max-width:1080px) {
.logo {width:180px;}
.Navlist > ul > li {margin-right:16px;}
.other{padding-left:15px}
.top-bar_item{padding-right:10px}
}
@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;}

@media screen and (max-width: 1024px){
.wap {display: block;}
.m-head {position: fixed;top: 0;left: 0;right: 0;background:#FFF;z-index: 999;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: 999;background:#007fc4;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;}
}




/*banner*/
.banner{width:100%;height:auto;overflow: hidden;padding-top:90px;}
.banner .swiper-container img{display:block; width:100%!important;image-rendering:pixelated;}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}
.banner .Hbanner .swiper-slide {position: relative; overflow: hidden;height:100%!important;}
.banner .Hbanner .swtext-h1 {width:83vw;max-width: 1680px;margin-left: auto;margin-right: auto;position: absolute;left: 50%;top: 50%;z-index: 100;transform:translateX(-50%) translateY(-50%);transition:2s;color: #FFF;}
.banner .Hbanner .swtext-h1 .p1 {font-size:50px;display: inline-block;position: relative;line-height: 1.2;color:#FFF;font-weight:bold;text-shadow: 1px 1px 3px #242424;/* text-shadow: 2px 2px 0px rgb(255 255 255); */transition: all 1s cubic-bezier(.24, .77, .25, 1);transition-delay: .7s;}
.banner .Hbanner .swtext-h1 .p2 {font-size:30px;margin: 30px 0 40px;line-height: 1.2;color:#FFF;text-shadow: 1px 1px 0px rgb(0 0 0);transition: all 1s cubic-bezier(.24, .77, .25, 1);transition-delay: .7s;}
.banner .Hbanner .swtext-h1 .p3{font-size:20px;margin: 30px 0 40px;line-height: 1.2;color:#FFF;text-shadow: 1px 1px 0px rgb(0 0 0);;transition: all 1s cubic-bezier(.24, .77, .25, 1);transition-delay: .7s;}
.banner .Hbanner .swtext-h1 .answ {opacity: 0;filter: alpha(opacity=0);transform: translate(0, 100px);transition-duration: 2s;transition-property: all;transition-timing-function: ease-out;}
.banner .Hbanner .swiper-slide-active .answ{opacity: 1;filter: alpha(opacity=100);transform: translate(0, 0)}

@media only screen and (max-width:1360px){
.banner .Hbanner .swtext-h1{width:92%;}
}
@media only screen and (max-width:1024px){
.banner{padding-top:60px;}
.banner .Hbanner .swtext-h1 .p1{font-size:40px;}
.banner .Hbanner .swtext-h1 .p2{font-size:25px;margin:20px 0 20px;}
.banner .Hbanner .swtext-h1 .p3{margin:0;}
}
@media only screen and (max-width:768px){
.banner .Hbanner .swtext-h1 .p1{font-size:30px;}
.banner .Hbanner .swtext-h1 .p2{font-size:20px;margin:10px 0 10px;}
.banner .Hbanner .swtext-h1 .p3{font-size:16px;}
}
@media only screen and (max-width:499px){
.banner .Hbanner .swtext-h1{width:94%;}
.banner .Hbanner .swtext-h1 .p1{font-size:20px;}
.banner .Hbanner .swtext-h1 .p2{font-size:16px;margin:5px 0 5px;}
.banner .Hbanner .swtext-h1 .p3{font-size:13px;}
}



/*FOOTER*/
footer{width:100%;height:auto;overflow:hidden;/*background:#007fc4;*/background:linear-gradient(#007fc4, #22b5b9);}
.ft_contain{padding:80px 0 50px;overflow: hidden;display:flex;flex-wrap:wrap;justify-content:space-between;/*align-items: center;*/}
.ft_bt h5{margin-bottom:26px;font-weight: normal;color:#FFF;}
.ft_bt h5 span{display: block;height:auto;line-height:1.3;font-size: 22px;color: #FFF;font-weight: normal;}

.flogo{width:20%;text-align: center;}
.flogo img{display:block;margin: auto;}
.flogo .fewm{margin-top: 30px;max-width:150px;}
.ft_nav{width:50%;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.ft_navbox{width:30%;}
.ft_nav_li {margin-bottom: 25px;height: auto;overflow: hidden;}
.ft_nav_li h5 {font-size:18px;margin-bottom:16px;font-weight: normal;color:#FFF;opacity:0.8;}
.ft_nav_li p{padding:5px 0;transition: 0.36s;}
.ft_nav_li p a{color:#FFF;font-size: 16px;line-height:1.5;opacity:0.77;}
.ft_nav_li p a:hover{color:#FFF;opacity:1;}

.ft_contact{width:25%;overflow:hidden;box-sizing:border-box;}
.ft_contact .ft_contact_tel {display: block;overflow: hidden;margin-bottom: 20px;padding-bottom: 20px;/*border-bottom: 1px solid #878787;*/}
.ft_contact .ft_contact_tel li{padding-bottom:10px;font-size:16px;line-height: 22px;}
.ft_contact .ft_contact_tel li p{font-size:16px;color:#FFF;}
.ft_contact .ft_contact_tel li p span{font-size:16px;color:#FFF;display: block;}
.ft_contact .ft_contact_tel li p em{display: block;line-height:1.2; font-size:38px;color:#FFF;font-weight:bold;font-family:"Arial";}

.copyright{padding:28px 0;color: #cacaca;font-size:16px;line-height:1.5;border-top:1px solid #76cad5;}
.copyright .skinw{display:flex;align-items:center;justify-content:space-between;}
.copyright p{line-height:26px;color: #FFF;opacity: 0.77;}
.copyright p a{color: #FFF;opacity: 0.77;}
.copyright p a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}
.otherinfo a{color: #FFF;opacity: 0.77;}
.otherinfo a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}
.copyright p em {padding: 0 8px;color: #ffffff;}

@media only screen and (max-width:960px){
.ft_contain{padding:50px 0 40px;}
.flogo {width:100%;margin-bottom: 20px;}
.flogo .fewm{}
.ft_nav{display:none;}
.ft_contact {width:100%;text-align: center;border-left:0;}
.ft_contact .sharemain{justify-content: center;}
.copyright .skinw {display: block;text-align: center;}
}
@media only screen and (max-width:499px){
.fttop .skinw{display: block;}
.fttop .flogo{text-align: center;margin-bottom: 15px;}
.fttop .ftj{padding-left:0;font-size:14px;text-align: center;}
}