@charset "utf-8";
/* CSS Document */
* {
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: medium;
    box-sizing: border-box;
    font-family: 'PingFangSC-Regular', "PingFang SC", "Microsoft YaHei", "Arial", sans-serif;
    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 { /* WebKit, Blink, Edge */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
input::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
    font-size: 18px;
    font-weight: 500;
}
video {
    width: 100%;
    position: relative;
}
/* 苹方-简 极细体 */
@font-face {
    font-family: 'PingFangSC-Ultralight';
    src: url('../fonts/PingFangSC-Ultralight.woff2') format('woff2');
}
/* 苹方-简 纤细体 */
@font-face {
    font-family: 'PingFangSC-Thin';
    src: url('../fonts/PingFangSC-Thin.woff2') format('woff2');
}
/* 苹方-简 细体 */
@font-face {
    font-family: 'PingFangSC-Light';
    src: url('../fonts/PingFangSC-Light.woff2') format('woff2');
}
/* 苹方-简 常规体 */
@font-face {
    font-family: 'PingFangSC-Regular';
    src: url('../fonts/PingFangSC-Regular.woff2') format('woff2');
}
/* 苹方-简 中黑体 */
@font-face {
    font-family: 'PingFangSC-Medium';
    src: url('../fonts/PingFangSC-Medium.woff2') format('woff2');
}
/* 苹方-简 中粗体 */
@font-face {
    font-family: 'PingFangSC-Semibold';
    src: url('../fonts/PingFangSC-Semibold.woff2') format('woff2');
}
/*common*/
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;
}
.head {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 28px 0;
    z-index: 100;
}
.logo {
    margin-top: 5px;
}
.logo img {
    height: 44px;
}
.nav {
    margin-right: 60px;
}
.nav a {
    font-size: 20px;
    color: #fff;
    margin: 0 22px;
    line-height: 54px;
    position: relative;
}
.lang {
    background: #0D6DEC;
    border-radius: 100px;
    width: 150px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
}
.lang span {
    font-size: 24px;
}
.lang .arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #fff; /* 箭头颜色 */
}
.lang img {
    width: 30px;
}
.v2.head {
    position: relative;
    background: #fff;
}
.v2.head .nav a {
    color: #000;
}
.v2.head .nav a.on, .v2.head .nav a:hover {
    color: #0D6DEC;
    font-family: 'PingFangSC-Semibold';
}
.v2.head .nav a.on::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #0D6DEC;
    position: absolute;
    left: 0;
    bottom: -42px;
}
.banner {
    position: relative;
}
.banner .text {
    position: absolute;
    font-size: 70px;
    top: 32%;
    width: 100%;
    font-weight: 500;
    color: #fff;
    font-family: 'PingFangSC-Medium';
}
.banner h2 {
    position: absolute;
    font-size: 48px;
    top: 40%;
    left: 8%;
    /*    width: 100%;*/
    font-family: 'PingFangSC-Medium';
    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: 60%;
    max-width: 905px;
    margin-left: 0;
}
.i-about .text h1 {
    font-size: 60px;
    margin: 4% auto;
    font-family: 'PingFangSC-Medium';
}
.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-family: 'PingFangSC-Semibold';
    margin: 0;
}
.i-about .num dl dd sub {
    font-size: 30px;
    font-family: 'PingFangSC-Semibold';
    margin: 0 5px;
}
.i-about .num dl dd sub i {
    font-style: normal;
    font-size: 20px;
    font-family: 'PingFangSC-Semibold';
    margin: 0 2px;
}
.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-family: 'PingFangSC-Medium';
    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-family: 'PingFangSC-Light';
}
.advantage .w .item .bottom a {
    position: absolute;
    bottom: 7%;
    left: 9%;
    display: block;
    background: #fff;
    color: #0D6DEC;
    font-size: 20px;
    font-family: 'PingFangSC-Medium';
    width: 150px;
    line-height: 50px;
    text-align: center;
}
.advantage .w .item:hover .bottom {
    top: 0;
}
.tit {
    font-size: 48px;
    font-family: 'PingFangSC-Semibold';
    text-align: center;
    line-height: 300%;
    color: #333;
}
.tit2 {
    font-size: 48px;
    font-family: 'PingFangSC-Medium';
    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(5) {
    margin-right: 0;
}
.service .w .item:nth-child(4) {
    width: 66%;
}
.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-family: 'PingFangSC-Medium';
    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-family: 'PingFangSC-Light';
}
.service .w .item .bottom a {
    position: absolute;
    bottom: 7%;
    left: 9%;
    display: block;
    background: #fff;
    color: #0D6DEC;
    font-size: 20px;
    font-family: 'PingFangSC-Medium';
    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-family: 'PingFangSC-Medium';
    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 .pic {
    width: 50%;
}
.i-news .pic img {
    width: 100%;
    height: auto;
}
/* 右侧新闻列表 */
.i-news .list {
    width: 48%;
}
.i-news .list .item {
    background: #F6F6F6;
    margin: 0% 0 3.2% 0;
    overflow: auto;
    padding: 24px;
}
.i-news .list .item:last-child {
    margin-bottom: 0;
}
.i-news .list .date {
    float: left;
    background: #fff;
    width: 112px;
    color: #666;
    font-size: 16px;
    text-align: center;
    margin: 0 24px 0 0;
    padding: 17px 0;
}
.i-news .list .date span {
    font-size: 40px;
    font-family: 'PingFangSC-Semibold';
    display: block;
}
.i-news .list .title a {
    font-size: 28px;
    font-family: 'PingFangSC-Semibold';
    line-height: 160%;
}
.i-news .list .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; /* 初始进度为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-family: 'PingFangSC-Medium';
    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%;
    /*    margin: 3% auto 5% 0;*/
    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-family: 'PingFangSC-Semibold';
    margin: 0;
    
}
.about .profile .num dl dd sub {
    font-size: 30px;
    font-family: 'PingFangSC-Semibold';
    margin: 0 5px;
}
.about .profile .num dl dd sub i {
    font-style: normal;
    font-size: 20px;
    font-family: 'PingFangSC-Semibold';
    margin: 0 2px;
}
.about .video {
    position: relative;
}
.about .video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.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-family: 'PingFangSC-Semibold';
    float: left;
    line-height: 120%;
    color: #333;
}
.about .intro .item p {
    width: 54.5%;
    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;
}
.about .history .scroll .control img {
    margin: 15px 0;
    width: 60px;
}
.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;
}
.about .history .scroll .roll .slick-current li {
    opacity: 1;
}
.about .history .scroll .roll li i {
    font-size: 110px;
    
    font-family: 'PingFangSC-Semibold';
    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 h1, .about .strength .summary p {
    position: absolute;
    width: 40%;
    color: #fff;
}
.about .strength .summary h1 {
    font-size: 60px;
    font-family: 'PingFangSC-Medium';
    top: 25%;
    left: 5%;
}
.about .strength .summary p {
    font-size: 20px;
    right: 5%;
    top: 30%;
}
.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-family: 'PingFangSC-Semibold';
    font-style: normal;
}
.about .strength .equipment .con .item .text h2 {
    font-size: 32px;
    font-family: 'PingFangSC-Semibold';
    color: #333;
}
.about .strength .equipment .con .item .text p {
    color: #666;
    font-size: 18px;
    position: absolute;
    bottom: 40px;
    width: 88%;
}
.about .strength .equipment .con .item.last {
    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;
}
.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-family: 'PingFangSC-Light';
}
.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;
}
.about .culture .w .item .text {
    padding: 12% 15% 18%;
}
.about .culture .w .item .text h2 {
    font-size: 36px;
    color: #333;
    line-height: 200%;
    font-family: 'PingFangSC-Semibold';
}
.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% 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-family: 'PingFangSC-Semibold';
    line-height: 200%;
}
.about .values .w .item .text p {
    font-size: 20px;
    color: #666;
}
.main {
    margin: 5% auto;
    display: flex;
    justify-content: space-between;
}
.left {
    width: 360px;
    background: #fff;
    margin: 0;
}
.right {
    width: 1380px;
    margin: 0;
}
.left .menu {
    min-height: 800px;
}
.left .menu li a{
    line-height: 100px;
    font-size: 24px;
    text-align: center;
    color: #333;
    font-family: 'PingFangSC-Medium';
    display: block;
}
.left .menu li.on {
    background: #0D6DEC;
}
.left .menu li.on a {
    color: #fff;
    font-family: 'PingFangSC-Semibold';
}
.product .list{overflow: auto;}
.product .list .item{width: 31.8841%;margin: 2.1739% 2.1739% 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 .text{font-size: 30px;font-family: 'PingFangSC-Semibold';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-family: 'PingFangSC-Semibold';}
.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: 40%;}
.name h1{font-size: 60px;color: #333;font-family: 'PingFangSC-Medium';display: flex;align-items: center;}
.name h1 span{font-size: 48px;font-family: 'PingFangSC-Medium';margin:0 20px 0 0;}
.name h2{font-size: 36px;color: #666;padding-left: 11%;}
.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%;height: 458px;}
.langma .con .item:nth-child(2n){margin-right: 0;}
.langma .con .item.img{padding: 0;}
.langma .con .item .num{font-size: 100px;color: #0D6DEC;font-family: 'PingFangSC-Semibold';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-family: 'PingFangSC-Semibold';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-family: 'PingFangSC-Semibold';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{background: url("../images/bg-mission.png") no-repeat top center;}*/
.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 .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-family: 'PingFangSC-Semibold';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 .text{background: #F6F6F6;padding:3.2% 5% 6.5%;}
.news .list .item .text h2 a{font-size: 28px;line-height: 300%;color: #333;font-family: 'PingFangSC-Semibold';}
.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-family: 'PingFangSC-Semibold';text-align:center;color:#333;}
.news .container{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-family: 'PingFangSC-Semibold';}
.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%;}
.customize .con .item h2,.customize .con p{max-width: 300px;}
.customize .con .item h2{font-size: 30px;color: #333;line-height: 300%;font-family: 'PingFangSC-Medium';}
.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%; }
.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;}
.map .contact h2{font-size: 36px;color: #333;line-height: 300%;font-family: 'PingFangSC-Semibold';}
.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-family: 'PingFangSC-Medium';}
.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);}

