@charset "utf-8";body{font-size:14px;color:#333}
body{font-family:ZURCHBXC;}
*{padding:0;margin:0;list-style:none}
a{text-decoration:none;color:inherit}
i{font-style:normal}
dl,ol,ul{list-style-type:none}
b{display:inline-block}
em{font-style:normal;font-family:arial}
.odcontent{margin:0 auto;width:90%;max-width:1600px}
.w1400{margin:0 auto;width:90%;max-width:1400px}
.w1200{margin:0 auto;width:90%;max-width:1200px}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input,textarea{border:none;outline:0;border-radius:0;-webkit-appearance:none}
button{border:none;padding:0}
.fl{float:left}
.fr{float:right}
.por{position:relative}
.poa{position:absolute}
.head_fixed{position:fixed;top:0;left:0;width:100%;height:auto;z-index:9999}
img{border:none;vertical-align:middle;max-width:100%}
:focus{outline:0;-webkit-tap-highlight-color:transparent}
a,div,li{-webkit-tap-highlight-color:transparent}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:transparent!important;background-image:none!important;-webkit-box-shadow:0 0 0 1000px #f2f3f7 inset!important;-webkit-text-fill-color:#333}
.ver-mid{vertical-align:middle}
.ver-bl{vertical-align:baseline}
.flex{display:flex;flex-wrap:wrap;}
.flx{display:flex;flex-wrap:nowrap;justify-content:space-between}
.flx_w{display:flex;flex-wrap:wrap;justify-content:space-between}
.txt_center{text-align:center}
.hide{display:none}
.center{text-align:center}
.blue{color:#07a4df}
.red{color:#123d96}
/* @font-face{font-family:ZURCHBXC;src:url(../fonts/ZURCHBXC.ttf)} */

/* btn */
.btn{width:120px;height:35px;text-align:center;border-radius:20px;border:1px solid #000000;display:block;position:relative;overflow:hidden;margin: 0 auto;margin-top: 35px;}
.btn::before{transition:all .5s;content:"";display:block;background-color:#000000;position:absolute;left:0;width:0%;height:100%}
.btn span{font-size:14px;color:#000000;transition:all .5s;position:absolute;top: 46%;transform:translate(-50%,-50%);width:100%;display:inline-block;}
.btn span:first-child{left:50%;width:100%}
.btn span:last-child{left:-100%;color:#fff}
.btn:hover{border: 1px solid #000000;}
.btn:hover span:first-child{left:180%}
.btn:hover span:last-child{left:50%;width:100%}
.btn:hover::before{width:110%;background-color: #000000;}
@media screen and (max-width:768px){
.btn{width: 100px;height: 32px;}
}
@media screen and (max-width:520px){
.btn{width: 85px;height: 25px;margin-top: 20px;}
}

/* title */
.nei_tit .title{font-size: 40px;font-weight: normal;color: #333;letter-spacing: 2px;font-family: Arial black;}
.nei_tit .tit{font-size: 20px;margin-bottom: 1%;font-weight: bold;color: #333;letter-spacing: 3px;font-family: Arial black;}
@media screen and (max-width:1080px){
.nei_tit .title{font-size: 28px;}
}
@media screen and (max-width:640px){
.nei_tit .title{font-size: 22px;font-weight: bold;}
}
@media screen and (max-width:500px){
.nei_tit .title{font-size:22px;letter-spacing:0;}
.nei_tit .tit{font-size: 14px;letter-spacing:0;}
}

/* side_kf */
.side_kf{position:fixed;right: 1%;top:60%;width: 55px;height: 55px;z-index:99;opacity:0;transition:all .4s;transform:translateY(-50%);}
.side_kf ul{}
.side_kf ul li{color:#fff;position:relative;z-index:1;margin-bottom: 6px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 14px;}
/* .side_kf ul li:last-child{padding:0;border-radius: 50%;} */
.side_kf #wa{display:block;position:relative;height: 55px;background:url(../images/wa.png) no-repeat center;text-align:center;background-size: 34px;}
.side_kf #em{display:block;position:relative;height: 55px;background:url(../images/em.png) no-repeat center;text-align:center;background-size: 34px;}
.side_kf #em i{font-size: 16px;color: #666;width: 200px;border-radius: 14px;height: 52px;line-height: 52px;background: #fff;position: absolute;left: 0;top: 0;box-sizing: border-box;text-align: center;-webkit-transition: 0.56s ease;transition: 0.56s ease;opacity: 0;}
.side_kf #em:hover i{left: -208px;opacity: 1;}
.side_kf #wx{display:block;position:relative;height: 55px;background:url(../images/wx.png) no-repeat center;text-align:center;background-size: 34px;}
.side_kf #wx i{width: 100px;height: 100px;position: absolute;top: 0;left: 0;-webkit-transition: 0.56s ease;transition: 0.56s ease;opacity: 0;}
.side_kf #wx i img{width: 90px;height: 90px;background-size: 34px;background: #fff;}
.side_kf #wx:hover i{left: -104px;opacity: 1;}
.side_kf #top{display:block;position:relative;height: 55px;background:url(../images/top.svg) no-repeat center;text-align:center;background-size: 30px;}
.side_kf #top i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
 
@media only screen and (max-width:1080px){
.side_kf{width:44px}
.side_kf #wa{height: 44px;}
.side_kf #em{height: 44px;}
.side_kf #wx{height: 44px;}
.side_kf #top{height: 44px;}
}
@media only screen and (max-width:520px){
.side_kf{width:40px}
.side_kf #wa{height: 40px;background-size: 25px;}
.side_kf #em{height: 40px;background-size: 25px;}
.side_kf #em i{font-size: 14px;}
.side_kf #wx{height: 40px;background-size: 25px;}
.side_kf #wx i img{width: 80px;height: 80px;}
.side_kf #top{height: 40px;background-size: 25px;}
}

/* foot */
.foot{background: #000000;padding: 50px 0 0;}
.foot .f_ter .home{margin-bottom: 50px;}
.foot .f_ter .home span{font-size: 15px;color: #fff;display: flex;align-items: center;font-family: Arial black;}
.foot .f_ter .home img{width: 24px;margin-right: 6px;}
.foot .f_ter .ul{margin-bottom: 50px;}
.foot .f_ter li{margin-right: 20px;}
.foot .f_ter li img{width: 24px;}
.foot .f_nav .flex{justify-content: space-between;margin-bottom: 40px;}
.foot .f_nav .item{width: 20%;}
.foot .f_nav .item .hd{font-size: 16px;margin-bottom: 20px;color: #fff;font-family: Arial black;}
.foot .f_nav .item .hd a{font-size: 18px;color: #fff;}
.foot .f_nav .item li{margin-bottom: 8px;transition: 0.3s;}
.foot .f_nav .item li:hover{transform: translateX(5px);}
.foot .f_nav .item li:hover a{color:#fff ;}
.foot .f_nav .item li a{font-size: 14px;color: #9BA3B4;font-family: Arial black;}
.foot .f_bottom .f_bom{display: flex;justify-content: space-between;}
.foot .f_bottom .f_bom span{padding: 30px 0;color: #9BA3B4;font-size: 14px;font-family: Arial black;}
.foot .f_bottom .f_bom a{padding: 30px 0;color: #9BA3B4;font-size: 14px;font-family: Arial black;}
@media (max-width:768px){
.foot{padding: 40px 0;}
.foot .f_nav{display: none;}
.foot .f_bottom .f_bom{padding: 20px 0;}
.foot .f_ter .home{margin-bottom: 30px;}
.foot .f_ter .ul{margin-bottom: 20px;}
}
@media (max-width:520px){
.foot{padding: 25px 0;}
.foot .f_nav{display: none;}
.foot .f_bottom .f_bom{padding: 0;font-size: 12px;line-height: 24px;}
.foot .f_ter .ul{margin-bottom: 10px;}
.foot .f_ter .home{margin-bottom: 20px;}
.foot .f_ter .home img{width: 18px;}
.foot .f_ter .home span{font-size: 14px;}
.foot .f_ter li img{width: 18px;}
}


/* header */
.header{width:100%;height:90px;position:fixed;top:0;left:0;z-index:100;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header .odcontent{justify-content: space-between;}
.header .h_logo{height:90px;display:flex;flex-wrap:wrap;align-items:center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header .h_logo a{display:block;width:100%}
.header .h_logo h1{font-weight:400;font-size:0;display: flex;align-items: center;}
.header .h_logo img{width: 100%;}
.header .h_logo img:nth-child(2){display: none;}
.header .head_nav{position:relative;width: 72%;}
.header .head_nav ul.nav_list{height:90px;-webkit-transition: all 0.5s;transition: all 0.5s;margin-right: 24%;position: relative;}
.header .head_nav ul.nav_list li{height:100%;width:16.666%;position: relative;}
.header .head_nav ul.nav_list li h3{text-align:center;display:block;height:100%;width:100%;font-weight:400;font-size: 20px;}
.header .head_nav ul.nav_list li h3 a{display:block;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color: #fff;position: relative;}
/* .header .head_nav ul.nav_list li h3 a:after{content:"";position:absolute;bottom:0;width:0;left:0;height:2px;background:#333;z-index:1} */
.header .head_nav ul.nav_list li.cur h3 a,.header .head_nav ul.nav_list li:hover h3 a{font-family: Arial black;}
/* .header .head_nav ul.nav_list li:hover h3 a:after{width: 100%;} */
.header .head_nav .subnav{display:none;position:absolute;left:0;top:100%;width: auto;min-width: 100%;background: #fff;border-bottom-left-radius: 40px;box-shadow: 0px 13px 36.86px 1.14px rgb(6 11 17 / 6%);padding:25px 15px;}
.header .head_nav .subnav .item{display: flex;flex-wrap: wrap;}
.header .head_nav .subnav a{font-size:17px;color: #1f1f1f;margin-bottom: 30px;position: relative;font-family: Arial black;width: max-content;margin-left: 10px;margin-right: 10px;}
.header .head_nav .subnav a:nth-last-child(1){margin-bottom: 0;}
.header .head_nav .subnav a:hover{font-weight: bold;}
.header .head_nav .subnav a:before{content:'';position:absolute;display:block;height:2px;width:0;left:0;bottom:-8px;background-color:#000;transition:width .3s ease}
.header .head_nav .subnav a:hover:before{width: 100%;}

/* .header .head_nav .subnav a::before{display: inline-block;content: "";width: 0;height: 2px;margin-bottom: 3px;background-color: #333;transition: 0.3s;vertical-align: baseline;}
.header .head_nav .subnav a:hover::before{width: 20px;margin-right: 6px;} */
/* .header .head_nav ul.nav_list li:nth-child(5) .subnav{opacity: 0;} */
/* .header .head_nav ul.nav_list li:nth-child(3) .subnav .item{justify-content: space-between;}
.header .head_nav ul.nav_list li:nth-child(3) .subnav .item a{width: auto;}
.header .head_nav ul.nav_list li:nth-child(2) .subnav .item{justify-content: space-between;}
.header .head_nav ul.nav_list li:nth-child(2) .subnav .item a{width: auto;} */
.header .head_nav .h_other{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;justify-content: flex-end;align-items:center;width:200px;}
.header .head_nav .h_other .dh{display:inline-block;position:relative}
.header .head_nav .h_other .dh .icon{width:60px;height:60px;background: url(../images/icon_dh.png) no-repeat right;background-size: 20px;cursor:pointer;filter: none;}
.header .head_nav .h_other .dh .dh_cont{width: max-content;background-color: rgb(255 255 255);position: absolute;right: 0;top: 76px;z-index: 10;padding: 10px 30px;box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;display: none;border-radius: 14px;font-size: 16px;}
.header .head_nav .h_other .search{display:inline-block;position:relative}
.header .head_nav .h_other .search .icon{width:60px;height:60px;background: url(../images/icon_search.png) no-repeat right;background-size: 20px;cursor:pointer;filter: none;}
.header .head_nav .header-search-form{animation-name:r2l;-webkit-animation-name:r2l;-ms-animation-name:r2l;animation-timing-function:ease;-webkit-animation-timing-function:ease;-ms-animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-duration:.3s;-webkit-animation-duration:.3s;-ms-animation-duration:.3s}
.header .head_nav .header-search-form{display:none;position:absolute;right:-16px;width:240px;background-color:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.1) inset;border-radius:40px;transition:all .3s;z-index:6;top: 10px;}
.header .head_nav .header-search-form form{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.header .head_nav .header-search-form .input{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.header .head_nav .header-search-form button,.header .head_nav .header-search-form input{display:block;height:40px;line-height:40px;outline:0;background:0 0;border:none}
.header .head_nav .header-search-form input{padding-left:20px;width:100%;color:#555;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.header .head_nav .header-search-form button{padding:0 16px;font-size:18px;color:#333;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.header .head_nav .h_other .search:hover .header-search-form {display: block;}
.header .head_nav .h_other .search:hover .header-search-form button{background: url(../images/icon_search.png) no-repeat right;cursor: pointer;filter: brightness(0.5);background-size: 20px;margin-right: 20px;}
.header .head_nav .h_other .search:hover .icon{opacity: 0;}
.header .head_btn{cursor:pointer;position:absolute;top:50%;right:-10px;transform:translateY(-50%);padding:10px}
.header .head_btn .menuBtn{width:24px;height: 18px;}
.header .head_btn .bar1,.header .head_btn .bar2,.header .head_btn .bar3{width: 20px;height: 2px;background-color:#fff;margin: 5px 0;transition:.4s;}
.header .head_btn .bar1{margin-top:0}
.header .head_btn.change .bar1{transform:rotate(45deg) translate(6px,5px)}
.header .head_btn.change .bar2{opacity:0}
.header .head_btn.change .bar3{transform:rotate(-45deg) translate(6px,-5px)}
@keyframes r2l{0%{transform:translateX(50px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@-webkit-keyframes r2l{0%{-webkit-transform:translateX(50px);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
@-ms-keyframes r2l{0%{-ms-transform:translateX(50px);opacity:0}
100%{-ms-transform:translateX(0);opacity:1}
}
.header .head_nav .h_other .head_btn{display:none}
.header:hover{background: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);height:80px;}
.header:hover .h_logo{height: 80px;}
.header:hover .head_nav ul.nav_list{height: 80px;}
.header:hover .head_nav ul.nav_list li h3 a{color: #000;}
.header:hover .head_nav .h_other .dh .icon{filter: invert(0.7);}
.header:hover .head_nav .h_other .search .icon{filter: invert(0.7);}
.header:hover .head_btn .bar1, .header:hover .head_btn .bar2, .header:hover .head_btn .bar3{background-color: #000;}

/* 下滑 */
.scro .header{background: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);height: 80px;}
.scro .header .h_logo{height: 80px;}
.scro .header .h_logo img:nth-child(2){display: block;}
.scro .header .h_logo img:nth-child(1){display: none;}
.scro .header .head_nav ul.nav_list{height: 80px;}
.scro .header .head_nav ul.nav_list li h3 a{color: #000;}
.scro .header .head_nav .h_other .dh .icon{filter: invert(0.7);}
.scro .header .head_nav .h_other .search .icon{filter: invert(0.7);}
.scro .head_btn .bar1,.scro .head_btn .bar2,.scro .head_btn .bar3{background-color: #000;}

/* 手机端 */
.moble_nav{padding-top:140px;padding-bottom:50px;height:100%;width:100%;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:98;display:none}
.moble_nav nav{padding:0 20px;height:100%}
.moble_nav ul{height:100%;overflow-y:auto;border-top:1px solid rgba(100,100,100,.3)}
.moble_nav ul li span{display:block;border-bottom:1px solid rgba(100,100,100,.3);overflow:hidden}
.moble_nav ul li span.icon{background:url(../images/icon_next1.png) no-repeat right center;background-size:25px;padding-right:50%}
.moble_nav ul li span.icon.cur{background-image:url(../images/icon_next.png);}
.moble_nav ul li span a{padding:18px 0;display:block;font-size:18px;font-weight:700;color:#fff}
.moble_nav ul li .subnav{padding:6px 0 10px;display:none}
.moble_nav ul li .subnav a{display:block;padding:10px 0;font-size:16px;padding-left:10px;color:#eee}
 
@media (max-width:1500px){
.header{height:90px}
.header .h_logo{height:90px}
.header .head_nav ul.nav_list{height:90px;margin-right: 20%;}
.header .head_nav ul.nav_list li h3{font-size:16px}
.header .head_nav .subnav a{font-size:16px;line-height:26px}
.header .head_nav .h_other{width: max-content;}
}
@media (max-width:1400px){
.header .h_logo{height: 80px;}
.header .head_nav ul.nav_list{height: 80px;}
.header .head_nav ul.nav_list li h3{font-size: 16px;}
.header .head_nav .h_other{width: fit-content;}
.header .head_nav .h_other .search .icon{width:50px;height:50px}
.header .head_nav .subnav a{font-size: 14px;}
}
@media (max-width:1100px){
.header .h_logo{width: auto;}
.header .head_nav{width: auto;}
.header .head_nav ul.nav_list{display:none}
.header .head_nav .h_other{position:static;transform:none}
.header .head_nav .h_other .dh .icon{display: none;}
.header .head_nav .h_other .search{margin-right: 60px;margin-top: 15px;}
.header .head_nav .h_other .head_btn{display:block}
}
@media (max-width:980px){
.header{height:65px}
.header .h_logo{height:60px}
.header .head_nav{width: fit-content;}
.header .head_nav .h_other{width:80px}
.header .head_nav ul.nav_list{height:60px}
.header .head_nav .h_other .search{margin-right: 60px;margin-top: 4px;}
.header .head_nav .header-search-form{top:0;}
.scro .header{height: 60px;}
.scro .header .h_logo{height: 60px;}
.header:hover{height: 60px;}
.header:hover .h_logo{height: 60px;}
.header:hover .head_nav ul.nav_list{height: 60px;}

}

@media (max-width:768px){
.moble_nav{padding-top:130px}
.header .head_nav .h_other .search{margin-right: 60%;}
}
@media (max-width:520px){
.header .h_logo{width: max-content;}
.header .head_nav{padding-right:40px}
.header .head_nav .h_other{width:30px;justify-content:space-between}
.header .head_nav .h_other .search .icon{background-size: 18px;width:20px;height:40px;}

}
@media (max-width:480px){
.moble_nav ul li span a{font-size:16px}
.header .head_nav .h_other .search{margin-top: 8px;}
.header-search-form{width: 300px;top: 0px;}
.header .h_logo{width:100px;height: 55px;}
.scro .header .h_logo{height: 55px;}
.scro .header{height: 55px;}
.header:hover{height: 55px;}
.header:hover .h_logo{height: 55px;}
.header:hover .head_nav ul.nav_list{height: 55px;}
}