/*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%;} }