header{position: absolute;top: 35px;left: 0;width: 100%;padding: 0 3.3%;box-sizing: border-box;z-index:10;}
header .top-box{text-align: right; position: relative;}
header .top-box .search{display: inline-block;vertical-align: middle;}
header .top-box .search .box{ position: relative; padding: 0 8px; background-color: rgba(0,0,0,0.08); border-radius:30px;}
header .top-box .search .box .text{width: 130px;height:30px;padding: 0 10px 0 45px;font-size: 12px;color: #fff;box-sizing: border-box;}
header .top-box .search .box input::-moz-placeholder {color: #333;}
header .top-box .search .box input::-ms-input-placeholder {color: #333;}
header .top-box .search .box input::-webkit-input-placeholder {color: #333;}
header .top-box .search .box:before{position: absolute;left: 10px;top: 0;bottom: 0;margin: auto 0;content: '';width: 15px;height: 15px;background-image: url(../images/search.png);z-index: 3}
header .top-box .language{display: inline-block;margin-left:.2rem;vertical-align: middle;}
header .top-box .language ul li{position: relative;margin-bottom:10px;}
header .top-box .language ul li:last-child{margin-bottom: 0;}
header .top-box .language ul li a{font-size: 12px;}
header .top-box .language ul li.on a{color: #fff;}
header .top-box .language ul li.on:after{display: block;position: absolute;bottom: -6px;content: '';left: 0;width: 100%;height: 2px;background-color: #fff;z-index: 3}
header .logo{float: left}
header .logo ul li{position: relative;display: inline-block;margin-right: 50px;}
header .logo ul li:last-child{margin-right: 0;}
header .logo a img{max-width: 100%; max-height:1.03rem;}
header .logo ul li:before{position: absolute;display: block;content: '';width: 2px;height: 45px;background-color: rgba(255,255,255,0.2);right: -28px;top: 0;bottom: 0;margin: auto 0;z-index: 3}
header .logo ul li:last-child:before{display: none;}
header nav{float: right;margin-top:.3rem;}
header nav ul li{display: inline-block;margin-right:.5rem; position: relative; padding:.1rem 0;}
header nav ul li:last-child{margin-right: 0;}
header nav ul li a{font-size:18px;color: #fff;letter-spacing:2px; font-family:"SourceHanSansCN-Bold";}
header nav ul li ul {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 100%; z-index: 5; display: none;}
header nav ul li li { font-size:.17rem; padding:5px 0; margin-right: 0; text-align: center; display: block;}
header nav ul li li a {display: inline-block; line-height:35px; white-space: nowrap; padding:0 11px; font-size: 16px; font-weight: lighter;}
header nav ul li li a:hover{background-color: rgba(7,86,158,.3);}
@media (max-width:1200px) {
header nav ul li a{ font-size:16px;}
}
@media (max-width:1024px) {
header{ padding:23px 5%;}
header .logo a img{ max-height:.6rem;}
header .top-box .language{ display: none;}
header .top-box{float: right; display: flex; align-items: center;}
header .top-box .rightMenuBtn{ display: block; float: right;}
header .auto-inner{ display: flex; align-items: center; max-width:100%;}
header nav{ position: fixed;margin-top: 0;padding: 120px 0 30px 0;top: 0;right: 0;width: 200px;height: 100%;background-color: #fff;overflow: unset;box-sizing: border-box;overflow-x: hidden;transform: matrix(1, 0, 0, 1, 200, 0);z-index: 300;}
header nav ul li{ display: block;padding: 0 4vw; margin-right: 0;}
header nav ul li a {color:#333; line-height: 35px; font-size: 18px;}
header nav ul li ul {position: static; transform: none;}
header nav ul li li {font-size: 16px;}
header nav ul li li a {line-height: 2em;}
}
@media (max-width:768px) {
header .logo ul li { margin-right: 30px;}
header .logo a img{max-width: none;max-height:30px;}
header .logo ul li:before { height: 25px; right: -21.5px;}
}
@media (max-width:640px) {
header{ top:0; display: flex; align-items: center; direction: rtl; justify-content: space-between;}
header .top-box{ direction: ltr;}
header .top-box .search{ display:none;}
header .logo{ direction: ltr;}
header .bottom-box{ float: left;}
header nav ul li{ text-align: left;}
}


/*首页-banner*/
.banner{ position: relative; }
.banner .swiper{ padding-bottom:15%;}
.banner .item{position: relative;}
.banner .item::after{position: absolute;content:''; width:477px; height:477px;max-width: 477px;max-height: 477px;right:7.5%; opacity: 0;background-repeat: no-repeat; z-index: 2;mix-blend-mode: multiply; transition: 1.5s; background-size: cover;}
.banner .item:after { top:70%;background-image: url("../images/yuan.png");transform:translateY(-60px);}
.banner .ani .item:before{transform:translateY(0); opacity: 1;}
.banner .ani .item:after{transform:translateY(0); opacity: 1;}
.banner .item video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 3}
.banner .item .ani_img{transform:translateY(60px); opacity: 0;transition: 1.5s}
.banner .ani .item .ani_img {transform:translateY(0); opacity: 1;}
.banner .pc{display: block; position: relative; z-index:1;}
.banner .media-img{display: none;}
.banner img{width: 100%; }
.banner .more{position: absolute;left: 8.3%;bottom: 27.6%;z-index: 3}
.banner .wz{position:absolute;bottom: -3px;left: 0;width: 100%; z-index: 3;}
.banner .wz p{ font-size: 31px;color:#fff; margin-bottom: 20px;}
.banner .wz img{display: block;max-width: 100%; width: auto;}
.banner .wz img:not(:last-child){ margin-bottom: 20px;}
.banner .wz_wap { display: none;}
.banner .more a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;background-color: #f18700;border-radius: 0 40px 0 40px;}
.banner .more a span{display: inline-block;font-size: 16px;color: #fff;vertical-align: middle;}
.banner .more a:after{display: inline-block;content: '';margin-left: 10px;width: 20px;height: 11px;background-image: url('../images/more.png');vertical-align: middle;}
.banner .swiper-pagination{ bottom:22% !important;}
.banner .swiper-button-prev,
.banner .swiper-button-next{background-repeat: no-repeat;background-size:cover;}
.banner .swiper-button-prev{position: absolute;left: 5%;bottom: 33%;width: 39px;height: 101px;background-image: url(../images/bx-prev.png);font-size: 0;mix-blend-mode: multiply;z-index: 3}
.banner .swiper-button-next{position: absolute;right: 5%;bottom: 33%;width: 39px;height: 101px;background-image: url(../images/bx-next.png);font-size: 0;mix-blend-mode: multiply;z-index: 3}
.banner .swiper-button-prev:after,
.banner .swiper-button-next:after{ font-size:0;}
@media (max-width:1366px) {
.banner .item::after{ width:360px; height:360px;}
}
@media (max-width:1024px) {
.banner .ani .item .ani_img{ max-height:80px;}
.banner .item::after{ width:250px; height:250px;}
.banner .swiper{ padding-bottom:0;}
}
@media (max-width:768px) {
.banner .swiper-pagination{ display: none;}
.banner .ani .item .ani_img{ max-height:70px;}
.banner .item::after{ width:200px; height:200px;}
.banner .item .pc{ display: none;}
.banner .item .media-img{display: block;}
.banner .item::after,
.banner .wz{ display: none;}
.banner .wz_wap { position: absolute;bottom:0;  left: 0;text-align: center; display: block;}
.banner .wz_wap p{ margin:0 auto; text-align: center;color:#fff; font-size: 18px; font-weight: bold;}
.banner .wz_wap img { margin-top: 18px;}
.banner .wz_wap .ani_img { margin-top: 30px;}
}
@media (max-width:640px) {
.banner .ani .item .ani_img{ max-height:inherit;}
.banner .swiper-button-next,
.banner .swiper-button-prev{ height:40px; background-size: contain!important;}
.banner .swiper-button-next{ background-position:center right;}
}




/* 首页 */
.index-box{ position: relative; background-size: contain;background-position: center top;background-repeat: no-repeat;}
.index-product .box{position: relative;padding-top: 70px;}
.public-title{position: absolute;left:0;top:0;width:100%;max-width:860px;padding:30px 40px; box-sizing: border-box; z-index: 10;}
.public-title .title{width: max-content;margin-left: auto;text-align: center; position: relative; z-index: 10;}
.public-title .title .cn{font-size: 35px;color: #fff}
.public-title .title .en{margin-top: 25px;font-size: 20px;color: #fff;text-transform:uppercase}
.public-title .title .wap { display: none;}
.public-title2{margin-bottom: 50px; text-align: center;}
.public-title2 img {max-width:100%;}
.public-title2 .cn{font-size: 35px;color: #07569e;text-align: center;}
.public-title2 .en{margin-top: 20px;font-size: 20px;color: #6a9ac5;text-align: center;}
.public-title2 .wap{ display: none;}
.title_bg {position: absolute;content:'';left: 0;top: 0;width: 100%;min-height:138px;background-color: #07569e;z-index: 3;box-sizing: border-box;mix-blend-mode: multiply;}
.index-product .public-title { padding-right: 5px;}
.index-product .swiper{overflow: hidden;}
.index-product .swiper img{width: 100%;}
.index-product .swiper .wap { display: none;}
.index-product .mySwiper .img figure { padding-bottom: 52.71%;}
.index-product .mySwiper2{max-height:622px;}
.index-product .mySwiper2 .swiper-slide{position: relative;}
.index-product .list{position: absolute;right: 0;top: 53%;width: 100%;max-width: 476px;z-index: 50}
.index-product .list .item{display: none;}
.index-product .list .item.on{display: block;}
.index-product .list .name{padding: 29px 28px 34px 65px;background-color: rgba(255,255,255,.9);}
.index-product .list .name .ioc{display: inline-block;margin-right: 34px;vertical-align: middle;}
.index-product .list .name .ioc img{max-width: 270px}
.index-product .list .name span{display: inline-block;padding: 4px 8px;font-size: 12px;color: #4d4d4d;background-color: rgba(0,0,0,0.08);border-radius: 3px;vertical-align: middle;}
.index-product .list ul{display: none;}
.index-product .list:hover ul{display: block;}
.index-product .list ul .img { width: 100%;}
.index-product .list ul li{padding: 15px 15px 15px 40px;display: table;width: 100%;text-align: left;box-sizing: border-box;}
.index-product .list ul li:nth-of-type(odd){background-color: rgba(205, 221, 236, 0.9);}
.index-product .list ul li:nth-of-type(even){background-color: rgba(156, 187, 216, 0.9);}
.index-product .list ul li .time{display: table-cell;width: 70px;font-size: 16px;color: #3978b1;vertical-align: bottom;}
.index-product .list ul li .time span{padding-right: 10px;vertical-align: bottom;font-size: 36px;color: #3978b1}
.index-product .list ul li .text{display: table-cell;font-size: 16px;color: #4d4d4d;vertical-align: bottom;}
.index-product .mySwiper{margin-top: 30px;margin-left: 30px;margin-right: 30px;}
.index-product .mySwiper .swiper-slide{position: relative;border-radius: 8px;overflow: hidden;}
.index-product .mySwiper .swiper-slide .img { width: 100%;}
.index-product .mySwiper .swiper-slide .title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 3}
.index-product .mySwiper .swiper-slide:hover  .title{background-color: transparent;}
.index-product .mySwiper .swiper-slide .title span{position: absolute;top: 50%;left: 50%;font-size: 25px;color: #fff;letter-spacing:4px;transform: translate(-50%,-50%);z-index: 3}
.index-product .move{position: absolute;max-width: 354px;width: 100%;opacity: .9;z-index: 33;transition: all 0.3s ease-in-out;right: 0;top: 40px;}
.index-product .move img{max-width: 354px;}
.index-product .move .bx-controls{display: none;}


.index-advantage{margin-top: 8.8%;}
.index-advantage .img img{width: auto;max-width: 100%;}
.index-advantage .img .wap { display: none;}
.index-advantage .textarea{margin-top: 60px;margin-left: auto;margin-right: auto;max-width: 590px;font-size: 15px;color: #1a1a1a;text-align: center;line-height: 2;}
.index-advantage .list{margin-top: 5.7%;}
.index-advantage .list ul{font-size: 0;text-align: center;}
.index-advantage .list ul li{display: inline-block;margin-right: 16px;width: 105px; vertical-align: top;}
.index-advantage .list ul li:last-child{margin-right: 0;}
.index-advantage .list ul li .img{margin-top: 0;}
.index-advantage .list ul li .img img{width: auto;max-width: 100%;}
.index-advantage .list ul li .name{margin-top: 10px;font-size: 12px;color: #1a1a1a;line-height: 1.7;}

.index-introduce{margin-top: 8.8%;padding-bottom: 10%;background-image: url(../images/index-introduce-bg.png);background-size: 100%;background-position: center bottom;background-repeat: no-repeat;}
.index-introduce .public-title{padding:26px 58px 43px;max-width: 919px;}
.index-introduce .box{position: relative;padding-top:8.286%;}
.index-introduce .box .bg{position: relative;padding:4% 7.715% 1.143%;font-size: 0;background-image: url(../images/index-introduce.jpg);background-size: cover}
.index-introduce .box .bg .swiper{position: relative;overflow: hidden;}
.index-introduce .box .bg .mySwiper .swiper-slide {position: relative;}
.index-introduce .box .bg .mySwiper .swiper-slide:after {position: absolute;content:'';width: 100%;height: 100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.5);}
.index-introduce .box .bg .swiper img{width: 100%;}
.index-introduce .box .bg .swiper .wap { display: none;}
.index-introduce .box .bg .left-list{ position: relative;display: inline-block;margin-top: 25px;width: 90px;text-align: center; float: left;}
.index-introduce .box .bg .left-list:before{display: block;content: '';position: absolute;left: 0;top: -8px;right: 0;width: 52px;height: 8px;margin: 0 auto;background-color: #0b0d0e;z-index: 3;}
.index-introduce .box .bg .left-list:after{display: block;content: '';position: absolute;left: 0;bottom: -8px;right: 0;width: 52px;height: 8px;margin: 0 auto;background-color: #0b0d0e;z-index: 3;}
.index-introduce .box .bg .left-list .mySwiper{max-height: 444px;}
.index-introduce .box .bg .left-list .img img{display: inline-block;max-width: 50px}
.index-introduce .box .bg .left-list .swiper-slide.swiper-slide-thumb-active:after {background-color: transparent;}
.index-introduce .box .bg .left-list .swiper-slide.swiper-slide-thumb-active .img img{transform: scale(1.4);}
.index-introduce .box .bg .left-list .swiper-slide{height: auto !important;width: 52px;margin: 0 auto;padding: 2px 0;background-color: #0b0d0e;}
.index-introduce .box .bg .list{position: relative;}
.index-introduce .box .bg .list{display: inline-block;max-width: 800px;margin-left:100px;}
.index-introduce .box .bg .list .swiper-prev{position: absolute;left: -55px;top:35.5%;margin: auto 0;width: 20px;height: 55px;background-image: url(../images/swiper-prev.png);cursor:pointer;mix-blend-mode: multiply;z-index: 3}
.index-introduce .box .bg .list .swiper-next{position: absolute;right: -55px;top:35.5%;margin: auto 0;width: 20px;height: 55px;background-image: url(../images/swiper-next.png);cursor:pointer;mix-blend-mode: multiply;z-index: 3}
.index-introduce .box .bg .list .img{position: relative;max-height: 554px; overflow: hidden;}
.index-introduce .box .bg .img figure { padding-bottom:85%; background-size: contain;}
.index-introduce .box .bg .swiper-slide-thumb-active { padding: 0!important;transform:scale(1.2307); z-index: 10;}
.index-introduce .box .bg .left-list .swiper-slide:last-child.swiper-slide-thumb-active{bottom:8px;}
.index-introduce .box .bg .list .img .casket{position: absolute;left: 5%;top: 7%;max-width: 240px;z-index: 3; display: none;}
.index-introduce .box .bg .list .img .casket:before{display: block;content: '';margin-bottom: 40px;width:46px;height:38px;background-image: url(../images/index-introduce-ioc.png); background-size: contain;}
.index-introduce .box .bg .list .img .casket .cn{font-size: 20px;color: #ffffff;font-weight: bold;}
.index-introduce .box .bg .list .img .casket .en{margin-top: 15px;font-size: 15px;color: #ffffff;line-height: 1.6;text-transform:uppercase}
.index-introduce .box .bg .list .text{margin: 25px 0 15px;}
.index-introduce .box .bg .list .text ul{font-size: 0;}
.index-introduce .box .bg .list .text ul li{display:block;margin-bottom:5px;font-size: 12px; line-height: 18px;color: rgba(255,255,255,.7);  white-space: nowrap;
 text-overflow: ellipsis;overflow: hidden;}
.index-introduce .box .bg .list .text ul li:nth-child(5){display: inline-block; margin-bottom:0; padding-right: 20px;}
.index-introduce .box .bg .list .text ul li:nth-child(6){display: inline-block;}
.index-introduce .box .bg .list .text ul li:last-child{margin-bottom: 0;}
.index-introduce .box .bg .list .text ul li span{font-family: "SourceHanSansCN-Medium"; color: #fff;}
.index-introduce .box .bg .list .text ul li span+span{ margin-left: 20px;}
.index-introduce .box .bg .more{position: absolute;top:8.324%;right: 5%;}
.index-introduce .box .bg .more a{text-align: center;}
.index-introduce .box .bg .more a:before{display: block;content: '';width:51px;height: 70px;margin: auto;background: url(../images/moreCase.svg) no-repeat center; background-size: contain; opacity: 0.7;}
.index-introduce .box .bg .more a span{display: block;margin-top: 10px;font-size: 12px;color: #ffffff;line-height: 1.5;}

.index-news{margin-top: 6.25%;padding-bottom: 4.1%;}
.index-news .list ul{font-size: 0;max-width: 1200px;margin: 0 auto;}
.index-news .list ul li{display: inline-block;width: 30%; margin-right: 5%; vertical-align: top;}
.index-news .list ul li:last-child{margin-right: 0;}
.index-news .list ul li .img img{width: 100%}
.index-news .list ul li .title{margin-top: 35px; font-family:"SourceHanSansCN-Medium";}
.index-news .list ul li .title a{font-size: 18px;color: #4d4d4d}
.index-news .list ul li .title:hover a{color: #07569e}
.index-news .list ul li .text{margin-top: 15px;font-size: 14px;line-height:24px;text-align: justify;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.index-news .wapMore{ display: none;}
@media screen and (max-width: 1200px){
.index-news .left-box{width: 100%;}
.index-news .right-box{position: relative;margin-top: 20px;right: 0;bottom: 0;width: 100%;}
.index-news .right-box .box{left: 0;}
.index-introduce .box{padding-top:0; margin-top:40px;}
.index-introduce .box .bg{ padding:5% 7.715% 3%;}
.index-introduce .box .bg .list{ max-width:600px; margin-left:90px;}
.index-introduce .box .bg .list .text ul li{ width:100%;}
}

@media screen and (max-width:1024px){
.index-introduce{ margin-top:0;}
.index-introduce .public-title{ padding:0;}
.index-introduce .box .bg{ padding:5% 3%;}
.index-introduce .box .bg .list{ max-width:600px; margin-left:60px;}
.index-introduce .box .bg .list .img{ max-height: 450px;}
.index-product .move{ max-width:250px;}
.index-product .move img{ max-width:250px;}
.index-product .mySwiper .swiper-slide .title span { letter-spacing: 0;font-size:24px;}
.index-product .list .name{ padding:20px 20px 20px 65px;}
.index-product .list .name .ioc img{ max-width:200px;}
}
@media screen and (max-width: 768px){
.public-title{ max-width:90%;}
.index-box{margin-top:60px;padding-top:0;}
.index-product .auto-inner{ max-width: 100%;}
.index-product .box { padding-top: 0;}
.index-product .move { display: none;}
.index-product .list { position: relative; display: none;}
.index-product .swiper .pc { display: none;}
.index-product .swiper .wap { display: block;}
.index-product .mySwiper { margin: -20px 20px 0;}
.index-product .mySwiper .swiper-slide .title {background-color: rgba(0,0,0,0.3);}
.index-product .mySwiper .swiper-slide .title span { letter-spacing: 0;font-size: 16px;}
.index-product .mySwiper .swiper-slide.swiper-slide-thumb-active .title {background-color: transparent;}
.index-advantage{margin-top: 60px;}

.public-title { position: relative; padding:0; text-align: center;}
.public-title .title {width: auto;}
.public-title .title img {max-width:160px;}
.public-title .title .pc { display: none;}
.public-title .title .wap { display: block;margin:0 auto 10px;max-width:70%;}
.public-title2 { margin-bottom: 30px;}
.public-title2 .cn { font-size: 24px;}
.public-title2 .en { font-size: 18px;}
.public-title2 .pc { display: none;}
.public-title2 .wap { display: block;margin:0 auto 10px;max-width:70%;}
.title_bg { display: none;}

.index-introduce { padding-bottom:0; background-image: none;}
.index-introduce .auto-inner{  max-width: 100%;}
.index-introduce .public-title { padding: 0; margin-bottom: 20px;}
.index-introduce .box .bg { padding: 0;background:none;}
.index-introduce .box .bg .mySwiper { width: 100%; }
.index-introduce .box .bg .swiper-slide-thumb-active { display: flex;align-items: center;}
.index-introduce .box .bg .swiper-slide-thumb-active .img { width: 100%;}
.index-introduce .box .bg .more { top: 21%; z-index: 10; display: none;}
.index-introduce .box .bg .list { width: 100%; margin-left:0; padding:0; margin-top: 5%;}
.index-introduce .box .bg .list .img .casket:before { width:30px; height:25px;    margin-bottom: 20px;background-repeat:no-repeat;background-size: contain;}
.index-introduce .box .bg .list .text { width: 80%;margin:60px auto 25px auto;}
.index-introduce .box .bg .list .text ul li { width: 100%;color:#4d4d4d;white-space:normal;white-space: nowrap;}
.index-introduce .box .bg .list .text ul li:nth-child(1){white-space: nowrap;}
.index-introduce .box .bg .list .text ul li:nth-child(5),
.index-introduce .box .bg .list .text ul li:nth-child(6){display: block;padding-right: 0;}
.index-introduce .box .bg .list .text ul li span {color:#4d4d4d;}
.index-introduce .box .bg .list .text a { display: inline-block; margin-top: 5px; line-height: 18px;font-size: 12px;color:#07569e; text-decoration: underline;}
.index-introduce .box .bg .list .swiper-prev,
.index-introduce .box .bg .list .swiper-next {top:25%; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.index-introduce .box .bg .list .swiper-prev { left: 10px;}
.index-introduce .box .bg .list .swiper-next { right: 10px;}
.index-introduce .box .bg .left-list { width: 100%;padding: 0;box-sizing:border-box;float: none ; position: absolute; left:0; top: 48%; }
.index-introduce .box .bg .left-list .mySwiper { padding: 4% 0;}
.index-introduce .box .bg .swiper-slide-thumb-active {transform: scale(1.4307);}
.index-introduce .box .bg .left-list .swiper-slide {padding:0 2px;background:none;}
.index-introduce .box .bg .left-list .swiper-slide:first-child.swiper-slide-thumb-active{top: 0;}
.index-introduce .box .bg .left-list .swiper-slide:last-child.swiper-slide-thumb-active{bottom:0;}
.index-introduce .box .bg .left-list:before,
.index-introduce .box .bg .left-list:after { display: none;}
.index-introduce .box .bg .img figure { padding-bottom: 72.5%;}
.index-introduce .box .bg .swiper .pc { display: none;}
.index-introduce .box .bg .swiper .wap { display: block;}

.index-advantage .auto-inner{  max-width: 100%;}
.index-advantage .img .pc {  display: none;}
.index-advantage .img .wap {  display: block;}
.index-advantage .textarea {max-width: 80%; margin-top: 30px; font-size: 14px;line-height: 24px;;}
.index-advantage .list  { max-width: 80%;margin:5.7% auto 0; }
.index-advantage .list ul  { display: flex;flex-wrap: wrap;justify-content: center;}
.index-advantage .list ul li { width: 20%; margin-right: 5%; margin-bottom: 3%;}
.index-advantage .list ul li:nth-child(4n) { margin-right: 0;}
.index-advantage .list ul li .name { color:#6a9ac5;}

.index-news{ margin-top: 34px; padding-bottom:60px;}
.index-news .auto-inner { max-width:100%;}
.index-news .list ul li { width: 100%; margin-right:0;}
.index-news .list ul li+li{ margin-top:60px;}
.index-news .list ul li:nth-child(3n){display: none;}
.index-news .list ul li .title ,
.index-news .list ul li .text { width: 80%;margin: 0 auto;}
.index-news .list ul li .title { margin-top: 6%; margin-bottom: 2%;}
.index-news .list ul li .title a { color: #07569e; font-size: 17px;}
.index-news .list ul li .text { -webkit-line-clamp: 3; font-size: 12px; height: 70px;}
.index-news .list .wapMore{ width: 80%; display:block; margin:15px auto 0; line-height: 18px;font-size: 12px;color:#07569e; text-decoration: underline;}
}

@media screen and (max-width:640px){
.public-title{ max-width:100%;}
.public-title .title{ margin:0 auto;}
.index-introduce .public-title img{ max-width:90%;}
.index-introduce .box .bg .list .swiper-prev{ left:0;}
.index-introduce .box .bg .list .swiper-next{ right:0;}
.index-introduce .box .bg .more a:before{ max-width:40px;}
.title_bg{min-height:auto;}
}


/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

/* 按钮 */
.rightMenuBtn { position: relative; display:none; width:30px; height:30px; z-index:350; border:none;}
.rightMenuBtn span { display:block; height:3px; background-color:#05308f; position:absolute; top:20px; transition:0.5s; }
.rightMenuBtn .openMenu { width:30px;}
.rightMenuBtn .closeMenu {left:25px; width:0; }
.rightMenuBtn span:active { width:0; }
.rightMenuBtn span:before,
.rightMenuBtn span:after{ content:""; display:block; width:30px; height:3px; background-color:#05308f; position:absolute; transition:0.4s; }
.rightMenuBtn .openMenu:before { top:-10px; left:-0; }
.rightMenuBtn .openMenu:after { top:10px; left:-0; }
.rightMenuBtn .closeMenu:before { top:0px; left:-20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.rightMenuBtn .closeMenu:after { top:0px; left:-20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

/* banner-inner */
.banner-inner{ position: relative;}
.banner-inner .pc{display: block; position: relative; z-index:1;}
.banner-inner .media-img{display: none;}
.banner-inner img{width: 100%; }
.banner-inner .wz{ color:#fff; position:absolute;bottom:0;left: 0;width: 100%; z-index: 3;}
.banner-inner .wz .ith{ line-height:1; font-weight: bold; opacity:.1; font-size:1.1rem; margin:0 0 .5rem; font-family:"SourceHanSansCN-Bold";}
.banner-inner .wz .ith span{ text-transform: uppercase; display:inline-block; line-height:1;}
.banner-inner .wz .ith2{ font-size:.32rem; margin:0;}
.banner-inner .wz .tit{ margin-bottom:.1rem; padding:.05rem 0 .15rem; line-height:1.5; font-size:.46rem; font-family:"SinkinSans-600SemiBold";}
.banner-inner .wz .txt{ line-height:.8; font-size:1.9rem; font-family:"SinkinSans-900XBlack"; transform:translateY(60px); opacity: 0; transition: 1.5s;}
.banner-inner .wz_wap{ display: none;}
.banner-inner li::after{position: absolute;content:''; width:4.7rem; height:4.7rem;max-width: 4.7rem;max-height: 4.7rem;right:7.5%; opacity:0; background-repeat:no-repeat; z-index:2; mix-blend-mode: multiply; transition: 1.5s; background-size: cover; }
.banner-inner li:after{ top:65%; background-image: url("../images/yuan.png"); transform:translateY(-.6rem);}
.banner-inner li.ani .txt{transform:translateY(0); opacity: 1;}
.banner-inner li.ani:before{transform:translateY(0); opacity: 1;}
.banner-inner li.ani:after{transform:translateY(0); opacity: 1;}
@media (max-width:1024px) {
.banner-inner .wz .txt{ font-size:.7rem;}
.banner-inner li::after{ width:2rem; height:2rem;}
.banner-inner .wz .ith{ font-size:.4rem; margin-bottom:.2rem;}
.banner-inner .wz .ith2{ font-size:.24rem;}
.banner-inner .wz .tit{ padding:.05rem 0; font-size:.26rem;}
.banner-inner li:after{ top:70%;}
.rightMenuBtn{ background:none;}
.rightMenuBtn span,
.rightMenuBtn span:before,.rightMenuBtn span:after{ background-color: #fff;}
}

@media (max-width:768px) {
.rightMenuBtn { width: 30px; height: 30px; right:0;top:0;}
.rightMenuBtn {background:none;}
.rightMenuBtn .openMenu{left: 0;}
.rightMenuBtn span { display:block;background-color:#05308f; position:absolute; top:15px; transition:0.5s; }
.rightMenuBtn span,
.rightMenuBtn span:before,
.rightMenuBtn span:after {background:#fff;  height:2px; }
.rightMenuBtn span.closeMenu:before,
.rightMenuBtn span.closeMenu:after {background:#07569e;}
}
@media (max-width:640px) {
.banner-inner .pc{ overflow: hidden;}
.banner-inner img{ width:180%; max-width:inherit; transform:translateX(-40%);}
.banner-inner .wz .ith2,
.banner-inner .wz .tit{ font-size:.3rem;}
.banner-inner li:after{ top:78%;}
.rightMenuBtn .openMenu,
.rightMenuBtn span:before,
.rightMenuBtn span:after{ height:2px;}
}


/* 底部 */
footer{background-image: url(../images/foot-bg.jpg);background-size: cover;background-position: right bottom;background-repeat: no-repeat;}
footer .foot-nav{float: left;width: 71.4%;padding:6% 3.6% 0;box-sizing: border-box;}
footer .foot-nav>ul{ position: relative;padding: 0 4%; overflow: hidden;}
footer .foot-nav>ul:before{ position: absolute;content:''; height:37px; width: 100%;top:0;left:0;background-color: rgba(1, 7, 12, 0.1);border-radius:5px;}
footer .foot-nav>ul>li{/*display: inline-block;*//*width: 20%;*/text-align: right; float: left;}
footer .foot-nav>ul>li>.name{padding: 5px 0;letter-spacing: 2px;}
footer .foot-nav>ul>li>.name a{font-size: 18px;color: #cdddec}
footer .foot-nav>ul>li>ul{margin-top: 50px;}
footer .foot-nav>ul>li>ul>li{margin-bottom:25px;}
footer .foot-nav>ul>li>ul>li:last-child{margin-bottom: 0;}
footer .foot-nav>ul>li>ul>li a{font-size: 17px;color: #cdddec;letter-spacing: 2px;}
footer .right-box{float: right; width: 28.6%;padding:6% 1% 4% 2.9%; position: relative;box-sizing: border-box;}
footer .right-box:before {content:''; position: absolute;top:0;left:0;  width: 421px;  height: 100%;background: url("../images/btm_bg1.png") repeat-y center; z-index: 1;mix-blend-mode: multiply;}
footer .right-box:after {content:''; position: absolute;top:0;left:63%;  width: 257px;  height: 100%;background: url("../images/btm_bg2.png") repeat-y center; z-index: 0;mix-blend-mode: multiply;}
footer .right-box .logo-ewm{position: relative;z-index: 1; overflow: hidden;}
footer .right-box .foot-logo{display: inline-block;}
footer .right-box .foot-logo img{max-width: 190px}
footer .right-box .foot-ewm{ float: right;text-align: center;}
footer .right-box .foot-ewm img{display: block;max-width: 100px;margin: auto;}
footer .right-box .foot-ewm .name{margin-top: 15px;font-size: 12px;color: #cdddec}
footer .right-box .relation{margin-top: 30px;position: relative;z-index: 1;}
footer .right-box .relation .name{font-size: 12px;color: #cdddec; line-height:24px; font-family: "SourceHanSansCN-Medium";}
footer .right-box .relation .name span{margin-right:22px;}
footer .right-box .relation .tel .item{display: inline-block;position: relative;padding-left: 23px;margin-right: 15px;font-size: 12px;color: #cdddec; line-height: 24px;}
footer .right-box .relation .tel .item:last-child{margin-right: 0;}
footer .right-box .relation .tel .item:before{display: block;content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 14px;height: 14px;z-index: 3}
footer .right-box .relation .tel .item:nth-of-type(1):before{background-image: url(../images/foot-ioc1.png);}
footer .right-box .relation .tel .item:nth-of-type(2):before{background-image: url(../images/foot-ioc2.png);}
footer .right-box .relation .text{margin-top: 8px;font-size: 12px;color: #cdddec;line-height:20px;}
footer .right-box .relation .icp{ margin-top: 4px;line-height:24px;}
footer .right-box .relation .icp a{font-size: 12px;color: #cdddec;}

@media (max-width:1366px) {
footer .right-box:after{ left:55%;}
}
@media (max-width:1200px) {
footer .top-box .foot-nav{display: none;}
footer .top-box .left-box{display: none;}
footer .bottom-box .left-box{float: none;text-align: center;}
footer .bottom-box .foot-icp{float: none;max-width: 100%;margin-top: 20px;text-align: center;}
footer .foot-share{display: block;}
footer .foot-column{display: block;margin-top: 20px;}
footer .right-box:before,
footer .right-box:after { display: none;mix-blend-mode: unset;}
}
@media (max-width:1024px) {
footer .right-box .foot-logo img{ max-width:1.2rem;}
footer .right-box .foot-ewm img{ max-width:.6rem;}
}
@media (max-width:768px) {
footer {background-image:url(../images/foot-bg_s.png);}
footer .foot-nav { display: none;}
footer .right-box { width: 100%;padding-left: 48vw;}
footer .right-box:before,
footer .right-box:after { display: none;mix-blend-mode: unset;}
footer .right-box .relation { position: static; margin-top: 0;}
footer .right-box .relation .name {color:#fff; text-align: center; padding: 15px 0 0; line-height: 1.5;}
footer .right-box .relation .name span { display: block; margin-right: 0;}
footer .right-box .relation .tel { position: absolute;top:50%;left:0;transform:translateY(-50%);}
footer .right-box .relation .tel .item { display: block; font-size: 14px; font-weight: bold;color:#fff;}
footer .right-box .relation .text,
footer .right-box .relation .icp { display: none;}
footer .right-box .foot-logo img ,
footer .right-box .foot-ewm img {height:50px; max-width:inherit;}
footer .right-box .foot-ewm .name { display: none;}
}

/* 内页 */
.index-box{ min-height:200px;}
.inner-box{ padding:2.3rem 0 1rem;}
@media (max-width:1024px) {
.inner-box{ padding-top:1rem;}
}

/* 内页标题 */
.inner-title .cn-txt{ font-size:.34rem; color: #075696;}
.inner-title .en-txt{ padding-left:2em; font-size:.2rem; color: #6a92bd;}


/* 新闻中心 */
.news-list{ margin-bottom:1rem;}
.news-list:last-child{ margin-bottom:.3rem;}
.news-list .ul{ padding-top:.3rem; overflow: hidden;}
.news-list li{ margin:.35rem 0; display:none; margin-right:4.9%; width:30%; float: left;}
.news-list li:nth-child(1),
.news-list li:nth-child(2),
.news-list li:nth-child(3){ display: block;}
.news-list li:nth-child(3n){ margin-right:0;}
.news-list li .pic span{ display: block; padding-bottom:71%; background: #cdddec;background-size: cover;background-repeat: no-repeat;}
.news-list li .txt{ font-size:.19rem; color:#6a92bd; padding:.1rem 0;}
.news-list .but{ text-align: right; font-size:0;}
.news-list .but a{ cursor: pointer; font-size:12px; color: #07569e; display: inline-block; text-align: center;}
.news-list .but a::after{content:''; display: block; width:80%; margin:0 auto; margin-top:.05rem; height:2px; background: #05308f;}
.news-list .but a.up_but{ display: none;}
.news-list.open_list .but a.open_but{ display: none;}
.news-list.open_list .but a.up_but{ display:inline-block;}
.news-list.open_list li{ display: block;}
@media (max-width:1024px) {
.news-list{ margin-bottom:.5rem;}
.news-list .ul{ padding-top:.3rem;}
}
@media (max-width:640px) {
.news-list{ margin-bottom:.3rem;}
.news-list li{ width:31%; margin-right:3%;}
.news-list li .txt{ font-size:.24rem;}
.news-list .but{ margin-top:.2rem;}
}


/* 新闻详情 */
.info-shell{ padding-top:1.5rem; padding-bottom:0;}
.info-box{ color: #4d4d4d; font-size:.25rem; line-height:2; max-width:1050px; margin:0 auto;}
.info-box .p{ margin:0;}
.info-box .Title{ font-size:.45rem; color: #07569e; margin:.6rem 0;}



/* 品牌简介 */
.Brand-shell{ padding-top:2rem;}
.introduction-box{ margin-bottom:2rem;}
.introduction-box .introduction-con{ margin-top:.6rem;}
.introduction-con .pic{ width:53%;}
.introduction-con .list-con{ width:47%;}
.introduction-con .item{ padding:0 .5rem; display: flex; align-items: center; height:33.333%; line-height:2;}
.introduction-con .item h3{ line-height:1.5; font-size:.45rem; color: #07569e; margin:0 0 .25rem;}
.introduction-con .item .wez{ font-size:.18rem; color: #fff;}
.introduction-con .item:nth-child(1){ background: #6a9ac5;}
.introduction-con .item:nth-child(2){ background: #9cbbd8;}
.introduction-con .item:nth-child(3){ background: #cdddec;}
.Framework-shell{ margin-bottom:1.5rem;}
.Framework-box{ overflow: hidden; margin-top:.7rem;}
.Framework-box .item{ margin-bottom:.3rem; width:46.6%; float: left;}
.Framework-box .item:nth-child(2n){ float: right;}
.Framework-box .item .pic{ background: #6a9ac5;}
.Framework-box .item .icon{ width:1.5rem; text-align: center;}
.Framework-box .item .icon img{ max-width:.4rem;}
.Framework-box .item .icon span{ font-size:.3rem; color: #07569e; font-family:"SourceHanSansCN-Bold";}
.Framework-box .item .text{ line-height:1.5; padding:.2rem 0;}
.Framework-box .item .text h3{ font-size:.26rem; font-weight:500; margin:0 auto .1rem;}
.Framework-box .item .pic i{ display: block;}
.Framework-box .item .imgil{ width:calc(100% - 1.5rem); position: relative;}
.Framework-box .item .imgil img{ width:100%;}
.Framework-box .item .imgil span{ font-size:.2rem; color: #fff; position: absolute; right:.15rem; bottom:.15rem;}

.Processing-con{ max-width:10.78rem; margin:0 auto;}
.Processing-con .pic{ margin:.9rem 0;}
.Processing-list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.Processing-list .item{ margin-bottom:.25rem; width:48%;}
.Processing-list .item .icon{ max-width:.54rem; margin-right:.2rem; background-color: #07569e; border-radius:50%; overflow: hidden;}
.Processing-list .item .txt h3{ font-family:"SourceHanSansCN-Bold"; color: #07569e; font-size:.19rem; margin:0; font-weight:500;}
.Processing-list .item .wzi{ font-size:.16rem; color: #727171;}
@keyframes indtabLi{
	0%{opacity:0;transform:translateY(68px);}
	100%{opacity:1;transform:translateY(0);}
}
.indtabLi{ animation:indtabLi 1s ease both; opacity:0; -webkit-animation:indtabLi 1s ease both;}
.quidl1{animation-delay:.2s;}
.quidl2{animation-delay:.4s;}
.quidl3{animation-delay:.6s;}
.quidl4{animation-delay:.8s;}
.quidl5{animation-delay:1s;}
.quidl6{animation-delay:1.2s;}
.quidl7{animation-delay:1.4s;}
.quidl8{animation-delay:1.6s;}
.quidl9{animation-delay:1.8s;}
.quidl10{animation-delay:2s;}

@media (max-width:1024px) {
.Brand-shell{ padding-top:1rem;}
.introduction-box{ margin-bottom:1rem;}
.introduction-con .item{ padding:.1rem .4rem;}
.introduction-con .item h3{ font-size:.26rem; margin-bottom:.15rem;}
.introduction-con .item .wez{ font-size:.15rem; line-height:1.5;}
.Framework-shell{ margin-bottom:1rem;}
.Framework-box{ margin-top:.5rem;}
.Framework-box .item{ margin-bottom:.2rem;}
.Framework-box .item .icon{ width:1rem;}
.Framework-box .item .imgil{ width: calc(100% - 1rem);}
.Framework-box .item .icon img{ max-width:.2rem;}
.Framework-box .item .icon span{ font-size:.22rem;}
.Framework-box .item .text{ padding:.1rem 0;}
.Framework-box .item .text h3{ font-size:.22rem;}
.Processing-con .pic{ margin:.5rem 0;}
}
@media (max-width:768px) {
.Framework-box .item .text{ font-size:.18rem;}
}
@media (max-width:640px) {
.introduction-con .pic{ width:100%;}
.introduction-box .introduction-con{ flex-wrap: wrap;}
.introduction-con .list-con{ width:100%;}
.introduction-con .item{ padding:.5rem .3rem; width:100%;}
.Framework-box{ flex-wrap: wrap;}
.Framework-box .item{ width:100%;}
.Processing-list .item{ width:100%;}
}



/* 合作客户 */
.Partner-box{ margin:1.5rem 0;}
@media (max-width:640px) {
.Partner-box{ margin:.5rem 0;}
}




/* 建筑表皮 */
.Construct-one .list-one{ margin-top:.5rem; overflow: hidden; display: flex;}
.Construct-one .pic{ margin-top:1rem;}
.Construct-one .item{ width:50%; padding-right:10%;}
.Construct-one .item .icon{ margin-top:.2rem; margin-right:.25rem; width:.76rem; height:.76rem; border-radius:50%; overflow: hidden; border:solid 2px #1f6391;}
.Construct-one .item .txt{ width:calc(100% - 1rem);}
.Construct-one .item h3{ font-weight:500; font-size:.25rem; color: #07569e; margin:0 auto .1rem;}
.Construct-one .item .wei{ color: #727171; font-size:.15rem; line-height:1.7;}
.Construct-two{ margin-top:1.5rem;}
.Construct-two li{ margin-bottom:1.5rem;}
.Construct-two li .pic{ width:36%;}
.Construct-two li .text{ display: flex; align-items: center; width:64%; background: #06538c;}
.Construct-two li .text .icon{ margin-bottom:.4rem;}
.Construct-two li .text .icon:last-child{ margin-bottom:0;}
.Construct-two li .text .owl{ margin-right:.2rem; border-radius:50%; overflow: hidden; border:solid 2px #1f6391;}
.Construct-two li .text .wez{ font-size:.26rem; color: #cdddec; position: relative;}
.Construct-two li .text .wez::after{ content:''; display: block; width:0; height:1px; background: #cdddec; transition: all .5s;}
.Construct-two li .text h3{ line-height:1.3; width:100%; font-weight:500; font-size:.44rem; color: #cdddec; margin:0 auto .4rem;}
.Construct-two li .text .centered{ width:100%; padding:0 .6rem;}
.Construct-two li .text a:hover .wez::after{ width: 100%;}
@media (max-width:1024px) {
.Construct-one .pic{ margin-top:.5rem;}
.Construct-one .item{ padding-right:5%;}
.Construct-two{ margin-top:1rem;}
.Construct-two li{ margin-bottom:.5rem;}
.Construct-two li .text .icon{ margin-bottom:.1rem;}
.Construct-two li .text h3{ font-size:.26rem; margin-bottom:.2rem;}
.Construct-two li .text .wez{ font-size:.18rem;}
.Construct-two li .text .owl{ margin-right:.15rem;}
.Construct-two li .text .owl img{ max-height:.55rem;}
}
@media (max-width:640px) {
.Construct-one .item{ width:100%; padding-right:0; margin-bottom:.5rem;}
.Construct-two{ margin-top:.3rem;}
.Construct-two li .pic{ width:65%;}
.Construct-two li .text .centered{ padding:0 .3rem;}
}


/* 建筑表皮详情 */
.Construct-info{ padding-top:1.5rem;}
.Construct-info .info-tit{ font-size:.45rem; color: #07569e;}
.info-iok{ display: flex; align-items: center; margin-bottom:.15rem; font-size:0; color: #07569e;}
.info-iok span{ line-height:1.2; display: inline-block; vertical-align: middle; font-size:.26rem;}
.info-iok::before{ margin-right:.1rem; content:''; display: block; width:.08rem; height:.08rem; border-radius:#07569e; border-radius:50%; overflow: hidden; background: #07569e; }
.Construct-info-one{ margin:1.45rem 0;}
.Construct-info-one .pic{ margin-right:.7rem;}
.Construct-info-one .con-txt{ line-height:1.7; font-size:.18rem; color: #727171;}
.Construct-info-two{ margin-bottom:.5rem;}
.Construct-info-three{ margin-bottom:1rem;}
.Construct-info-three .iska{ margin:.2rem 0 .15rem; font-size:.28rem; color: #3e3a39;}
.Construct-info-three .con-txt{ margin-bottom:.3rem; font-size:.18rem; color: #727171; line-height:2;}
@media (max-width:640px) {
.Construct-info{ padding-top:.8rem;}
.Construct-info-one{ margin:1rem 0;}
.Construct-info-one .pic{ width:50%;}
.Construct-info-one .pic{ margin-right:.2rem;}
}



/* 建筑室内 */
.Indoor-one{ margin-top:.8rem;}
.Indoor-one-list{ padding:.5rem 0;}
.Indoor-one-list .item{ width:31%;}
.Indoor-one-list .item .text{ width:calc(100% - 1rem);}
.Indoor-one-list .item .text h3{ font-size:.25rem; color: #07569e; font-weight:500; margin:0 auto .1rem;}
.Indoor-one-list .item .text .wez{ font-size:.15rem; color: #727171;}
.Indoor-one-list .item .pic{ background: #1d6290; margin-top:.1rem; margin-right:.2rem; width:.76rem; height:.76rem; border:solid 2px #1d6290; border-radius:50%; overflow: hidden;}
.Indoor-one-list .item .pic span{ width:100%; height:100%; display: block; background-size: cover; background-repeat: no-repeat; transition: all .5s;}
.Indoor-one-list a:hover .pic span{ opacity:.5;}

.Indoor-two{ margin-top:1rem;}
.Indoor-two li{ margin-bottom:1.5rem;}
.Indoor-two li h3{ font-weight:500; margin:0 auto; font-size:.45rem; color: #07569e;}
.Indoor-two li .pic{ width:37%;}
.Indoor-two li .list-ikl{ margin-top:.3rem;}
.Indoor-two li .list-ikl .title{ margin-bottom:.1rem; font-size:.26rem; color: #07569e;}
.Indoor-two li dd .wnz{ font-size:.18rem; color: #727171; position: relative;}
.Indoor-two li dd .wnz::after{ content:''; display: block; width:0; height:.02rem; background: #1d6290; transition: all .5s;}
.Indoor-two li .item{ padding:0 .5rem; width:63%;}
.Indoor-two li dd{ width:33.33%; padding-right:2%;}
.Indoor-two li dd .icon{ margin-right:.15rem; border:solid 2px #1d6290; background: #1d6290; border-radius:50%; overflow: hidden;}
.Indoor-two li dd .icon span{ display: block; width:.63rem; height:.63rem; border-radius:50%; overflow: hidden; transition: all .5s; background-size: cover;}
.Indoor-two li .txt-ikl{ line-height:1.8; font-size:.18rem; color: #727171; margin-top:.4rem;}
.Indoor-two li dd a:hover .icon span{opacity:.5;}
.Indoor-two li dd a:hover .wnz::after{ width:100%;}
@media (max-width:1024px) {
.Indoor-two li{ flex-wrap: wrap; margin-bottom:.5rem;}
.Indoor-two li .pic{ width:100%;}
.Indoor-two li .item{ padding:.4rem 0; width:100%;}
}
@media (max-width:640px) {
.Indoor-one-list .item{ width:100%; margin-bottom:.3rem;}
.Indoor-two{ margin-top:.5rem;}
.Indoor-two li dd{ width:50%; margin:.1rem 0;}
.Indoor-two li dd .icon{ width:auto; border:solid 1px #1d6290;}
.Indoor-two li dd .icon span{ width:.7rem; height:.7rem;}
}



/* 项目实例 */
.Project-box{ padding-top:2rem;}
.Project-menu{ display: flex; align-items: flex-start; margin-bottom:2.5rem;}
.Project-menu .column{ line-height:2.3; margin-right:.15rem; padding:0 .2rem; background-color:#07569e; font-size:.28rem; color: #cdddec;}
.Project-menu .column span{ display: block;}
.Project-menu li{ line-height:2.7; font-size:.24rem;}
.Project-menu li a{ cursor: pointer; padding:.1rem .3rem; color: #727171; transition: all .5s;}
.Project-menu li a:hover,
.Project-menu li.active a{ background: #b4ccdf; color: #ffffff;}

.Project-list{ margin-bottom:.8rem;}
.Project-list:last-child{ margin-bottom:.3rem;}
.Project-list .ul{ padding-top:.3rem; overflow: hidden;}
.Project-list li{ margin:.35rem 0; display:none; margin-right:4.9%; width:30%; float: left;}
.Project-list li:nth-child(1),
.Project-list li:nth-child(2),
.Project-list li:nth-child(3){ display: block;}
.Project-list li:nth-child(3n){ margin-right:0;}
.Project-list li .pic span{ display: block; padding-bottom:71%; background: #cdddec; background-size: cover;}
.Project-list li .txt{ font-size:.19rem; color:#6a92bd; padding:.1rem 0;}
.Project-list li .infoC,
.Project-list li .infoIMG{display: none;}
.Project-list .but{ text-align: right; font-size:0;}
.Project-list .but a{ cursor: pointer; font-size:12px; color: #07569e; display: inline-block; text-align: center;}
.Project-list .but a::after{content:''; display: block; width:80%; margin:0 auto; margin-top:.05rem; height:2px; background: #05308f;}
.Project-list .but a.up_but{ display: none;}
.Project-list.open_list .but a.open_but{ display: none;}
.Project-list.open_list .but a.up_but{ display:inline-block;}
.Project-list.open_list li{ display: block;}
@media (max-width:1024px) {
.Project-list{ margin-bottom:.5rem;}
.Project-list .ul{ padding-top:.3rem;}
}
@media (max-width:640px) {
.Project-box{ padding-top:1rem;}
.Project-menu{ margin-bottom:.5rem;}
.Project-list{ margin-bottom:.3rem;}
.Project-list li{ width:31%; margin-right:3%;}
.Project-list li .txt{ font-size:.24rem;}
.Project-list .but{ margin-top:.2rem;}
}


/* 项目实例详情 */
.Project-info{ display: none; width:100%; height:100%; position: fixed; top:0; left:0; background: rgba(0,0,0,.7); z-index:10;}
.Project-info .title{ width:65%; color: #fff; margin-bottom:-20px; z-index:10; background: #02192a; padding:.3rem .2rem; padding-left:1.8rem; z-index: 5; position: relative;}
.Project-info .title .cn-txt{ font-size:.33rem;}
.Project-info .title .en-txt{ font-size:.2rem;}
.Project-info .Project-con{ margin-top:3vw;}
.Project-cutover{ padding:1rem 1.9rem .5rem; background:#000 url(../images/Project-bg.png) no-repeat; background-size: cover;  position: relative; z-index:3; overflow:hidden;box-sizing:border-box;}
.Project-cutover .item .pic{text-align: center;}
.Project-cutover .item .text h3{ font-weight:500; line-height:1.5; margin:.3rem auto .1rem; font-size:.45rem; color: #ffffff;}
.Project-cutover .item .text .txt{ color: #fff; line-height:2; font-size:.14rem;}
.Project-cutover .close{ cursor: pointer; width:.43rem; height:.43rem; position: absolute; top:.4rem; right:.4rem; background: url(../images/close.png) no-repeat center; opacity:.5; background-size: cover;}
.Project-cutover .swiper-button-prev,
.Project-cutover .swiper-button-next{ top:50%;}
.Project-cutover .swiper-button-prev{ left:.8rem;}
.Project-cutover .swiper-button-next{ right:.8rem;}
.Project-cutover .swiper-button-prev:after,
.Project-cutover .swiper-button-next:after{ color: #2d3238;}
/*.Project-cutover .hieo-box,
.Project-cutover .cutover-but{ display: none;}*/
.Project-cutover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;}



/* 滚动 */
.scrollBox{width:100%;float:left; padding-right:5px; box-sizing:border-box;}
.contentBox{width:100%;height:60vh;background-size:cover;background-repeat:no-repeat;}
.zl-scrollBarBox{height:100%;position:absolute;background:#f3f3f3;border-radius:3px;overflow:hidden;}
.zl-scrollBar{position:absolute;left:0;top:0;background:#848484;transition:background 0.3s;}
.zl-scrollBar.zl-verticalBar{min-height:10px;}
.zl-scrollBar.zl-horizontalBar{min-width:10px;}
.zl-scrollBar:hover{background:#000;}
.zl-scrollContentDiv{position:relative !important;width:100% !important;height:100% !important;padding:0!important;margin:0 !important;top:0;left:0;}
.zl-scrollBarBox:nth-child(3){ display: none !important;}
@media (max-width:1024px) {
.Project-info .title{ padding:.15rem .2rem; padding-left:.5rem;}
.Project-info .title .cn-txt{ font-size:.22rem;}
.Project-info .title .en-txt{ font-size:.16rem;}
.Project-cutover{padding:.5rem 1rem;}
.Project-cutover .swiper-button-prev{ left:.2rem;}
.Project-cutover .swiper-button-next{ right:.2rem;}
.Project-cutover .close{ width: .3rem; height:.3rem;}
.Project-cutover .item .text h3{ margin:.2rem 0 .1rem; line-height:1; font-size:.35rem;}
}
@media (max-width:768px) {
.Project-info .Project-con{ position: absolute; top:50%; left:0; width:100%; transform: translateY(-50%); margin-top:0; }
}
@media (max-width:640px) {
.Project-info .title{ width:75%; padding:.2rem .6rem; margin-bottom:0;}
.Project-cutover{ padding:.4rem .6rem;}
.Project-cutover .close{ right:.2rem;}
.Project-cutover .swiper-button-prev,
.Project-cutover .swiper-button-next{ top:30%;}
.Project-cutover .swiper-button-prev{ left:0;}
.Project-cutover .swiper-button-next{ right:0;}
.Project-cutover .swiper-button-prev:after,
.Project-cutover .swiper-button-next:after{ font-size:.3rem; color: #fff;}
.contentBox{ height:62vh;}
}



/* 联系我们-商务合作 */
.Business-box{ padding:3rem 0 2rem;}
.Business-fl{ width:51%;}
.Business-fl .input-box{ margin-bottom:.25rem;}
.Business-fl .input-box input{ width:68%; padding:.15rem .5rem; background-color: #e7e7e7; border-radius:5px; overflow: hidden;}
.Business-fl .textarea-box textarea{ min-height:230px; padding:.15rem .5rem; width: 100%; background-color: #e7e7e7; border-radius:5px; overflow: hidden;}
.Business-fl .form-box{ margin-top:.8rem;}
.Business-fl :-moz-placeholder{color: #fff;}
.Business-fl ::-moz-placeholder{color: #fff;}
.Business-fl input:-ms-input-placeholder,
.Business-fl textarea:-ms-input-placeholder{color: #fff;}
.Business-fl input::-webkit-input-placeholder,
.Business-fl textarea::-webkit-input-placeholder{color: #fff;}
.Business-fl .but-box{ margin-top:.45rem; font-size:0;}
.Business-fl .but-box .twz{ width:2.5rem; text-align: center; padding:.2rem 0; font-size:.22rem; color: #fff; background: #07569e; display:inline-block; vertical-align: middle; border-radius:6px; overflow: hidden;}
.Business-fr{ min-width:25%;}
.Business-fr .Contact-con{ margin-top:.8rem;}
.Business-fr .Contact-con .item{ margin-bottom:.2rem; font-size:.15rem; color: #727171;}
.Business-fr .Contact-con .name{ margin-right:.1rem; background: url(../images/Business-icon3.png) no-repeat top left; padding-left:.4rem; background-size:.26rem;}
.Business-fr .Contact-con .Tel-box .icon,
.Business-fr .Contact-con .Mail-box .icon{ display: inline-block; vertical-align:middle; width: .3rem; height:100%; position: absolute; top:0; left:0;}
.Business-fr .Contact-con .Tel-box .icon{background: url(../images/Business-icon1.png) no-repeat center; background-size:.18rem;}
.Business-fr .Contact-con .Mail-box .icon{background: url(../images/Business-icon2.png) no-repeat center; background-size:.24rem;}
.Business-fr .Contact-con .Tel-box span,
.Business-fr .Contact-con .Mail-box span{ display: block;}
.Business-fr .Contact-con .Tel-box,
.Business-fr .Contact-con .Mail-box{ margin-bottom:.15rem; position: relative; font-size:.18rem; color: #727171; padding-left:.4rem; }
@media (max-width:1024px) {
.Business-box{ padding:1rem 0;}
.Business-fl{ width:60%;}
}
@media (max-width:640px) {
.Business-fl{ width:100%; margin-bottom:.5rem;}
.Business-fr{ width:100%;}
.Business-fr .Contact-con .item{ font-size:.26rem;}
.Business-fr .Contact-con .Tel-box,
.Business-fr .Contact-con .Mail-box{ font-size:.26rem;}
.Business-fl .textarea-box textarea{ min-height:150px;}
}