*{margin:0;padding:0;box-sizing:border-box;touch-action: manipulation;}
body{font:14px "微软雅黑","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%;}
/* 导航 PC*/
.header{position: fixed;width: 100%;height: 96px;z-index:99;transition:all .5s;top:0}
.header .comWrapperNr{max-width: initial;display: flex;justify-content: space-between;height: 100%;align-items: center;position: relative;padding: 0 40px;width: initial;}
.header .comWrapperNr::before{content: '';position: absolute;right: 100px;height: 20px;width: 3px;background-color: #fff;top: 38px;z-index: 9999;}
.header.active .comWrapperNr::before{background-color: #75797d;}
.header.active .comWrapperNr::after{background-color: rgba(177, 121, 125,.15);}
.banner{position: relative;}
.banner::after{content: '';position: absolute;right: calc(61px + 40px);height: 640px;width: 1px;background-color: rgba(255, 255, 255,.15);top: 0;z-index: 9999;}
.header .logo{width: 180px;}
.header .img1{display: block;}
.header .img2{display: none;}
.header .comWrapperNr ul{ display: flex;align-self: center; justify-content: space-around;width: 640px;}
.header .comWrapperNr ul li{position: relative;height: 96px;}
.header .comWrapperNr ul li a{color: #fff;font-size: 16px;display: flex;align-items: center;height: 100%;}
.header .comWrapperNr ul li::before {content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:#1f2e86;transform:translate(-50%);transition:all .36s;opacity: 0;z-index: 2;}
.navRight{width: 160px;display: flex;justify-content: space-between;align-items: center;}
.navRight a{color: #fff;display: block;}
.navRight .lang:hover a{color: #1f2e86!important;}
.navRight .lang{display: flex;width: 50px;justify-content: space-between;align-items:center}
.header.active{background-color: #fff;box-shadow: 0 0 16px rgba(0, 0, 0, .1);}
.header.active ul li a{color: #444;}
.header.active ul li:hover a{color: #1f2e86;}
.header.active ul li:hover::before{opacity: 1;width: 100%;}
.header.active .img1{display: none;}
.header.active .img2{display: block;}
.header.active .navRight a{color: #75797d;}
.header li .xl,.header li .xl ul{display: none;}
.header .xl li a,.header .xl li{height: initial!important;}
.header.active li .xl{background-color: rgba(255, 255, 255, 1);position: fixed;top: 96px;left: 0;width: 100%;z-index: 1;box-shadow: 0 4px 4px rgba(0, 0, 0, .07);border-top: 1px solid #dfdede;}
.header.active .xl ul{display: flex;justify-content: center;margin: auto;}
.header.active .xl li{margin:20px 35px;}
.header.active .xl li a{color: #666!important;font-size: 16px;}
.header.active .xl li a:hover{color: #1f2e86!important;}
.header .comWrapperNr .xl li::before{bottom: -20px;}
.header.xqNav{background-color: #fff;box-shadow: 0 0 16px rgba(0, 0, 0, .1);}
.header.xqNav ul li a{color: #444;}
.header.xqNav ul li:hover a{color: #1f2e86;}
.header.xqNav ul li:hover::before{opacity: 1;width: 100%;}
.header.xqNav .img1{display: none;}
.header.xqNav .img2{display: block;}
.header.xqNav .navRight a{color: #75797d;}
.header.xqNav .comWrapperNr::before{background-color: #75797d;}
.header.xqNav li .xl{background-color: rgba(255, 255, 255, 1);position: fixed;top: 96px;left: 0;width: 100%;z-index: 1;box-shadow: 0 4px 4px rgba(0, 0, 0, .07);border-top: 1px solid #dfdede;}
.header.xqNav .xl ul{display: flex;justify-content: center;margin: auto;}
.header.xqNav .xl li{margin:20px 35px;}
.header.xqNav .xl li a{color: #666;font-size: 16px;}
.search a{display: block;}
.search .searchC{position: fixed;width: 100%;top: 96px;padding: 16px 20px;background-color: #fff;left: 0;border-top: 1px solid #eae3e3;display: none;z-index: 999;}
.search .searchC form{display: flex;align-items:center;justify-content:center;max-width: 800px;margin: auto;}
.search .searchC input{border: none;width: 80%;border-bottom: 1px solid #eae3e3; padding: 0 10px;line-height: 38px;}
.search .searchC button{background-color: transparent;}
::-webkit-input-placeholder { color: #cdcdcd}
/* 全屏导航 */
.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: 7%;}
.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% / 5);height:100%;box-sizing:border-box;padding:200px 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}
/*移动端-导航*/
.head1200{display:none;}
/*公共盒子样式*/
.comWrapperNr{max-width:1360px;width: 90%;margin: auto;}
.flex{display: flex;}
/*底部样式*/
.footer{font-size: 12px;}
.footer .comWrapperNr{max-width: initial;width: 88%;}
.footerTop{background-color: #272a2f;color: #6d7277;padding: 56px 0;}
.footerC p,.footerC dt{color: #fff;}
.footerTop>.comWrapperNr{justify-content: space-between;}
.footerTop h6{color: #fff;margin-bottom: 28px;font-size: 14px;font-weight: 500;}
.footerTop dl dd{display: flex;align-items: center;margin-top: 18px;}
.footerTop dl dd img{margin-right: 10px;}
.footerTop .footerL{width: 27%;position: relative;}
.footerTop .footerL .fCode{position: absolute;right:8%;top: 26%;}
.footerTop .footerL h6{font-size: 22px;font-style: italic;font-weight: 500;}
.fCode img{border: 4px solid #fff;}
.footerTop .footerC{width: 70%;}
.footerTop .footerC dl,.footerTop .footerC ul li{padding: 6px 10px;border-radius: 4px;border: 1px solid #52565a;}
.footerTop .footerC ul{margin-right: 20px;float: left;}
.footerTop .footerC ul li{margin-bottom: 10px;}
.footerTop .footerC ul li:last-of-type{margin-bottom: 0;}
.footerC .flex .footerCbox1{margin-right: 1%;}
.footerC .flex .footerCbox1 dl{width: 280px;}
.footerC .flex .footerCbox2{display: flex;}
.footerC .flex .footerCbox2>div:first-of-type{margin-right: 4%;}
.footerCbox1 dl{float: left;height: 154px;}
.footerCbox1 dd,.footerCbox2 dd,.footerCbox2 dt{margin-top: 22px!important;}
.footerCbox1 dd p{color: #fff;}
.footerCbox1 dd,.footerCbox1 dt ,.footerCbox2 dl{padding: 0 20px!important;min-width: 50%;}
.footerC .flex .footerCbox2 .flex{justify-content: space-between;}
.footerCbox2 dl{height: 154px;min-width: 205px;}
.footerTop .footerR{width: 10%;text-align: right;}
.footerTop .footerR h6{width: 100%;border-bottom: 1px solid #52565a;padding-bottom: 30px;}
.footerTop .footerR a{color: #6d7277;display: inline-block;margin-bottom: 18px;}
.footerTop .footerR a:hover,.footerBottom p a:hover{color: #fff;}
.footerBottom{background-color: #1a1b1d;}
.footerBottom>div{height: 58px;align-items: center;justify-content: space-between;}
.footerBottom p a,.footerBottom p{color: #6d7277;}
.footerBottom p:first-of-type {/* max-width: 250px; */justify-content: space-around;}
.footerBottom p:first-of-type a{margin-right: 5px;padding-right: 5px;position: relative;}
.footerBottom p:first-of-type a::before{content: '';position: absolute;right: 0;top: 20%;height: 80%;}
.footerBottom p:first-of-type a:last-of-type::before{border: none;}
.footerCbox1 ul li{cursor: pointer;}
/* .footerCbox1 ul li.active{color: #fff;} */
.footerCbox1 dl{display: none;}
.footerCbox1 dl.active{display: block;}

@media (max-width:1840px) and (min-width:1366px){
/* 公共底部 */
.footerTop .footerC{width: 76%;}
.footerTop .footerC .flex{justify-content:center} 
.footerC .flex .footerCbox1{margin-right:3%}
.footerTop .footerL .fCode{right:0%;top: 25%;}
}
@media (max-width:1440px) and (min-width:1200px){
/* 公共底部 */
.footerTop dl dd p{width: 83%;word-break:break-all;/* color: #fff; */}
.footerTop .footerR{width: 8%;margin-left: 2%;}
.footerTop .footerL .fCode{top: 18%;}
.footerTop .footerC{width: 60%;}
.footerCbox1 .clearfix{display: flex;}
.footerTop .footerC ul{/* width: calc(100% - 220px); */width: 46px;}
.footerTop .footerC ul li,.footerTop .footerC ul{width: 102px;}
.footerTop dl dd{align-items: flex-start;}
.footerCbox1 dd{padding: 0 2px!important;}
.footerC .flex .footerCbox1 dl{width: 220px;}
.footerC .flex .footerCbox1{margin-right:2%}
.footer .comWrapperNr{width: 94%;}
.footerTop .footerL{width: 22%;}
.footerTop .footerC{width: 76%;}
}
@media (max-width:1024px) {
/* 公共底部 */
/* .footerC{display: none;} */
.footerTop .footerL{width: 100%;}
/* .footerBottom p:first-of-type{display: none;} */
.footerBottom p{text-align: center;}

.footerTop>.comWrapperNr{flex-wrap: wrap;}
.footerTop>.comWrapperNr>div{width: 100%!important;margin-bottom: 40px;}
.footerTop .footerL .fCode{left: 330px;}
.footerTop .footerR{text-align: left;}
.footerC .flex{width: 100%;flex-wrap: wrap;}
}
@media (max-width:1200px){
/*移动端导航*/
.header{display:none}
.head1200{display: block;display: flex;justify-content: space-between;align-items: center;padding: 4px 10px 0 20px;overflow: hidden;position:fixed;top:0px;left:0px;right:0px;z-index:99;background:#fff;box-shadow:0 0 16px rgba(0, 0, 0, .1);}
.head1200 a.logo{width:120px;cursor:pointer;display: block;}
.head1200 a.logo img{width:100%;}
.headR{display: flex;align-items: center;}
.search .searchC{top: 62px;}
.menu-handler{width:58px;height:58px;cursor:pointer;position:relative;z-index:49;}
.menu-handler .burger{width:24px;height:2px;background:#666666;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}
.menuBox{position: fixed;right:-100%;top:58px;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;position:relative;line-height:36px;width:100%;float:left}
.navMobile li.cur h5{background:#fff}
.navMobile li.cur h5>a{color:#333}
.navMobile li h5{display:block;width:100%;float:left;position:relative;line-height: 56px;}
.navMobile li h5 i
,.navMobile li .listDown div h3 i
,.navMobile li .listDown .list2_one .list2_two div h4 i
,.navMobile li .listDown .list2_one .list2_two div .list2_three div h4 i
{border:2px solid #1f2e86;display:block;width:8px;height:8px;margin:auto;position:absolute;top:20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:none;border-right:none;right:20px}
.navMobile li h5 .i_class
,.navMobile li .listDown div h3 .i_class
,.navMobile li .listDown .list2_one .list2_two div h4 .i_class
,.navMobile li .listDown .list2_one .list2_two div .list2_three div h4 i.i_class
{-webkit-transform:rotate(135deg) !important;transform:rotate(135deg) !important;top:20px}
.navMobile li a{display:block;color:#333;width:100%;font-size:15px;font-weight:bold}
.navMobile li .listDown{display:none;width:100%;float:left}
.navMobile li .listDown .list2_one{color:#fff;font-size:14px;background-color:#fff}
.navMobile li .listDown .list2_one h3{padding:0 20px;position:relative;overflow:hidden;line-height: 40px;position: relative;}
.navMobile li .listDown .list2_one h3::before{content: '';border-bottom:1px solid #f5efef;position: absolute;left: 10%;width: 80%;bottom: 0;}
.navMobile li .listDown .list2_one:last-of-type h3::before{border-bottom: none;}
.navMobile li h5>a
,.navMobile li .listDown .list2_one h3 a
,.navMobile li .listDown .list2_one .list2_two div h4 a{float:left !important;width:auto;margin-left:20px;width:80%}
.navMobile li .listDown .list2_one .list2_two{display:none;overflow:hidden;padding-bottom:20px}
.navMobile li .listDown .list2_one .list2_two a{font-weight:normal;line-height:26px}
.navMobile li .listDown .list2_one .list2_two div{width:100%;float:left}
.navMobile li .listDown .list2_one .list2_two div p{display:none;overflow:hidden;padding:0px 80px}
.navMobile li .listDown .list2_one .list2_two div h4{position:relative;padding:0px 20px;display:block;overflow:hidden;}
.navMobile li .listDown .list2_one .list2_two div .list2_three{display: none;}
.navMobile li .listDown .list2_one .list2_two>div>h4>a{font-weight: 900;line-height: 38px;margin-left: 26px;}
.navMobile li .listDown .list2_one .list2_two div .list2_three h4 a{margin-left: 32px;line-height: 32px;}
.phoneNav{display:none;width:100%;position:absolute;top:100%;left:0;z-index:999;background:#fff;}
.phoneNav .list{width:100%;}
.phoneNav .list>ul>li{width:100%;border-bottom:1px solid #eae3e3;-webkit-transition:.3s ease;}
.phoneNav .list>ul>li p[class=title]{width:100%;text-align:center;height:50px;line-height:50px;padding:0;border:none;position:relative;font-size:16px;color:#d81010;}
.phoneNav .list>ul>li p a{color:#d81010;}
.phoneNav .list>ul>li:first-child a{color:#d81010;}
.phoneNav .list>ul>li p[class=title]>span{position:absolute;right:10%;}
.phoneNav .listSe{overflow:hidden;display:none;}
.phoneNav .listSe>p{background:#444 !important;color:#cfb388;}
.phoneNav .listSe>li{position:relative;right:-100%;-webkit-transition:right .5s;transition:right .5s;}
.phoneNav .listSe>li>p{background:#3b3b3b;color:#f0f0f0;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;line-height:50px;border-left:5px solid #d60000;-webkit-transition:border .5s;transition:border .5s;-webkit-transition:background .3s;transition:background .3s;}
.phoneNav .listSe>li>p>a{display:block;width:100%;color:#fff;}
.phoneNav .listSe>li>p:hover{border-color:#19b5ee;background:#5b5b5b;}   
.topNav ul {display: block;height: inherit;padding: 30px 0;}
.topNav ul li{width: 33.33%;float: left;margin-bottom: 20px;}	
.topNav ul li a img{width: 70px;height: 70px;}	
.topNav ul li a p{font-size: 14px;}	
}
@media (max-width:768px){
/* 公共底部 */
.footerTop{padding: 30px 0 10px;}
.footerTop>.comWrapperNr>div{margin-bottom: 10px;}
.footerC .flex>div{width: 100%!important;margin-bottom: 20px;}
.footerCbox2 dl{min-width:180px}
.footerC .flex .footerCbox2>div:first-of-type,.footerC .flex .footerCbox1{margin-right: 0;}
.footerC .flex .footerCbox2{flex-direction: column;}
.footerC .flex .footerCbox2>div{margin-bottom: 20px;}
.footerC .flex .footerCbox1 dl{min-width: initial;width: 78%;}
.footerBottom>div{height: inherit;}
.footerBottom p{text-align: left;}
.footerBottom .flex{display: flex;flex-wrap: wrap;padding: 10px 0 14px;}
.footerBottom p:first-of-type{justify-content: flex-start;}
.footerBottom p:first-of-type,.footerBottom p{width: 100%;}
.footerTop .footerL .fCode{right: 0;left: initial;top: 40px;}
.footerCbox1{margin-top: 20px;}
.footerTop h6{width: 100%;margin-bottom: 10px;position: relative;}
.footerC{margin: 16px 0 20px;}
.footerC .flex .footerCbox2>div,.footerC .flex>div{margin-bottom: 0px;}
.footerCbox1{margin-top: 0px;}
.footerTop h6.footerXl::before{background: url(../images/jia.png) no-repeat;background-size:86%;position: absolute;
right: 0px;top: 50%;content: '';transform: translateY(-50%);width: 14px;height: 14px;}
.footerTop h6.footerXl.active::before{/* transform: translate(-50%,0) rotate(45deg); */background: url(../images/jian.png) no-repeat center;background-size: 86%;}
.footerC .flex .footerCbox2 dl,.footerTop .footerC .footerCbox1>div.clearfix{display: none;margin-bottom: 14px;}
.footerR{display: flex;flex-wrap: wrap;}
.footerTop .footerR h6{padding-bottom: 14px;}
.footerR p{margin: 0 14px 0 0;}
}