@charset "utf-8";
*{margin:0 auto;padding:0;border:0;outline:medium;box-sizing:border-box;font-family:"PingFang SC",sans-serif;font-weight:400;line-height:150%}
a{text-decoration:none;color:#000}
img{display:block;max-width:100%;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.big img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
ul{margin:0;padding:0}
li{list-style:none}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
i{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input::-webkit-input-placeholder{color:#999;font-size:18px;font-weight:500}
:-moz-placeholder{color:#999;font-size:18px;font-weight:500}
::-moz-placeholder{color:#999;font-size:18px;font-weight:500}
input:-ms-input-placeholder{color:#999;font-size:18px;font-weight:500}
input::-ms-input-placeholder{color:#999;font-size:18px;font-weight:500}
video{width:100%;position:relative}
body{background:#F1F1F1}
.fl,.l{float:left}
.fr,.r{float:right}
.c{clear:both}
.w{width:95%;position:relative;max-width:1800px}
.slow{transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.flex{display:flex;justify-content:space-between}
.no-scroll { overflow: hidden; }
.head{position:absolute;width:100%;top:0;z-index:100}
.logo{margin:33px auto}
.logo img{height:44px}
.nav{margin-right:60px}
.nav dl{margin:0 22px;position:relative;float:left}
.nav dl dt a{font-weight:500;font-size:20px;color:#fff;line-height:110px;display:block}
.nav dl dd{position:absolute;display:none;top:100%;left:-100%;width:300%;padding-top:10px}
.nav dl:hover dd{display:block}
.nav dl dd a{color:#333;font-size:20px;display:block;line-height:300%;text-align:center;background:#fff}
.nav dl dd a:hover{background:#0D6DEC;color:#fff}
.menuBtn{position:absolute;display:none;z-index: 9;width: 60px;cursor: pointer;transition: .3s;z-index: 1000;right:0;top:50%;transform:translateY(-50%);}
.menuBtn b {display: block;height: 6px;background-color: #fff;margin: 8px 0;transition: .3s;}
.menuBtn.open b {display:none;margin: 0; position: absolute; left: 0px; top: 45%; width: 60px;}
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.lang{position:relative;margin-top:28px;}
.lang .btn{background:#0D6DEC;border-radius:100px;height:54px;line-height:54px;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 20px;position:relative;z-index:2;}
.lang .btn span{font-size:24px;margin:0 10px;}
.lang .btn .arrow-down{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff}
.lang .btn img{width:30px}
.lang .con{display:none;position:absolute;top: 50%;left: 0;background: #fff;width: 100%;border: 1px solid #0d6dec;padding: 25% 0 15%;z-index: 1;border-bottom-left-radius: 10%;border-bottom-right-radius: 10%;}
.lang .con a{display:block;color:#333;text-align:center;line-height:200%;font-size:18px;}
.lang .con a:hover{background:#0D6DEC;color:#fff;}
.lang:hover .con{display:block;}
.v2.head{position:relative;background:#fff}
.v2.head .nav dl dt a{color:#333}
.v2.head .nav dl dt a.on,.v2.head .nav dl dt a:hover{color:#0D6DEC;font-weight:600}
.v2.head .menuBtn b{background-color: #0D6DEC;}
.head .nav dl:hover dt a::after,.head .nav dl dt a.on::after{content:'';width:100%;height:4px;background:#0D6DEC;position:absolute;left:0;top:96%}
.banner .item{position:relative}
.banner .item .text{position:absolute;top:32%;width:100%;}
.banner .item .text .w{font-size:70px;font-weight:500;color:#fff;}
.banner h2{position:absolute;font-size:48px;top:40%;left:8%;font-weight:500;color:#fff}
.i-about{}
.i-about .w{background:url("../images/bg-about.png") no-repeat right 45%;background-size:39% auto;padding:4% 0 6%}
.i-about .text{width:52%;max-width:905px;margin-left:0}
.i-about .text h1{font-size:60px;margin:4% auto;font-weight:500}
.i-about .text span{font-size:20px;color:#666}
.i-about .num{background:#fff;width:90%;margin:5.5% auto 5.5% 0;overflow:auto}
.i-about .num dl{float:left;overflow:auto;width:25%;padding:3.5% 0 3.5% 5%}
.i-about .num dl dt{font-size:24px;color:#666;border-right:1px solid #f1f1f1}
.i-about .num dl dd{display:flex;align-items:baseline;border-right:1px solid #f1f1f1;color:#0D6DEC}
.i-about .num dl dd span{font-size:64px;color:#0D6DEC;font-weight:600;margin:0}
.i-about .num dl dd sub{font-size:30px;font-weight:600;margin:0 5px}
.i-about .num dl dd sub i{font-style:normal;font-size:20px;font-weight:600;margin:0 2px}
.i-about .num dl:last-child dt,.i-about .num dl:last-child dd{border:none;}
.i-about .num dl:hover{background:#0D6DEC}
.i-about .num dl:hover dt,.i-about .num dl:hover dd,.i-about .num dl:hover dd span{color:#fff;border:none}
.advantage{background:#fff;padding:6% 0 4%}
.advantage .w{overflow:auto}
.advantage .w .item{width:33.333%;float:left;position:relative;overflow:hidden}
.advantage .w .item .top{position:absolute;top:9%;left:10%;z-index:10}
.advantage .w .item .top img{width:90px;margin-left:0}
.advantage .w .item .top p{color:#fff;font-size:32px;font-weight:500;line-height:300%}
.advantage .w .item .bottom{position:absolute;left:0;top:100%;z-index:5;width:100%;height:100%;background:linear-gradient(to top,#0D6DEC 29%,rgba(13,109,236,0.1) 100%);color:#fff}
.advantage .w .item .bottom span{position:absolute;font-size:20px;width:82%;bottom:20%;left:9%;font-weight:300}
.advantage .w .item .bottom a{position:absolute;bottom:7%;left:9%;display:block;background:#fff;color:#0D6DEC;font-size:20px;font-weight:500;width:150px;line-height:250%;text-align:center}
.advantage .w .item:hover .bottom{top:0}
.tit{font-size:48px;font-weight:600;text-align:center;line-height:300%;color:#333}
.tit2{font-size:48px;font-weight:500;text-align:left;line-height:300%;color:#333}
.service{background:#fff;padding:0 0 5%}
.service .w{overflow:auto}
.service .w .item{width:32%;float:left;position:relative;overflow:hidden;margin:1% 2% 1% 0}
.service .w .item:nth-child(3),.service .w .item:nth-child(4){margin-right:0}
.service .w .item:last-child{width:66%}
.service .w .item.fr{float:right}
.service .w .item .top{position:absolute;top:8%;left:9%;z-index:10}
.service .w .item .top img{width:80px;margin-left:0}
.service .w .item .top p{color:#fff;font-size:32px;font-weight:500;line-height:250%}
.service .w .item .bottom{position:absolute;left:0;top:100%;z-index:5;width:100%;height:100%;background:linear-gradient(to top,#0D6DEC 29%,rgba(13,109,236,0.1) 100%);color:#fff}
.service .w .item .bottom span{position:absolute;font-size:20px;width:82%;bottom:25%;left:9%;font-weight:300}
.service .w .item .bottom a{position:absolute;bottom:7%;left:9%;display:block;background:#fff;color:#0D6DEC;font-size:20px;font-weight:500;width:150px;line-height:50px;text-align:center}
.service .w .item:hover .bottom{top:0}
.feature{position:relative}
.feature .text{position:absolute;top:10%;width:100%;z-index:10}
.feature .text .w{font-size:24px;color:#fff;padding-right:33%}
.feature .dots{position:absolute;bottom:10%;width:100%}
.feature .dots .item{background:rgb(0,0,0,0.1);border:1px solid rgb(255,255,255,0.3);padding:50px 60px 60px;position:relative;backdrop-filter:blur(4px)}
.feature .dots .item h2{font-size:36px;font-weight:500;color:#fff;position:relative;z-index:10}
.feature .dots .item p{font-size:20px;color:#fff;display:none;margin-top:5%;position:relative;z-index:10}
.feature .dots .item .mark{filter:blur(8px);position:absolute;width:100%;height:100%;top:0;left:0}
.feature .dots .slick-track{display:flex;align-items:baseline}
.feature .dots .slick-slide{margin:0 1.5% 0 1.5%;float:none}
.feature .dots .slick-current .item p{display:block}
.feature .dots .slick-current .item .mark{background:linear-gradient(to top,#0D6DEC 29%,rgba(13,109,236,0.1) 100%);filter:blur(0px)}
.i-news{background:#fff;overflow:auto;padding:3% 0 0}
.i-news .w{display:flex;justify-content:space-between;}
.i-news .pic{width:50%;/*aspect-ratio:5 / 3*/margin:0;}
.i-news .pic img{width:100%;height:100%;max-width:none;object-fit:cover}
.i-news .list{width:48%;margin:0;}
.i-news .list .item{background:#F6F6F6;margin:0% 0 3.5% 0;overflow:auto;padding:24px}
.i-news .list .item:last-child{margin-bottom:0}
.i-news .list .item .thumb{display:none}
.i-news .list .item .date{float:left;background:#fff;width:112px;color:#666;font-size:16px;text-align:center;margin:0 24px 0 0;padding:14px 0}
.i-news .list .item .date span{font-size:40px;font-weight:600;display:block}
.i-news .list .item .title a{font-size:28px;font-weight:600;line-height:160%}
.i-news .list .item .desc a{font-size:20px;color:#666}
.i-news .list .item:hover,.i-news .list .item.on{background:#0D6DEC}
.i-news .list .item:hover .title a,.i-news .list .item.on .title a,.i-news .list .item:hover .desc a,.i-news .list .item.on .desc a{color:#fff}
#progress-container{width:100%;height:8px;background-color:#e2e2e2;overflow:hidden;margin:5% auto}
#progress-bar{height:8px;background-color:#0D6DEC;width:0;margin-left:0}
.about{background:#fff;overflow:auto}
.about .menu{border-bottom:1px solid #C3C3C3}
.about .menu a{font-size:24px;line-height:80px;display:inline-block;width:15%;text-align:center}
.about .menu a.on{color:#0D6DEC}
.about .slogan{margin:6% auto 2%}
.about .slogan h1{font-size:60px;font-weight:500;color:#333}
.about .slogan p{font-size:36px;color:#0D6DEC}
.about .profile{padding-left:21.2%}
.about .profile p{font-size:20px;color:#666;padding:2% 0 9% 0;border-bottom:1px solid #CECECE}
.about .profile .num{background:#fff;width:100%;overflow:auto;display:flex;justify-content:space-between}
.about .profile .num dl{float:left;overflow:auto;padding:5% 0 7%;margin:0}
.about .profile .num dl dt{font-size:24px;color:#666}
.about .profile .num dl dd{color:#0D6DEC;display:flex;align-items:baseline}
.about .profile .num dl dd span{font-size:80px;color:#0D6DEC;font-weight:600;margin:0}
.about .profile .num dl dd sub{font-size:30px;font-weight:600;margin:0 5px}
.about .profile .num dl dd sub i{font-style:normal;font-size:20px;font-weight:600;margin:0 2px}
.about .video{position:relative}
.about .video .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10%;max-width:140px}
.about .intro{padding:3% 0}
.about .intro .item{background:#F1F1F1;padding:3%;overflow:auto;margin:3% 0}
.about .intro .item img{width:90px;float:left;margin-right:3%}
.about .intro .item h2{font-size:32px;font-weight:600;float:left;line-height:120%;color:#333}
.about .intro .item p{width:70%;max-width:910px;float:right;font-size:18px;color:#666}
.about .history{background:url("../images/bg-history.png") no-repeat center top;overflow:auto;padding-bottom:4%}
.about .history .tit2{color:#fff;margin-top:2%}
.about .history .scroll{width:100%;margin:0 auto;padding-left:16%;margin-top:2.2%}
.about .history .scroll .control{padding:3% 0;width:10%;max-width:60px;}
/*.about .history .scroll .control img{width:60px}*/
.about .history .scroll .control .up,.about .history .scroll .control .down{margin:15px 0;width: 100%;aspect-ratio:1;border-radius: 50%;background-color: white;position: relative;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.about .history .scroll .control .up::before,.about .history .scroll .control .down::before{content: '';position: absolute;width: 17%;height: 17%;}
.about .history .scroll .control .up::before {border-left: 2px solid #6a6a6a;border-top: 2px solid #6a6a6a;transform: translateY(30%) rotate(45deg);}
.about .history .scroll .control .down::before {border-right: 2px solid #6a6a6a;border-bottom: 2px solid #6a6a6a;transform: translateY(-12%) rotate(45deg);}
.about .history .scroll .control .up:hover,.about .history .scroll .control .down:hover{background:#0D6DEC;}
.about .history .scroll .control .up:hover::before,.about .history .scroll .control .down:hover::before{border-color:#fff;}
.about .history .scroll .roll{width:calc(100% - 110px);position:relative}
.about .history .scroll .roll li{overflow:auto;border-top:1px solid rgb(255,255,255,.3);display:block !important;opacity:0.5;min-height:232px;}
.about .history .scroll .roll .slick-current li{opacity:1}
.about .history .scroll .roll li i{font-size:110px;font-weight:600;display:inline-block;text-align:center;color:#fff;float:left;width:30%;padding:1% 0 3%;font-style:normal}
.about .history .scroll .roll li p{display:inline-block;font-size:30px;color:#fff;float:right;width:58%;padding:5% 0}
.about .history .scroll .slick-slider .slick-track,.about .history .scroll .slick-slider .slick-list{min-height:664px !important}
.about .strength{background:#f1f1f1;padding:4% 0}
.about .strength .summary{position:relative;margin:1% 0}
.about .strength .summary .text{position:absolute;width:90%;top:20%;left:5%;overflow:auto;}
.about .strength .summary .text h1{font-size:60px;font-weight:500;width:45%;color:#fff;margin:0;float:left;}
.about .strength .summary .text p{font-size:20px;width:45%;color:rgb(255,255,255,0.8);margin:1.5% 0 0 0; float:right;}
.about .strength .equipment{}
.about .strength .equipment .tit2{display:flex;justify-content:flex-start;align-items:center;margin-top:2%}
.about .strength .equipment .tit2 img{margin:0 15px 0 0}
.about .strength .equipment .con{overflow:auto}
.about .strength .equipment .con .item{display:flex;justify-content:space-between;width:49.4444%;float:left;margin:0 1.1111% 1.1111% 0}
.about .strength .equipment .con .item:nth-child(2n){margin-right:0}
.about .strength .equipment .con .item img,.about .strength .equipment .con .item .text{margin:0;width:48.8764%}
.about .strength .equipment .con .item .text{background:#fff;padding:30px;position:relative}
.about .strength .equipment .con .item .text i{color:#0D6DEC;font-size:36px;font-weight:600;font-style:normal}
.about .strength .equipment .con .item .text h2{font-size:32px;font-weight:600;color:#333}
.about .strength .equipment .con .item .text p{color:#666;font-size:18px;position:absolute;bottom:40px;width:88%}
.about .strength .equipment .con .last{display:flex;justify-content:space-between;width:100%;float:left}
.about .strength .equipment .con .last .item{margin:0 0 2%;}
.about .strength .equipment .con .last .item:last-child .text{width:100%;margin-right:0}
/*.about .strength .equipment .con .item.last img,.about .strength .equipment .con .item.last .text{width:24.1666%}*/
/*.about .strength .equipment .con .item.last .text:last-child{width:49.4444%;padding:5% 30px}*/
/*.about .strength .equipment .con .item.last .text:last-child p{bottom:25%}*/
.about .honor{padding:2% 0 5%;background:url("../images/bg-honor.png") no-repeat center top #e1e1e1;background-size: auto 100%;}
.about .honor .w .con{display:flex;justify-content:space-around;margin:3% auto}
.about .honor .w .con .item{margin:0;background:url("../images/shadow.png") no-repeat center bottom;background-size:100% auto;padding:0 2% 4%}
.about .mission{background:#F1F1F1}
.about .mission .w{background:linear-gradient(180deg,rgba(13,109,236,0.8) 0%,#0D6DEC 100%);padding:3% 5% 6.18%;margin-top:-14.2%;z-index:10}
.about .mission .w h1{font-size:60px;color:#fff}
.about .mission .w h2{font-size:36px;text-align:right;color:#fff}
.about .mission .w p{font-size:24px;text-align:right;padding-right:10%;color:#fff;line-height:200%;font-weight:300}
.about .culture{background:#F1F1F1;overflow:auto}
.about .culture .w{display:flex;justify-content:space-between;margin:3% auto}
.about .culture .w .item{margin:0;background:#fff;text-align:center;max-width:32%}
.about .culture .w .item .text{padding:12% 15% 18%}
.about .culture .w .item .text h2{font-size:36px;color:#333;line-height:200%;font-weight:600}
.about .culture .w .item .text p{font-size:20px;color:#333}
.about .values{background:#f1f1f1;padding-bottom:5%}
.about .values .w{overflow:auto}
.about .values .w .item{background:#fff;padding:3% 3.5%;width:49%;margin:1% 2% 1% 0;float:left}
.about .values .w .item:nth-child(2n){margin-right:0}
.about .values .w .item img{margin-left:0;margin-bottom:3%}
.about .values .w .item .text h2{font-size:36px;color:#333;line-height:200%;font-weight:600;line-height:200%}
.about .values .w .item .text p{font-size:20px;color:#666;min-height:55px;}
.main{margin:5% auto;display:flex;justify-content:space-between}
.left{width:20%;background:#fff;margin:0}
.right{width:78%;margin:0}
.left .menu{min-height:800px}
.left .menu li a{line-height:100px;font-size:24px;text-align:center;color:#333;font-weight:500;display:block}
.left .menu li.on{background:#0D6DEC}
.left .menu li.on a{color:#fff;font-weight:600}
.product .list{overflow:auto}
.product .list .item{width:32%;margin:2% 2% 0 0;float:left}
.product .list .item:nth-child(-n+3){margin-top:0}
.product .list .item:nth-child(3n){margin-right:0}
.product .list .item .pic img{width:100%}
.product .list .item .text{font-size:30px;font-weight:600;background:#fff;text-align:center;line-height:500%;color:#333}
.case{padding:5% 0 9%;background:#fff}
.case .c1 .slogan{width:50%}
.case .c1 .slogan h1{font-size:48px;font-weight:600}
.case .c1 .slogan p{font-size:36px;color:#0D6DEC}
.case .c1 .info{width:50%;padding-left:2%}
.case .c1 .info p{font-size:20px;color:#666;margin:1% 0}
.case .c1 .info img{margin:15% 0 5%}
.case .c2{}
.langma{background:#f1f1f1;padding:5% 0;margin:1% 0 0}
.name{width:50%}
.name h1{font-size:60px;color:#333;font-weight:500;display:flex;align-items:center}
.name h1 span{font-size:48px;font-weight:500;margin:0 20px 0 0}
.name h2{font-size:36px;color:#666;padding-left:9%}
.case .c2 .info{width:50%;padding:5.2% 5%;font-size:18px;color:#666}
.case .c2 .box{background:#fff;width:49%;padding:7.5% 3% 10%}
.case .c2 .box .tit2{padding-left:2%;line-height:200%}
.case .c2 .box p{font-size:30px;color:#333}
.langma .con{overflow:auto}
.langma .con .item{background:#fff;width:49%;float:left;margin:2% 2% 0 0;padding:2% 3%;aspect-ratio:5 / 2.6}
.langma .con .item:nth-child(4n){margin-right:0}
.langma .con .item.img{padding:0}
.langma .con .item.img img{width:100%;height:100%;object-fit:cover;max-width:none;}
.langma .con .item.img.fr {float: right;margin-right: 0;}
.langma .con .item .num{font-size:100px;color:#0D6DEC;font-weight:600;display:flex;align-items:baseline}
.langma .con .item .num sub{font-size:20px;margin:0 15px}
.langma .con .item h2{font-size:36px;color:#333;font-weight:600;line-height:300%}
.langma .con .item p{font-size:20px;color:#666}
.case .c3{background:#f1f1f1;padding:2% 0 0}
.case .c3 .slogan{font-size:60px;font-weight:600;width:50%;color:#333;padding-left:4%}
.case .c3 .info{width:50%;padding-left:1%}
.case .c3 .info p{color:#333;font-size:20px}
.case .c3 img{margin-top:5%}
.case .c4{padding:7% 0 4%}
.case .c4 .name h2{color:#0D6DEC}
.case .c4 .info{width:49%;padding:5.2% 10px 5% 0;font-size:18px;color:#666}
.case .c4 .box{width:49%}
.case .c5{background:#f1f1f1;padding:3% 0}
.case .c5 .w p{font-size:18px;color:#666}
.case .c5 .partner{overflow:auto;padding:3% 0}
.case .c5 .partner img{width:23.5%;float:left;margin:1% 2% 1% 0}
.case .c5 .partner img:nth-child(4n){margin-right:0}
.case .c6{position:relative}
.case .c6 .tit2{position:absolute;top:3%;left:3%;color:#fff}
.case .c6 .text{position:absolute;right:3%;top:50%;transform:translateY(-25%);background:#0D6DEC;width:46%;padding:3% 2.5% 4%;color:#fff;font-size:20px}
.news{background:#fff;padding:3% 0}
.news .headlines{margin:3% auto;display:flex;justify-content:space-between}
.news .headlines .pic,.news .headlines .text{width:50%;margin:0}
/*.news .headlines .pic{aspect-ratio:5 / 3}*/
.news .headlines .pic img{width:100%;height:100%;max-width:none;object-fit:cover}
.news .headlines .text{width:47.8%;background:#F6F6F6;padding:1.5% 2.5%}
.news .headlines .text h1{margin:2% auto}
.news .headlines .text h1 a{font-size:36px;color:#333;font-weight:600;line-height:120%}
.news .headlines .text p{font-size:20px;color:#666;margin:4% auto 5%}
.news .headlines .text span{font-size:24px;color:#333}
.news .list{overflow:auto}
.news .list .item{width:31.8333%;float:left;margin:2% 2.2222% 2.2222% 0}
.news .list .item:nth-child(3n){margin-right:0}
.news .list .item .pic{aspect-ratio:57 / 32}
.news .list .item .pic img{width:100%;height:100%;max-width:none;object-fit:cover}
.news .list .item .text{background:#F6F6F6;padding:3.2% 5% 6.5%}
.news .list .item .text h2 a{font-size:28px;line-height:300%;color:#333;font-weight:600}
.news .list .item .text p{font-size:20px;color:#666}
.news .list .item .text span{font-size:24px;color:#666;margin-top:11%;display:block}
.news .title{font-size:36px;line-height:300%;font-weight:600;text-align:center;color:#333}
.news .container{width:94%;max-width:1200px}
.news .content{font-size:20px;padding-bottom:5%}
.news .content,.news .content *{line-height:250%;color:#666}
.customize{background:#fff;padding:5% 0 0}
.customize .slogan h1{font-size:48px;color:#333;font-weight:600}
.customize .slogan p{font-size:36px;color:#0D6DEC}
.customize .con{display:flex;justify-content:space-between;flex-wrap:wrap;margin:3% auto}
.customize .con .item{width:33.33%;text-align:center;margin:3% 0}
.customize .con .item img{margin:2% auto 5%;width:40%;max-width:216px;}
.customize .con .item h2,.customize .con p{max-width:300px}
.customize .con .item h2{font-size:30px;color:#333;line-height:300%;font-weight:500}
.customize .con .item p{font-size:18px;color:#666}
.tips{background:#F1F1F1;padding-bottom:8%}
.tips .con ul{overflow:auto}
.tips .con ul li{width:49%;float:left;background:url("../images/arr-r.jpg") no-repeat right 3% center #fff;margin:2% 2% 0 0;padding:0 2.5%;background-size: auto 20%;}
.tips .con ul li:nth-child(2n){margin-right:0}
.tips .con ul li a{font-size:26px;color:#333;line-height:425%}
.map{height:1000px;position:relative}
.map .contact{position:absolute;background:#fff;top:10%;left:3%;padding:2% 3% 4%;min-width:600px;z-index:2}
.map .contact h2{font-size:36px;color:#333;line-height:300%;font-weight:600}
.map .contact dl{overflow:auto;margin:10% auto}
.map .contact dl dt{float:left;width:50px}
.map .contact dl dt img{transition:0s;-ms-transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s}
.map .contact dl dd{font-size:20px;color:#666;float:left;margin-left:6%;width:auto}
.map .contact dl dd:nth-child(3){margin-left:10%}
.map .contact dl dd p{color:#333;font-size:20px;font-weight:500}
.map .contact dl:nth-last-child(2) dd p{font-size:24px}
.map .contact .code img{margin-left:18%}
.map .contact:hover{background:#0D6DEC}
.map .contact:hover h2,.map .contact:hover dl dt,.map .contact:hover dl dd,.map .contact:hover dl dd p{color:#fff}
.map .contact:hover dl dt img{filter:brightness(0) invert(1)}
.message{background:#fff;padding:3% 0}
.message .ti2{width:20%}
.message .con{width:77.5%}
.message .con .row{margin:2% auto;overflow:auto}
.message .con .row .half{width:47%}
.message .con .row label{font-size:20px;display:block;line-height:300%}
.message .con .row input{background:#EFEFEF;line-height:400%;font-size:20px;width:100%;padding:0 15px}
.message .con .row textarea{background:#EFEFEF;min-height:150px;width:100%;padding:15px}
.message .con .btn{padding:0 5%;line-height:300%;background:#0D6DEC;font-size:24px;color:#fff;margin:3% 0}
.message .con .row .code{display:flex;}
.message .con .row .code input{width:47%;float:left;margin-right:6%;margin-left:0}
.message .con .row .code img{display:inline-block;margin:auto 0;}
.aboutus{background:#fff;padding:3% 0}
.aboutus .tit2{width:20%}
.aboutus .con{width:60%}
.aboutus .con p{font-size:18px;color:#666;margin:7% 0}
.aboutus .con p:last-child{display:flex;justify-content:space-between}
.aboutus .con p:last-child img{margin:0;width:48%}
.jobs{padding:3% 0 5%}
.jobs .con{overflow:auto}
.jobs .con .item{width:23.5%;float:left;margin:1% 2% 1% 0;background:#fff;padding:3% 2.5%}
.jobs .con .item:nth-child(4n){margin-right:0}
.jobs .con .item h2{font-size:36px;color:#0D6DEC;font-weight:600}
.jobs .con .item:nth-child(2) h2{color:#F6A21B}
.jobs .con .item:nth-child(3) h2{color:#00C6B2}
.jobs .con .item:nth-child(4) h2{color:#682CBD}
.jobs .con .item p{margin:5% 0}
.jobs .con .item p span{display:inline-block;padding-left:50px;width:50%;font-size:20px;color:#666;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;font-weight:500}
.jobs .con .item .location{background-image:url("../images/ico-location.png")}
.jobs .con .item .person{background-image:url("../images/ico-person.png")}
.jobs .con .item dl{overflow:auto;margin:17% auto 10%}
.jobs .con .item dl dt{font-size:24px;color:#333;font-weight:500;line-height:250%;margin-top:10%}
.jobs .con .item dl dd{font-size:18px;color:#666}
.jobs .con .item:hover{background:#0D6DEC}
.jobs .con .item:hover h2,.jobs .con .item:hover p span,.jobs .con .item:hover dt,.jobs .con .item:hover dd{color:#fff}
.jobs .con .item:hover p span{filter:brightness(0) invert(1)}
.hr{background:#fff;padding:6% 0 5%}
.hr .w{display:flex;justify-content:space-between}
.hr .w .con{margin-top:5%}
.hr .welfare,.hr .apply{background:#F1F1F1;width:48.5%;margin:0;padding:1% 2.5% 2%;position:relative}
.hr .w .con .row{overflow:auto;margin:6% 0}
.hr .w .con .row.two dl{width:50%;float:left}
.hr .w .con .row dl dt{font-size:30px;color:#0D6DEC;font-weight:500;line-height:200%}
.hr .w .con .row dl dd{font-size:20px;color:#666;margin-left:0}
.hr .w .con .row dl dd.w80{width:80%}
.hr .w .notes{font-size:20px;position:absolute;bottom:7%;left:6%;width:80%;color:#666}
.foot{background:url("../images/footbg.png") no-repeat center top}
.foot .w{padding:5% 0 6.5%}
.foot .w .top{border-bottom:1px solid #7e7e7e;padding-bottom:5%;display:flex;align-items: flex-start;justify-content: space-between;}
.foot .w .top img,.foot .w .top dl{margin:0}
.foot .w .top dl{overflow:auto}
.foot .w .top dl dt{background:url("../images/ico-tel.png") no-repeat left center;background-size:auto 50%;padding-left:35px;float:left;line-height:45px;font-weight:300;margin-right:10px}
.foot .w .top dl dt span{font-size:18px;color:#fff;}
.foot .w .top dl dd{float:right}
.foot .w .top dl dd p{font-size:30px;font-weight:600;color:#fff;line-height:150%}
.foot .w .top dl dd p:nth-child(2){letter-spacing:1px}
.foot .w .bottom{padding:3% 0}
.foot .w .bottom .foot-nav{width:54%;display:flex;justify-content:space-between}
.foot .w .bottom dl{overflow:auto;margin:0}
.foot .w .bottom dl dt,.foot .w .bottom dl dt a{font-size:22px;font-weight:600;line-height:300%;color:#fff}
.foot .w .bottom dl dd,.foot .w .bottom dl dd a{font-size:18px;line-height:250%;color:#ccc}
.foot .w .bottom a:hover{color:#0D6DEC}
.foot .w .bottom .contact{width:30%;max-width:342px}
.foot .w .bottom .contact .media{display:flex;margin-top:15%}
.foot .w .bottom .contact .media dl{position:relative;margin-right:15%;overflow:visible}
.foot .w .bottom .contact .media dl dt img{width:56px}
.foot .w .bottom .contact .media dl dd{position:absolute;top:130%;width:220%;left:-55%;display:none}
.foot .w .bottom .contact .media dl:hover dd{display:block}
.float{position:fixed;right:0;top:40%;z-index:201}
.float img{width:100%}
.float .item{position:relative;margin:15px 0;width:90px}
.float .item .con{transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.float .item .con{position:absolute;top:0;right:100%}
.float .code .con{display:none;width:140%;right:130%}
.float .code:hover .con{display:block;padding:5%}
.float .phone .con{width:0;line-height:90px;color:#fff;background:#0D6DEC;font-size:40px;font-weight:600;overflow:hidden}
.float .phone:hover .con{width:auto;padding-left:40%}