*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;}
body{font:16px "微软雅黑","microsoft yahei",Helvetica,Arial,sans-serif;overflow-x: hidden;background-color: #fff;}
img{border:0;max-width: 100%;/* pointer-events: none; */}
a{text-decoration:none;transition: all .5s;}
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%;}
.flex{display: flex;}
table{border-collapse: collapse;}
.pc{display: block;}
.app{display: none;}
/*公共盒子样式*/
.flex{display: flex;}
/*移动端-导航*/
.head1200{display:none;}
/* 动画 */
.anim{opacity:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;transform: translateY(100px);}
.animL{left:-100px;opacity:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;position: relative;}
.animR{right:-100px;opacity:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;position: relative;}
.comWrapper{padding: 0 40px;}
.iconfont{color: #fff;}
/* PC端导航 */
.header{position: absolute;width: 100%;top: 0;height: 100px;color: #fff;left: 0;z-index: 99;/* border-bottom: 1px solid rgba(255, 255, 255, .2) */}
.header>.comWrapper.flex{justify-content: space-between;align-items: center;height: 100%;}
.header .flex{align-items: center;}
.logo{width: 400px;}
.nav {width: 100%;justify-content: space-between;height: 100%;}
.nav ul{justify-content: flex-end;width: 100%;height: 100%;font-size: 0;}
.nav ul li{margin-right: 5%;height: 100%;align-items: center;display: flex;font-size: 18px;position: relative;}
.nav ul li::before{content: '';position: absolute;right: -16px;top: 50%;width: 9px;height: 6px;background: url(../images/dot.png) no-repeat;transform: translateY(-50%);}
.nav ul li:first-of-type::before,.nav ul li:last-of-type::before{background-image: none;}
.nav ul li a{color: #fff;}
.nav ul li dl{position: absolute;top: 100px;width: 120px;text-align: center;display: none;left: 50%;transform: translateX(-50%);}
.nav ul li:nth-of-type(3) dl{width: 364%;}
.nav ul li:nth-of-type(4) dl{width: 200%;}
.nav ul li dd{line-height: 48px;padding: 0 20px;background-color: rgba(255, 255, 255, .2);border-top: 1px solid rgba(255, 255, 255, .2);}
.nav ul li dd a{color: #333;font-size: 16px;display: block;color: rgba(255, 255, 255, .8);}
.nav ul li dd a:hover{color: #09314e;font-weight: 900;}
.nav ul li>a{display: block;height: 26px;overflow: hidden;}
.nav ul li>a span{top: 0;transition: all .4s ease;position: relative;display: block;line-height:initial}
.nav ul li em,.nav ul li i{display: block;}
.nav ul li>a:hover span{top: -25px;}
.headerR{width: 260px;justify-content: space-between;}
.headerR a{color: #fff;}
.headerR a.flex{display: inline-flex;align-items: center;}
.lang{border-right: 1px solid #fff;padding-right: 16%;}
.headerR img{display: inline-flex;margin-right: 10px;}
.header.active{background-color: #fff;}
.header.active .nav ul li dl{background-color: #fff;}
.header.active a{color: #666;}
.header.active .nav ul li::before{background-image: url(../images/dota.png);}
.header .lang em{color: #fff;font-size: 20px;margin-right: 12px;}
.header.active .lang em,.header.active .headerR .search em.icon-sousuo1{color: #666;}
.header.active .lang{border-right-color:#666;}
/* 搜索 */
.search .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;}
.search .searchC.active{left: 0;}
.search .searchC form{display: flex;align-items:center;justify-content:center;max-width: 800px;margin: auto;}
.search .searchC input{border: none;width: 80%;border: 1px solid #eae3e3; padding: 0 20px;line-height: 68px;background-color: rgba(255, 255, 255, .9);}
.search .menuClose span i{background-color: #fff!important;}
.headerR .search em.icon-sousuo1{color: #fff;font-size: 20px;cursor: pointer;}
.searchBtn2{background-color: #1e3b57;width: 80px;height: 70px;line-height: 70px;display: flex;justify-content: center;}
.searchBtn2 em.icon-sousuo1{color: #fff!important;font-size: 24px!important;}
.search .searchC form{width: 80%;}
/* 全屏导航 */
.menupage{position:fixed;width:100vw;height:100vh;z-index:100;background:#fff;overflow:hidden;transition: all .4s;left: -100vw;}
.menupage.active{left: 0;}
.menupage a.logo{display: block;position: absolute;top: 60px;left: 4.2%;}
.menucontent{height:100%;margin:auto}
.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);}
.menubox{height:100%;display:flex;justify-content:center}
.menuitem{width:calc(100% / 7);height:100%;box-sizing:border-box;padding:300px 0 0 0;border-left:1px solid #ebebeb}
.menunum{width:65px;display:block;margin:auto}
.menutitle{text-align:center;margin:50px 0;font-size:24px;color:#57585a}
.menutitle a{color:#57585A}
.menutitle a:hover{color:#1f2e86}
.menutext{text-align:center;font-size:12px;line-height:2.5}
.menutext a{color:#666}
.menutext a:hover{color:#1f2e86}
.menutitle.active a{color:#1f2e86}
@media (max-width:1680px) and (min-width:1200px){
.search .searchC{padding: 26px 20px;}
.nav ul li>a{height: 21px;}
.nav ul li>a:hover span{top: -20px;}
.nav ul li dd a{font-size: 14px;}
.nav ul li:nth-of-type(4)::before, .nav ul li:nth-of-type(6)::before{top: 52%;}
.nav ul li dl{width: 156%;transform: translateX(-42%);}

.nav ul{margin-right: 10px;}
.nav ul li{margin-right: 4%;font-size: 16px;}
.nav ul li::before{transform: translateY(-30%);}

}
@media (max-width:1200px){
.pc{display: none;}
.app{display: block;}
/*移动端导航*/
.header{display:none}
.head1200{display: flex;justify-content: space-between;align-items: center;padding: 4px 10px 4px 20px;/* overflow: hidden; */position: fixed;;top:0;left:0;right:0;z-index:9999;box-shadow:0 0 16px rgba(0, 0, 0, .1);}
.head1200 a.logo{width:200px;cursor:pointer;display: block;}
.head1200 a.logo img{width:100%;}
.headR{display: flex;align-items: center;}
.search .menuClose{right: 20px;} 
.search a{color: #666;}
.search a em{font-size: 22px;color: #fff;}
.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}
.search .searchC input,.search a{height: 50px;line-height: 50px;}
.search .searchC input::-webkit-input-placeholder { font-size: 14px;}
.menuBox{position: fixed;right:-100%;top:68px;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 #0a3190;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:14px;background-color:#fff;}
.navMobile li .listDown .list2_one h3{border-top:1px solid #e8e8e8;padding:0px 20px;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:#444;font-weight: 900;}

/* .head1200 .menuBox{-webkit-overflow-scroll:auto}
.head1200 .menuBox.active{-webkit-overflow-scroll:touch;overflow-y:scroll} */
}