/*

.map .contact .row{overflow: auto;margin: 10% auto;}
.map .contact .row .img{float: left;width: 15%;}
.map .contact .row .text{font-size: 20px;color: #666;float: left;margin-left: 5%;width: auto;}
.map .contact .row .text:nth-child(3){margin-left: 10%;}
.map .contact .row .text p{color: #333;font-size: 20px;font-family: 'PingFangSC-Medium';}
.map .contact .row:nth-last-child(2) .text p{font-size: 24px;}
.map .contact .code img{margin-left: 18%;transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    -o-transition: 0s;}
.map .contact:hover{background: #0D6DEC;}
.map .contact:hover h2,.map .contact:hover .row .text,.map .contact:hover .row .text p{color: #fff;}
.map .contact:hover .row .img 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: 80px;font-size: 20px;width: 100%;}
.message .con .row textarea{background: #EFEFEF;min-height: 150px;width: 100%;}
.message .con .btn{width: 190px;
line-height: 70px;
background: #0D6DEC;font-size: 24px;color: #fff;margin: 3% 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-family: 'PingFangSC-Semibold';}
.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-family: 'PingFangSC-Medium';}
.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-family: 'PingFangSC-Medium';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-family: 'PingFangSC-Medium';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%;
}
.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%;
    font-size: 18px;
    color: #fff;
    padding-left: 35px;
    float: left;
    line-height: 45px;
    font-family: 'PingFangSC-Light';
    margin-right: 10px;
}
.foot .w .top dl dd {
    float: right;
}
.foot .w .top dl dd p {
    font-size: 30px;
    font-family: 'PingFangSC-Semibold';
    color: #fff;
    line-height: 45px;
}
.foot .w .top dl dd p:nth-child(2) {
    letter-spacing: 2px;
}
.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-family: 'PingFangSC-Semibold';
    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-family: 'PingFangSC-Semibold';overflow: hidden;}
.float .phone:hover .con{width: 310px;padding-left: 40px;}