*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;}
body{font:16px Arial,sans-serif;color: #222;}
html{overflow-x: hidden;}  
img,video{border:0;max-width: 100%;}
a{text-decoration:none;transition: all .5s;color: #333;}
em,th,i,b{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
input,button,textarea,select{font-size:100%;border:none;outline:none;resize:none;}
.clearfix{display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.app{display: none!important;}
.pc{display: block!important;}
/*公共盒子样式*/
.flex{display: flex;}
.pR{position: relative;}
.comWrapper{width: 1680px;margin: auto;}
/*移动端-导航*/
.head1200{display:none;}
/*PC端-导航*/
.header{position: absolute;width: 100%;color: #fff;z-index: 999;padding-top: 40px;}
.header .comWrapper{justify-content: space-between;align-items: center;}
.header a{color: #fff;font-weight: 500;}
.nav .menu,.nav{align-items: center;}
.menu ul{display: flex;align-items: center;}
.menu ul li{margin-right: 60px;}
.menu h2 a{font-size: 16px;position: relative;}
.menu li h2 a::before{position: absolute;bottom: -12px;height: 2px;background-color: #fff;content: '';width: 0;transition: all .5s;left: 50%;transform: translateX(-50%);}
.header .nav span{display: inline-flex;margin-right: 60px;}
.search{display: inline-flex;margin-right: 45px;}
.lang{align-items: center;}
.lang em{position: absolute;top: 22px;left: 30px;display: none;}
.lang.cur em{display: block;}
.menu li{position: relative;}
.menu li dl{display: none;position: absolute;top: 50px;z-index: 9999;width: 214px;left: 50%;transform: translateX(-50%);}
.menu li dl dd{line-height: 46px;background-color: #3566b8;text-align: left;}
.menu li dl a{font-size: 14px;display: inline-flex;width: 100%;height: 100%;}
.menu li dl dd a{padding: 0 35px}
.menu li dl a:hover{background-color: #4671b9;}
.menu li.active h2 a::before{width: 100%;}
.menu li:nth-of-type(4) dl{width: 320px;}
.menu li:nth-of-type(4) dl dd a{padding: 0 30px}

@font-face {
    font-family: Centaur;
    src: url("../fonts/Centaur.woff") format("woff"),url('../fonts/Centaur.ttf') format('truetype');
    /* src: url('../fonts/Centaur.ttf') format('truetype'),url("../fonts/Centaur.woff") format("woff"); */
  }

/* 公共底部 */
.footer{background: url(../images/footerBg.jpg) no-repeat;background-size: cover;color: #b1b1b1;font-size: 14px;padding-top: 110px;padding-bottom: 60px;}
.footTop{justify-content: space-between;}
.footL{width: 30%;}
.footer a{color: #b1b1b1;}
.footer a.flogo{display: block;width: 100%;}
.footTel{margin-top: 90px;}
.footL dl{border-top: 1px solid rgba(255, 255, 255, .3);margin-top: 40px;padding-top: 40px;margin-bottom: 45px;}
.footL dd+dd{margin-top: 20px;}
.footShare a{display: inline-flex;border: 1px solid #fff;width: 32px;height: 32px;justify-content: center;align-items: center;}
.footShare a+a{margin-left: 20px;}
.footR{width: 60%;justify-content: space-around;}
.footR dt{margin-bottom: 30px;}
.footR dt a{color: #fff;font-size: 16px;font-weight: 600;}
.footR dd a{display: block;margin-bottom: 20px;}
.footR dd a:hover{color: #fff;}
.footBottom{align-items: center;justify-content: space-between;margin-top: 80px;}
.footBottom dl{border: 1px solid rgba(255, 255, 255, .2);width: 250px;cursor: pointer;position: relative;}
.footBottom dt{color: #fefefe;justify-content: space-between;align-items: center;height: 34px;width: 100%;display: flex;align-items: center;padding: 0 14px;}
.footBottom dd{display: none;position: absolute;width: 100%;bottom: 35px;border: 1px solid rgba(255, 255, 255, .2);padding: 0 14px;border-bottom: transparent;padding-top: 10px;}
.footBottom dd a{display: block;margin-bottom: 10px;}
.footBottom dd a:hover{color: #fff;}
.footBottom dl:hover dd{display: block;}
.footShare a{position: relative;}
.footShare a i{display: none;position: absolute;top: 40px;left: 0;z-index: 9;width: 100px;}
.footShare a:hover i{display: block;}
.commonTit{/* align-items: flex-end; */justify-content: space-between;padding-top: 120px;padding-bottom: 90px;margin: 0 auto;width: 70%;align-items: flex-start;}
.commonTit dt{color: #1c337f;font-family: Centaur,Arial,"微软雅黑","microsoft yahei";font-size: 36px;text-transform:uppercase;letter-spacing: 1px;font-weight: 900;}
.commonTit dt::before{position: absolute;top: 0;left: 0;width: 100%;content: '';background-color: rgba(255, 255, 255, .35);z-index: 1;height: 64px;}
.commonTit dd{color: #222;font-weight: 900;font-size: 36px;margin-top: 10px;}
.commonTit>p,.commonTit div.fR{align-items: baseline;color: #222;line-height: 1.6;max-width: 60%;}
.commonTit div.fR{display: flex;flex-wrap: wrap;}
.commonTit div.fR p{max-width: initial;margin-bottom: 15px;width: 100%;}
.commonTit a{display: inline-flex;width: 174px;height: 54px;justify-content: center;align-items: center;font-size: 16px;border: 1px solid #d9d9d9;color: #333;text-align: center;padding: 0 10px;}
.commonTit a+a{margin-left: 20px;}
.commonTit a.active,.commonTit a:hover{background-color: #3566b8;color: #fff;border-color: transparent;}
.commonNav{justify-content: center;padding-top: 100px;padding-bottom: 0;width: 80%;}
/* 搜索 */
.searchC{position: fixed;width: 100vw;height: 100vh;z-index:9999;background-color: rgba(0, 0, 0, .4);overflow:hidden;transition: all .4s;left: -100vw;top: 0;display: flex;justify-content: center;align-items: center;}
.searchC.active{left: 0;}
.searchC form{display: flex;align-items:center;justify-content:center;max-width: 800px;margin: auto;}
.searchC input{border: none;width: 80%; padding: 0 20px;line-height: 68px;background-color: rgba(255, 255, 255, .9);border: none;}
.menuClose span i{background-color: #fff!important;}
.searchBtn2{background-color: #3566b8;width: 80px;height: 70px;line-height: 70px;display: flex;justify-content: center;align-items: center;}
.searchC form{width: 80%;}
.menuClose{position:absolute;right:40px;top:25px;cursor:pointer;}
.menuClose span{width:30px;height:30px;position:relative;float:left;transition: all .4s;}
.menuClose span i{height: 2px;width:100%;display:block;background: #333;display: block;position: absolute;z-index: 5;top:12px;}
.menuClose span i:nth-child(1){transform: rotate(-45deg);}
.menuClose span i:nth-child(2){transform: rotate(45deg);}
.menuClose:hover span{transform: rotate(90deg);}

@media (max-width:1680px) and (min-width:1200px){
.comWrapper{width: calc(100% - 120px*2);}
.commonTit a{font-size: 15px;height: 48px;}
.footTop{width: calc(100% - 60px*2);}
.footL{width: 38%;}
.footR{width: 60%;}
.commonTit dd,.commonTit dt{font-size: 34px;}
.commonTit dt::before{height: 58px;}
}

@media (max-width:1440px) and (min-width:1360px){
.header a.logo{width: 200px;}
.menu ul li,.header .nav span{margin-right: 40px;}
.search{margin-right: 30px;}
/* .banner{height: 520px;} */
/* .banner .txt{bottom: 140px;} */
.flogo img{max-width: 50%;}
img.footTel{max-width: 75%;margin-top: 60px;}
.footL dl{padding-top: 30px;margin-top: 30px;}
.commonTit a{font-size: 15px;}
.commonTit dt,.commonTit dd{font-size: 32px;}
.commonNav{padding-top: 90px;padding-bottom: 0px;}
.commonTit dt::before{height: 56px;}

}

@media (max-width:1200px){
/*移动端导航*/
.header{display:none}
.head1200{display: flex;justify-content: space-between;align-items: center;padding: 10px 10px 4px 20px;position: absolute;top:0;left:0;right:0;z-index:9999;}
.head1200 a{color: #fff;}
.head1200 .headR{width: 50%;align-items: center;justify-content: flex-end;}
.head1200 .search{margin-right: 15px;}
.head1200 a.logo{width:140px;cursor:pointer;display: block;}
.head1200 a.logo img{width:100%;}
.menu-handler{width:58px;height:58px;cursor:pointer;position:relative;z-index:49;}
.menu-handler .burger{width:24px;height:2px;background:#fff;display:block;position:absolute;z-index:5;top:20px;left:50%;margin:0px 0px 0px -12px;-webkit-transform-origin:center;transform-origin:center;}
.menu-handler .burger-2{top:27px}
.menu-handler .burger-3{top:35px}
.menu-handler.active .burger-1{top:27px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-handler.active .burger-2{opacity:0;}
.menu-handler.active .burger-3{top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.trans,.trans:hover{-webkit-transition:all 277ms ease-in-out;transition:all 277ms ease-in-out;}
.trans-fast,.trans-fast:hover{-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out}
.searchC input{line-height: 48px;}
.searchBtn2{line-height: 48px;height: 48px;}
.menuBox{position: fixed;right:-100%;top:66px;width:100%;height:96%;z-index:999;background:#fff;left: auto;}
.menuBox .mlogo{display:block;margin:0 auto;width:238px;padding-top:20px}
.menuBox .mlogo img{display:block;width:100%}
.navMobile{width:100%;}
.navMobile li{border-bottom:1px solid #f5efef;line-height:50px;}
.navMobile li h5{width:90%;margin: auto;position:relative;font-size: 16px;width: 100%;}
.navMobile li h5 a{color: #333;display: block;width:100%;font-weight:bold}
.navMobile li h5 i{border:2px solid #3566b8;display:block;width:8px;height:8px;transform:rotate(-45deg);border-top:none;border-right:none;right:20px;position:absolute;top: calc(50% - 4px);transition: all .4s;}
.navMobile li h5 i.active{transform:rotate(135deg);}
.navMobile li .listDown{display:none;width:100%;}
.navMobile li .listDown .list2_one{font-size:16px;background-color:#fff;}
.navMobile li .listDown .list2_one h3{border-top:1px solid #e8e8e8;padding:0px 10px;line-height: 3;font-size: 15px;font-weight: 500;}
.navMobile li h5>a,.navMobile li .listDown .list2_one h3 a{margin-left:20px;width:80%;color:#666;font-weight: 900;}
.navMobile li h5 i,.navMobile li h3 i{border:2px solid #3566b8;display:block;width:8px;height:8px;transform:rotate(-45deg);border-top:none;border-right:none;right:20px;position:absolute;top: calc(50% - 4px);transition: all .4s;}
.navMobile li h5 i.active,.navMobile li h3 i.active{transform:rotate(135deg);}
.navMobile li .listDown .list2_one h3 a{color: #898686;}

.comWrapper{width: 90%;}
.commonTit{padding-top:50px;padding-bottom: 30px;flex-direction: column;align-items: flex-start;width: 90%;}
.commonTit dl{margin-bottom: 15px;}
.commonTit dt,.commonTit dd{font-size: 22px;}
.commonTit a{width: 100px;height: 36px;font-size: 15px;}
.commonTit>p{font-size: 16px;max-width: 100%;}
.commonNav{flex-direction:row;flex-wrap: wrap;}
.commonNav a{width: calc(50% - 10px);margin-bottom: 15px;}
.commonNav a+a{margin-left: 0;}
.commonNav a:nth-of-type(2n){margin-left: 20px;}
.footer{padding-top: 60px;padding-bottom: 30px;background-position: bottom right;}
.footTop{flex-wrap: wrap;}
.footTop>div{width: 100%;}
.footer a.flogo{width: 150px;}
.footTel{width: 240px;}
.footTel{margin-top: 30px;}
.footL dl{margin-top: 20px;padding-top: 20px;margin-bottom:25px}
.footL dd+dd{margin-top: 10px;}
.footR{justify-content: flex-start;margin-top: 30px;flex-wrap: wrap;}
.footR dl{width: 100%;}
.footR dt{margin-bottom: 20px;}
.footBottom{margin-top: 30px;flex-wrap: wrap;}
.footBottom p{text-align: center;font-size: 12px;line-height: 1.6;}
.footBottom dl{display: none;}
.footer .footR dd {display: none;}
.footer .footR dl dt{position: relative;}
.footer .footR dl dt::after {content: ""; height: 1px; width: 14px; background-color: #fff; position: absolute; right: 14px; top: 50%;}
.footer .footR dl dt::before {content: ""; height: 1px; width: 14px; background-color: #fff; position: absolute; right: 14px; top: 50%; transform: rotate(90deg);text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.footer .footR dl dt.cur::before { transform: rotate(0deg);}
.footer .footR dl dt.cur { border-bottom: none;}
.footer .footR dl dd{padding-bottom: 10px;}
.footer .footR dl a{margin-bottom: 10px;}

.commonTit div.fR{max-width: 100%;}
.commonTit div.fR>p{font-size: 16px;max-width: 100%;}
}