/*flex*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}

/*entry*/
.entry img{max-width:100%;height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
.entry table{border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;}
.entry th{background-color:#f9f9f9;text-align:center;}
.entry td,.entry th{padding:5px;border:1px solid #e4e4e4;}

/*header*/
#header > .inner{display:table;table-layout:fixed;}

/*logo*/
#logo{width:14.4375em;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;padding:1.40625em 0;}
#logo a{display:block;overflow:hidden;padding-bottom:13.02931596%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*button*/
#button{display:table-cell;vertical-align:middle;width:16.5625em;}
#button > .flex{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*language*/
#language{position:relative;}
#language span{display:block;position:relative;padding-right:1.5em;background:url(../images/arrow_down_01.svg) no-repeat right center;background-size:1.0625em auto;cursor:pointer;}
#language ul{position:absolute;left:50%;transform:translateX(-50%);top:100%;background-color:#fff;min-width:100%;text-align:center;padding:0.35em 0;border-radius:0.25em;box-shadow:0px 0px 1em rgba(0,0,0,0.05);margin-top:1.4375em;display:none;z-index:5;}
#language ul:before{border-bottom:0.35em solid #fff;border-left:0.35em solid transparent;border-right:0.35em solid transparent;content:'';display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);}
#language a{display:block;padding:0.15em 1em;}

/*search*/
#search{width:11.25em;position:relative;}
#search .input{border-bottom:1px solid #b7b7b7;}
#search .text{display:block;width:100%;height:2.375em;line-height:1.6875em;color:#404040;padding:0.34375em 0 0.34375em 1.5em;}
#search .go{display:block;position:absolute;left:0;top:0;height:100%;width:1.125em;cursor:pointer;background:url(../images/search_01.svg) no-repeat left center;background-size:100% auto;}

/*navbtn*/
#navbtn{display:none;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;padding:0 1.44rem;font-weight:500;}
#navi .menu{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:40.875em;}
#navi a{display:block;}
#navi .active a{ color:#ef1500;}
#navi .parent{padding:1.625em 0;line-height:1.5em;position:relative;}
#navi .drop{position:absolute;left:50%;transform:translateX(-50%);top:100%;background-color:#ef1500;min-width:100%;text-align:center;padding:0.5em 0;display:none;}
#navi .drop li{line-height:2em;}
#navi .drop a{padding:0.25em 1.5em;white-space:nowrap;color:#fff;}
#navi em{display:none;}

/*banner*/
#banner{padding-bottom:25%;background:no-repeat center center;background-size:cover;position:relative;}
#banner .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;color:#fff;text-align:center;}
#banner .inner{justify-content:center;}
#banner .name{font-size:0.41rem;min-width:20.48780488em;background:url(../images/banner_text.svg) no-repeat center center;background-size:cover;height:3.12195122em;display:flex;align-items:center;justify-content:center;}

/*bar*/
#bar{border-bottom:2px solid #e1e1e1;}

/*submenu*/
#submenu ul{justify-content:center;position:relative;}
#submenu li{line-height:2.75em;position:relative;font-weight:500;}
#submenu a{width:9.375em;display:block;text-align:center;}
#submenu .cur a{background-color:#ef1500;color:#fff;}

/*menu*/
#menu{background-color:#272727;color:#fff;padding:2.5em 0 2em;}
#menu a{color:#fff;}
#menu dl{width:16.6666%;}
#menu dt{font-size:1.25em;line-height:1.35em;font-weight:500;margin-bottom:1em;}
#menu dd{font-size:0.9375em;line-height:2.2em;}

/*footer*/
#footer{color:#fff;background-color:#191919;padding:2.75em 0;}
#footer a{color:#fff;}
#footer .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-direction:row-reverse;}

/*infor*/
#infor{width:43.66666667%;}
#infor .top{font-family:'Montserrat','SourceHanSansCN';font-size:0.875em;font-weight:400;line-height:1.6em;margin-bottom:1.64285714em;}
#infor .btm{font-size:0.875em;line-height:1.75em;}

/*follow*/
#follow{width:22.5em;}
#follow ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#follow .qrcode{margin-bottom:0.625em;background-color: #FFFFFF;}
#follow img{display:block;width:6.6875em;height:auto;margin:0 auto;}
#follow .text{font-size:0.75em;line-height:1.5em;text-align:center;}

/*social*/
#social .logo{margin-bottom:5.125em;}
#social .logo img{height:2.5em;width:auto;max-width:100%;object-fit:contain;border-radius:0.3125em;display:block;}
#social li{margin-left:1.375em;}
#social li a{display:block;overflow:hidden;}
#social li img{display:block;height:1.875em;width:auto;}

/*wrapper*/
#wrapper{overflow:hidden;padding:0.81rem 0 0.74rem;}

/*part1*/
.part1{margin-bottom:3.33333333%;overflow:hidden;}

/*part*/
.part{text-align:center;margin-bottom:3%;}
.part .title{font-size:2.25em;font-weight:500;line-height:1.35em;}
.part .intro{color:#4d4d4d;font-size:1.25em;line-height:1.7em;margin-top:1.15em;}

/*authorization*/
.authorization{margin-bottom:2.93333333%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.authorization .figure{width:60%;background-color:#ff4200;padding:3.33333333%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;}
.authorization .figure img{width:58.44444444%;margin:0 auto;}
.authorization .text{width:40%;background-color:#f0f0f0;padding:4.53333333% 3%;}
.authorization .title{font-size:2em;line-height:1.35em;font-weight:500;margin-bottom:0.875em;}
.authorization .intro{color:#4d4d4d;font-size:1.2em;line-height:1.7em;}

/*contrast*/
.contrast{margin-bottom:2%;}
.contrast .type_vs {background:#ededed; position:relative;justify-content: space-between;}
.contrast .type_vs li{width:45%;align-content: center;text-align: center;}
.contrast .type_vs li:not(.vs){padding:1.5% 3%}
.contrast .type_vs li.vs{position:absolute; margin: auto; left:0; right:0; top:0; bottom:0; width:34px; height:34px;}
/*advantage*/
.advantage{overflow:hidden;justify-content: space-between;}
.advantage ul{width:49.5%; justify-content: space-between;}
.advantage li{width:49%; padding:1% 0;}
.advantage .box{position:relative;height:100%;background-color:#f0f0f0;text-align:center;padding:2.8125em 1.5625em 2.25em;transition:all 0.2s;}
.advantage .icon{margin:0 auto 2.25em;width:3.75em;height:3.75em;}
.advantage .icon img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.advantage .icon img:nth-child(2){display:none;}
.advantage .title{font-size:1.6875em;font-weight:500;line-height:1.75em;}
.advantage .intro{font-size:1.2em;color:#4d4d4d;line-height:1.5em;min-height:4.5em;}
.advantage .box:hover{background-color:#ef1500;color:#fff;}
.advantage .box:hover .icon img:nth-child(1){display:none;}
.advantage .box:hover .icon img:nth-child(2){display:block;}
.advantage .box:hover .intro{color:#fff;}
.advantage ul:nth-child(even) .box:hover{background-color:#FF4200;}

/*partner*/
.partner-new{background-color:#f0f0f0;padding:45px calc(60 / 1500 * 100%);}
.partner-new ul{margin:0}
.partner-new .img{padding-bottom:calc(180 / 450 * 100%);}
@media(min-width:769px){
.partner-new ul li{width:calc(450 / 1380 * 100%);}
.partner-new ul li:not(:nth-child(3n)){margin-right:calc((100% - (450 / 1380 * 100% * 3)) / 2);}
}
@media(max-width:768px){
	.partner-new ul li{width:50%;}
}

/*baseintro*/
.baseintro{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background-color:#f0f0f0;margin-bottom:2%;}
.baseintro .figure{width:60%;}
.baseintro .text{width:40%;padding:4.53333333% 3%;}
.baseintro .title{font-size:2em;line-height:1.35em;font-weight:500;margin-bottom:0.875em;}
.baseintro .intro{color:#4d4d4d;font-size:1.25em;line-height:1.7em;}
.baseintro .area{font-size:3.1875em;line-height:1em;color:#ef1500;font-weight:600;margin-top:0.64rem;font-family:'Montserrat';}
.baseintro .area i{font-style:normal;}

/*baselist*/
.baselist ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.baselist li{width:49%;margin-bottom:2%;}
.baselist .box{position:relative;}
.baselist .img{padding-bottom:48.97959184%;}
.baselist .name{position:absolute;font-size:1.25em;background-color:#272727;color:#fff;line-height:1.5em;font-weight:500;right:1.5em;top:1.5em;padding:0 0.75em;border-radius:0.25em;}

/*baseinfo*/
.baseinfo li{width:25%;}
.baseinfo .figure{width:100%;}
.baseinfo .img{padding-bottom:60%;}
.baseinfo .text{width:100%;min-height:14.0625em;padding:9.06666667% 8%;}
.baseinfo .box{flex-direction:column;background-color:#f0f0f0;text-align:center;}
.baseinfo .title{font-size:1.6875em;font-weight:500;line-height:1.75em;}
.baseinfo .intro{font-size:1.25em;color:#4d4d4d;line-height:1.5em;}
.baseinfo li:nth-child(2n) .box{flex-direction:column-reverse;}

/*part3*/
.part3{margin-bottom:8%;overflow:hidden;}
.part3:nth-child(2n) .baseintro{flex-direction:row-reverse;}
.part3:last-child{margin-bottom:0;}

/*feature*/
.feature{margin-bottom:8%;overflow:hidden;}
.feature .figure{margin-bottom:2%;}
.feature .img{padding-bottom:45%;}
.feature .title{font-size:2.8125em;font-weight:500;text-align:center;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;padding:0 1em;color:#fff;line-height:1.35em;}
.feature ul{width:102%;}
.feature li{width:25%;padding-right:1.96078431%;padding-bottom:1.96078431%;}
.feature .icon{margin-bottom:2.5em;}
.feature .icon img{height:3.6875em;width:auto;max-width:auto;object-fit:contain;display:block;margin:0 auto;}
.feature .icon img:nth-child(2){display:none;}
.feature .name{font-weight:500;font-size:1.6875em;line-height:1.35em;text-align:center;}
.feature .box{background-color:#f0f0f0;position:relative;height:100%;padding:2.8125em 1em 2.5em;transition:all 0.2s;}
.feature .box:hover{background-color:#e50012;color:#fff;}
.feature .box:hover .icon img:nth-child(1){display:none;}
.feature .box:hover .icon img:nth-child(2){display:block;}

/*part5*/
.part5{margin-bottom:3%;overflow:hidden;}
.part5:last-child{margin-bottom:0;}
.part5 ul{width:102%;}
.part5 li{width:29.41176471%;padding-right:1.96078431%;padding-bottom:1.96078431%;}
.part5 .box{position:relative;height:100%;background-color:#f0f0f0;padding:2.6875em 2.1875em;transition:all 0.2s;}
.part5 .figure{position:relative;height:100%;}
.part5 .img{height:100%;background:no-repeat center center;background-size:cover;display:block;}
.part5 .icon{height:3.6875em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;align-items:center;justify-content:center;margin-bottom:1.375em;}
.part5 .icon img{display:block;width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;margin:0 auto;}
.part5 .icon img:nth-child(2){display:none;}
.part5 .name{font-size:1.6875em;font-weight:500;line-height:1.35em;text-align:center;width:100%;}
.part5 .intro{font-size:1.25em;line-height:1.5em;}
.part5 .info{width:41.17647059%;}
.part5 .info .box{background-color:#e50012;color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding:1.875em 4.5625em 1.875em 2.875em;}
.part5 .info .text{width:calc(100% - 10em);}
.part5 .info .title{font-size:2em;line-height:1em;font-weight:500;margin-bottom:0.6875em;}
.part5 .info .num{font-size:1.13rem;font-family:'Montserrat';font-weight:600;line-height:1em;opacity: 0.4;}
.part5 .cont{width:70.58823529%;}
.part5 .cont .intro{color:#4d4d4d;}
.part5 .large{width:58.82352941%;}
.part5 .small{width:41.17647059%;}
.part5 .box:hover{background-color:#e50012;color:#fff;}
.part5 .box:hover .icon img:nth-child(1){display:none;}
.part5 .box:hover .icon img:nth-child(2){display:block;}
.part5 .box:hover .intro{color:#fff;}

@media only screen and (max-width:1280px){

  /*1280px*/
  #navi{padding:0;}
  #navi .menu{margin:0 auto;width:auto;justify-content:space-evenly;}

  /*1280px*/
  .baseinfo li{width:50%;}
  .baseinfo .text{min-height:28.125vw;}
  
    /*1280px*/
.advantage .intro{min-height: 8em;}

}
@media only screen and (max-width:1024px){

  /*1024px*/
  #header > .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1em 0;}

  /*1024px*/
  #button{display:block;width:auto;}

  /*1024px*/
  #language{margin-left:1.5em;}

  /*1024px*/
  #logo{display:block;padding:0;}

  /*1024*/
  #navbtn{position:relative;cursor:pointer;width:1.28571429em;height:1.14285714em;margin-left:1.5em;transition:all 0.3s;display:block;z-index:10;overflow:hidden;}
  #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.14285714em;background-color:#000;display:block;position:absolute;left:50%;margin-left:-0.64285714em;transition:all 0.3s;content:'';}
  #navbtn:before{top:0;}
  #navbtn:after{bottom:0;}
  #navbtn i{top:50%;transform:translateY(-50%);}
  #navbtn.active:before{transform:rotate(45deg);top:50%;}
  #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
  #navbtn.active i{opacity:0;}

  /*1024px*/
  #navi{position:fixed;width:100%;height:100%;background-color:rgba(240,242,247,0.9);z-index:9;left:0;top:0;display:none;}
  #navi .menu{position:fixed;right:0;top:4.44642857em;width:80%;max-width:25em;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 4.4465em);display:block;padding:2em;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
  #navi.active .menu{transform:translateX(0);}
  #navi .parent{padding:0.75em 0;line-height:2em;position:relative;}
  #navi em{display:block;position:absolute;right:-2em;width:3.5em;height:3.5em;z-index:2;top:0;cursor:pointer;}
  #navi em:after{width:0.42857143em;height:0.42857143em;border-right:0.07142857em solid #333;border-bottom:0.07142857em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.32142857em 0 0 -0.64285714em;transition:all 0.3s;}
  #navi .on > em:after{border-right-color:#ef1500;border-bottom-color:#ef1500;transform:rotate(45deg);}
  #navi .drop{position:relative;left:auto;transform:none;text-align:left;min-width:0;padding:0;margin-top:1em;background-color:transparent;}
  #navi .drop li{margin-left:2em;padding:0.5em 0;}
  #navi .drop a{padding:0;color:#333;}

  /*1024px*/
  #submenu ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;}

  /*1024px*/
  #infor{width:100%;}

  /*1024px*/


  /*1024px*/
  .baseintro .figure{width:100%;}
  .baseintro .text{width:100%;}

  /*1024px*/
  .feature .title{font-size:3.84521484vw;}

  /*1024px*/
  .feature li{width:50%;}

  /*1024px*/
  .part5 li{width:50%;}
  .part5 .img{padding-bottom:35%;}
  .part5 .cont{width:50%;}
  .part5 .large{width:100%;}
  .part5 .small{width:100%;}
  .part5 .info{width:100%;}
  .part5 .info .box{padding-right:2.875em;}
  .part5 .info .num{font-size:5.71428571em;}
}
@media only screen and (max-width:750px){

  /*750px*/
  #header > .inner{padding:0.75em 0;}

  /*750px*/
  #logo{width:11em;}

  /*750px*/
  #language,#navbtn{margin-left:0.65em;}

  /*750px*/
  #search{width:7.5em;}

  /*750px*/
  #banner{padding-bottom:50%;}
  #banner .name{font-size:1.25em;}

  /*750px*/
  #menu{display:none;}

  /*750px*/
  #social{width:100%;margin-bottom:2em;}
  #social .logo{margin-bottom:1.5em;}
  #social .logo img{margin:0 auto;}
  #social ul{justify-content:center;}
  #social li{margin:0 0.5em;}

  /*750px*/
  #follow{width:100%;margin-bottom:1.5em;}
  #follow ul{justify-content:space-evenly;}

  /*750px*/
  #infor{text-align:center;}

  /*750px*/
  #wrapper{padding:3em 0;font-size:0.75em;}

  /*750px*/
  .part1{margin-bottom:2em;}

  /*750px*/
  .part{margin-bottom:1.5em;}

  /*750px*/
  .authorization{margin-bottom:1em;}
  .authorization .figure{width:100%;padding:1.5em;}
  .authorization .text{width:100%;padding:2.5em 2em;}

  /*750px*/
  .contrast{margin-bottom:0.875em;}
  .contrast .type_vs li.vs{width:20px; height:20px;line-height:20px}

  /*750px*/
  .advantage li{width:100%;}
  .advantage .icon{margin-bottom:1.5em;}


  /*750px*/
  .partner li{width:50%;}

  /*750px*/
  .baseintro .text{padding:2.5em 2em;}

  /*750px*/
  .baselist li{width:100%;}

  /*750px*/
  .baseinfo li{width:100%;}
  .baseinfo li:nth-child(n+1) .box{flex-direction:column;}

  /*750px*/
  .feature .title{font-size:2em;}
  .part5{margin-bottom:2em;}
  .part5 li,.part5 .cont{width:100%;}
}