@charset "utf-8";html{height:100%}
body{min-height:100%;font-size: 14px;}
blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,iframe,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}
li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
fieldset,frame,iframe,img{border:0 none}
img{vertical-align:top;-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none;padding:0;margin:0}
button{cursor:pointer;outline: none;}
button,input,textarea{-webkit-border-radius:0;-webkit-appearance:none;border: none;}
input[type=radio]{-webkit-border-radius:100%;-webkit-appearance:radio}
input[type=checkbox]{-webkit-appearance:checkbox;margin-top: 1%;margin-right: 2%;}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}
textarea{overflow:auto;resize:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
th{font-weight:400}
address,cite,i{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
body,button,input,select,textarea{color:#333;font-size:14px;font-family: NotoSansSC-Regular;}
body{line-height:1.5}
a,a:active,a:link,a:visited{text-decoration:none}
a{blr:expression(this.onFocus=this.blur());color:#333;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;}
@media screen and (max-device-width:320px){body{-webkit-text-size-adjust:none}
}
@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:none}
}
@media only screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-text-size-adjust:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{-webkit-text-size-adjust:none}
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:.5}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:.5}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:.5}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:.5}
img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s;border:0;display:inline-block}
 @font-face{font-family:iconfont;src:url(iconfont/iconfont.eot);src:url(iconfont/iconfont.eot-#iefix) format('embedded-opentype'),url(iconfont/iconfont.woff2) format('woff2'),url(iconfont/iconfont.woff) format('woff'),url(iconfont/iconfont.ttf) format('truetype'),url(iconfont/iconfont.svg#iconfont) format('svg')}
 *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
 html{font-size:20px}
input[type=text]::-ms-clear{display:none}
:focus{outline:0}
.flex{display: flex;flex-wrap: wrap;}
.odcontent{max-width: 1750px;width: 96%;  margin:0 auto}
.nei_wrap{max-width: 1600px;width: 96%;  margin:0 auto}
.w1400{max-width: 1400px;width: 96%;  margin:0 auto}
.w1200{max-width: 1200px;width: 96%;  margin:0 auto}
.w1000{max-width: 1000px;width: 96%;  margin:0 auto}
@font-face {font-family: NotoSansSC-Bold;src: url(../fonts/NotoSansSC-Bold.woff2);}
@font-face {font-family: NotoSansSC-Medium;src: url(../fonts/NotoSansSC-Medium.woff2);}
@font-face {font-family: NotoSansSC-Regular;src: url(../fonts/NotoSansSC-Regular.woff2);}
@font-face {font-family: SF-UI-Display-Regular;src: url(../fonts/SF-UI-Display-Regular.otf2);}
@font-face {font-family: ZURCHBXC;src: url(../fonts/ZURCHBXC.TTF);}

/* head */
header .head_top{background: #131314;padding: 10px 0 30px;}
header .head_top ul{justify-content: flex-end;}
header .head_top li{position: relative;padding: 0 10px;}
header .head_top li:nth-child(1){padding-left: 0;}
header .head_top li:after{position: absolute;bottom: 3px;height: 15px;content: '';z-index: 1;right: 0;width: 1px;background: #929a9b;}
header .head_top li:nth-last-child(1):after{display: none;}
header .head_top li a{color:#929a9b;font-size: 14px;}
header .head_top .logo{margin-top: 20px;justify-content: center;}
header .head_top .logo .l_img{width: 310px;height: 80px;margin-right: 2%;}
header .head_top .logo .title{margin-top: 2%;}
header .head_top .logo .title span{color: #24a3db;font-size: 22px;}
header .head_top .logo .title p{color: #fff;font-size: 14px;}
header .pc_nav{border-bottom: 1px solid #eee;}
header .pc_nav ul{justify-content: center;}
header .pc_nav ul li{padding: 0 25px;height: 51px;line-height: 51px;border-right: 1px solid #eee;}
header .pc_nav ul li a{color: #000;font-size: 15px;}
header .pc_nav ul li:hover{border-bottom: 3px solid #24a3db;}
header .pc_nav ul li:hover a{color: #24a3db;}
header .moimg{align-items: center;}
header .logo_img{display: none;}
header .menu_part{position: relative;display:inline-block;width: 40px;height: 20px;vertical-align: middle;display: none;}
header .menu_btn{display: inline-block;position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);z-index: 2;cursor: pointer;}
header .menu_btn span{display: block;width: 70%;height: 2px;transform-origin: center;background: #000;}
header .menu_btn span:nth-child(1){top: 0;}
header .menu_btn span:nth-child(2){position: relative;margin: 5px 0px;width: 85%;opacity: 1;transition: all .5s;}
header .menu_btn span:nth-child(3){top:100%;margin: 0 0 0 0;}
header .menu_btn.open{/* width: 20px;height: 14px; */z-index: 9999;}
header .menu_btn.open span{width: 100%;}
header .menu_btn.open span:nth-child(1){position: absolute;top: 50%;left: 0;transform: rotateZ(45deg);transition: all 0.3s 0.5s;}
header .menu_btn.open span:nth-child(2){opacity: 0;width: 0;margin: 10px 0;}
header .menu_btn.open span:nth-child(3){position: absolute;top: 50%;left: 0;transform:rotateZ(-45deg);transition: all 0.3s 0.5s;}
/* mobile-start */

header .mobile_nav .m_logo img{width: auto;opacity: 0;}
header .mobile_nav .second_nav {position: relative;padding: 12px 5%;width: 100%;height: 100%;background: transparent;box-sizing: border-box;z-index: 99;}
header .mobile_nav .second_nav > li{padding: 20px 0;width: 100%;line-height: 1.6;cursor: pointer;color: #fff;transform: translateY(-100%);transition: all 0.2s ease-out;opacity: 1;box-sizing: border-box;}
header .mobile_nav .second_nav > li p{display: inline-block;}
header .mobile_nav .second_nav > li > a:hover{color: #24a3db;}
header .mobile_nav .second_nav > li i{display: inline-block;float: right;margin-top:6px;width: 10px;height: 10px;vertical-align: middle;transform: initial;background-size: 20px auto;border: 1px solid #d6d6d6;border-radius: 50%;position: relative;}
header .mobile_nav .second_nav > li i:after{content:"";position: absolute;left:50%;top:50%;width: 4px;height: 4px;background:#24a3db;opacity: 0;transform: translate(-50%,-50%);border-radius: 50%;}
header .mobile_nav .second_nav > li i.on{border-color: #24a3db;}
header .mobile_nav .second_nav > li i.on:after{opacity: 1;}
header .mobile_nav.sld .second_nav > li{transform: translateY(0);opacity: 1;border-bottom: 1px solid #d6d6d6;}
header .mobile_nav.sld .second_nav > li:nth-child(1){transition-delay: 0.2s;}
header .mobile_nav.sld .second_nav > li:nth-child(2){transition-delay: 0.25s;}
header .mobile_nav.sld .second_nav > li:nth-child(3){transition-delay: 0.3s;}
header .mobile_nav.sld .second_nav > li:nth-child(4){transition-delay: 0.35s;}
header .mobile_nav.sld .second_nav > li:nth-child(5){transition-delay: 0.4s;}
header .mobile_nav.sld .second_nav > li:nth-child(6){transition-delay: 0.45s;}
header .mobile_nav.sld .second_nav > li:nth-child(7){transition-delay: 0.5s;}
header .mobile_nav.sld .second_nav > li > a{font-size: 16px;color: #fff;}
header .mobile_nav .second_nav .next_nav{display: none;margin-top: 20px;}
header .mobile_nav .second_nav .next_nav > li{padding-left: 20px;font-size: 16px;box-sizing: border-box;position: relative;}
header .mobile_nav .second_nav .next_nav > li:hover{color: #24a3db;}
header .mobile_nav .second_nav .next_nav > li a{color: #fff;font-size: 14px;line-height: 2;}
header .mobile_nav .second_nav .bg_line{position: absolute;top: -4.5px;left: 50%;width: calc(100% + 20px);width: -webkit-calc(100% + 20px);height: 45px;background-color: #ff0000;transform: translateX(-50%);z-index: -1;border-radius: 30px;transition: top .3s ease;display: none;}
@keyframes rotation{from{transform: rotateZ(0deg);}to{transform: rotateZ(720deg);}}
header .mobile_nav{position: fixed;left: -100vw;top: 0;width: 300px;height: 100vh;transition: all .3s;box-sizing: border-box;z-index: 100;background: rgba(0,0,0,1);z-index: 1000;}
header .mobile_nav .m_logo{display: block;padding: 0px 0% 0;width: 100%;box-sizing: border-box;}
header .mobile_nav.sld{left:0;width: 76%;}
@media only screen and (max-width:1080px){
header{box-shadow: 0 0 10px rgba(0,0,0,0.1);background: #fff;padding: 15px 4%;border-bottom: 1px solid #f0eded;}
header .head_top{display: none;}
header .pc_nav{display: none;}
header .logo_img{display: flex;align-items: center;}
header .logo_img img{width: 50%;}
header .menu_part{visibility: visible;display: inline-block;margin: 0 auto;margin-right: 0;}
}
@media only screen and (max-width:768px){
header .logo_img{width: 50%;}
header .logo_img img{width: 120px;}
}


/* footer */
footer .foot_nav{background-color: #303030;line-height: 45px;height: 45px;}
footer .foot_nav ul{justify-content: center;}
footer .foot_nav li{padding: 0px 20px;position: relative;}
footer .foot_nav li:after{position: absolute;bottom: 14px;height: 15px;content: '';z-index: 1;right: 0;width: 1px;background: #929a9b;}
footer .foot_nav li a{color: #c1c1c1;font-size: 16px;font-weight: 540;}
footer .foot_content{background: #131313;padding: 25px 0;}
footer .foot_content .f_img{width: 25%;}
footer .foot_content .f_img img{width: 100%;}
footer .foot_content .f_tit{width: 40%;padding-left: 25px;}
footer .foot_content .f_tit p{color: #8c8b8c;}
footer .foot_content .f_tit a{color: #8c8b8c;}
footer .foot_content .f_ew{width: 35%;}
footer .foot_content .f_ew img{width: 35%;margin-left: 15px;}
@media only screen and (max-width:1080px){
footer .foot_nav{display: none;}
footer .foot_content .f_ew img{width: 45%;}
}
@media only screen and (max-width:768px){
footer .w1000{padding:0 14px;}
footer .foot_content .f_ew{width: 100%;}
footer .foot_content .f_ew img{width: 25%;margin-left: 0;}
footer .foot_content .f_ew img:nth-child(1){margin-right: 15px;}
footer .foot_content .f_img{width: 100%;}
footer .foot_content .f_img img{width: 160px;}
footer .foot_content .f_tit{width: 100%;padding-left: 0;margin: 15px 0;}
}



/* top */
.Rigmt{ position: fixed; right: 30px; top: 40%;z-index: 999; }
.Rigmt>div{ margin-bottom: 6px; box-shadow: 0 5px 10px rgba(94,157,255,.2); border-radius: 50%; position: relative; }
.Rigmt>div span{width: 54px;height: 54px;line-height: 54px;text-align: center;transition: .5s;display: flex;justify-content: center;align-items: center;background: #fff;border-radius: 50%;font-size: 26px;color:#a7b2ca;}
.Rigmt>div span .img2{display: none;}
.Rigmt>div span img{width: 28px;}
.Rigmt>div div{ position: absolute;  background: #fff; box-shadow: 0 5px 10px rgba(94,157,255,.2); right: 0; font-size: 16px;overflow: hidden;
  margin-right: 70px; padding-left: 0; width: 0; min-width: 0px; padding-right: 0; line-height: 54px; min-height: 54px;  top: 0; transition: .5s;  }
.Rigmt>div:hover div{padding-left: 6px;padding-right: 6px;min-width: max-content;text-align: center;}
.Rigmt>div:hover span{ background: #24a3db; color:#fff; }
.Rigmt>div:hover span .img1{display: none;}
.Rigmt>div:hover span .img2{display: block;}
.Rigmt>div div img{width: 100px;margin: 6px 0;}
@media screen and (max-width:540px){
.Rigmt{display: none;}
}