@charset "utf-8";
/* CSS reset for c_b*/
html{overflow-y: scroll;}
:root{overflow-y: auto;overflow-x: hidden;}
body{color: #333;font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif;font-size: 14px;line-height: 26px;position: relative;width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;list-style-type: none;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
table th,table td{padding: 5px;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
ception, th{text-align: left;}
q:before,q:after{content: '';}
abbr,acronym{border :0;}
p{word-spacing: -1.5px;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}
input,button,textarea,select{*font-size: 100%;background: none;border: none;}
input,select{vertical-align: middle;}
table{font-size: 14px;border-collapse: collapse;}
a{color: #000;text-decoration: none;} 
a:focus{outline: none;}
a:hover{text-decoration: none;cursor: pointer;}

/*定位*/
.fl{float: left;}
.fr{float: right;}
.zoom{zoom: 1}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix{zoom: 1;}
.w1400{margin: 0 auto;width: 1400px;}
@media screen and (max-width: 1500px){
  .w1400{margin: 0 auto;width: 1200px;}
}

/*header*/
.header{position: absolute;left: 0;top: 0;width: 100%;z-index: 999;height: 90px;line-height: 90px;background: rgba(0,0,0,0.1);border-bottom: 1px solid rgba(255,255,255,.1);box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.1);transition: all .5s ease;}
.header .logo{width: auto;height: 100%;}
.header .logo img{display: block;width: 100%;height: 100%;}
.header .logo2{display: none;}
.header ul{width: 60%;float: right;}
.header ul li{width: 14.28%;float: left;text-align: center;font-size: 15px;position: relative;}
.header ul li a{color: #fff;}
.header ul li dl{position: absolute;left: calc(50% - 50px);top: 95%;width: 200px;z-index: 9999;transition: all ease .238s;transform: translateY(3px);box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);display: none;}
.header ul li dl a{display: block;width: 100%;line-height: 45px;color: #4b4b4b;background: #fff;font-size: 14px;padding: 0 15px;box-sizing: border-box;border-top: 1px solid #eaeaea;text-align: left;}
.header ul li:hover dl{display: block;}
.header ul li dl a:hover{color: #0083ce;}
.header.fixed,.header:hover{position: fixed;background: rgba(255,255,255,1);}
.header.fixed .logo1,.header:hover .logo1{display: none;}
.header.fixed .logo2,.header:hover .logo2{display: block;}
.header.fixed ul li a,.header:hover ul li a{color: #333;}
.header.fixed ul li a:hover,.header:hover ul li a:hover{color: #0083ce;}

/*banner*/
.banner{width: 100%;height: 100vh;min-height: 600px;max-height: 1600px;}
.banner .banner_slide{display: flex;flex-flow: column;justify-content: center;overflow: hidden;}
.banner .banner_slide .banner_bg{background-size: cover;background-position: center;position: absolute;left: 0;right: 0;bottom: 0;top: 0;transition: 1s 2.5s;transform: perspective(1000px) translate3d(0, 0, 100px);}
.banner .banner_slide .banner_bg:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background: rgba(0,0,0,0.1);}
.banner .banner_slide.swiper-slide-active .banner_bg{transition: 5s 0s;transform: perspective(1000px) translate3d(0, 0, 0px);}
.banner .banner_slide .banner_txt{width: 90%;margin: 0 auto;max-width: 1400px;transform: translate3d(0,0,0);will-change: transform;color: #fff;z-index: 10;line-height: 50px;display: inline-block;margin-top: -100px;}
.banner .banner_slide .banner_txt img{display: block;margin: 0 auto;}
.banner .banner_slide .banner_txt *{transition-delay: transform 2s, opacity 0s;transition-duration: 2s;transform: translate3d(0, 80px, 0);opacity: 0;}
.banner .banner_slide.swiper-slide-active .banner_txt *{transform: translate3d(0, 0px, 0);opacity: 1;}
.banner .banner_slide .banner_txt:before{transition-delay: 2s;transition-duration: 2s;transform: translate3d(-80px, 0, 0);opacity: 0;}
.banner .banner_slide.swiper-slide-active .banner_txt:before{transition-delay: 1.3s;transform: translate3d(0px, 0, 0);opacity: 1;}
.banner .banner_slide .banner_txt h1{margin-bottom: 10px;font-size: 34px;font-family: 'Oswald', sans-serif;}
.banner .banner_slide .banner_txt h2{font-size: 40px;font-weight: bold;margin-bottom: 30px;}
.banner .banner_slide .banner_txt h3{height: 2px;width: 100px;background: #fff;}
.banner .banner_slide .banner_txt h4{font-size: 16px;margin-top: 10px;}
.banner .banner_slide.swiper-slide-active .banner_txt h1{transition-delay: 0.5s;}
.banner .banner_slide.swiper-slide-active .banner_txt h2{transition-delay: 0.7s;}
.banner .banner_slide.swiper-slide-active .banner_txt h3{transition-delay: 0.9s;}
.banner .banner_slide.swiper-slide-active .banner_txt h4{transition-delay: 1.1s;}
.banner .banner_switch{position: absolute;z-index: 30;right: auto;bottom: 0;height: 70px;line-height: 70px;left: 0;color: #fff;display: flex;background: rgba(0,131,206,.6);width: 45%;justify-content: flex-end;align-items: center;text-transform: uppercase;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.banner .banner_switch > div{margin: 0 25px;cursor: pointer;transition: 0.5s;}
.banner .banner_switch > div > *{display: inline-block;vertical-align: middle;}
.banner .banner_switch > div > .icon{background-size: contain;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;}
.banner .banner_switch > div > span{margin: 0 10px;}
.banner .banner_switch .swiper-button-disabled{opacity: 0.4;}
@keyframes scrollTip{
  0%{transform: scale(1,0);transform-origin: top;}
  49%{transform: scale(1,1);transform-origin: top;}
  51%{transform: scale(1,1);transform-origin: bottom;}
  100%{transform: scale(1,0);transform-origin: bottom;}
}
.banner .banner_scroll{position: absolute;z-index: 50;bottom: 0;left: 0;right: 0;margin: auto;max-width: 100px;color: #fff;text-align: center;text-transform: uppercase;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.banner .banner_scroll span{display: block;}
.banner .banner_scroll span:last-child{margin: 10px 0;height: 30px;}
.banner .banner_scroll span:last-child em{display: inline-block;width: 1px;height: 100%;background: #fff;animation-name: scrollTip;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 1);}

/*footer*/
.footer{width: 100%;color: #fff;background: #252932;position: relative;overflow: hidden;display: flex;padding: 60px 0 60px 0;}
.footer .footerL{background: rgba(255,255,255,.1);width: 100%;height: 45px;line-height: 45px;margin-bottom: 40px;color: rgba(255,255,255,.9);padding-left: 30px;box-sizing: border-box;border-radius: 5px;}
.footer .footerL p{float: left;}
.footer .footerL a{color: rgba(255,255,255,.8);margin-right: 8px;margin-left: 8px;}
.footer .footerL a:first-child{margin-left: 0;}
.footer .footerC{width: 46%;margin-top: 20px;}
.footer .footerC dl{width: 68%;float: left;}
.footer .footerC dl dt{margin-bottom: 20px;}
.footer .footerC dl p{font-size: 15px;color: #fff;}
.footer .footerC dl span{font-weight: bold;font-size: 24px;margin-top: 8px;display: block;margin-bottom: 4px;}
.footer .footerC dl em{font-size: 16px;}
.footer .footerC dl img{margin-right: 8px;}
.footer .footerC .foot_ewm{text-align: center;margin-top: 5px;width: 25%;}
.footer .footerC .foot_ewm img{display: block;width: 120px;height: auto;margin: 10px auto;}
.footer .footerM{width: 50%;}
.footer .footerM::before{content: '';border-left: 1px solid rgba(255,255,255,0.2);height: 120px;width: 1px;float: left;margin-top: 50px;padding-left: 10%;box-sizing: border-box;}
.footer .footerM ul li{float: left;position: relative;width: 28%;}
.footer .footerM ul li a{display: block;line-height: 36px;color: #e5e5e5;font-weight: lighter;}
.footer .footerM ul li .footer_t{font-size: 16px;color: #fff;line-height: 48px;position: relative;}
.footer .footerM ul li .footer_t i{display: block;background: #fff;width: 20px;height: 1px;margin-bottom: 15px;}
.footer .footerM ul li .footer_nav a{width: 50%;float: left;}
.footerB{height: 60px;line-height: 60px;background: #252932;border-top: 1px solid rgba(255,255,255,0.2);color: #ccc;text-align: center;}
.footerB a{color: #ccc;}
.footer .footerL a:hover,.footer .footerM ul li a:hover,.footerB a:hover{color: #0083ce;}
.footer .footerM ul li .footer_t:hover{color: #fff;}