.head-box{ background: #fff; position: fixed; top:0; left:0; width: 100%; padding:0 3.125%; display: flex; align-items: center; justify-content: space-between; z-index:11; box-shadow:0 0.02rem 0.04rem rgba(0, 0, 0, .1); transition: all .5s;}
.head-box.down{ box-shadow: none; transform: translateY(-0.91rem);}
.head-box .logo{ display: flex; justify-content: space-between; width:2rem;}
.head-box .logo a{ padding-right:0.1rem;}
.head-box .logo a:nth-child(2){ padding-right:0; padding-left:0.1rem;}
.head-box .right-box{ padding-left:0.20rem; display: flex; align-items: center; position: relative;}
.head-box .right-box .shopping{ position: relative;display:block; line-height:0.40rem;}
.head-box .right-box .shopping span{display: inline-block;font-size: 0.16rem;color: #333;vertical-align: middle;}
.head-box .right-box .shopping:before{display: inline-block;content: '';margin-right: 0.10rem;width: 0.16rem;height: 0.18rem;background-image: url('../image/head-shopping.png');vertical-align: middle; background-size: cover;}
.head-box .right-box .shopping .drop-down{display: none; position: absolute;top: 100%;width:2rem;left: 50%;transform: translateX(-50%);-index: 33;}
.head-box .right-box .shopping .drop-down ul{padding: 0.2rem 0.1rem;background-color: rgba(255, 255, 255, .68);text-align: center;list-style: none;}
.head-box .right-box .shopping .drop-down ul li{margin-bottom:0.05rem;}
.head-box .right-box .shopping .drop-down ul li:last-child{margin-bottom: 0;}
.head-box .right-box .shopping .drop-down ul li a{ font-size:0.16rem; color: #333;}
.head-box .right-box .shopping:hover .drop-down{display: block;}
.head-box .right-box .shopping:hover .drop-down ul li:hover a{color: #1651a4;}
.head-box .right-box .signin{display: inline-block;margin:0 0.1rem 0 0.1rem;font-size: 0.16rem;vertical-align: middle;}

.head-box .right-box .signin a{font-size:0.12rem;display: inline-block;padding: 0.05rem 0.2rem; color: #fff; text-align: center; background-color: #1651a4; border-radius: 0.40rem;}
.head-box .right-box .language{ font-size:0.16rem; position: relative;display: inline-block;font-size: 0.16rem;vertical-align: middle;}
.head-box .right-box .language .name{ font-weight:bold; width:1.00rem; line-height:0.35rem; color: #1651a4; text-align: center; background-color: #e7ecf3; border-radius:0.40rem; cursor:pointer;}
.head-box .right-box .language .name:before{ display: inline-block;content: '';width:0.20rem;height:0.20rem;margin-right:0.10rem;background-image: url('../image/language.png');vertical-align: middle; background-size: cover;}
.head-box .right-box .language .name span{display: inline-block;vertical-align: middle;}
.head-box .right-box .language .name:after{display: inline-block;content: '';margin-left:0.10rem;width:0.06rem;height:0.06rem;border-right: 0.02rem solid #1651a4;border-bottom:0.02rem solid #1651a4;transform: rotate(45deg);vertical-align: middle; margin-top:-0.05rem;}
.head-box .right-box .language:hover ul{display: block;}
.head-box .right-box .language:hover .name{color: #fff;background-color: #1651a4;}
.head-box .right-box .language:hover .name:before{background-image: url('../image/language-on.png'); background-size: cover;}
.head-box .right-box .language:hover .name:after{border-right:0.02rem solid #fff;border-bottom:0.02rem solid #fff;}

.head-box .nav-box{text-align: right; display: inline-block; vertical-align: middle;}
.head-box .nav-box>ul>li{ padding:0.33rem 0.2rem;display:inline-block; float:left;}
.head-box .nav-box>ul>li:last-child{margin-right: 0;}
.head-box .nav-box>ul>li>a{ font-size:0.16rem;color:#000;}
.head-box .nav-box>ul>li.active>a,
.head-box .nav-box>ul>li:hover>a{color: #005aab;}
.head-box .nav-box>ul>li .drop-down{display: none;position: absolute; top:100%; width:100vw; left: 50%; transform: translateX(-50%);z-index:33;background-color: #293751;}
.head-box .nav-box .leftimg{ float:left; border-right: 1px solid #3c4b64;padding:0.3rem 0.3rem 0.3rem 0;width: calc(32% - 0.4rem); margin-right: 0.4rem;}
.head-box .nav-box .leftimg img{ width:4.8rem;}
.head-box .nav-box>ul>li .drop-down ul{text-align: center;padding:0.3rem 0 0 0; float:left;width:68%;}
.head-box .nav-box>ul>li .drop-down ul li{position: relative;float: left;margin-right:0.4rem;}
.head-box .nav-box>ul>li .drop-down ul li:last-child{margin-bottom: 0;}
.head-box .nav-box>ul>li .drop-down ul li a{ font-size:0.13rem; color: #fff; padding-bottom: 0.1rem; display: block;}
.head-box .nav-box>ul>li:hover .drop-down{display: block;}
.head-box .nav-box>ul>li:hover .drop-down ul li.active > a{color: #32beff; border-bottom: 2px solid #32beff;}
.head-box .nav-box li .subb{ position: absolute; left: 100%; top: 0; width: 200px; display: none;}
.head-box .nav-box li .subb a:hover{color: #1651a4;}

.head-box .nav-box>ul>li .drop-down .nav2{ border-bottom:1px solid #3c4b64;}
.head-box .nav-box>ul>li .drop-down .nav2 li{ margin-bottom: 0;}
.head-box .nav-box>ul>li .drop-down .nav3 li{margin-right: 0.2rem;}
.head-box .nav-box>ul>li .drop-down .nav3 li a{ font-size:0.12rem; color:#ddd;}
.head-box .nav-box>ul>li .drop-down .nav3 li a:hover{color:#fff;}

.web-but{ display: none; width:0.40rem; height:0.40rem; background-color:rgba(230,230,230,0.7); z-index:350;}
.web-but span { display:block; height:0.02rem; background-color:#e82231; position:absolute; top:0.20rem; transition:0.5s; }
.web-but .openMenu { width:0.30rem; left:0.05rem; }
.web-but .closeMenu { left:0.25rem; width:0; }
.web-but span:active { width:0; }
.web-but span:before,.web-but span:after { content:""; display:block; width:0.30rem; height:0.02rem; background-color:#e82231; position:absolute; transition:0.4s; }
.web-but .openMenu:before { top:-0.10rem; left:0; }
.web-but .openMenu:after { top:0.10rem; left:0; }
.web-but .closeMenu:before { top:0rem; left:-0.20rem; transform:rotate(45deg); }
.web-but .closeMenu:after { top:0rem; left:-0.20rem; transform:rotate(-45deg); }
@media (max-width:1800px){
.head-box .nav-box{min-width: 50%;}
.head-box .nav-box>ul>li{margin-right: .3rem;}
}
@media (max-width:1024px) {
.head-box{ padding:0.2rem 3.125%;}
.head-box .right-box .signin a{ width:1.20rem;}
.web-but{ display: block; position:relative; margin-left:0.30rem;}
.head-box.down{ transform: translateY(-1rem);}
.head-box .nav-box{ display: block; padding-top:0.40rem,; line-height:1.5; width:7.50rem; height:calc(100% - 1.15rem); position: fixed; top:0.82rem; right:-7.50rem; background: #fff; box-shadow:0 -0.02rem 0.05rem rgba(0, 0, 0, .1); overflow: auto; transition: all .5s;}
.head-box .nav-box >ul >li{ margin:0; border-bottom: solid 1px #ccc; padding:0.20rem 0; text-align: center; width: 100%;}
.head-box .nav-box >ul li a{ font-size:15px;}
.head-box .nav-box>ul>li:last-child{ border-bottom: none;}
.head-box .nav-box>ul>li .drop-down{ width: auto; position: relative;}
.head-box .nav-box .leftimg{ display:none;}
.head-box .nav-box>ul>li .drop-down ul{ width:100%;}
.head-box .nav-box>ul>li .drop-down ul li{padding:5px 0; margin: 0; float: none;}
.head-box .nav-box>ul>li .drop-down ul li a{ font-size:14px; color: #333;}
.head-box .nav-box.active{ right:0;}
.head-box .nav-box li .subb{ position: relative; left: 0;}
.head-box .nav-box>ul>li:hover .drop-down ul li.active > a{border-bottom:0;}
	.head-box .nav-box>ul>li .drop-down .nav3 li a{ color:#333;}
}

@media (max-width:768px) {
.head-box .logo{ width:4.00rem;}
.head-box .right-box .language .name,
.head-box .right-box .signin a{ height:0.50rem; line-height:0.50rem; width: auto; padding:0 0.20rem;}
.head-box .right-box .shopping{ font-size:0;}
.web-but span:before,.web-but span:after { width:25px; height:2px;}
.head-box .nav-box{ top:.92rem;}
}
@media (max-width:640px) {
.head-box{ font-size:6vw;}
.head-box .right-box{ font-size:0.2rem; padding-left:0.1rem;}
.head-box .right-box .shopping .drop-down{ width:2.5rem;}
.head-box .right-box .shopping a:before{ display: none;}
.head-box .logo{ width:2rem;}
.head-box .right-box .language .name,
.head-box .right-box .signin a{ height: auto; line-height:28px;}
.head-box .right-box .language .name:before{ display: none;}
.head-box .right-box::before{ display: none;}
.head-box .right-box .language .name:after{ display: none;}
.head-box .nav-box{ height:calc(100% - 1.05rem); top:1.05rem; width:50%; right:-60%;}
.head-box .nav-box>ul{ font-size:0;}
.head-box .nav-box>ul >li{ padding:0.1rem 0;}
.head-box .nav-box >ul li a{ display: block;line-height:30px;}
.head-box .nav-box>ul>li .drop-down > ul li{ padding:0;}
.web-but{ width:30px; height:30px;margin-left: 0.1rem;}
.web-but span{ display:block; height:2px; top:15px;}
.web-but .openMenu { width:25px; left:2.5px; }
.web-but .closeMenu { left:25px; width:0; }
.web-but span:active { width:0;}
.web-but span:before,.web-but span:after { width:25px; height:2px;}
.web-but .openMenu:after{ top:5px;}
.web-but .openMenu:before{ top:-5px;}
.web-but .closeMenu{ left:0;}
.web-but .closeMenu:before { top:0; left:0; transform:rotate(45deg); }
.web-but .closeMenu:after { top:0; left:0; transform:rotate(-45deg); }
.head-box .right-box .signin .outside{ font-size: 0;}
}




.banner{position: relative; height:100%;}
.banner img{ width:100%;}
.banner video{ position: absolute; width: 100%; height:100%; left: 0; top:0;z-index: 3;object-fit: cover;}
@media (max-width:640px) {
.banner{ margin-top:40px;}
}


.public-title{ text-align: center;}
.public-title .title{font-size:0.42rem; line-height:1.3; color: #fff;}
.public-title .name{margin-top:0.20rem; font-size:0.24rem;color: #fff;line-height:1.5;}
.public-more a{ display: block; width:1.60rem; height:0.50rem; line-height:0.46rem; text-align: center; border-radius:0.50rem; border:0.02rem solid #fff;}
.public-more a span{ display: inline-block;font-size:0.16rem;color: #fff;vertical-align: middle;}
.public-more a:after{ display: inline-block; content:''; margin-left:0.10rem;width:0.21rem;height:0.13rem;background-image: url('../image/more.png');vertical-align: middle; background-size: cover;}
.home-about{padding-top:1.3rem; height:100%; background-size: cover; }
.home-about .describe{ margin-top: 5.3%;}
.home-about .describe ul{ display: flex; justify-content: center; font-size:0; width: 100%;text-align: center;}
.home-about .describe ul li{display: inline-block; margin-right:1.3rem;}
.home-about .describe ul li:last-child{margin-right: 0;}
.home-about .describe ul li .text{ display: flex; justify-content: center; font-size:0.30rem;color: #fff;font-weight: bold;}
.home-about .describe ul li .text em{ font-style: normal; line-height:0.30rem; margin-left:0.10rem;}
.home-about .describe ul li .text span{ font-family:'微软雅黑'; font-size:0.7rem; font-weight:bold; line-height:0.9rem; color: #fff;}
.home-about .describe ul li .name{ font-size:0.16rem;color: rgba(255, 255, 255, .8);}

.home-news{ display: flex; align-items: center; justify-content: space-between; margin-top:2.7rem;font-size: 0; background-color: rgba(22, 81, 163);}
.home-news .name{ display:inline-block; width: 1.20rem; padding:0.22rem 0; text-align: center; font-size:0.30rem;color: #fff;line-height: 1.2;}
.home-news .home-news-list{position:relative; width:calc(100% - 1.20rem); padding:0.30rem 0.70rem 0.30rem 0.50rem; box-sizing: border-box; overflow: hidden;}
.home-news .home-news-list .item{ height:0.60rem;}
.home-news .home-news-list .title{ margin-top:.13rem; font-size:0.18rem; color: #fff;}
.home-news .home-news-list .time{ color: #fff; font-size:0.16rem; line-height:0.20rem;}
.home-news .home-news-list .swiper-container{ position: relative; overflow: hidden;}
.home-news .home-news-list .swiper-button-white{ width:0.27rem; height:0.44rem; left:auto; right:0.20rem; margin-top:0!important; font-size:0.15rem; background-size:0.10rem; transform:rotate(90deg);}
.home-news .home-news-list .swiper-button-prev{ top:0.20rem;}
.home-news .home-news-list .swiper-button-next{ top:0.55rem;}

.index-field{background-position: center;background-size: cover; position: relative; height:100vh;}
.index-field .public-title{ text-align: left; max-width: 3.90rem}
.index-field .public-title .title{ color: #333;}
.index-field .public-title .name{color: #333;}
.index-field .w1600{ z-index: 2; position:absolute; left:calc((100% - 16.00rem) / 1.9); top:7%;}
.index-field .video-locate{position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%);}
.index-field video{ display: block; min-width:100vw;min-height: 100vh;max-height: 100vh;object-fit: cover;}
.index-field .list ul li{ font-size:0; position: absolute;z-index: 100}
.index-field .list ul li .spot{position: relative;display: inline-block;width:0.16rem;height:0.16rem;border:0.05rem solid #fff; border-radius: 50%;box-sizing: border-box;vertical-align: middle; z-index:3;}
.index-field .list ul li .spot::before {content:'';display: block;position: absolute;left: 50%;top: 50%;z-index:1;transform: translate(-50%, -50%);width:0.10rem;height:0.10rem;border-radius: 50%;}
.index-field .list ul li .spot::after {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width:0.16rem;height:0.16rem;border-radius: 50%;}
.index-field .list ul li .spot::after { animation: boderM 3s infinite;}
.index-field .list ul li:nth-child(1){ top:38%; left:27.5%;}
.index-field .list ul li:nth-child(2){ top:56%; left:45%;}
.index-field .list ul li:nth-child(3){ top:87%; left:24%;}
.index-field .list ul li:nth-child(4){ top:86%; left:13%;}
.index-field .list ul li:nth-child(5){ top:81%; left:31.1%;}
.index-field .list ul li:nth-child(6){ top:84%; left:48%;}
.index-field .list ul li:nth-child(7){ top:75%; left:59.5%;}
.index-field .list ul li:nth-child(8){ top:74%; left:75%;}
.index-field .list ul li:nth-child(9){ top:32%; right:6%;}
.index-field .list ul li:nth-child(10){ top:37%; left:52%;}
.index-field .list ul li:nth-child(11){ top:8%; right:21%;}
.index-field .list ul li:nth-child(12){ top:21%; right:16.2%;}
@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    75% {
        transform: translate(-50%, -50%) scale(2);
    }
    100% {
        opacity: 0
    }
}
.index-field .list ul li .box{ position: absolute; display: inline-block; left:-0.15rem; top: 50%; width: max-content; padding:0.03rem 0.35rem 0.03rem 0.45rem; border-radius:0.50rem; opacity: 0; vertical-align: middle; overflow: hidden; z-index: 2; transform: translateY(-50%);}
.index-field .list ul li .box span{ display:block; font-size:0.20rem; line-height:0.40rem; color: #fff;}
.index-field .list ul li .box:after{display:block; position: absolute; top:50%; right:0.10rem; content: '>'; font-size:0.20rem;color: #fff;font-family: '黑体';transform: translateY(-50%);}
.index-field .list ul li:hover .box{opacity: 1;}
.index-field .list ul li:nth-of-type(9) .box{ left: unset; right:-0.15rem; padding:0.03rem 0.45rem 0.03rem 0.35rem;}
.index-field .list ul li:nth-of-type(9) .box:after{ left:0.10rem; right:unset; transform:translateY(-50%) rotate(180deg);}
.index-field .list ul li.Te .spot .point{ position: absolute; left:50%; top:50%; background: #073b78; width:0.08rem; height:0.08rem; border-radius:50%; transform: translate(-50%, -50%);}
.index-field .list ul li.Tr .spot{background: #a22224;}
.index-field .list ul li.Te .spot::before{background: rgba(7, 59, 120, 0.9);}
.index-field .list ul li.Tr .spot::before{background: rgba(162, 34, 36, 0.9);}
.index-field .list ul li.Te .spot::after{background: rgba(255, 255, 255, 0.9);}
.index-field .list ul li.Tr .spot::after{background: rgba(255, 255, 255, 0.9);}
.index-field .list ul li.Te:hover .box{background: #11437d;}
.index-field .list ul li.Tr:hover .box{background: #a22224;}

.index-product{ height:100%; padding:0.80rem 0;}
.index-product .public-title{ display: flex; justify-content: space-between;}
.index-product .public-title .fl-ol{ text-align: left;}
.index-product .list{ font-size:0; margin-top:1.00rem;}
.index-product .list .item{ position: relative; display: flex; width: 100%;margin-bottom:0.10rem;}
.index-product .list .item:last-child{margin-bottom: 0;}
.index-product .list .item .left-box{ width: 23.5%; padding:0.35rem 0.15rem; background-color: #fff; border-radius:0.08rem; vertical-align: middle; box-sizing: border-box;}
.index-product .list .item .right-box{ padding-left:0.10rem; width: 74.5%;vertical-align: middle;}
.index-product .public-more{ padding-top:0.30rem; float: right;z-index: 33}
.index-product .list .item .left-box .title span{display: inline-block;font-size:0.28rem;vertical-align: middle;}
.index-product .list .item .left-box .title img{display: inline-block;height:0.28rem;margin-left:0.15rem;vertical-align: middle;}
.index-product .list .item .left-box .name{ margin:0 0 0.10rem; font-size:0.16rem;}

.index-product .list .right-box .swiper-container{overflow: hidden;}
.index-product .list .right-box .item{ display:inline-block; padding:0.15rem 0.05rem; background-color: #fff; border-radius:0.08rem; box-sizing: border-box;}
.index-product .list .right-box .item .title{margin-top:0.10rem;font-size:0.16rem;text-align: center;}
.index-product .list .right-box .item .img{ max-width: 1.45rem; margin: auto;overflow: hidden;}
.index-product .list .right-box .item .img .tu-pic{ display: block; background-position: center; background-size:contain; background-repeat: no-repeat; padding-bottom:70%;transition: all 0.5s ease-in-out}
.index-product .list .right-box .item:hover .tu-pic{ transform: scale(1.1);}
.index-product .list .item .left-box{border:0.03rem solid #073b78;color: #073b78;}
.index-product .list .item .right-box .item{border:0.03rem solid #073b78;color: #073b78;}
.index-product .list .item .right-box .item a{color: #073b78;}
.index-product .list .item .left-box .swiper-prev{ position: absolute;left:2.5%;bottom: 15%;font-size: 0;width:0.10rem;height:0.10rem;background-color: transparent;transform: rotate(-220deg);cursor:pointer;z-index: 33}
.index-product .list .item .left-box .swiper-next{position: absolute;left:4%;bottom: 15%;font-size: 0;width:0.10rem;height:0.10rem;background-color: transparent;transform: rotate(-45deg);cursor:pointer;z-index: 33}
.index-product .list .item .left-box .swiper-button-disabled{ opacity:.4;}
.index-product .list .item .swiper-prev{border-right:0.03rem solid #073b78;border-bottom:0.03rem solid #073b78;}
.index-product .list .item .swiper-next{border-right:0.03rem solid #073b78;border-bottom:0.03rem solid #073b78;}

.index-blame{ position: relative; height:100%; background-position: center;background-size: cover;}
.index-blame .auto-inner{ height:100vh; position: relative;}
.index-blame .public-title{ padding-top:8%; text-align: left; max-width: 4.20rem}
.index-blame .list{ width: 100%; position: absolute; left: 0;bottom: 0;}
.index-blame .list ul{font-size: 0;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 3}
.index-blame .list ul li{position: relative;display: inline-block;width: 23%;margin-right: 2.66%;padding-bottom:0.35rem;box-sizing: border-box;vertical-align: bottom;cursor: pointer;}
.index-blame .list ul li:last-child{margin-right: 0;}
.index-blame .list ul li .img{display: none;}
.index-blame .list ul li .title{position: relative;font-size:0.24rem;color: #fff;}
.index-blame .list ul li .text{display: none;}
.index-blame .list ul li em{position: relative;display: block;margin-bottom:0.35rem;width: 100%;height:0.02rem;background-color: rgba(255, 255, 255, .3);}
.index-blame .list ul li .text{display: none;margin-top:0.15rem;font-size:0.16rem;color: rgba(255, 255, 255, .5);}
.index-blame .list ul li em:before{display: block;content: '';position: absolute;left: 0;top: 0;width: 70%;height: 100%;background-color: #fff;z-index: 3}
.index-blame .list ul li a{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
.index-blame .list ul li:before{display: none;position: absolute;right: -2%;top:-2%;font-size: 1.20rem;font-weight: bold;color: rgba(255, 255, 255, .03);font-family: "Arial";z-index: 1}
.index-blame .list ul li:nth-of-type(1):before{content: '01'}
.index-blame .list ul li:nth-of-type(2):before{content: '02'}
.index-blame .list ul li:nth-of-type(3):before{content: '03'}
.index-blame .list ul li:nth-of-type(4):before{content: '04'}
.index-blame .list ul li.on{padding:0.35rem;background-color: rgba(181, 60, 49, .9);}
.index-blame .list ul li.on em{display: none;}
.index-blame .list ul li.on .img{display: block;margin-bottom:0.75rem;}
.index-blame .list ul li.on .title{font-size:0.30rem;}
.index-blame .list ul li.on .text{display: block;}
.index-blame .list ul li.on .title:before{content: '';display: block;position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 0.21rem;height:0.13rem;background-image: url('../image/more.png');z-index: 3; background-size: cover;}
.index-blame .list ul li.on a{display: block;}
.index-blame .list ul li.on:before{display: block;}




@media (max-width:1680px) {
.home-news{ margin-top:1rem;}
}
@media (max-width:1440px) {
.index-field .list ul li:nth-child(1){ top:31%;}
.index-field .list ul li:nth-child(3){ top:91%;}
.index-field .list ul li:nth-child(4){ top:90%;}
.index-field .list ul li:nth-child(5){ top:85%;}
.index-field .list ul li:nth-child(6){ top:91%;}
.index-field .list ul li:nth-child(7){ top:83%;}
.index-field .list ul li:nth-child(8){ top:80%;}
.index-field .list ul li:nth-child(9){ top:29%;}
.index-field .list ul li:nth-child(12){ top:16%;}
}
@media (max-width:1366px) {
.index-field .list ul li:nth-child(1){ top:32%;}
.index-field .list ul li:nth-child(3){ top:94%;}
.index-field .list ul li:nth-child(4){ top:92%;}
.index-field .list ul li:nth-child(5){ top:87%;}
.index-field .list ul li:nth-child(6){ top:89%;}
.index-field .list ul li:nth-child(7){ top:81%;}
.index-field .list ul li:nth-child(8){ top:78%;}
.index-field .list ul li:nth-child(9){ top:30%;}
.index-field .list ul li:nth-child(12){ top:17%;}
}
@media (max-width:1024px) {
.public-more a{ padding:0.05rem 0.20rem; width: auto; height:auto;}
.index-field .w1600{
    left: calc((100% - 10rem) / 1.9);
    top: 5%;
}
.public-title .name{font-size: unset;}
.index-field .video-locate{ overflow: hidden; max-width:100%;}
.index-product{ padding-top:10%;}
.index-blame .public-title{ padding-top:10%;}
.index-field .list ul li .box{ padding:0 0.20rem 0 0.45rem;}
.index-product .list .item .left-box{ padding:0.25rem;}
.index-product .list .right-box .item{ padding:0.20rem 0.05rem;}
.home-news{ margin-top:26%;}
.home-news .home-news-list .item{ height: auto;}
.home-news .home-news-list .time{ line-height:0.35rem;}
.home-news .home-news-list .title{ line-height:0.50rem;}
.home-about{ padding:1.00rem 0;}
.home-about .describe ul li{ margin-right:.3rem;}
.home-about .describe ul li .text span{ font-size:.5rem;}
#fullpage .fp-tableCell,
#fullpage .section{ height: auto !important;}
}
@media (max-width:768px) {
.index-field,
.index-field video{ height: auto; display: block;}
.index-field .list ul li:last-child .box{ left:auto; right:0.40rem;}
.index-field .public-title{ max-width:8.00rem;}
.index-field{ overflow: hidden;}
.index-field .w1600{ left:auto; top:auto; margin:0 auto; padding:20px 0; position: relative; width:90%;}
.index-field .video-locate{ position: relative; left:0; top:0; transform:translate(0);}
.index-field video{ min-width:auto; min-height:auto; width: 100%; height:auto;}
}
@media (max-width:640px) {
.public-title .title{ font-size:0.36rem;}
.public-title .name{ font-size:0.24rem;}
.index-product .list .item .left-box{ width:35%;}
.index-product .list .item .right-box{ width:65%;}
.index-blame .public-title{ max-width:100%; padding:1rem 0;}
.index-blame .list ul li{ width:100%; margin-right:0;}
.index-blame .list ul li.on:before,
.index-blame .list ul li:before{ right:0; font-size:0.7rem;}
.index-blame .auto-inner{height:75vh;}
.home-about .describe ul{ flex-wrap: wrap;}
.home-about .describe ul li{ margin:10px 0; width: 50%;}
.home-about .describe ul li .name{ font-size:0.30rem;}
.home-about .describe ul li .text span{ font-size:.45rem; line-height:0.6rem;}
.index-product .public-more{ width: 3.5rem;}
}




.footer{ padding:4.16% 0 3.125% 0; background: #f0f1f3; position: relative; z-index:10;}
.footer .top-box{ display: flex; justify-content: space-between;}
.footer a:hover{ color: #11437d !important;}
.footer .left-box{ width:3.70rem;}
.footer .foot-left .logo img{ max-width:3.70rem;}
.footer .left-box .tel{margin-top:0.50rem;}
.footer .left-box .tel .name{font-size:0.14rem;color: #999;}
.footer .left-box .tel .text{ line-height:1.3; font-size:0.35rem;color: #b53c31;font-weight: bold;}
.footer .left-box .share{margin-top:0.50rem;}
.footer .left-box .share .shop{position: relative;display: inline-block;vertical-align: middle;}
.footer .left-box .share .shop a{ display: block; width: 1.90rem; height:0.50rem; line-height:0.46rem; text-align: center; border-radius: 0.50rem; border:0.02rem solid #cccccc; box-sizing: border-box;}
.footer .left-box .share .shop a span{display: inline-block;font-size:0.18rem;color: #555555;vertical-align: middle;}
.footer .left-box .share .shop a:after{display: inline-block;content: '';margin-left:0.35rem;width:0.06rem;height:0.06rem;border-right: 0.02rem solid #ccc;border-bottom:0.02rem solid #ccc;transform: rotate(-45deg);vertical-align: middle;}
.footer .left-box .share .shop .img{display: none;position: absolute;left: 50%;bottom:  80px;transform: translateX(-50%);width: 250px;padding: 10px;background-color: #fff;z-index: 3;}
.footer .left-box .share .shop .img img{width: 100%;}
.footer .left-box .share .shop .img:before{position: absolute;content: '';left: 0;right: 0;bottom: -12px;margin: 0 auto;display: block;width: 0;height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #fff;}
.footer .left-box .share .shop:hover .img{display: block;}
.footer .left-box .share ul{display: inline-block;vertical-align: middle;}
.footer .left-box .share ul li{position: relative;display: inline-block;margin-left:0.10rem; vertical-align: middle;}
.footer .left-box .share ul li span{ background:none; width: auto !important; height: auto !important; margin:0;}
.footer .left-box .share ul li span:before{display: block;content: '';width:0.50rem;height:0.50rem;cursor: pointer; background-size: cover;}
.footer .left-box .share ul li.lk span:before{background-image: url('../image/foot-share1.png');}
.footer .left-box .share ul li.wx span:before{background-image: url('../image/foot-share2.png');}
.footer .left-box .share ul li .img{display: none;position: absolute;left: 50%;bottom:  80px;transform: translateX(-50%);width: 120px;padding: 10px;background-color: #fff;z-index: 3;}
.footer .left-box .share ul li .img img{width: 100%;}
.footer .left-box .share ul li .img:before{position: absolute;content: '';left: 0;right: 0;bottom: -12px;margin: 0 auto;display: block;width: 0;height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #fff;}
.footer .left-box .share ul li:hover .img{display: block;}
.footer .right-box .foot-nav>ul{font-size: 0;}
.footer .right-box .foot-nav>ul>li{ line-height:0.35rem; display: inline-block;margin-right:0.35rem; vertical-align: top;}
.footer .right-box .foot-nav>ul>li:last-child{margin-right: 0;}
.footer .right-box .foot-nav>ul>li>a{ font-size:.2rem;color: #333;}
.footer .right-box .foot-nav>ul>li .drop-down{margin-top:0.10rem;}
.footer .right-box .foot-nav>ul>li .drop-down ul li:last-child{margin-bottom:0rem;}
.footer .right-box .foot-nav>ul>li .drop-down ul li a{ display: block; font-size:0.16rem;color: #555;}
.footer .bottom-box{margin-top:0.60rem;}
.footer .bottom-box .foot-column{float: left;}
.footer .bottom-box .foot-column ul{font-size: 0;}
.footer .bottom-box .foot-column ul li{display: inline-block;margin-right:0.13rem;}
.footer .bottom-box .foot-column ul li a{display: inline-block;font-size:0.14rem;color: #000;vertical-align: middle;}
.footer .bottom-box .foot-column ul li:after{ display: inline-block; margin-left:0.13rem; content: '·'; width:0.04rem; height:0.04rem; background-color: #000; border-radius:0.04rem; vertical-align: middle;}
.footer .bottom-box .foot-column ul li:last-child{margin-right: 0;}
.footer .bottom-box .foot-column ul li:last-child:after{display: none;}
.footer .bottom-box .icp{float: right;font-size:0.14rem;color: #000;}
.footer .bottom-box .icp a{color: #000;margin-left:.5em;display: inline-block;}
.footer .bottom-box .icp a.beian{padding-left: 20px;background: url(../image/icp.png) no-repeat left center;}
.footer .bottom-box{margin-top:0.60rem;}
.footer .bottom-box .foot-column{float: left;}
.footer .bottom-box .foot-column ul{font-size: 0;}
.footer .bottom-box .foot-column ul li{display: inline-block;margin-right:0.13rem;}
.footer .bottom-box .foot-column ul li a{display: inline-block;font-size:0.14rem;color: #000;vertical-align: middle;}
.footer .bottom-box .foot-column ul li:after{ display: inline-block; margin-left:0.13rem; content: '·'; width:0.04rem; height:0.04rem; background-color: #000; border-radius:0.04rem; vertical-align: middle;}
.footer .bottom-box .foot-column ul li:last-child{margin-right: 0;}
.footer .bottom-box .foot-column ul li:last-child:after{display: none;}
.footer .bottom-box .icp{float: right;font-size:0.14rem;color: #000;}
.footer .bottom-box .icp a{color: #000;}
@media (max-width:1024px) {
.footer .top-box{ flex-wrap: wrap;}
.footer .left-box{ width: 100%;}
.footer .right-box{ margin-top:.35rem; width: 100%;}
.footer .right-box .foot-nav>ul>li{ line-height:0.4rem;}
.footer .right-box .foot-nav>ul>li .drop-down{ margin-top:0;}
}
@media (max-width:768px) {
.footer .right-box .foot-nav>ul>li{ line-height:0.50rem; margin-right:0.20rem;}
.footer .left-box .share ul{ font-size:0;}
.footer .left-box .share .shop a{ font-size:0;}

}
@media (max-width:640px) {
.footer .left-box .tel .name{ font-size:0.50rem;}
.footer .left-box .tel .text{ font-size:0.50rem;}
.footer .left-box .share{ margin:0.50rem 0;}
.footer .left-box .share .shop a{ font-size: 0; text-align: center; width:auto; height: auto; padding:8px 20px; line-height:0.35rem;}
.footer .left-box .share ul li a:before{ width:32px; height:32px;}
.footer .left-box .share .shop a:after{ display: none;}
.footer .left-box .logo img{height:;}
.footer .left-box .share .shop a span{ width: 100%; font-size:0.36rem;}
.footer .right-box{ display: none;}
.footer .right-box .foot-nav>ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer .right-box .foot-nav>ul>li{ width:45%; margin-right:0; margin-bottom:0.2rem;}
.footer .right-box .foot-nav>ul>li>a{ display: block; line-height:0.40rem; font-size:0.32rem;}
.footer .right-box .foot-nav>ul>li .drop-down ul li{ padding:0.05rem 0;}
.footer .right-box .foot-nav>ul>li .drop-down ul li a{ font-size: 0.26rem;}
.footer .bottom-box{ margin-top:.1rem;}
.footer .bottom-box .foot-column{ margin-bottom:.1rem;}
.footer .bottom-box .foot-column ul li a{ font-size:0.26rem;}
.footer .bottom-box .icp{ font-size:0.26rem;}
}




.Inner-box{ min-height:1.00rem;}



.Pages{ text-align:center; padding:1% 0 0.60rem; font-size:0; color:#666666;}
.Pages *{ vertical-align:middle;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total{ display:none;}
.Pages a{ display:inline-block; font-size:0.16rem; padding:0; width:0.50rem; height:0.50rem; line-height:0.50rem; color:#666666; margin-right:0.15rem; border-radius:50%; overflow: hidden; border:0.01rem solid #e5e5e5;}
.Pages a:hover,
.Pages a.a_cur{ color:#fff; background-color:#1651a4; border-color:#1651a4;}
.Pages em{ margin:0 0.25rem; font-style:normal; display:inline-block; vertical-align:middle;}
.Pages em a:last-child{ margin-right:0;}
.Pages .i_text{ line-height:0.50rem; border:0.01rem solid #ceced5;}
.Pages .i_button{ cursor:pointer; background:none; border:0.01rem solid #ceced5;}
.Pages .p_jump b{font-weight:normal; margin:0 0.05rem;}
.Pages .a_prev,.Pages .a_next{ margin:0; font-family:宋体; font-weight: bold;}
@media(max-width:1000px){
.Pages em{ display:none;}
}
@media(max-width:640px){
.Pages a{ font-size:0.28rem; margin:0 0.20rem!important; width:0.80rem; height:0.80rem; line-height:0.80rem;}
.Pages a.a_first,
.Pages a.a_end{ display:none;}
.Pages a{ padding:0 0.10rem;}
}




.inner-menu-box{ padding:0.30rem 0; background: #f8f9fa;}
.inner-menu-box .flex{ display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.inner-menu-box .menu-box ul{ display: flex; width: 100%;}
.inner-menu-box .menu-box li{ margin-right:0.50rem;}
.inner-menu-box .menu-box li:last-child{ margin-right:0;}
.inner-menu-box .menu-box li a{ display: block; font-size:0.16rem;}
.inner-menu-box .current{ font-size:0.16rem; padding-left:0.30rem; background: url(../image/return-icon1.png) no-repeat center left; background-size:0.20rem; display: flex;}
.inner-menu-box .current em{ padding:0 0.10rem; font-style: normal; font-family:'宋体'; color: #000; }
.inner-menu-box .current span{ color: #1651a4;}
.inner-menu-box .menu-box li.active a{ color: #1651a4;}
@media (max-width:640px) {
.inner-menu-box .current{ display: none;}
.inner-menu-box .menu-box{ width:100%;}
.inner-menu-box .menu-box ul{ flex-wrap: wrap;}
.inner-menu-box .menu-box li{ margin:.1rem 0; margin-right:0.25rem;}
.inner-menu-box .menu-box li a{ font-size:0.23rem;}
}


.ban-Inner{ padding-top:0.9rem;}
.ban-Inner{ position: relative;}
.ban-Inner .text{ text-align: center; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.ban-Inner .text h4{ line-height:0.80rem; margin:0 auto; color: #ffffff; font-size:0.60rem; font-weight:500;}
.ban-Inner .text .txt{ display: none;text-transform: uppercase; letter-spacing:0.08rem; font-size:0.24rem; color: #ffffff; }
.ban-Inner .text2{ text-align: left; top:28%; left:18%;}
.ban-Inner .text2 h4{ font-size:0.46rem; line-height:0.50rem; color: #333333;}
.ban-Inner .text2 .txt{ font-size:0.16rem; color: #333333;}
@media (max-width:1024px) {
.ban-Inner{ padding-top:0.8rem;}
}
@media (max-width:640px) {
.ban-Inner{ padding-top:1.05rem;}
.ban-Inner .text{ width:100%; top:60%; left:0; text-align: center; transform: translateY(-50%);}
.ban-Inner .text h4{ font-size:0.45rem;}
}



.Aboutus-one{ padding:1.00rem 0;}
.about-title{ display:inline-block; vertical-align: middle; margin:0 auto; margin-bottom:0.60rem; font-size:0.36rem; line-height:0.40rem;}
.about-title span{ display: block; line-height:0.40rem;}
.about-title::after{content: ''; display: block; width:0.01em; height:0.02rem; background: #1651a4; margin-top:0.25rem;}
.Aboutus-one .ul{ margin-bottom:0.65rem; display: flex; justify-content: space-between;}
.Aboutus-one .ul .wez{ font-size:0.16rem; }
.Aboutus-one .ul .time{ font-size:0.46rem; line-height:0.46rem;}
.Aboutus-one .ul .time .counter{ display: inline-block; vertical-align: top; color:#1651a4;}
.Aboutus-one .ul .time em{ line-height:0.20rem; font-size:0.26rem; font-style: normal; display: inline-block; vertical-align: top; color:#1651a4;}
.Aboutus-one .ul .time .wez{ color: #333333; font-size:0.16rem;}

.Aboutus-one .relative-box{ position: relative;}
.Aboutus-one .auto-inner .swiper-button-prev,
.Aboutus-one .auto-inner .swiper-button-next{ width:0.27rem; height:0.44rem; top:50%; background-size:0.15rem; opacity:.5; transform: translateY(-50%);}
.Aboutus-one .auto-inner .swiper-button-prev{ left:-0.80rem;}
.Aboutus-one .auto-inner .swiper-button-next{ right:-0.80rem;}
.Aboutus-one .auto-inner .swiper-button-next.swiper-button-disabled,
.Aboutus-one .auto-inner .swiper-button-prev.swiper-button-disabled{ opacity:0!important;}
.Aboutus-one .item{ position: relative;}
.Aboutus-one .item .txt{ color: #fff; position: absolute; top:50%; right:0.80rem; width:4.90rem; transform: translateY(-50%);}
.Aboutus-one .item .Tum{ font-size:0.24rem; line-height:0.30rem;}
.Aboutus-one .item .Introd{ font-size:0.16rem; line-height:0.30rem; margin:0.20rem auto;}

.about-course{ padding:0.85rem 0 1.20rem; background-size: cover; text-align: center;}
.about-course .about-title{ margin-bottom:0.20rem;}
.about-course .course-list{ position: relative;}
.about-course .course-list .line{ background: #cccccc; content:''; height:0.05rem; width:100%; position: absolute; left:0; top:0;}
.about-course .item{ text-align: left;}
.about-course .item .img{ margin:0.05rem 0;}
.about-course .item .text{ font-size:0.12rem; line-height:0.22rem;}
.about-course .item .years{ font-size:0.34rem; line-height:0.34rem; color: #1651a4;}
.about-course .item .up-box{ width: 100%; display: table; position: relative;}
.about-course .item .up-box .years{ padding-top:0.10rem;}
.about-course .item .up-box .table-cell{ padding-bottom:0.80rem; display: table-cell; vertical-align: bottom;}
.about-course .item .up-box .table-cell.none{ display: none;}
.about-course .item .up-box .table-cell::before{ content: ''; display: block; width:0.01rem; height:0.60rem; background: #1651a4; position: absolute; bottom:0.08rem; left:0.45rem;}
.about-course .item .up-box .table-cell::after{ position: absolute; bottom:-0.085rem; left:0.45rem; margin-left:-0.08rem; display: block; content: ''; width:0.17rem; height:0.17rem; background:url(../image/circle-icon1.png) no-repeat; background-size: cover;}
.about-course .item .down-box{ width: 100%; position: relative;}
.about-course .item .down-box .years{ color: #b53c31; padding-bottom:0.10rem;}
.about-course .item .down-box .table-cell{ padding-top:0.80rem;}
.about-course .item .down-box .table-cell::before{ content:''; display: block; width:0.01rem; height:0.60rem; background: #b53c31; position: absolute; top:0.08rem; left:0.45rem; background-size: cover;}
.about-course .item .down-box .table-cell::after{ position: absolute; top:-0.085rem; left:0.45rem; margin-left:-0.085rem; display: block; content:''; width:0.17rem; height:0.17rem; background:url(../image/circle-icon2.png) no-repeat; background-size: cover;}
.about-course .swiper-button-next,
.about-course .swiper-button-prev{ width:0.27rem; height:0.44rem; margin-top:0.21rem; background-size:0.15rem;}
.about-course .swiper-button-prev{ left:-0.80rem;}
.about-course .swiper-button-next{ right:-0.80rem;}
.about-course .course-tishi{ opacity:0; color: #1651a4; border-top:solid 1px #d8d8d8; text-align: right; float: right; min-width: 3.00rem; font-size:0.30rem; transition: all .5s;}
.about-course .course-tishi.one{ opacity:1;}

.corporate-wez{ position: absolute; top:50%; width:100%; z-index: 10; transform: translateY(-50%);}
.corporate-course{ position: relative;}
.corporate-course .about-title{ margin-bottom:0.25rem;}
.corporate-course .about-title::after{ background: #b53c31;}
.corporate-color{ position: relative; color: #fff; background: #1651a4; padding:0.50rem 0.70rem; display: inline-block; max-width:80%;}
.corporate-color .Tum{ margin-bottom:0.15rem; font-size:0.24rem; line-height:0.30rem;}
.corporate-color .wenz{ opacity:.6; font-size:0.18rem; line-height:0.24rem;}
.corporate-color .swiper-button-box{ margin-top:0.15rem; height:0.44rem; display: flex; position: relative;}
.corporate-color .swiper-button-prev,
.corporate-color .swiper-button-next{ margin-right:0.05rem; left:0; right:0; background-size:0.10rem; position:relative;}
.corporate-color .swiper-button-next{ margin-right:0;}

.Responsibility{ padding:0.90rem 0;}
.Responsibility .text-ol{ margin-bottom:0.60rem; font-size:0.16rem; line-height:0.30rem;}
.Responsibility .about-title{ margin-bottom:0.35rem;}
.Responsibility .about-title::after{ display: none;}
.Responsibility-list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.Responsibility-list .item{ position: relative; padding:0.90rem 1.10rem; width:49%; margin-bottom:2%; border-radius:2rem 1.7rem 0 2rem; overflow: hidden;}
.Responsibility-list .item .img{ background-size:cover; width: 100%; height:100%; position: absolute; left:0; top:0;}
.Responsibility-list .tiel{ font-size:0.24rem; color: #fff; position: relative; z-index:3;}
.Responsibility-list .wenz{ max-width:3.4rem; font-size:0.16rem; min-height:1.28rem; color: #fff; position: relative; z-index:3;}
.Responsibility-list .item:nth-child(3n){ border-radius:2rem 0 1.7rem 2rem;}
.Responsibility-list .item:nth-child(2n){ text-align: right; border-radius:2rem 2rem 2rem 0; overflow: hidden;}
.Responsibility-list .item:nth-child(2n) .wenz{ float: right;}
.Responsibility-list .item:nth-child(4n){ border-radius:0 2rem 2rem; overflow: hidden;}

.Aboutus-info{ padding:1.00rem 0;}
.about-info-one .about-title{ margin-bottom:0.30rem;}
.about-info-one .about-info-con{ display: flex; justify-content: space-between;}
.about-info-one .about-info-con .text{ font-size:0.16rem; width: 9.00rem;}
.about-info-one .about-info-con .imgbox{ width:6.30rem;}
.about-info-two{ padding:0.60rem 0 0.90rem; border-bottom:solid 0.01rem #eaeaea;}
.about-info-two .about-title{ margin-bottom:0.35rem;}
.about-info-two .item{ margin-bottom:0.40rem; background: #f3f6f9; display: flex; align-items: center;}
.about-info-two .item .img{ width: 50%; position: relative;}
.about-info-two .item .img span{ font-size:0.16rem; text-align: center; padding:0.10rem; color: #fff; background: #1651a4; display: block; min-width:1.30rem; position: absolute; right:0; bottom:0; border-radius:0.15rem 0 0 0;}
.about-info-two .item .text{ padding:0.20rem 0.45rem; font-size:0.16rem; line-height:0.30rem; width:50%;}
.about-info-two .item .text .iol{ font-size:0.24rem; line-height:0.30rem; color: #333333;}
.about-info-two .item:nth-child(2n){ direction: rtl;}
.about-info-two .item:nth-child(2n) .text{ direction: ltr;}
.about-info-two .item:nth-child(2n) .img span{ left:0; right:auto; border-radius:0 0.15rem 0 0;}
.about-info-two .item:last-child{ margin-bottom:0;}
.about-info-three .about-title{ padding-top:0.60rem; margin-bottom:0.35rem;}
.about-info-three .about-list{ display: flex; flex-wrap: wrap;}
.about-info-three .item{ margin:0.10rem 0; width:30.33%; margin-right:4.5%; text-align: center; font-size:0.16rem; color: #333333;}
.about-info-three .item .img{ border-radius:0.10rem; overflow: hidden;}
.about-info-three .item .text{ padding:0.10rem 0; line-height:0.30rem;}
.about-info-three .item:nth-child(3n){ margin-right:0;}

.culture-one{ padding:1.50rem 0 1.80rem;}
.culture-one .culture-title{ text-align: center; font-size:0.36rem; color: #333333;}
.culture-one .list-culture{ padding-top:0.60rem; display: flex; justify-content: center; justify-content: space-between;}
.culture-one .list-culture .item{ width: 2.20rem;}
.culture-two{ background: #f8f9fa; padding:1.00rem 0;}
.culture-two .culture-title{ text-align: center; font-size:0.36rem; color: #333333;}
.culture-two .line{ margin:0.50rem 0; height:0.05rem; width:100%; background-image: linear-gradient(to right,#083c78,#a32324);}
.culture-two .list-culture{ display: flex; justify-content: space-between;}
.culture-two .list-culture .item{ width: 48.7%; box-shadow:0 0.10rem 0.15rem rgba(0, 0, 0, .1);}

.honor-box .flex{ flex-wrap: wrap; display: flex;}
.honor-box .item{ width:22.5%; text-align: center; margin-bottom:3%; margin-right:3.33%;}
.honor-box .item .img{ position: relative; margin-bottom:0.15rem; background: #f8f9fa; height:4.73rem; padding:0.40rem;}
.honor-box .item .img img{ max-height:100%; text-align: center; box-shadow:0 0 0.20rem rgba(0,0,0,.2);}
.honor-box .item:nth-child(4n){ margin-right:0;}
.honor-box .item .text{ font-size:0.16rem;}
.honor-box .item .img .icon{ opacity:0; width:0.68rem; height:0.68rem; display: block; position: absolute; top:50%; left:50%; background: url(../image/honor-icon1.png) no-repeat center; background-size: cover; transform: translate(-50%,-50%); transition: all .5s;}
.honor-box .item:hover .icon{ opacity:1;}
.honor-box .item:hover .text{ font-size:0.16rem; color: #1651a4;}
.column-name{padding:0.60rem 0;}
.column-name span{ font-size:0.16rem; background: #1651a4; color: #fff; display:inline-block; vertical-align: middle; padding:0.09rem 0.45rem; border-radius:0.40rem;}


.investor-noe{ padding:0.70rem 0;}
.investor-noe .item{ padding:0.30rem 0; display: flex; align-items: center; justify-content: space-between;max-width: 1200px;margin: auto;}
.investor-noe .item .text{ letter-spacing:0.01rem; font-size:0.14rem; line-height:0.30rem; width:70%; margin-left:0.70rem;}
.investor-noe .item .text .color-erd{ color: #d21515;}
.investor-noe .item .text strong{ font-weight:600; color: #000;}
.investor-noe .item .img{ width:25%;}




@media (max-width:1660px) {
.Aboutus-one .auto-inner .swiper-button-prev{ left:-0.4rem;}
.Aboutus-one .auto-inner .swiper-button-next{ right:-0.4rem;}
.about-course .swiper-button-prev{ margin-top:0.2rem; left:-0.4rem;}
.about-course .swiper-button-next{ margin-top:0.2rem; right:-0.4rem;}
}


@media (max-width:1024px) {
.about-course .item .text{ line-height:0.25rem;}
.Aboutus-one .item .txt{ width:7.00rem;}
.Aboutus-one .item .txt .public-more a{ width:1.5rem; line-height:.35rem;}
.Aboutus-one .item .Tum{ font-size:0.35rem; line-height:0.50rem;}
.Aboutus-one .auto-inner .swiper-button-prev,
.about-course .swiper-button-prev{ left:-0.20rem;}
.Aboutus-one .auto-inner .swiper-button-next,
.about-course .swiper-button-next{ right:-0.20rem;}
.Responsibility-list .item{ padding:0.5rem 0.8rem;}
.Responsibility-list .wenz{ height:1rem; max-width:100%;}
.Responsibility-list .item:nth-child(3n){ border-radius:3.00rem 0 2.70rem 3.00rem; }
.Responsibility-list .item:nth-child(2n){ text-align: right; border-radius:3.00rem 3.00rem 3.00rem 0; overflow: hidden;}
.Responsibility-list .item:nth-child(2n) .wenz{ float: right;}
.Responsibility-list .item:nth-child(4n){ border-radius:0 3.00rem 3.00rem; overflow: hidden;}
.about-info-two .item .text{ font-size:0.28rem; line-height:0.45rem;}
.about-info-two .item .text .iol{ font-size:0.33rem; line-height:0.40rem;}
.honor-box .item{ width:23.5%; margin-right:2%;}
.honor-box .item .img{ height:5.00rem;}
}
@media (max-width:768px) {
.about-course .item .text{ line-height:0.40rem;}
.corporate-back .item{ padding:1rem 0; background-size: cover;}
.corporate-back .item img{ opacity:0;}
.corporate-color .Tum{ line-height:0.40rem;}
.corporate-color .wenz{ line-height:0.40rem;}
.Aboutus-info .about-title{ font-size:0.45rem;}
.about-info-one .about-title span{ line-height:0.50rem;}
.about-info-one .about-info-con .text{ font-size:0.36rem;}
.about-info-two .item .text{ padding:0.40rem;}
.about-info-two .item .text .iol{ font-size:0.40rem;}
.about-info-two .item .text .wezi{ font-size:0.36rem; line-height:0.60rem;}
.about-info-two .item .img span{ padding:0.10rem 0.20rem;}
.about-info-two .item,
.about-info-one .about-info-con{ flex-wrap: wrap;}
.about-info-two .item .img,
.about-info-two .item .text,
.about-info-one .about-info-con .imgbox,
.about-info-one .about-info-con .text{ width:100%;}
.about-info-three .item:nth-child(3n),
.about-info-three .item{ width:48%; margin-right:4%;}
.about-info-three .item:nth-child(2n){ margin-right:0;}
.investor-noe .item .text{ line-height:0.50rem;}
}

@media (max-width:640px) {
.about-title{ font-size:0.36rem; line-height:0.36rem; margin-bottom:0;}
.about-title span{ display: block; line-height:0.5rem; margin-bottom:.3rem;}
.about-title::after{ margin:0;}
.Aboutus-one .auto-inner .swiper-button-prev{ margin-top:0; left:-0.10rem;}
.Aboutus-one .auto-inner .swiper-button-next{ margin-top:0; right:-0.10rem;}
.Aboutus-one .ul{ flex-wrap: wrap; justify-content:inherit;}
.Aboutus-one .ul li{ margin-right:0.50rem; margin-bottom:0.30rem;}
.Aboutus-one .ul .time{ font-size:0.50rem;}
.Aboutus-one .ul .wez{ font-size:0.20rem;}
.Aboutus-one .item .img{ padding:2.00rem 0; background-size: cover;}
.Aboutus-one .item .img img{ opacity:0;}
.Aboutus-one .item .Introd{ font-size:0.24rem; line-height:0.35rem;}
.Aboutus-one .item .txt{ width:80%; right:5%;}
.Aboutus-one .item .txt .public-more a{ width:2rem;}
.Aboutus-one .auto-inner .swiper-button-prev,
.Aboutus-one .auto-inner .swiper-button-next{ background-color: #fff; width:32px; height:32px; background-size:10px; border-radius:50%;}
.about-course .item .text{ font-size:12px; line-height:20px;}
.about-course .item .years{ padding:20px 0; line-height:20px; font-size:18px;}
.about-course .item .down-box .table-cell::before,
.about-course .item .up-box .table-cell::before{ left:32px;}
.about-course .item .down-box .table-cell::after,
.about-course .item .up-box .table-cell::after{ width:12px; height:12px; left:30px;}
.about-course .item .up-box .table-cell::after{ bottom:-5px;}
.about-course .item .down-box .table-cell::after{ top:-7px;}
.about-course .course-tishi{ min-width:40%; font-size:0.40rem;}
.about-course .swiper-button-prev{ left:-0.10rem;}
.about-course .swiper-button-next{ right:-0.10rem;}
.about-course .swiper-button-next,
.about-course .swiper-button-prev{ margin-top:0.43rem;}
.about-course .swiper-button-prev,
.about-course .swiper-button-next{ margin-top:14px; background-color: #fff; width:32px; height:32px; background-size:10px; border-radius:50%;}

.corporate-back .item{padding:0.30rem 0; min-height:50vh; background-size: cover;}
.corporate-back .item img{ opacity:0;}
.corporate-color{ width:90%;}
.corporate-color .Tum{ font-size:15px; line-height:25px;}
.corporate-color .wenz{ font-size:13px; line-height:20px;}
.corporate-color .swiper-button-box{ height:30px;}
.corporate-color .swiper-button-next,
.corporate-color .swiper-button-prev{ margin-top:0; top:0; height:30px; background-size:10px;}
.Responsibility .text-ol{ font-size:0.26rem; line-height:0.4rem;}
.Responsibility-list .tiel{ font-size:0.28rem;}
.Responsibility-list .wenz{ font-size:0.24rem; min-height:0; max-width:100%;}
.Responsibility-list .item{ padding:0.80rem; width: 100%; border-radius:0.80rem!important;}
.about-info-three .item:nth-child(3n),
.about-info-three .item{ width:100%; margin-right:0;}
.about-info-three .item .text{ line-height:0.40rem; font-size:0.30rem;}

.culture-one .list-culture{ flex-wrap: wrap; justify-content: flex-start;}
.culture-one .list-culture .item{ width:31%; margin-right:3.3%; margin-bottom:0.30rem;}
.culture-one .list-culture .item:nth-child(3n){ margin-right:0;}
.culture-two .list-culture{ flex-wrap: wrap;}
.culture-two .list-culture .item{ width:100%; margin-bottom:10%;}

.honor-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.honor-box .item:nth-child(2n){ margin-right:0;}

.investor-noe{ padding:0.30rem 0 0.70rem;}
.investor-noe .item{ flex-wrap: wrap;}
.investor-noe .item .text{ line-height:0.45rem; font-size: 0.26rem; margin-left:0; width:100%;}
.investor-noe .item .img{ margin-top:0.20rem; width:100%;}
.investor-noe .item:nth-child(2n) .text{ margin-left:0;}
}




.news-box{ padding-top:1.00rem; padding-bottom:0.50rem;}
.news-box .item{ background: #f8f9fa; margin-bottom:0.30rem;}
.news-box .item a{ display: flex; align-items: center;}
.news-box .item .img{ width:4.10rem; overflow: hidden;}
.news-box .item .img img{ transition: all .5s;}
.news-box .item .text{ display: flex; align-items: center; padding-left:0.70rem; width: calc(100% - 4.10rem);}
.news-box .item .text .til{ color: #333333; font-size:0.24rem; text-decoration: underline;}
.news-box .item .text .Introd{ color: #000; font-size:0.16rem; width:calc(100% - 2.00rem); padding-right:0.50rem; border-right:solid 1px #dedede;}
.news-box .item .text .time{ color: #1651a4; width:2.00rem; text-align: center;}
.news-box .item .text .time .ol{ font-size:0.50rem; line-height:0.50rem;}
.news-box .item .text .time .this{ font-size:0.16rem;}
.news-box .item:last-child{ margin-bottom:0.50rem;}
.news-box .item:hover .img img{ transform: scale(1.1);}
.news-box .item:hover .til{ color: #1651a3;}


.news-info{ padding:0.90rem 0;}
.news-info .tit-box{ padding:0.40rem 0; background: #f8f9fa; text-align: center;}
.news-info .tit-box .title-news{ font-size:0.32rem; color: #333333;}
.news-info .tit-box .tiem{ font-size:0.18rem; color: #1651a4;}
.news-info .info-con{ padding-top:0.50rem; padding-bottom:0.50rem; border-bottom:solid 1px #ebebeb; font-size:0.16rem; color: #000;}
.news-info .info-con .space{ padding:0.05rem 0;}


.news-info .flex{ display: flex; align-items: center; justify-content: space-between;}
.news-info .turn-over{ padding:0.50rem 0;}
.news-info dl{ width:calc(100% - 2.00rem); color:#1651a4;}
.news-info dl dd{ font-size:0.16rem; display: block; line-height:0.30rem;}
.news-info dl dd span{ display: block; float: left;}
.news-info dl dd a{ color: #000;}
.news-info dl dd a:hover{ color: #1651a4;}
.news-info .return a{ display: block; width: 1.60rem; height:0.50rem; line-height:0.46rem; text-align: center; border-radius:0.50rem; border:0.02rem solid #1651a4;}
.news-info .return a span{ display: inline-block;font-size:0.16rem;color: #1651a4;vertical-align: middle;}
.news-info .return a:after{ display: inline-block; content:''; margin-left:0.10rem;width:0.21rem;height:0.13rem;background-image: url('../image/more2.png');vertical-align: middle; background-size: cover;}




.search-list{ margin-bottom:0.80rem;}
.search-list .flex{ display: flex; justify-content: space-between; align-items: center;}
.search-list .fl-box{ font-size:0;}
.search-list .fl-box a{ margin:.1rem 0; margin-right:0.2rem; border:solid 0.01rem #ebebeb; color: #1651a4; display:inline-block; vertical-align: middle; min-width:1.60rem; text-align: center; padding:0.1rem 0.20rem; font-size:0.16rem; border-radius:0.50rem;}
.search-list .fl-box a:last-child{ margin-right:0;}
.search-list .fl-box a:hover,
.search-list .fl-box a.active{background: #1651a4; color: #fff;}
.search-list .fr-box{ display: flex; padding:0 0.15rem 0 0.25rem; border:solid 0.01rem #dcdcdc; border-radius:0.50rem; overflow: hidden; -webkit-border-radius:0.50rem; -moz-border-radius:0.50rem; -ms-border-radius:0.50rem; -o-border-radius:0.50rem; }
.search-list .fr-box .icon{ background: url(../image/search-icon.png) no-repeat center; background-size:0.20rem; width:0.40rem; height:0.50rem;}
.search-list .fr-box input{ font-size:0.16rem; width:3.30rem; border:none; height:0.50rem;}

@media (max-width:768px) {
.news-box .item .img{ width:3.50rem;}
.news-box .item .text{ width: calc(100% - 3.50rem);}
.news-box .item .text{ padding-left:0.50rem;}
.search-list .flex{ flex-wrap: wrap;}
.search-list .fr-box .icon,
.search-list .fr-box input{ height:0.6rem;}
.search-list .fr-box{ width: 100%;}
.search-list .fr-box input{ width:calc(100% - 0.5rem);}
}
@media (max-width:640px) {
.search-list{ margin-bottom:0.5rem;}
.search-list .fl-box a{ min-width:1.5rem; margin-right:0.1rem;}
}



.Application-lanmu{ margin:0.20rem 0 0.60rem; font-size:0.20rem; display: flex; justify-content: center; text-align: center;}
.Application-lanmu .item:first-child{ background:none;}
.Application-lanmu .item{ background: url(../image/shadow.png) no-repeat top left; background-size:0.19rem; padding:0 0.35rem;}
.Application-lanmu .item img{ width:1.80rem;}
.Application-lanmu .item .but{ color: #fff; margin-top:0.20rem; padding:0.08rem 0; border-radius:0.50rem; overflow: hidden;}
.Application-lanmu .item.blue .but{ background: #003d8a;}
.Application-lanmu .item.red .but{ background: #b60812;}
.Application-con .flex{ display: flex;}
.Application-con .item .img-box{ width:50%; background-size: cover!important; background-repeat: no-repeat !important; background-position:center !important;}
.Application-con .item .text{ direction: ltr; background: #f8f9fa; color: #000;line-height:0.30rem;font-size:0.16rem; padding:0.90rem 1.40rem 1.30rem 1.00rem; width:50%;}
.Application-con .item .text .Tiu{ font-size:0.36rem; color: #333333; line-height:0.40rem; text-align: center;}
.Application-con .item .text p{ margin:0;}
.Application-con .item .text .ul.flex{ justify-content:center; padding-bottom:0.30rem; margin:0.30rem 0; border-bottom: solid 1px #e5e5e5;}
.Application-con .item .text .ul li{ margin:0 0.20rem; text-align: center;}
.Application-con .item .text .ul li .wez{ color: #333; margin-top:0.20rem; line-height:0.25rem;}
.Application-con .item .text .ul li .icon{ height:0.42rem; display: flex; align-items:flex-end; justify-content: center;}
.Application-con .item .text .ul li .icon img{ max-height:100%;}
.Application-con .item .text .Introd{margin-top: 0.30rem;}
.Application-con .item .text .more{ overflow: hidden; margin-top:0.50rem;}
.Application-con .item .text .more a{ background: #1651a4; color: #fff; text-align: center; width:1.40rem; line-height:0.45rem; display:block; float: right; border-radius:0.45rem;}
.Application-con .item .text .ul.flex.sbe{ flex-wrap: wrap; justify-content:space-between;}
.Application-con .item .text .ul.flex.sbe li{ margin:0;}
.Application-con .item:nth-child(2n){ direction: rtl;}
@media (max-width:640px) {
.Application-con .item .text .ul.flex.sbe li{ margin:.05rem;}
.Application-con .item .text .ul.flex.sbe{ justify-content:space-around;}
}


.field-box{ font-size:0; position:fixed; top:50%; left:0.30rem; transform: translateY(-50%); border-left:solid 0.02rem #cccccc; z-index: 5; opacity:0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.field-box .flex{ display: flex; align-items: center;}
.field-box .item{ position: relative; cursor: pointer; padding:0.25rem 0; padding-left:0.20rem; color: #333333; opacity:.6;}
.field-box .item .wez{font-size:0.14rem;}
.field-box .item::after{ opacity:0; content: ''; display: block; position: absolute; top:0; left:-0.03rem; width:0.03rem; height:100%; background:#a22224;}
.field-box .item .icon{ margin-right:0.15rem;}
.field-box .item.active:after,
.field-box .item.active{ opacity:1;}
.field-box.NavNow{ opacity:1;}

.Application-info{ padding:1rem 0;}
.Application-info .flex{ display: flex;}
.Application-info .title{ font-size:0.36rem; color: #333333; text-align: center;}
.Application-info .tishi{ margin-top:0.1rem; margin-bottom:0.4rem; font-size:0.24rem; color: #999999; text-align: center;}
.Application-des .img{ width:43.5%;}
.Application-des .text{ line-height:0.33rem; padding:0 0.7rem; color: #333333; width:56.5%;}
.Application-des .text p{ margin:0;}
.Application-des .text .pot{ padding:0.15rem 0;}
.Application-des .text .pot li{ position: relative; padding-left:0.2rem;}
.Application-des .text .pot li::before{ content: ''; display: block; width:0.05rem; height:0.05rem; background: #a22224; position: absolute; left:0; top:.16rem; border-radius:50%; overflow: hidden;}
.Application-des .text .color-red{ color: #a22224;}

.Recommend-area{ margin-bottom:0.9rem;}
.Recommend-area .auto-inner{background: linear-gradient(rgba(248,249,250), rgba(255,255,255));}
.Recommend-area .title{ font-size:0.24rem; color: #333333; padding:0.3rem; border-top: solid 1px #e5e5e5;}
.Reco-list{ padding:0 0.3rem; display: flex; flex-wrap:wrap; text-align: center;}
.Reco-list .item{ width:23%; margin-right:2.6%; margin-bottom:.1rem;}
.Reco-list .item .img{ font-size:0; border:solid 1px #e5e5e5;line-height:2.7rem;padding:0 2%;}
.Reco-list .item .img img{ display:inline-block; vertical-align: middle;}
.Reco-list .item .txt{ line-height:0.3rem; margin-top:0.2rem; display: flex; justify-content: center;}
.Reco-list .item .txt span{ margin-right:.1rem; display: block; padding:0 0.1rem; background: #a22224; color: #fff; border-radius:.05rem;}
.Reco-list .item .txt .wez{ font-size:0.2rem; color: #333333;}
.Reco-list .item:last-child{ margin-right:0;}



@media (max-width:1024px) {
.Application-lanmu .item{ padding:0 0.40rem;}
.Application-con .item .text .more{ margin-top:0.20rem;}
.Application-con .item .text{ line-height:0.25rem; padding:0.3rem 0.2rem;}
.Application-con .item .text .ul li .wez{ margin-top: 0.1rem;}
.Application-con .item .text .ul li{ margin:0 0.08rem;}
.field-box{ display: none;}
.Application-info .flex{ flex-wrap: wrap;}
.Application-des .img{ width:100%; text-align: center;}
.Application-des .text{ line-height:0.45rem; width: 100%; padding:0.4rem 0 0;}
}
@media (max-width:768px) {
.Application-lanmu .item{ width:4.00rem;}
.Application-con .item .text{ line-height:0.50rem; padding:0.50rem 0.70rem;}
.Application-con .item .text .Tiu{ font-size:0.40rem;}
.Application-con .item .text .ul.flex{ margin:0.20rem 0;}
.Application-con .item .text .ul li{ margin:0 1%;}
.Application-con .item .text .more{ margin-top:0.10rem;}
.Application-con .item .text .more a{ width:2.00rem; height:0.5rem; line-height:0.5rem;}
.Application-con .flex{ flex-wrap: wrap;}
.Application-con .item .img-box{ width:100%; padding-bottom:70%;}
.Application-con .item .text{ font-size:0.24rem; padding:0.2rem; line-height:0.45rem; width:100%;}
.Application-con .item .text .Tiu{ font-size:0.35rem; line-height:0.50rem;}
.Application-con .item .text .ul.flex{ margin:0.2rem 0; flex-wrap: wrap; justify-content:center;}
.Application-con .item .text .ul li{ margin:0.20rem 0.10rem;}
.Application-con .item .text .ul li .icon{ height:0.45rem;}
.Application-con .item .text .ul li .wez{ line-height:0.4rem;}
.Application-con .item .text .more{ margin-top:0.40rem;}
}
@media (max-width:640px) {
.Recommend-area .title{ font-size:0.28rem;}
.Reco-list { justify-content: space-between;}
.Reco-list .item{ width:48%; margin-right:0;}
.Reco-list .item .img{line-height:1.8rem;}
}




.Porducts-index{ margin:1% 0 0 0; display: flex; justify-content: space-between;}
.Porducts-index .item{ padding:1.1rem; background-size:cover; background-position:center; background-repeat: no-repeat; width:49.5%;}
.Porducts-index .item .icon{ margin-left:.1rem;}
.Porducts-index .item .icon img{ max-height:0.5rem;}
.Porducts-index .item .title{ font-size:0.28rem; color: #fff; display: flex; align-items: center; justify-content: center;}
.Porducts-index .item .tishi{ color: #ffffff; text-align: center;}
.pro-index-list{ margin:.45rem 0;}
.pro-index-list .ul{ display: flex; flex-wrap: wrap;}
.pro-index-list li{ padding:0.15rem 0.05rem; text-align: center; background: #fff; width:31.33%; margin-right:3%; margin-bottom:3%; border-radius:.1rem; }
.pro-index-list li .img{ width: 100%; overflow: hidden;}
.pro-index-list li .img .tu-pic{ display: block; width:100%; padding-bottom:60.3%; transition: all .5s; background-size: contain; background-position: center; background-repeat: no-repeat;}
.pro-index-list li .text{ text-transform: uppercase; color: #1651a4;}
.pro-index-list li:nth-child(3n){ margin-right:0;}
.pro-index-list li:hover .tu-pic{ transform: scale(1.1);}
.Porducts-index .public-more a{ margin:0 auto;}
.Porducts-index .item:nth-child(2n) .text{ color: ;}
@media (max-width:1024px) {
.Porducts-index{ flex-wrap: wrap;}
.Porducts-index .item{ margin-bottom:.3rem; width:100%; padding:1rem 0.5rem;}
.Porducts-index .public-more a{ width:2rem;}
}
@media (max-width:640px) {
.Porducts-index .item{ padding:1rem 0.5rem;}
.Porducts-index .item .title{ font-size:.36rem;}
.pro-index-list .ul{ justify-content: space-between;}
.pro-index-list li{ width:48%; margin-right:0;}
}





.Porducts-filter{ margin-bottom:0.6rem; display: flex; justify-content: space-between; align-items: center;}
.Porducts-filter .fl-box{ display: flex;align-items: center;}
.Porducts-filter .fl-box .filter-one{ margin-right:.1rem; min-width:3rem; border-left:solid .03rem #1651a4; color: #333;}
.Porducts-filter .fl-box .filter-one select{ font-weight: bold; background-size:0.13rem; padding:0 0.2rem; padding-right:0.25rem; height:0.40rem; border:none; font-size:.2rem;}
.Porducts-filter .fr-box{ display: flex; padding:0 0.15rem 0 0.25rem; border:solid 0.01rem #dcdcdc; border-radius:0.50rem; overflow: hidden;}
.Porducts-filter .fr-box .icon{ background: url(../image/search-icon.png) no-repeat center; background-size:0.20rem; width:0.40rem; height:0.50rem;}
.Porducts-filter .fr-box input{ font-size:0.16rem; width:3.30rem; border:none; height:0.50rem;}

.Porducts-list li{ background: #f8f9fa; padding:0.9rem 0;}
.Porducts-list li a{ display: flex; align-items: center; justify-content: space-between;}
.Porducts-list li .img{ width:6.1rem; text-align: right;}
.Porducts-list li .text{ padding-right:1.6rem; width: calc(100% - 7.4rem);}
.Porducts-list li .Bti{ font-size: 0; display: flex; align-items: center;}
.Porducts-list li .Bti .wz{ font-size:0.28rem; color: #333333!important; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.Porducts-list li .Bti .icon{margin-right:.1rem;}
.Porducts-list li .Bti .icon img{ max-height:0.4rem;}
.Porducts-list li .tishi{ margin-top:0.1rem; font-size: 0.2rem; color: #4f729f;}
.Porducts-list li .hint{ margin:0.15rem 0; line-height:0.3rem; color: #000;}
.Porducts-list li .hint .iy{ position: relative; padding-left:0.12rem;}
.Porducts-list li .hint .iy span{ display: block; width:0.03rem; height:0.03rem; background: #666; position: absolute; left:0; top:.15rem; overflow: hidden; border-radius:50%;}
.Porducts-list li .but span{ width: 1.2rem; line-height:0.4rem; text-align: center; background: #003d8a; color: #fff; display:inline-block; vertical-align: middle; border-radius:0.4rem;}
.Porducts-list li:nth-child(2n){ background: #fff;}
.Porducts-list.power li{padding: 0.69rem 0;}
.Porducts-list.power li .text{ padding-right:0;}
.Porducts-list.power li .but span{background: #b60812;}
.Porducts-list.power li .Bti .wz{ font-size:0.34rem;}
.Porducts-list.power li .hint{ font-size:0.19rem;color: #915048; margin: 0.15rem 0 0.4rem;}
.Porducts-list.power-list li .text{ padding-right:0;}
.Porducts-list.power-list li .tishi{color: #915048;}
.Porducts-list.power-list li .Bti .wz{ font-size:0.34rem;}
.Porducts-list.power-list li .hint{margin: 0.15rem 0 0.4rem;}
.Porducts-list.power-list li .son-list{font-size: 0;}
.Porducts-list.power-list li .but span{background: #b60812;}
.Porducts-list.power-list li .son-list .item{display: inline-block;max-width: 200px;margin-right: 30px;}
.Porducts-list.power-list li .son-list .item:last-child{ margin-right: 0; }
.Porducts-list.power-list li .son-list .item .son-img img{width: 100%;}
.Porducts-list.power-list li .son-list .item .name{font-size: 16px;color: #000;text-align: center;}
.Porducts-list.power-list li .box{display: flex; align-items: center; justify-content: space-between;}
.Porducts-list.power-list li .son-list a{display: block; align-items: normal; justify-content: normal;}



.return-box{ margin-top:0.8rem; border-bottom: solid 1px #eaeaea; padding-bottom:0.2rem; display:flex; justify-content: space-between; align-items: center;}
.return-box .img-box{ display: flex; font-size: 0; line-height:0.44rem; font-size:0.44rem;}
.return-box .img-box span{ display: block; margin-left:.1rem;}
.return-box .img-box.color01{ color: #f1b50f;}
.return-box .but .ret-tu{ background: url(../image/return-icon.png) no-repeat left center; padding-left:0.35rem;}
.pro-info-one{ padding:0.4rem 0; display: flex; justify-content: space-between;}
.pro-info-ones{display: table;width: 100%; table-layout: fixed; padding-top:0;}
.pro-info-ones .ytable-cell {display: table-cell;vertical-align: middle;}
.pro-info-one .img{ display: flex; align-items: center; width:36.5%; justify-content: center;}
.pro-info-one .img-side{width:43.75%;}
.pro-info-one .img-side dd{ width: 100%;}
.pro-info-one .img-side dd .Ispic{background-size: contain;padding-bottom:64.287%; width: 100%;}
.pro-info-one .controls{display: table;position: relative;padding: 0 56px; margin:0.3rem auto 0;}
.pro-info-one .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px; padding: 0 !important;}
.pro-info-one .controls .slick-dots li::after{display: none;}
.pro-info-one .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;}
.pro-info-one .controls .slick-dots li.slick-active button{background-color: #da251d; width: 100%;height: 100%;}
.pro-info-one .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;}
.pro-info-one .controls .slick-prev{left: 0;background-image: url(../image/btn-prev.svg);}
.pro-info-one .controls .slick-next{right: 0;background-image: url(../image/btn-next.svg);}
.pro-info-one .controls .slick-disabled{cursor: default;}
.pro-info-one .controls .slick-prev.slick-disabled{background-image: url(../image/btn-prev-disabled.svg);}
.pro-info-one .controls .slick-next.slick-disabled{background-image: url(../image/btn-next-disabled.svg);}

.pro-info-one .application{width:18.5%; padding:0 0.2rem 0 0.8rem;}
.pro-info-one .characteristic{ width:45%;}
.pro-info-one .olw{ margin-bottom:0.2rem; font-size:0.24rem; font-weight: bold; color: #000;}
.pro-info-one .characteristic .olw{ padding-left:0.4rem;}
.pro-info-one .kid{ padding:0.1rem 0.4rem; overflow: hidden;}
.pro-info-one .kid.blue{background-color:#c5e7fa; }
.pro-info-one .kid.blue{background-color:#c5e7fa; }
.pro-info-one .kid .ul{width:47%; float: left;}
.pro-info-one .kid .ul:nth-child(2n){ float: right;}
.pro-info-one .ul h5{margin: 0;font-size:.18rem;margin-top:.1rem;}
.pro-info-one .ul h5:first-child{margin-top: 0;}
.pro-info-one .ul li{ position: relative; padding:0.05rem 0; padding-left:0.15rem;}
.pro-info-one .ul li::after{ content: ''; display: block; width:0.05rem; height:0.05rem; background: #333; position: absolute; left:0; top:0.15rem; border-radius:50%;}
.pro-info-one .ul li.ol{ padding:0; padding-top:.1rem; font-weight: bold; font-size:0.19rem; color: #333333;}
.pro-info-one .ul li.ol::after{ display: none;}
.pro-info-one .kid .ul .wol{ display: flex;}
.pro-info-one .kid .ul .wol p{ margin:0;}
.pro-info-one .kid .white{ color: #fff;}
.pro-info-one .kid .white li.ol{ color: #fff;}
.pro-info-one .kid .white li::after{ background: #fff;}
.pro-info-con{ margin-bottom:1rem; padding-top:.6rem; border-top: solid 1px #eaeaea;}

.pro-info-con .tabtit{line-height:.58rem;text-align: left;font-size:.24rem;font-weight:bold;background-color:inherit!important;}
.pro-info-con.proTabbox .tabtit{text-align: left;}
.pro-info-con.proTabbox img{display: block;margin: 0 auto;}
.Porducts-info .tabtits{font-size:.26rem; margin:0.4rem 0;}
.Porducts-info .tabtits1{ margin-top:0;}
.pro-info-one .application li{ padding:0.06rem 0; padding-left:0.15rem;}
.pro-info-one .application li:after{ top:0.17rem;}
.pro-info-con .tishi{ padding:0.2rem 0; font-size: 0.14rem; color: #333333;}
.standard-box .title{ margin-bottom:.2rem; color: #333333; font-size:0.24rem;}
.standard-box .listwa{ display: flex; justify-content: space-between;}
.standard-box .ci{ padding:0.1rem 0; font-size:0.2rem; color: #333333;}
.standard-box .ul li{ position: relative; padding:0.05rem 0; padding-left:0.15rem;}
.standard-box .ul li::after{ content: ''; display: block; width:0.05rem; height:0.05rem; background: #333; position: absolute; left:0; top:0.15rem; border-radius:50%;}
.Porducts-info.power .return-box .img-box{font-size:0.24rem;}
.Porducts-info.power .title{position: relative;font-size:0.24rem; color:#c00000;line-height: 1;display: block;}
.Porducts-info.power .title i{font-size:0.4rem; color:#333; font-style: normal; padding-right:0.15rem;font-weight: bold;}
.Porducts-info.power .title img{width: .48rem;vertical-align: middle;margin-right: .2rem; position: relative;top: -0.08rem;}

.headbox{position: relative;width: 60%;margin: 0 auto}
.controls2{width: 100%;z-index: 999;margin: 0 auto}
.controls2 .slick-dots{position: absolute;z-index: 999;bottom:10px;left: 0}
.controls2 li{float: left;margin: 0 10px;}
.controls2 li button{display: inline-block;width: 10px;height: 14px;border: 1px solid #333;border-radius: 50%;font-size: 0}
.controls2 li.slick-active button{background: #da251d;border-color: #da251d}
.controls2 .slick-arrow {position: absolute; top: 50%;margin-top: -30px; display: block;width: 30px;height: 30px;background: url(../image/arrows.png) no-repeat;text-indent: -9999px;border: 0;opacity: 1;transition: all 200ms ease-in-out;z-index: 333;}
.controls2 .slick-arrow.slick-prev{left: 20px;}
.controls2 .slick-arrow.slick-next{right: 20px;background-position: -30px 0}

.Porducts-info.power .pro-info-one .characteristic{width: 60%}
.Porducts-info.power .pro-info-one .characteristic .olw{padding-left: 0;}
.Porducts-info.power .pro-info-one .characteristic .text{font-size: 16px;color: #000;line-height: 1.7;}
.Porducts-info.power .pro-info-ones .characteristics{padding-right:0.6rem;}
.Porducts-info.power .pro-info-ones .characteristics .olw{padding-left: 0; font-weight: bold;color: #000;}
.Porducts-info.power .pro-info-ones .characteristics .text{font-size: 16px;color: #000;line-height: 1.7;}
.Porducts-info.power .pro-info-ones .iy{ position: relative; padding-left:0.12rem;}
.Porducts-info.power .pro-info-ones .iy .point{ display: block; width:0.03rem; height:0.03rem; background: #666; position: absolute; left:0; top:.15rem; overflow: hidden; border-radius:50%;}
.Porducts-info.power .pro-info-con .biaoge{text-align: center;}
.Porducts-info.power .head-img{text-align: center;margin-top: .6rem;}
.Porducts-info.power .tabtits1{position: relative;font-size:0.4rem; color:#000;line-height: 1;font-weight: bold;}
.Porducts-info.power .tabtits1 img{position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: .48rem;z-index: 3;}
@media (max-width:1024px) {
.Porducts-list li .img{ width:45%;}
.Porducts-list li .text{ width:50%; padding-right:0;}
.Porducts-filter .fl-box .filter-one{ min-width:2rem;}
.Porducts-filter .fl-box .filter-one select{ font-size:.18rem;}
.pro-info-one{ flex-wrap: wrap;}
.pro-info-one .img{ width:50%;}
.pro-info-one .application{ width:50%;}
.pro-info-one .characteristic{ width: 100%;}
}
@media (max-width:768px) {
.Porducts-filter{ flex-wrap: wrap;}
.Porducts-filter .fr-box{ margin-top:.2rem; width: 100%;}
.Porducts-filter .fr-box input{ width:100%;}
.Porducts-list li{ padding:0.5rem 0;}
.Porducts-list li a{ flex-wrap: wrap;}
.Porducts-list li .Bti .wz{ font-size:.3rem;}
.Porducts-list li .hint{ font-size:0.24rem; line-height:.35rem;}
.Porducts-list li .img{ width:100%;}
.Porducts-list li .text{ width:100%; margin-top:.2rem;}
.Porducts-list li .Bti .icon img{ max-height:0.3rem;}
.pro-info-one .kid{ font-size:.2rem;}
.pro-info-one .application{ font-size:.2rem;}
.return-box{ margin-top:.3rem;}
.return-box .img-box.color01 img{ max-height:.45rem;}
.pro-info-one .img-side{width:100%;}
.Porducts-info.power .pro-info-ones .characteristics{padding-right:0; padding-top:0.4rem;}
.pro-info-ones .ytable-cell {display:block;}
.pro-info-con .biaoge{overflow: auto;}
.pro-info-con .biaoge img{width:220%; max-width: 1600px;}


}
@media (max-width:640px) {
.pro-info-one .img{ width:100%;}
.pro-info-one .olw{ font-size:.28rem; font-weight: bold;}
.pro-info-one .application{ font-size: .24rem; width:100%; padding:0; margin-bottom:.2rem;}
.pro-info-one .application .ul{ display: flex; flex-wrap: wrap;}
.pro-info-one .application .ul li{ width:50%;}
.pro-info-one .characteristic .olw{ padding-left:0; font-weight: bold;}
}




.Technology-box{padding:0.8rem 0;}
.Technology-box .flex{ display: flex;}
.Technology-one .Tmula{ font-size:.36rem; color: #333333;}
.Technology-one .text{ width: 50%; color: #000; line-height:.3rem;}
.Technology-one .text p{ margin:0;}
.Technology-one .Technology-Introd{ margin-top:1.5em; justify-content: space-between;}
.Technology-one .Technology-Introd .img{ width: 45%;}
.Technology-one .text .ul{ padding:.2rem 0;}
.Technology-one .text .ul li{ margin:.1rem 0; padding-left:.35rem; position: relative;}
.Technology-one .text .ul li span{ position: absolute; top:0.05rem; left:0; font-size:.18rem; color: #1651a4; background: url(../image/icon-line.png) no-repeat bottom; line-height:.2rem;}
.Technology-one .list-box{ padding-top:.45rem;}
.Technology-one .list-box .liw{ margin-bottom:0.35rem; font-size:0.24rem; color: #1651a4;}
.Technology-one .list-con{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.Technology-one .list-con .item{ position: relative; padding:.35rem; padding-right:.6rem; padding-bottom:.65rem; line-height:.3rem; background: #f8f9fb; width:32.33%; margin-bottom:2%; position: relative;}
.Technology-one .list-con .item .wezi{ min-height:0.9rem;}
.Technology-one .list-con .item span{ position: absolute; right:.35rem; bottom:0.05rem; border-bottom:0; opacity:.2; font-size:0.64rem; line-height:.55rem; display: block; text-align: right; color: #1651a4;}

.Technology-two{ margin-top:.6rem; padding:1rem 0; background: #f8f9fb;}
.Technology-two .Tmula{ margin-bottom:.3rem; font-size:.36rem; color: #333333;}
.Technology-two .Technology-con{ display: flex;}
.Technology-two .Introd-box{ line-height:.3rem; width:53.75%; padding-right:.9rem;}
.Technology-two .list-tiem{ display: flex;}
.Technology-two .list-tiem .item{ font-size:0.46rem; line-height:0.46rem; margin-right:.7rem;}
.Technology-two .list-tiem .item .counter{ display: inline-block; vertical-align: top; color:#1651a4;}
.Technology-two .list-tiem .item em{ line-height:0.20rem; font-size:0.26rem; font-style: normal; display: inline-block; vertical-align: top; color:#1651a4;}
.Technology-two .list-tiem .item .wez{ color: #333333; font-size:0.16rem;}
.Technology-two .list-tiem .item:last-child{ margin-right:0;}
.Technology-two .tupic-box{ width:46.25%;}
.Technology-two .tupic-swiper{ position: relative;}
.Technology-two .tupic-box .swiper-button{ cursor: pointer; background: #fff; bottom:0; color: #1651a4; text-align: center; position: absolute; width: .55rem; height:.55rem; line-height:.55rem; font-family:宋体; font-weight: bold; z-index:5; transition: all .5s;}
.Technology-two .tupic-box .swiper-prev{ left:-0.55rem;}
.Technology-two .tupic-box .swiper-next{ left:0;}
.Technology-two .tupic-box .swiper-button:hover{ background:#1651a4; color: #fff;}
.Technology-three{ background-size:cover!important; background-position:center!important; background-repeat: no-repeat!important; padding:1rem 0;}
.Technology-three .Tmula{ font-size:.36rem; color: #fff;}
.Technology-three .list-tiem{ color: #fff; display: flex; margin:1.2rem 0;}
.Technology-three .list-tiem .item{ font-size:0; padding:0 0.4rem; margin-right:1rem; border-left: solid 1px rgba(255,255,255,.5);}
.Technology-three .list-tiem .item .counter{ font-size:0.72rem; line-height:0.62rem; display: inline-block; vertical-align: middle;}
.Technology-three .list-tiem .item em{ margin-left:.1rem; line-height:0.3rem; font-size:0.26rem; font-style: normal; display: inline-block; vertical-align: bottom;}
.Technology-three .list-tiem .item .wez{ margin-top:.13rem; line-height:.25rem; font-size:0.16rem;}
.Technology-three .list-tiem .item:first-child{ border-left:none;}

.Technology-four{ margin-top:.7rem;}
.Technology-four .Tmula{ margin-bottom:.3rem; font-size:.36rem; color: #333333;}
.Technology-four .flex{ display: flex; align-items: center;}
.Technology-four .pic-tu{ width:46.5%; }
.Technology-four .text{ padding-left:1.45rem; width:53.5%; }
.Technology-four .text .til{ margin-bottom:.35rem; font-size:.32rem; color: #333333;}
.Technology-four .text .wez{ line-height:.3rem;}

@media (max-width:1024px) {
.Technology-two .list-tiem{ justify-content: space-between;}
.Technology-two .list-tiem .item{ margin-right:0; font-size:0.36rem;}
.Technology-two .list-tiem .item .wez{ font-size:0.14rem; line-height:0.24rem;}
.Technology-two .list-tiem .item em{ font-size:0.14rem;}
.Technology-two .Tmula{ margin-bottom:0.1rem; line-height:.35rem; font-size: .3rem;}
.Technology-four .text{ padding-left:.5rem;}
.Technology-four .text .til{ margin-bottom:.1rem;}
}

@media (max-width:768px) {
.Technology-one .Technology-Introd{ flex-wrap: wrap;}
.Technology-one .text{ width: 100%; font-size:0.2rem; line-height:.4rem;}
.Technology-one .Technology-Introd .img{ width:100%;}
.Technology-one .list-con .item{ width:49%;}
.Technology-one .list-con .item .wezi{ font-size:.2rem; line-height:.35rem;}
.Technology-two .Technology-con{ flex-wrap: wrap;}
.Technology-two .Introd-box{ font-size:.21rem; line-height:.4rem; width: 100%; padding-right:0;}
.Technology-two .tupic-box{ margin-top:.5rem; width:100%;}
.Technology-two .tupic-box .swiper-prev{ left:0;}
.Technology-two .tupic-box .swiper-next{ left:0.55rem;}
.Technology-four .text .wez{ font-size:.21rem; line-height:.4rem;}
}
@media (max-width:640px) {
.Technology-one .list-con .item{ width:100%;}
.Technology-one .list-con .item .wezi{ font-size: .24rem;}
.Technology-two .Introd-box{ font-size:.2rem;}
.Technology-three .list-tiem{ margin:.5rem 0;}
.Technology-three .list-tiem .item{ margin-right:.5rem;}
.Technology-three .list-tiem .item:last-child{ margin-right:0;}
.Technology-four .flex{ flex-wrap: wrap;}
.Technology-four .pic-tu{ width:100%;}
.Technology-four .text{ margin-top:.3rem; width:100%; padding-left:0;}
.Technology-four .text .wez{ font-size:.24rem;}
}



.Resource-box{ padding:.9rem 0;}
.Resource-list .auto-inner{ overflow: hidden;}
.Resource-list .item{ width:48%; float: left; padding:0.35rem 0; display: flex; justify-content: space-between; border-bottom: solid 1px #ebebeb;}
.Resource-list .item .text{ padding-left:.35rem; background: url(../image/pdf-icon.png) no-repeat center left; background-size:.19rem; width: calc(100% - 3.7rem);}
.Resource-list .item .fr-other{ width:3.5rem; display: flex; justify-content: space-between;}
.Resource-list .item .fr-other .time{ color: #999999;}
.Resource-list .item .fr-other .more{ padding-left:.3rem; background: url(../image/dow-icon.png) no-repeat center left; background-size:0.2rem; color: #1651a4;}
.Resource-list .item .fr-other .dow-but{ margin-right:0; padding-left:.3rem; background: url(../image/dow-icon1.png) no-repeat center left; background-size:0.16rem; color: #1651a4;}
.Resource-list .item:nth-child(2n){ float: right;}
.Resource-list2 .item:last-child{ margin-bottom:0;}
.Resource-list3{ margin-bottom:.6rem;}
.Resource-list3 .item .text{ width: calc(100% - 1rem);}
.Resource-list3 .item .fr-other{ width:auto;}
.Resource-list3 .item .fr-other .time{ width:1rem; text-align: center;}
.Resource-list .flex{ margin-bottom:.6rem; display: flex; justify-content: space-between;}
.Resource-list .sub_menu{ background-color:#f8f9fb; width:calc(100% / 3.63); position: relative; z-index:13;}
.Resource-list .sub_menu a{ position: relative;}
.Resource-list .sub_menu a.ics::after{ position: absolute; left:0; top:50%; content: ''; display: block; width:.15rem; height:.15rem; background: url(../image/sub_menu_icon1.png) no-repeat center; margin-top:-.075rem; transition: all .5s;}
.Resource-list .sub_menu>.ul>li>a.ics::after{ left:auto; right:0;}
.Resource-list .sub_menu>.ul>li>a{ text-transform: uppercase; margin:0 .3rem; display: block; line-height:.55rem; border-bottom:solid 1px #ebebeb;}
.Resource-list .sub_menu>.ul>li>a span{ padding-right:.2rem; display: block;}
.Resource-list .sub_menu>.ul>li:last-child>.ul>li:last-child a{ border-bottom: none;}
.Resource-list .sub_menu .ul>li>.ul{ padding:0 .3rem; font-size: .15rem; background-color:#f1f5fe;}
.Resource-list .sub_menu .ul>li>.ul>li>a{ display: block; line-height:.55rem; padding-left:.2rem; border-bottom:solid 1px #ebebeb;}
.Resource-list .sub_menu .ul>li>.ul>li>a.ics span{ background-image:none;}
.Resource-list .sub_menu .ul>li>.ul>li>.ul{ padding-left:.2rem; padding-right:0;}
.Resource-list .sub_menu .ul>li>.ul>li>.ul>li>.ul{ border-bottom:solid 1px #ebebeb;}
.Resource-list .sub_menu .ul>li>.ul>li>.ul>li>.ul>li>.ul>li:last-child>a,
.Resource-list .sub_menu .ul>li>.ul>li>.ul>li>.ul>li>.ul{ border-bottom:none;}
.Resource-list .sub_menu .ul.level{ display: none;}
.Resource-list .sub_menu .ul .ics.iuo,
.Resource-list .sub_menu .ul li.active> a{ color: #496fb2;}
.Resource-list .list-ri{ width:calc(100% - (100% / 3.2));}
.Resource-list .sub_menu .ul li >a.iuo::after{ background: url(../image/sub_menu_icon2.png) no-repeat center; transform: rotate(90deg);}
.Resource-list .web_sub-menu{ display: none; position: relative;}
.Resource-list .web_sub-menu span{ padding-right:.3rem;}
.Resource-list .web_sub-menu::after{ position: absolute; right:.2rem; top:50%; content: ''; display: block; width:.15rem; height:.15rem; background: url(../image/sub_menu_icon1.png) no-repeat center; margin-top:-.075rem; transition: all .5s;}
.Resource-list .web_sub-menu.iuo::after{ background: url(../image/sub_menu_icon2.png) no-repeat center; transform: rotate(90deg);}
@media (max-width:640px) {
.Resource-list .flex{ flex-wrap: wrap;}
.Resource-list .web_sub-menu{ font-size:.28rem; padding:.2rem .1rem; display: block; width: 100%;}
.Resource-list .sub_menu,
.Resource-list .list-ri{ width:100%; position: relative;}
.Resource-list .sub_menu>.ul{ background-color:#fff; display: none; position: absolute; width:100%;}
.Resource-list .sub_menu>.ul>li>a,
.Resource-list .sub_menu .ul>li>.ul>li>a{ line-height:.7rem;}
.Resource-list .list-ri{ margin-top:.2rem;}
.zindex{ z-index:15; position: relative;}
}





.Rvideo-top{ margin-bottom:.6rem; background: #f8f9fb; display: flex; align-items: center; justify-content: space-between;}
.Rvideo-top .text{ width:50%; padding:0 0.75rem;}
.Rvideo-shell .text .title{ padding-bottom:.3rem; font-size: .24rem; color: #333;}
.Rvideo-shell .dow-ix{ border-top: solid 1px #bebec0; padding:.5rem 0; display: flex; align-items: center;}
.Rvideo-shell .dow-ix .dow-but{ cursor: pointer; margin-right:0.5rem; padding-left:.3rem; background: url(../image/dow-icon1.png) no-repeat center left; background-size:0.18rem; color: #1651a4;}
.Rvideo-shell .dow-ix .size{ padding-left:.3rem; background: url(../image/video-icon2.png) no-repeat center left; background-size:0.18rem; color: #1651a4;}
.Rvideo-shell .video-shell{ position: relative; width:50%;}
.Rvideo-shell .video-shell .video-con{text-align: center;}


.Rvideo-shell .video-shell .video-but{ cursor: pointer; position: absolute; top:0; left:0; width:100%; height:100%; background: url(../image/video-icon.png) no-repeat center; background-size:0.7rem;}
.Rvideo-list{ margin-bottom:.3rem;}
.Rvideo-list .ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.Rvideo-list li{ display: flex; width:48.5%; margin-bottom:.5rem; background: #f8f9fb; align-items: center; justify-content: space-between;}
.Rvideo-list .text{ width:50%; padding:0 0.35rem;}
.Rvideo-list .text .title{ padding-bottom:.2rem; font-size: .2rem;}
.Rvideo-list .dow-ix{ padding:.2rem 0;}
@media (max-width:1024px) {
.Rvideo-list{ margin-bottom:.1rem;}
.Rvideo-list li{ margin-bottom:.4rem;}
.Rvideo-list .text{ padding:0 .2rem;}
.Rvideo-list .dow-ix{justify-content: space-between;}
.Rvideo-list .dow-ix .dow-but{ margin-right:0;}
.Rvideo-list .video-shell .video-but{ background-size:.5rem;}
}
@media (max-width:768px) {
.Rvideo-list li{ flex-wrap: wrap;}
.Rvideo-list .video-shell{ width:100%;}
.Rvideo-list .text{ width:100%;}
.Rvideo-list .text .title{ padding-top:.2rem;}
.Rvideo-list .video-shell .video-but{ background-size:.7rem;}
}
@media (max-width:640px) {
.Rvideo-top{ flex-wrap: wrap;}
.Rvideo-top .video-shell{ width:100%;}
.Rvideo-top .text{ padding:0 .4rem; padding-top:.5rem; width:100%;}
.Rvideo-list .video-shell .video-but{ left:50%; top:50%; margin-top:-0.5rem; margin-left:-0.5rem; width:1rem; height:1rem;}
.Rvideo-shell .text .title{ font-size:.28rem;}
}




.service-shell{}
.service-shell .Introd{ color: #000; line-height:.3rem; max-width:9rem; margin:0 auto; text-align: center;}
.service-title{ position: relative; font-size:0.36rem; text-align: center;}
.service-title::after{ width:1.5em; height:.02rem; margin:.2rem auto .3rem; content:''; display: block;}
.service-one{ padding:1rem 0;}
.service-one .Introd{ margin-bottom:.3rem;}
.service-one .service-title::after{ background: #1651a4;}
.service-one .list ul{display: flex; justify-content: space-between;list-style-type: none;}
.service-one .list ul li{width: 100%;padding: 5.2vw 0 2.6vw 0;text-align: center;background-color: #f8f9fa;border-right: 1px solid #fff;}
.service-one .list ul li:last-child{border: 0;}
.service-one .list ul li .img img{display: inline-block;max-width: 100%}
.service-one .list ul li .name{margin-top: 4.1vw;font-size: 16px;color: #000;}
.service-one .list .flex{display: flex; align-items: center;}
.service-one .list .item{ width:24%; position: relative; color: #fff;}
.service-one .list .weni{ position: absolute; bottom:.4rem; left:.4rem;}
.service-one .list .weni .icon img{ max-height:.4rem;}
.service-one .list .weni span{ margin-left:.1rem; font-size: .24rem;}
.service-two{ padding:1.65rem 0; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}
.service-two .service-title{ color: #fff;}
.service-two .Introd{ max-width:11rem; color: #fff;}
.service-two .service-title::after{ background: #fff;}
.service-two .public-more a{ margin:1rem auto 0;}
.service-three{ margin:1rem auto;}
.service-three .Introd{ max-width:11.5rem; color: #fff;}
.service-three .service-title::after{ background: #1651a4;}
.service-three .service-back{ height:6rem; position: relative;}
.service-three .public-more a{ margin:.4rem auto 0;}
.service-three .vertical{ position: absolute; bottom:.5rem; left:0; width:100%;}
.service-install{padding: 5.7% 0;background-color: #f8f9fa}
.service-install .left{float: left;width: 52.5%}
.service-install .left .service-title{text-align: left;}
.service-install .left .service-title::after{margin: 0.2rem 0 0.3rem;background: #1651a4;}
.service-install .left .text{font-size: 16px;color: #000;line-height: 1.6;}
.service-install .left .list{margin-top: 40px;padding-top: 40px;border-top: 1px solid #dedede;}
.service-install .left .list ul{font-size: 0;list-style-type: none;}
.service-install .left .list ul li{position: relative;margin-bottom: 30px;display: inline-block;width: 50%;padding: 0 20px;font-size: 16px;color: #000;box-sizing: border-box; vertical-align: top;}
.service-install .left .list ul li:before{display: block;content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;background-color: #000;z-index: 3}
.service-install .right{float: right;width: 39.5%;}
.service-install .right img{width: 100%;}

.service-oam{padding: 5.7% 0;}
.service-oam .left{float: right;width: 52.5%}
.service-oam .left .service-title{text-align: left;}
.service-oam .left .service-title::after{margin: 0.2rem 0 0.3rem;background: #1651a4;}
.service-oam .left .item{margin-bottom: .35rem;}
.service-oam .left .item .title{position: relative;margin-bottom:.35rem;}
.service-oam .left .item .title:before{width: 100%;height: 1px;background:#dedede;right: 0;top: 50%;position: absolute;content:'';}
.service-oam .left .item .title span{font-size:20px; display: inline-block;background: #fff;z-index: 2;position: relative;padding-right: .4rem;}
.service-oam .left .item ul{font-size: 0;list-style-type: none;}
.service-oam .left .item li{position: relative;margin-bottom: 30px;display: inline-block;width: 33.33%;padding: 0 .2rem;font-size:16px;color: #000;box-sizing: border-box; vertical-align: top;}
.service-oam .left .item li:before{display: block;content: '';width: .04rem;height: .04rem;position: absolute;left: 0;top:10px; margin: auto 0;background-color: #000;z-index: 3}
.service-oam .right{float: left;width: 39.5%;}
.service-oam .right img{width: 100%;}

.service-after{padding: 1rem 0;background-color: #f8f9fa}
.service-after .service-title::after{background: #1651a4;}
.service-after .list ul{display: flex; justify-content: space-between;list-style-type: none;}
.service-after .list ul li{position: relative;width: 100%;border-right: 1px solid #fff;}
.service-after .list ul li:last-child{border: 0;}
.service-after .list ul li .img img{width: 100%}
.service-after .list ul li .title{position: absolute;left: 0;bottom: 5%;width: 100%;text-align: center;font-size: 16px;color: #ffffff;z-index: 3}
@media (max-width:1024px) {
.service-shell .public-more a{ max-width:2rem;}
.service-shell .Introd{ padding:0 .2rem; font-size:.21rem; line-height:.4rem;}
.service-shell .public-more a{ margin-top:.5rem;}
.service-one{ padding:0.5rem 0;}
.service-two{ padding:.8rem 0;}
}
@media (max-width:640px) {
.service-install .left{float: none;width: 100%}
.service-install .right{float: none;width: 100%;margin-top: 20px;}
.service-one .list ul{ flex-wrap: wrap;}
.service-one .list ul li{ width:49%; margin-bottom:2%;}
.service-after .list ul{ flex-wrap: wrap;}
.service-after .list ul li{ width:49%; margin-bottom:2%;}
.service-oam .left{float: none;width: 100%;}
.service-oam .right{float: none;width: 100%;margin-top: 20px;}
}



.PreSaling-list{ padding:1rem 0;}
.PreSaling-list .item{ margin-bottom:0.1rem;}
.PreSaling-list .Title{ background: #f8f9fa; cursor: pointer; padding:.25rem .45rem; display: flex; justify-content: space-between; font-size:.2rem; color: #333; transition: all .5s;}
.PreSaling-list .Title .icon{font-family:'宋体'; font-weight: bold;}
.PreSaling-list .PreSaling-Con{ background: #f4f5f6; display:none;}
.PreSaling-list .PreSaling-Con .flex{ padding:.6rem 0.45rem; display: flex; justify-content: space-between; align-items: center;}
.PreSaling-list .PreSaling-Con .img{ width:4.5rem; text-align: center;}
.PreSaling-list .PreSaling-Con .text{ line-height:.35rem; color: #000; width: calc(100% - 5rem);}
.PreSaling-list .item.active .Title{ background: #1651a4; color: #fff;}
.PreSaling-list .item.active .icon{ transform: rotate(90deg);}

@media (max-width:768px) {
.PreSaling-list .PreSaling-Con .flex{ flex-wrap: wrap;}
.PreSaling-list .PreSaling-Con .img{ width:100%;}
.PreSaling-list .PreSaling-Con .text{ width:100%; line-height:.4rem;}
}







.AfterSales{ margin:1rem 0; padding:.9rem 1.5rem; background: #f8f9fa;}
.AfterSales-title{ text-align: center; font-size:.36rem; color: #333333;}
.AfterSales-Introd{ padding:.4rem 0 .7rem; border-bottom: solid 1px #ededed; display: flex; justify-content: space-between;}
.AfterSales-Introd .fl-shell{ font-size:.18rem;}
.AfterSales-Introd .fl-shell strong{ color: #1350a3;}
.AfterSales-form .form-one{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:.7rem 0; border-bottom: solid 1px #ededed;}
.AfterSales-form .form-one .item{ width: 48%; margin-bottom:.2rem; padding:0 .25rem; background:#fff;}
.AfterSales-form .form-one input{ font-size:.16rem; color: #333; width:100%; background: none; border:none; height:.6rem; line-height:.6rem;}
.AfterSales-form .form-one input::-webkit-input-placeholder {color: #777777;}
.AfterSales-form .form-one input:-moz-placeholder {color: #777777;}
.AfterSales-form .form-one input::-moz-placeholder {color: #777777;}
.AfterSales-form .form-one input:-ms-input-placeholder {color: #777777;}
.AfterSales-form .form-til{ padding:.2rem 0; font-size: .18rem; color: #333333;}
.AfterSales-form .form-two{ padding-top:.5rem; padding-bottom:.7rem; border-bottom: solid 1px #ededed;}
.AfterSales-form .form-two .radio-box{ display: flex;}
.AfterSales-form .form-two .radio-box .item{ line-height:.25rem; width:25%;}
.AfterSales-form .form-two .radio-box .item label{ cursor: pointer;}
.AfterSales-form .form-two input{ vertical-align: middle; width:.2rem; height:.2rem; -webkit-appearance:auto;}
.AfterSales-form .form-two span{ margin-left:.15rem; font-size:.16rem; vertical-align: middle;}

.AfterSales-form .form-three{ padding-top:.5rem;}
.AfterSales-form .form-three .upload-box{ display: flex; align-items: center; justify-content: center; padding:.3rem 0; min-height:2.5rem; position: relative; text-align: center; background: #fff; border:dashed 2px #eaeaea;}
.AfterSales-form .form-three .upload-box .aui-grid-label{ font-size:0.16rem; margin:0 auto; width:1.6rem; height:.5rem; line-height:.5rem; text-align: center; background: #1651a4; color: #fff; border-radius:.05rem;}
.AfterSales-form .form-three .upload-box .ishi{ margin-top:.2rem; color: #cccccc; font-size:.14rem; text-align: center;}
.AfterSales-form .form-three #upImg{ position: relative;}
.AfterSales-form .form-three #chooseImage{ cursor: pointer; opacity:0; position: absolute; left:50%; top:0;  width:1.6rem; height:.5rem; line-height:.5rem; margin-left:-.8rem;}
.AfterSales-form .form-three #imgPreview{ display: none;}
.AfterSales-form .submit-box{ margin-top:.7rem; text-align: center;}
.AfterSales-form .submit-box .submit-but{ cursor: pointer; font-size:.18rem; border:none; background: #1651a4; width:2rem; line-height:.6rem; height:.6rem; color: #fff; text-align: center; margin:0 auto; border-radius:.6rem;}
@media (max-width:1024px) {
.AfterSales{ padding:.9rem;}
}
@media (max-width:768px) {
.AfterSales{ padding:.5rem;}
}
@media (max-width:640px) {
.AfterSales-form .form-two .radio-box { flex-wrap: wrap;}
.AfterSales-form .form-two .radio-box .item{ width:100%; margin-bottom:.1rem;}
}


.single-main{ min-height:100px;}



.Contact-box{ padding:.5rem 0; display: flex;}
.Contact-box .fl-box{ width:50%; border-right:dashed 1px #ededed;}
.Contact-box .fr-box{ width:50%;}
.Contact-box h4{ margin:.15rem auto; font-size:.24rem; color: #1350a3;}
.Contact-box h4.red{ color: #a22224;}
.Contact-box .title{ font-weight: bold; font-size:.18rem; color: #333333;}
.Contact-box .item{ width:calc(100% - 0.5rem); border-bottom:dashed 1px #dedede; padding-bottom:.3rem; margin-bottom:.3rem;}
.Contact-box .one-padd{ width: 100%; height:2.46rem; background: #fafafa; padding:.5rem; border-bottom:none;}
.Contact-box .one-padd .company,
.Contact-box .one-padd .Tel{ line-height:.35rem; font-size:.18rem; color:#333}
.Contact-box .item .text{ margin-bottom:.25rem; font-size:.18rem;}
.Contact-box .item:last-child{ border-bottom:none;}
.Contact-box .fl-box .item{ padding-left:.5rem;}
.Contact-box .fr-box .item{ float: right;}
@media (max-width:768px) {
.Contact-box{ flex-wrap: wrap;}
.Contact-box .fl-box,
.Contact-box .fr-box{ width:100%;}
.Contact-box .one-padd{ height: auto;}
}
@media (max-width:640px) {
.Contact-box .item .text{ font-size:.2rem; line-height:.35rem;}
}





.Agent-inquiry{ padding:1rem 0;}
.Agent-inquiry-back{ text-align: center; height:6.15rem; padding:1.5rem 0; background: url(../image/Agent-back.png) no-repeat center;}

.Agent-inquiry .Introd .wenzi{ font-size:.2rem; color: #1651a4; line-height:.4rem;}
.Agent-inquiry .Introd .tel{ font-size:.36rem; color: #1651a4;}
.Agent-inquiry .Inquire-box{ margin-top:.7rem;}
.Agent-inquiry .Inquire-box .Inquire-con{ background: #fff; width: 8rem; display: flex; padding:0 0.15rem 0 0.25rem; border:solid 0.01rem #dcdcdc; border-radius:0.50rem; overflow: hidden; margin:0 auto; box-shadow:.1rem 0.05rem .2rem rgba(0,0,0,.15);}
.Agent-inquiry .Inquire-box .Inquire-con .icon{ background: url(../image/search-icon.png) no-repeat center; background-size:0.20rem; width:0.40rem; height:0.50rem;}
.Agent-inquiry .Inquire-box .Inquire-con input{ width:calc(100% - .5rem); font-size:0.16rem; border:none; height:0.50rem;}
@media (max-width:640px) {
.Agent-inquiry .Inquire-box .Inquire-con{ width:100%;}
}




.Recruitment{ margin:1rem 0; display: flex; justify-content: space-between; align-items: center;}
.Recruitment .fl-box{ width:45%;}
.Recruitment .fl-box .text{ font-size: .24rem; color: #333333; line-height:.4rem;}
.Recruitment .fl-box .other-box{ margin-top:.5rem;}
.Recruitment .fl-box .other-box,
.Recruitment .fl-box .other-box a{ font-size:.16rem; display: flex; align-items: center;}
.Recruitment .fl-box .other-box a{ background: #f7f9fb;}
.Recruitment .fl-box .other-box a span{ display: block;}
.Recruitment .fl-box .other-box a .text{ color: #1651a4; font-size:.16rem; padding:0 .4rem;}
.Recruitment .fl-box .other-box .icon{ width:.45rem; height:.45rem; line-height:.45rem; background: #1651a4; text-align: center;}
.Recruitment .fr-box{ width: 50%;}

@media (max-width:1024px) {
.Recruitment .fl-box .other-box,
.Recruitment{ flex-wrap: wrap;}
.Recruitment .fl-box .other-box a{ margin-bottom:.2rem;}
}

@media (max-width:640px) {
.Recruitment .fl-box .other-box,
.Recruitment{ flex-wrap: wrap;}
.Recruitment .fl-box .other-box a{ margin-bottom:.2rem;}
.Recruitment .fl-box,
.Recruitment .fr-box{ width:100%;}
.Recruitment .fl-box .other-box{ margin:.2rem 0;}
.Recruitment .fl-box .text{ font-size:.3rem; line-height:.5rem;}
}


.Personal{margin-top: 0.9rem;padding: 4.1% 0;background-color: #f8f9fa}
.Personal .auto-inner{background-color: #fff}
.Login-Registration{display: table;width: 100%}
.Login-Registration .left{display: table-cell;width: calc(100% - 520px);vertical-align: middle;}
.Login-Registration .left img{width: 100%;height: 100%;object-fit: cover;}
.Login-Registration .right{display: table-cell;width: 520px;padding: 30px 50px;vertical-align: middle;}
.Login-Registration .right .name{font-size: 28px;color: #333333;}
.Login-Registration .right .list{margin-top: 40px;}
.Login-Registration .right .list ul{list-style-type: none;}
.Login-Registration .right .list ul li{margin-bottom: 10px;}
.Login-Registration .right .list.Login ul li{margin-bottom: 25px;}
.Login-Registration .right .list ul li:last-child{margin-bottom: 0;}
.Login-Registration .right .list ul li .text{display: block;padding: 0 18px;width: 100%;height: 54px;background-color: #f8f9fa;font-size: 16px;border: 0;}
.Login-Registration .right .btn{margin-top: 30px;}
.Login-Registration .right .btn input{display: block;width: 160px;height: 50px;margin: auto;background-color: #1651a4;font-size: 16px;color: #fff;text-align: center;border-radius: 50px;cursor:pointer;border: 0;}
.Login-Registration .right .more{margin-top: 35px;text-align: center;}
.Login-Registration .right .more a{font-size: 16px;color: #1651a4;text-decoration: revert;}
.Login-Registration .right .control{margin-top: 25px;}
.Login-Registration .right .control .remember{float: left;}
.Login-Registration .right .control .remember input{display: inline-block;width: 15px;height: 15px;border:  1px solid #dedede;vertical-align: middle;-webkit-appearance: auto;}
.Login-Registration .right .control .remember span{display: inline-block;margin-left: 10px;font-size: 16px;color: #1651a4;}
.Login-Registration .right .control .forget{float: right;}
.Login-Registration .right .control .forget a{font-size: 16px;color: #1651a4;}

.Forget{padding: 11.85% 20px;}
.Forget .name{font-size: 28px;color: #333333;text-align: center;}
.Forget .tips{margin-top: 25px;font-size: 16px;color: #999999;text-align: center;}
.Forget .text{max-width: 500px;margin: 50px auto 0 auto;}
.Forget .text input{display: block;padding: 0 18px;width: 100%;height: 54px;background-color: #f8f9fa;font-size: 16px;border: 0;}
.Forget .btn{margin-top: 30px;}
.Forget .btn input{display: block;width: 160px;height: 50px;margin: auto;background-color: #1651a4;font-size: 16px;color: #fff;text-align: center;border-radius: 50px;cursor:pointer;border: 0;}

.Personal-Center{margin-top: 0.9rem;padding: 4.1% 0;background-color: #f8f9fa}
.Personal-Center .left-menu{float: left;min-height: 720px;width: 23.75%;padding: 4.3% 3.75%;background-color: #fff;box-sizing: border-box;}
.Personal-Center .right-box{float: right;min-height: 720px;width: 75%;padding: 4.3%;background-color: #fff;box-sizing: border-box;}
.Personal-Center .left-menu .name{font-size: 28px;color: #333333;}
.Personal-Center .left-menu ul{margin-top: 21%;list-style-type: none;}
.Personal-Center .left-menu ul li{margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #ededed;}
.Personal-Center .left-menu ul li:last-child{margin-bottom: 0;}
.Personal-Center .left-menu ul li a{position: relative;display: block;font-size: 16px;color: #1651a4;}
.Personal-Center .left-menu ul li a:after{position: absolute;content: '';position: absolute;right: 0;top: 0;bottom: 0;display: block;width: 19px;height: 19px;background-image: url(../image/Personal-Center.png);z-index: 3;}
.Personal-Center .right-box .name{font-size: 28px;color: #333333;}
.Personal-Center .right-box .box{margin-top: 13%;font-size: 0;}
.Personal-Center .right-box .box .portrait{display: inline-block;width: 40%;vertical-align: top;}
.Personal-Center .right-box .box .portrait .img{width: 160px;height: 160px;margin: auto;border-radius: 160px;overflow: hidden;box-shadow: 0 0 10px 0 #939393;}
.Personal-Center .right-box .box .portrait .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.Personal-Center .right-box .box .portrait .btn{margin-top: 30px;}
.Personal-Center .right-box .box .portrait .btn input{display: block;width: 100px;height: 40px;margin: auto;background-color: #1651a4;font-size: 16px;color: #fff;text-align: center;border-radius: 50px;cursor:pointer;border: 0;}
.Personal-Center .right-box .box .list{display: inline-block;width: 60%;vertical-align: top;}
.Personal-Center .right-box .box .list ul{list-style-type: none;}
.Personal-Center .right-box .box .list ul li{margin-bottom: 25px;font-size: 0;}
.Personal-Center .right-box .box .list ul li:last-child{margin-bottom: 0;}
.Personal-Center .right-box .box .list ul li .title{display: inline-block;width: 100px;font-size: 16px;color: #000;vertical-align: middle;}
.Personal-Center .right-box .box .list ul li .casket{display: inline-block;width: calc(100% - 100px);vertical-align: middle;}
.Personal-Center .right-box .box .list ul li .casket input{display: block;padding: 0 18px;width: 100%;height: 54px;background-color: #f8f9fa;font-size: 16px;border: 0;}
.Personal-Center .right-box .box .list ul li .casket select{display: block;padding: 0 18px;width: 100%;height: 54px;background-color: #f8f9fa;font-size: 16px;border: 0;}



@media (max-width:640px){
    .Login-Registration .left{display: block;width: 100%;}
    .Login-Registration .right{display: block;width: 100%;padding: 30px 20px;box-sizing: border-box;}
    .Personal-Center .left-menu{float: none;min-height: auto;width: 100%;}
    .Personal-Center .right-box{float: none;min-height: auto;width: 100%;}
    .Personal-Center .right-box .box .portrait{display: block;width: 100%;}
    .Personal-Center .right-box .box .list{display: block;width: 100%;margin-top: 20px;}
    .Personal-Center .left-menu .name{font-size: 24px;}
    .Personal-Center .right-box .name{font-size: 24px;}
    .Forget .name{font-size: 24px;}
    .Login-Registration .right .name{font-size: 24px;}
    .Personal-Center .left-menu ul{margin-top: 10%;}
}


.cky-consent{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 500; background-color: #fff;padding: 16.5px 24px; box-shadow: 0 -1px 10px 0 #acabab4d; border: 1px solid #f4f4f4;}
.cky-consent .inner{ padding-right: 300px;}
.cky-consent .click{ position: absolute; bottom: 20px; right: 20px;}
.cky-consent .click .btn{ border: 2px solid #1651a4;line-height: 24px;  padding: 8px 27px; margin-right: 8px; border-radius: 2px; color: #1651a4; display: inline-block;}
.cky-consent .click .agree{ background-color: #1651a4; color: #fff;}
@media (max-width:640px){
	.cky-consent .inner{ padding-right: 0;}
	.cky-consent .click{ position: relative; text-align: right; padding-top: 20px;}
	.cky-consent .click .btn{ padding: 5px 20px;}
}
.ApplicationList .item{ position: relative; margin-bottom: 10px;}
.ApplicationList .item .img-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center;}
.ApplicationList .item .text{width: 50%;  position: relative; z-index: 3; padding: 3% 5% 3% 8%; background-image: linear-gradient(90deg, #f8f9fa 80%, rgba(248,249,250,0.9) 100%); }

.ApplicationList .Tiu{ font-size: .36rem; font-weight: bold; color: #1651a4;}
.ApplicationList.red .Tiu{ color: #b60812;}
.line2,
.line{ padding-left: 20px; position: relative;}
.line::before{ content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; }
.line2::before{ content: ''; width: 6px; height: 1px; background-color: #333; position: absolute; left: 0; top: 12px;background: #1651a4;}
.red .line::before{ background-color: #b60812;}

.ApplicationList .item .text .more {
    overflow: hidden;
    margin-top: 0.5rem;
}
.ApplicationList .item .text .more a {
    background: #1651a4;
    color: #fff;
    text-align: center;
    width: 1.4rem;
    line-height: 0.45rem;
    display: inline-block;
    border-radius: 0.45rem;
}
.ApplicationList.red .item .text .more a{background: #b60812;}
.pro-info-ones .padd_t2{ padding-top: 2%;}
@media (max-width:768px){
	.ApplicationList .item .img-box{ position: relative; padding-top: 50%;}
	.ApplicationList .item .text{ width: 100%; padding: 5%;}
	.ApplicationList .item::after{ display: none;}
}


.Inquire-result{font-size:.3rem;text-align: center;margin-top: .6rem;}
.recruitList{border-top:1px solid #eaeaea;margin-bottom:.9rem;}
.recruitList h3{margin: 0;padding:.5rem 0 .3rem;position: relative;font-size:.36rem;font-weight:normal;}
.recruitList h3:before{width: .4rem;height: .03rem;content:'';background:#1651a4;position: absolute;left: 0;bottom:0;}
.recruitList ul{margin-top: .4rem;}
.recruitList li{padding: .3rem .45rem;background:#f3f7fa;margin-bottom:.2rem;}
.recruitList li .recTop{display: flex;justify-content:space-between;align-items: center;}
.recruitList li .recTop .tit{width: 50%;}
.recruitList li .recTop .tit h5{font-size:.24rem;color: #333;margin: 0 0 .15rem;}
.recruitList li .recTop .tit .des{font-size:.16rem;color: #666666;display: flex;}
.recruitList li .recTop .tit .des span{display: inline-block;vertical-align: middle;padding:0 .1rem;}
.recruitList li .recTop .tit .des span:first-child{padding-left:0;}
.recruitList li .recTop .tit .des span.treat{color: #1651a4;}
.recruitList li .recTop .time{padding-left:.3rem;position: relative;font-size:.18rem;color: #999999;}
.recruitList li .recTop .time:before{width: .18rem;height: .18rem;content:'';background:url(../image/re1.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top: -.09rem;}
.recruitList li .recTop .icon{width: .36rem;height: .36rem;background-repeat:no-repeat;background-size: contain;background-position:center center;background-image:url(../image/re2.png);display: block;}
.recruitList li .recTop.active .icon{background-image:url(../image/re2_a.png);}
.recruitList li .recTop.active .tit h5{color: #1651a4;}
.recruitList li .recCon{margin-top: .3rem;background:#fff;padding:.45rem;display: none;}
.recruitList li .recCon .textBox{display: inline-block;vertical-align: middle;width: 71%;border-right:1px solid #eaeaea;}
.recruitList li .recCon .textBox h5{font-size:.18rem;font-weight:normal;margin: 0 0 .2rem;}
.recruitList li .recCon .textBox .des{font-size:.16rem;line-height:.32rem;}
.recruitList li .recCon .contBox{display: inline-block;vertical-align: middle;width: 28%;padding-left:.5rem;}
.recruitList li .recCon .contBox span{display: block;font-size:.16rem;color: #666666;}
.recruitList li .recCon .contBox p{padding-left:.7rem;line-height:.45rem;width: 2.95rem;position: relative;font-size:.16rem;color: #1651a4;background:#f7f9fb;}
.recruitList li .recCon .contBox p:before{width: .45rem;height: .45rem;content:'';background-repeat:no-repeat;background-size: contain;background-position:center center;position: absolute;left: 0;top: 0;}
.recruitList li .recCon .contBox p.mal:before{background-image:url(../image/re3.png);}
.recruitList li .recCon .contBox p.pho:before{background-image:url(../image/re4.png);}

@media(max-width:1024px){
    .recruitList li .recTop .tit{width: auto;}
    .recruitList li .recCon .textBox{padding-bottom:.2rem;border-bottom:1px solid #eaeaea;border-right:none;width: 100%;}
    .recruitList li .recCon .contBox{display: block;width: 100%;margin-top: .2rem;padding-left:0;}
}

@media(max-width:768px){
    .Inquire-result{font-size:.22rem;margin-top: .3rem;}
    .recruitList li .recTop .tit .des{display: none;}
    .recruitList li .recTop .tit h5{margin-bottom:0;}
}