*{margin:0px;padding:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;margin:0px;padding:0px;}
dl,dd,ul,li{margin:0px;padding:0px;list-style:none;}
input,button,select,keygen,legend{outline:0;border:1px solid #DEDEDE;font: 12px/1.6 tahoma,Arial,Helvetica,sans-serif;border-radius: 3px;height: 36px;line-height: 1;}
input{background-color: transparent;display: inline-block;}
input, select, button, textarea {padding: 2px 8px;background: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border: 1px solid #DEDEDE;}
a,button{cursor:pointer;}
a{color:#018bd7;text-decoration:none;}
a:hover{color:#0c7df5;}
img{max-width:100%;}
em{font-style: normal;font-weight: bold;}
body{font-size:1.4rem; line-height: 1.6;min-height: 100vh;background-color: #FFFFFF;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";}


@font-face {
  font-family: "iconfont"; /* Project id 4188351 */
  src: url('../iconfont/iconfont.woff2?t=1711040939185') format('woff2'),
       url('../iconfont/iconfont.woff?t=1711040939185') format('woff'),
       url('../iconfont/iconfont.ttf?t=1711040939185') format('truetype');
}
[class^="iconfont"],[class*=" iconfont"]{font-family: 'iconfont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align:middle;}


.Mb10{margin-bottom: 10px;}
.Mb50{margin-bottom:50px;}

.width{width:1040px;}
.center{margin:0 auto;}
.clearfix:after {content: "";display:table;clear: both;overflow: hidden}
.flex{display: flex;}
.flex .auto{flex:1;}

.onHide{display:none!important;}
.onShow{display:block!important;}

header{font-size: 14px;padding: 0.6rem 0;}
main{min-height: calc(100vh - 114px);}
footer{display: block;min-height: 20rem;color: #666;padding: 15px 0;font-family: Arial;}

/*公共头部样式*/
header a:hover{color: #FFFFFF;}
header .logo{margin-right: 20px;height:3.6rem;}
header .logo img{height:3.6rem;vertical-align: middle;}
header .lang{width:12rem;padding-left: 10px;margin-right: 2rem;}
header .lang span{font-size:16px;line-height: 3.6rem;}
header .lang .flex i.iconfont{font-size: 1.8rem;line-height:3.6rem;margin-right: 1rem;}
header .lang .option{width:12rem;line-height:3rem!important;padding:0.8rem 1rem; box-shadow: 0 2px 5px 1px #8b8989;}
header .lang .option a{color: #333;font-size: 1.4rem;}
header .flex .link a {display: block;width:12.2rem; height:3.6rem;line-height:3.6rem;text-align: center;background-color: #222222;color: #FFFFFF;font-size: 1.5rem;border-radius:1.8rem;padding: 0 2.2rem;}

header .nav-link dd{padding: 0 15px;}
header .nav-link dd a{color: #333;font-size: 15px;}
.footer{padding:3rem 0 8rem 0;line-height: 3rem;border-top:2px solid #DEDEDE;font-size: 1.6rem;}
.footer>div .hd{font-size: 1.8rem;font-weight: bold;margin-bottom: 0.5rem;}
.footer .info{width:30rem;margin-right:5rem;line-height:1.8;}
.footer .info .logo{margin-bottom: 1rem;}
.footer .info .logo img{height:3.6rem;}
.footer .links{flex:1; margin-right:5rem;}
.footer .links ul{display: flex;flex-wrap: wrap;}
.footer .links ul li{width: 50%;position: relative;padding-left: 1.5rem;}
.footer .links ul li::before {height: 8px;width: 8px;background: #ffce40;content: '';position: absolute;left: 0;top:50%;margin-top: -4px;}
.footer a{color: #666;}
.footer .copyright{font-size: 1.4rem;margin-top:5rem;text-align: center;}


.dropdown{position:relative;cursor: pointer;}
.dropdown>div:first-child{position: relative;padding-right: 18px;}
.dropdown>div:first-child::after{display: block;font-family: 'iconfont' !important;position: absolute;right: 0;top:50%;content: "\e60f";width: 12px;height: 12px;line-height: 12px;font-size:9px;margin-top:-5px;}
.dropdown .option{position:absolute;display:none;z-index:99;min-width:80px;background-color:#FFFFFF;left:0;padding:8px 0;}
.dropdown .option .item{display:block;padding:0 10px;font-size:14px;color: #000;}

.slide .hd li{cursor:pointer;}
.slide .bd .item{display:none;}

.slogan{padding:15rem 0 12rem 0;text-align: center;}
.slogan h1{font-size:4.4rem;line-height:8rem;margin-bottom:2rem;color:#333;}
.slogan h1.en{font-size:5.2rem;line-height:1.2;font-weight:normal;font-family: ui-serif, LibreBaskerville, Georgia, Cambria, "Times New Roman", Times, serif;}
.slogan span{display:block;width:68%; font-size: 1.8rem;margin: 0 auto;}
.slogan a{display: block;width: 200px;height: 50px;line-height:48px;text-align: center;background-color: #222222;color: #FFFFFF;font-size:22px;border-radius:6px;margin:3rem auto;}

.tutorial {margin-bottom: 15rem;}
.tutorial .title {text-align: center;margin-bottom: 5rem;}
.tutorial .title h3 {font-size: 3.2rem;font-weight: 500;}
.tutorial .flex {display: flex;}
.tutorial .flex>div {width: 50%;}
.tutorial .hd {padding-right: 4.2rem;}
.tutorial .hd li {margin-bottom: 1rem;border-radius: 19px;padding: 1.5rem 2rem;position: relative;}
.tutorial .hd li::after {display: block;font-family: 'iconfont' !important;position: absolute;right: 1rem;top: 50%;content: "\e60f";width: 2rem;height: 2rem;line-height: 2rem;font-size: 1.4rem;margin-top: -1rem;}
.tutorial .hd li em {display: block;font-size: 2.2rem;font-weight: normal;margin-bottom: 0.5rem;}
.tutorial .hd li span {display: none;font-size: 1.6rem;}
.tutorial .hd li:hover {background-color: #eaeaea;}
.tutorial .hd li.active {background-color: #F4F4f4;}
.tutorial .hd li.active::after {display: none;}
.tutorial .hd li.active span {display: block;}

.service{margin-bottom:15rem;}

.featrue{background-color: #F4FAFE;}
.featrue{margin-bottom:10rem;}
.featrue-list{display: flex;padding:5rem 1rem 5rem 5rem; margin: 0 auto;border-radius:5px;}
.featrue-list dd{width: 20%;padding-right:3rem;}
.featrue-list dd i.iconfont{font-size:4.2rem;color: #018bd7;margin-top: 8px;display: inline-block;}
.featrue-list dd:nth-child(2) i.iconfont{color: #d78c01;}
.featrue-list dd:nth-child(3) i.iconfont{color: #df62d4;}
.featrue-list dd:nth-child(4) i.iconfont{color: #55c7b2;}
.featrue-list dd:nth-child(5) i.iconfont{color: #7ebb3c;}
.featrue-list dd h4{font-size:1.8rem;margin:1rem 0;}
.featrue-list dd span{color:#677294}
.featrue-list dd>div:first-child{width: 3rem;margin-right:3rem; text-align: center;}
.featrue-list dd>div:last-child{flex:1;}


@media screen and (max-width: 1600px){
  .width{width:1200px;}
}

@media screen and (max-width: 1200px){
  .width{width:1020px;}
}

@media screen and (max-width: 960px){
  .width{width:100%;}
  .lang{width: 8rem;margin: 0 auto;}
  header .flex .link a {display: none;}
  header .logo {margin:0 1rem;height: 3.6rem;}
  .tutorial .slide{flex-direction: column;padding:0.5rem;}
  .featrue,.help{width:90%;}
  .featrue-list{padding: 1rem; flex-wrap: wrap;align-content: space-between;justify-content: space-between;}
  .featrue-list dd{flex:1 0 50%;padding:1rem 2rem;}
  .tutorial {margin-bottom: 5rem;}
  .tutorial .title{margin-bottom: 2rem;}
  .tutorial .flex>div{width: 100%;}
  .tutorial .flex .hd{padding-right:0rem;}
  .tutorial .bd{display: none;}
  .slogan span{width: 80%;}
  .slogan::before{display: none;}
  .slogan::after{max-width:100vw;right: 0;}
  .service{margin-bottom:5rem;}
  
  .footer{padding: 2rem;}
  .footer>.flex{flex-direction:column;}
  .footer>.flex>div{padding: 0;margin-bottom:1rem;margin-right: 0;}
  .footer .site-info{width:100%;margin-right:0; margin-bottom:3rem;text-align: center;}
  .footer .site-info .logo img{margin: 0 auto;}
  .footer .site-info .social ul{justify-content: center;}
  .footer .info>.auto>.links>div{margin-right:0;text-align: center;width: 33%;}

  .footer .copyright{text-align: center;}

}