@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

li,
ol,
ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: #000000;
}
img {
    max-width: 100%;
    vertical-align: top;
    object-fit: cover;
    border: none;
}
input,
select,
button,
textarea {
    border: none;
    border-radius: 0;
    font-family: '';
    font-size: 1.4rem;
}
button{cursor: pointer;outline: none;}
input,
textarea {
    outline: 0;
    -webkit-appearance: none;
}
i{font-style: normal;}

@font-face{
    font-family: 'Regular';
    src:'../fonts/SourceHanSansCN-Regular.otf';
}
.xs-visible{display: none;}

html{font-family: "Regular";font-size: 62.5%;font-weight: normal;text-shadow: none;color: #000000;overflow-x: hidden;}
body{font-size: 15px;font-family: "Regular";}

.wrap{max-width: 1300px;margin: 0 auto;}
video{
    width: 100%;height: 100%;object-fit: fill;
}
header{width: 100%;position: fixed;left: 0;top: 0;display: flex;justify-content: space-between;padding: 21px 60px;align-items: center;z-index: 99;background: #fff;}
header .nav{display: flex;}
header .nav>li{margin: 0 14px;position: relative;padding: 5px 0;}
header .nav>li>a{padding: 10px 0;}
header+div{margin-top: 97px;}



.dropdown-toggle{cursor: pointer;font-size: 10px;margin-left: 2px;vertical-align: middle;}
.dropdown ul {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    padding: 20px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 33px;
    transform: translateX(50%);
    width: 135px;
    opacity: 0;
    visibility: hidden;
}


header .nav .dropdown:hover ul{opacity: 1;visibility: visible;transition: all .3s;}


.dropdown ul li{margin-bottom: 12px;padding: 0;position: relative;}

.dropdown ul li a {
    cursor: pointer;
    padding: 15px 0;
    position: relative;
}

header ul li a span {
	margin:auto;
	display:inline-block;
	position:absolute;
	bottom:13px;
	left:0;
	right:0;
	width:0px;
	height:3px;
	background:#000;
	transition:.3s;
	border-radius:50px;
}
header ul li a:hover span {
	width:100%;
	left:0;
}

header .nav>li>a span{bottom:0px;}
header .nav>li.current>a span{width: 100%;left: 0;}

/* header .logo img{width: 350px;height: 47px;} */
header .logo>div{width: 350px;height: 47px;display: flex;align-items: center;}
header .logo>div a{flex: 1;}
header .logo>div a img{width: 100%;}
header .logo>div:nth-child(2) {
    display: none;
}



.index{width: 100vw;height: 100vh;}
.index>.swiper-wrapper>.swiper-slide{width: 100%;height: 100vh;background-size: cover;background-position: center center;overflow: hidden;}
.index>.swiper-button-next{position: fixed;right: 60px;bottom: 60px;top: inherit;background-image: inherit;width: 79px;height: 58px;background-size: 79px 58px;}
.index>.swiper-button-next .action-button__rectangle{background: #fff;}
.index>.swiper-button-next .action-button__circle--base circle{stroke: #fff;}
.index>.swiper-button-next .action-button__arrow polygon{fill: #fff;}

.index>.swiper-button-prev{position: fixed;left: 60px;bottom: 60px;top: inherit;background-image: inherit;width: 79px;height: 58px;background-size: 79px 58px;}
.index>.swiper-button-prev .action-button__rectangle{background: #fff;}
.index>.swiper-button-prev .action-button__circle--base circle{stroke: #fff;}
.index>.swiper-button-prev .action-button__arrow polygon{fill: #fff;}

.index>.swiper-button-next.swiper-button-disabled,
.index>.swiper-button-prev.swiper-button-disabled{display: none;}


.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8{position: relative;}
#DDB{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.mask {
    width: 700px;
    height: 490px;
  -webkit-animation:  move 20s linear infinite;
          animation:  move 20s linear infinite;
  background-image: url(../images/one.jpg);
  background-size: cover;
  -webkit-mask: url(../images/seeklogo.com.svg);
          mask: url(../images/seeklogo.com.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
}

.s1 figure img{transition: all .3s;}
.s1 figure:hover img{transform: scale(1.2);}

.s1-content{position: absolute;top: 50%;left: 25%;transform: translateY(-50%);color: #fff;z-index: 11;}
.s1-content h1{font-size: 24px;font-weight: 400;line-height: 1.6;}
.s1-content p{font-size: 15px;margin-top: 18px;}
.s1 .copyright{color: #fff;position: absolute;left: 60px;bottom: 60px;font-size: 13px;line-height: 1.8;}
.caseShow{padding-right: 20%;}
/* .caseShow .swiper-wrapper{z-index: 12;} */
.caseShow .item{position:absolute;left: -350px;top: 50%;transform: translateY(-50%);max-width: 1800px;width: 100%;}
.caseShow .item .swiper-slide  h3{margin-top: 40px;color: #fff;font-size: 18px;}
.caseShow .item .swiper-slide a{color: #fff;display: inline-block;}
.caseShow .item .swiper-slide{padding-left: 150px;}
.caseShow .item .swiper-slide figure{position: relative;overflow: hidden;}
.caseShow .item .swiper-slide figure img{width: 100%;height: 100%;transition: all .4s;}
.caseShow .item .swiper-slide figure:hover img{transform: scale(1.2);}
.caseShow .item .swiper-slide figure div{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all .3s;}
.caseShow .item .swiper-slide.swiper-slide-active div{opacity: 1;visibility: visible;}
.caseShow .swiper-pagination{bottom: 0;text-align: right;left: initial;right: 0;width: 10%;}
.caseShow .swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;border: 1px solid #fff;}
.caseShow .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.caseShow .title{position: absolute;left: 60px;bottom: 22vh;color: #fff;z-index: 99;}
.caseShow .title h2{font-size: 35px;margin-bottom: 90px;}
.caseShow .title div{font-size: 16px;line-height: 1.8;}

.index .more{position: absolute;left: 60px;bottom: 60px;}
.index .more a{display: flex;align-items: center;color: #fff;}
.index .more a span{display: inline-block;margin-right: 4px;}

.s6 .content{max-width: 1390px;position: absolute;left: 50%;top: 50%;transform: translate(-55%, -60%);display: flex;justify-content: space-between;width: 100%;align-items: center;}
.s6 .content article{width: 36%;color: #fff;}
.s6 .content article h1{font-weight: normal;font-size: 35px;}
.s6 .content article div{margin-top: 88px;font-size: 14px;line-height: 1.8;}


.company-news{position: absolute;top: 20%;right: 0;width: 100%;padding-left: 180px;}
.company-news>h1{font-size: 35px;color: #fff;margin-bottom: 50px;}
.company-news .swiper-container{padding-bottom: 66px;}
.company-news .swiper-wrapper{display: flex;justify-content: space-between;}
.company-news .swiper-slide{margin-right: 185px;}
.company-news .swiper-slide article,
.company-news .swiper-slide article a{color: #fff;}

.company-news .swiper-slide article .title{margin-top: 45px;font-weight: 400;font-size: 18px;}
.company-news .swiper-slide article .times{margin-top: 20px;font-size: 14px;}
.company-news .swiper-pagination{bottom: 0;text-align: left;left: initial;left: 0;width: 10%;}
.company-news .swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;border: 1px solid #fff;}
.company-news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.contact-us{max-width: 1380px;width: 100%;position: absolute;left: 15%;top: 50%;transform: translateY(-50%);}
.contact-us .top,
.contact-us .bottom{display: flex;color: #fff;}
.contact-us .top h2{margin-left: 10vw;font-size: 22px;line-height: 1.8;margin-top: 35px;}

.contact-us .bottom{justify-content: space-between;margin-top: 60px;padding: 0 35px;}
.contact-us .bottom dl dd{margin-top: 55px;line-height: 1.8;}
.contact-us .bottom dl dd.email{border-bottom: 1px solid #fff;}
.s8 .copyright{color: #fff;position: absolute;right: 60px;bottom: 60px;font-size: 13px;line-height: 1.8;}

.case{background: #000;position: relative;}
.case .swiper-slide{width: 50vw;height: 100vh;background: #ffffff;}
.case .swiper-slide:nth-child(2n-1){background: #eaeaea;}
.case .featured__case{height: 100%;width: 100%;display: block;-ms-flex: 1 0 auto;flex: 1 0 auto;overflow: hidden;color: #000;position: relative;padding: 60px;max-width: 1000px;}
.o-featured__inner{display: block;height: 100%;position: relative;}
.o-featured__media{position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);margin-top: 23px;width: 100%;z-index: 11;}
.o-featured__media img{transition: all .5s;width: 100%;}
.o-featured__media p{margin-top: 90px;font-size: 18px;}
.case .case_title{position: fixed;left: 60px;bottom: 60px;z-index: 11;color: #282828;font-size: 30px;}
.case .featured__case figure{overflow: hidden;}

.case .featured__case:hover img{transform: scale(1.2);}
/* .case .swiper-button-next{position: fixed;right: 60px;bottom: 60px;top: inherit;background-image: inherit;width: 79px;height: 58px;background-size: 79px 58px;}
.case .featured__case:hover .o-featured__media-background{opacity: 1;}
.o-featured__media-background{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(135deg, #000 0%, #000 25%, #fff 25%, #fff 50%, #000 50%, #000 75%, #fff 75%, #fff 100%);background-size: 100px 100px;z-index: -1;animation: auto 1s linear infinite;opacity: 0;transition: all .6s;}
@keyframes auto {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 100px 0px;
    }
} */
.caseInfo .swiper-container{height: 100vh;}
.case-intro{max-width: 50vw;width: 100%;display: -ms-flexbox;display: flex;-ms-flex-align: end;align-items: flex-end;height: 100%;padding: 0 60px 60px;}
.case-intro .c-module-intro__text{position: relative;max-width: 600px;width: 100%;}
.case-intro .c-module-intro__text h1{font-size: 35px;margin-bottom: 64px;}
.caseInfo .casePhoto img{height: 100%;}
.caseInfo .casePhoto div{padding: 60px;background: #f0f0f0;}

.super-intro{min-height: 1000px;background-color: #fff;position: relative;}
.super-intro-title{max-width: 870px;position: absolute;top: 25%;left: 0;}
.super-intro-title h1{color: #222222;font-size: 35px;font-weight: normal;margin-bottom: 100px;}
.super-intro-title div{font-size: 14px;line-height: 2;}

.bright{background-color: #f0f0f0;position: relative;}
.bright-content {position: relative;}
.bright-content .big-photo{transform: translateY(-50%);position: absolute;left: 0;top: 0;right: 0;}
.bright-content article{padding-top: 38%;}
.bright-content article h1{color: #222222;font-size: 35px;font-weight: normal;}
.bright-content article>span{width: 95px;height: 2px;background: #323434;display: block;margin: 26px 0;}
.bright-content article div{font-size: 14px;color: #222222;line-height: 3;}

.series{background-color: #979a9d;position: relative;color: #fff;padding: 78px 0;}
.series article>h1{font-size: 35px;font-weight: normal;}
.series article>span{width: 95px;height: 2px;background: #fff;display: block;margin: 26px 0;}

.advantage{padding: 110px 0;}
.advantage h1{color: #222222;font-size: 35px;font-weight: normal;margin-bottom: 76px;}
.advantage table{border-left: none;border-right: 0;width: 100%;}
.advantage table th,
.advantage table td{text-align: left;padding: 20px 0;border-bottom: 1px solid #000;}
.advantage table thead th{border-top: 2px solid #323434;border-bottom: 2px solid #323434;font-weight: normal;font-size: 18px;}
.advantage table thead th:nth-child(1),
.advantage table tbody td:nth-child(1){padding-left: 40px;}

.news{margin-bottom: 20px;}
.news>h1{color: #222222;font-size: 35px;font-weight: normal;margin-top: 220px;}
.news ul li{padding: 6.25vh 0;border-bottom: 1px solid #eeeeee;display: flex;justify-content: space-between;}
.news ul li figure {overflow: hidden;}
.news ul li figure img{transition: all .3s;}
.news ul li figure:hover img{transform: scale(1.2);}
.news ul li article{width: 34%;padding-top: 50px;}
.news ul li article h2{font-size: 24px;font-weight: normal;margin: 32px 0 40px;}
.news ul li article h4{font-size: 14px;font-weight: normal;line-height: 2;}
.news ul li article a{width: 50px;height: 50px;background: #01419a url(../images/more.png) no-repeat center center;display: inline-block;border-radius: 50%;margin-top: 50px;position: relative;}

.news ul li article a:before{content: "";background-color: #448AFF;position: absolute;}
.news ul li article a:before {
    width: 0;
    height: 0;
    padding: 18%;
    border-radius: 50%;

    left: 50%;
    top: 50%;

    -webkit-transform: translate3d(-50%, -50%, 0) scale(0);

    transform: translate3d(-50%, -50%, 0) scale(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0.15, 0.34, 1.03);
    transition: -webkit-transform .3s cubic-bezier(1, 0.15, 0.34, 1.03);
    transition: transform .3s cubic-bezier(1, 0.15, 0.34, 1.03);
    transition: transform .3s cubic-bezier(1, 0.15, 0.34, 1.03), -webkit-transform .3s cubic-bezier(1, 0.15, 0.34, 1.03);
}

.news ul li article a:hover:before,
.news ul li article a:focus:before {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(2.5);
    transform: translate3d(-50%, -50%, 0) scale(2.5);
}






.details{padding: 200px 0;}
.details .content h1{color: #222222;font-size: 35px;font-weight: normal;}
.details .content .time{margin: 48px 0;}
.details .content .txt{max-width: 1070px;}
.details .content .histroy{margin-top: 120px;display: inline-block;}

.about .banner{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 100vh;background-size: cover;background-attachment:fixed    }
.about .banner div{max-width: 1200px;display: flex;flex-direction: row-reverse;align-items: center;}
.about .banner article{color: #fff;}
.about .banner article h1{font-size: 35px;font-weight: normal;margin-bottom: 95px;}
.about .banner article div{max-width: 670px;font-size: 14px;line-height: 1.8;}
.company-intro{min-height: 700px;background: #f0f0f0;padding-top: 20vh;box-sizing: border-box;}
.company-item{min-height: 564px;position: relative;}
.company-item ul{position: absolute;right: 0;top: -35%;display: flex;width: 100%;padding-left: 15%;}
.company-item ul li{width: 25%;}
.company-item ul li figure{overflow: hidden;}
.company-item ul li figure img{transition: all .3s;}
.company-item ul li figure:hover img{transform: scale(1.2);}
.company-item ul li article h3{font-size: 18px;margin-top: 30px;}
.company-item ul li article p{margin-top: 20px;font-size: 14px;padding-right: 10px;}
.company-attribute{background: #f0f0f0;padding: 108px 0;}
.company-attribute .ab1 h1{font-weight: normal;font-size: 26px;}
.company-attribute .ab1 ul{margin-top: 105px;display: flex;justify-content: space-between;}
.company-attribute .ab1 ul li{width: 20%;text-align: center}
.company-attribute .ab1 ul li h3{margin-top: 40px;font-weight: normal;color: #222222;font-size: 20px;}
.company-attribute .ab1 ul li div{text-align: left;font-size: 14px;line-height: 1.8;margin-top: 20px;}

.company-attribute .ab2 h1{font-weight: normal;font-size: 26px;margin-top: 150px;}
.company-attribute .ab2 div{margin-top: 48px;}

.company-attribute .ab3 h1{font-weight: normal;font-size: 26px;margin-top: 110px;}
.company-attribute .ab3 div{margin-top: 48px;}


.contact-wechat{display: flex;}
.contact-wechat img{width: 100px;height: 100px;margin: 0 10px;}

.o-case{background-color: transparent;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;position: relative;height: 100vh;outline: none;}
.c-module-intro{max-width: 50vw;width: 100%;display: -ms-flexbox;display: flex;align-items: flex-end;-ms-flex-align: end;padding: 0 60px 60px;flex: 0 0 auto;}
.c-module-intro .txt h1{margin-bottom: 64px;font-weight: normal;font-size: 35px;}
.o-case__module-0{height: 100%;flex: 0 0 auto;}
.o-case__module-0 img{height: 100%;width: 100%;}
.other{max-width: 43vw;width: 100%;flex: 0 0 auto;padding-left: 5%;display: flex;align-items: center;position: relative;}
.other .content figure{margin-bottom: 90px;}
.other button{position: absolute;right: 60px;bottom: 60px;}

footer{padding: 96px 0;padding-left: 58px;background: url(../images/foot.jpg) no-repeat;background-size: 100%;max-height: 212px;}
footer div{color: #fff;}


.contact{padding: 200px 0;background: url(../images/bg.jpg) ;color:#fff;}
.contact .content{max-width: 1400px;display: flex;width: 100%;margin: 0 auto;align-items: flex-end;}
.contact .left{flex: 1;}
.contact .left h1{font-size: 35px;margin-bottom: 70px;font-weight: normal;}
.contact .left h3{font-size: 24px;font-weight: normal;margin-bottom: 45px;}
.contact .left .info{margin-bottom: 80px;}
.contact .left .wechat img:nth-child(1){margin-right: 13px;}
.contact .left .wechat img{width: 110px;height: 110px;}
.contact .right{width: 48%;height: 368px;background: #fff;border-radius: 15px;}
.contact .right #map{width: 100%;height: 100%;border-radius: 15px;}

@media screen and (max-width:1420px){
    header{padding: 25px 30px;}
    .s1-content{left: 18%;}
    .s1-content h1{font-size: 28px;}
    .s6 .content{transform: translate(-50%, -60%);width: 90%;justify-content: center;}
    .s6 .content figure{width: 40%;}
    .s6 .content article{margin-left: 5%;}
    .s6 .content article h1{font-size: 28px;}
    .s6 .content article div{margin-top: 44px;}
    .company-news{padding-left: 135px;top: 12%;}
    .company-news>h1{font-size: 28px;}
    .company-news .swiper-slide{margin-right: 120px;}
    .contact-us{left: 10%;width: 80%;transform: translateY(-58%);}
    .s1 .copyright{left: 40px;bottom: 40px;}
    .s8 .copyright{right: 40px;bottom: 40px;}
    .index>.swiper-button-prev{left: 40px;bottom: 40px;}
    .index>.swiper-button-next{right: 40px;bottom: 40px;}
    .super-intro{padding: 0 3%;}
    .super-intro-title{left: 3%;}
    .bright-content .big-photo{padding: 0 3%;}
    .bright-content article{padding: 34% 3% 0;}
    .series{padding: 78px 3%;}
    .advantage{padding: 110px 3%;}
    .super-intro-title h1{font-size: 28px;margin-bottom: 80px;}
    .bright-content article h1,
    .series article>h1,
    .advantage h1{font-size: 28px;}
    .about .banner article h1{font-size: 28px;margin-bottom: 65px;}
    .company-intro{padding: 15vh 3% 0;min-height: 550px;}
    .company-item ul{margin-left: 10%;}
    .company-item{min-height: 414px;}
    .company-attribute{padding: 108px 3%;}
    .news{padding: 0 3%;}
    .details{padding: 200px 3%;}
    .details .content h1{font-size: 26px;}
    .details .content .time{margin: 35px 0;}
    footer{padding: 60px 3%;font-size: 13px;line-height: 1.8;}
    .caseShow .title h2{margin-bottom: 55px;}
    .contact .content{padding: 0 3%;}
}


@media screen and (max-width:996px){
    .xs-visible{display: block!important;}
    header{padding: 15px 10px;}
    /* header .logo img{width: initial;height: initial;} */
    header .logo{width: 70%;}
    header .logo>div{width: 100%;}
    header .nav{display: none;}
    header+div{margin-top: 73px;}
    .s1-content h1{font-size: 24px;}

    .s1 .copyright{left: 15px;bottom: 15px;}
    .caseShow{padding:0 3%;}
    .index>.swiper-button-next{right: -15px;bottom: 15px;}
    .caseShow .item{left: 50%;transform: translate(-50%, -50%);width: 96%;}
    .caseShow .item .swiper-slide{padding-left: 0;}
    .caseShow .item .swiper-slide figure div{opacity: 1;visibility: visible;}
    .caseShow .item .swiper-slide.swiper-slide-active div{opacity: 0;visibility: hidden;}
    .index .more{left: 20px;bottom: 20px;}
    .s6 .content{flex-direction: column;transform: translate(-50%, -50%);}
    .s6 .content figure,
    .s6 .content article{width: 100%;}
    .s6 .content article{margin-left: 0;margin-top: 22px;}
    .s6 .content article div{margin-top: 22px;}
    .company-news{padding-left: 15px;top: 20%;padding-right: 15px;}
    .company-news>h1{margin-bottom: 35px;}
    .company-news .swiper-slide{margin-right: 0;}
    .company-news .swiper-slide article .title{margin-top: 20px;font-size: 16px;}
    .company-news .swiper-pagination{width: 100%;}
    .s8 .copyright{display: none;}
    .index>.swiper-button-prev{left: 20px;bottom: 20px;}
    .contact-us .bottom{flex-direction: column;margin-top: 20px;}
    .contact-us .bottom dl {margin-top: 15px;}
    .contact-us .bottom dl dd{margin-top: 20px;}
    .contact-us .top h2{display: none;}
    .contact-us .top figure{text-align: center;}
    .contact-us .top figure img{width: 80%;}
    .case .featured__case{padding: 30px;}
    .case .case_title{left: 20px;bottom: 30px;font-size: 24px;}
    .case .swiper-button-next{right: -15px;bottom: 15px;}
    .super-intro{min-height: inherit;padding: 20vh 3%;}
    .super-intro-title h1{margin-bottom: 20px;}
    .super-intro-title{position: inherit;left: 0;}
    .bright-content article h1, .series article>h1, .advantage h1{font-size: 22px;}
    .bright-content .big-photo{position: inherit;}
    .bright-content article{padding: 0 3%;margin-top: -15%;}
    .series{padding: 35px 3%;}
    
    .series article>span{margin: 16px 0;}
    .advantage{padding: 50px 3%;}
    .advantage h1{margin-bottom: 26px;}
    .advantage table th, .advantage table td{padding: 10px 0;}
    .advantage table thead th{font-size: 16px;}
    .advantage table thead th:nth-child(1), .advantage table tbody td:nth-child(1){padding-left: 10px;}

    .contact-us{left: 10%;width: 80%;transform: translateY(-54%);}


    .about .banner article h1{font-size: 22px;margin-bottom: 20px;}
    .company-intro{padding: 5vh 3%;min-height: inherit;}
    .company-item{min-height: inherit;padding: 3% 2%;}
    .company-item ul{position: inherit;margin-left: 0;display: flex;flex-wrap: wrap;padding-left: 0;}
    .company-item ul li{width: 100%;margin-bottom: 50px;}
    .company-item ul li article h3{margin-top: 20px;}
    .company-attribute{padding: 5vh 3%;}
    .company-attribute .ab1 h1{font-size: 22px;}
    .company-attribute .ab1 ul{margin-top: 30px;flex-wrap: wrap;}
    .company-attribute .ab1 ul li{width: 50%;padding: 2%;}
    .company-attribute .ab2 h1{margin-top: 50px;font-size: 22px;}
    .company-attribute .ab2 div{margin-top: 30px;}
    .company-attribute .ab3 h1{margin-top: 50px;font-size: 22px;}
    .company-attribute .ab3 div{margin-top: 30px;}
    .news>h1{font-size: 22px;margin-top: 120px;}
    .news ul li{flex-direction: column-reverse;}
    .news ul li article{width: 100%;}
    .news ul li article h2{font-size: 22px;}
    .news ul li article a{width: 50px;height: 50px;}
    .details {padding: 20vh 3% 5vh;}
    .details .content h1{font-size: 22px;}
    .details .content .histroy{margin-top: 60px;}
    footer{padding: 20px 3%;}

    .o-case{overflow-x:auto;}
    .c-module-intro{max-width:100vw;padding: 0 30px 30px;}
    .c-module-intro .txt h1{font-size:24px;margin-bottom:30px;}
    .other{max-width:96vw;}
    .other button{right:20px;bottom:20px}
    .caseShow .swiper-pagination{width: 100%;}
    .caseShow .title{display: none;}

    .mask{width: 350px;height: 250px;}
    .about .banner>div{flex-direction: column-reverse;padding: 0 3%;}

    .contact{padding: 100px 0;}
    .contact .content{flex-direction: column;}
    .contact .right{width: 100%;}
    .contact .left h1{font-size: 26px;margin-bottom: 50px;}
    .contact .left h3{font-size: 16px;margin-bottom: 20px;}
    .contact .left .info{margin-bottom: 20px;}
    .contact .right{margin-top: 50px;}
}

/****************phone*************/
#site-navigation {
    margin-left: auto;
    position: fixed;
    top:32px;
    right:3%;
    z-index: 202;
}

#site-navigation .menu-toggle {
    cursor: pointer;
    width: 25px;
    z-index: 120;
    position: relative;
}

#site-navigation .menu-toggle span {
    transition: all 300ms ease-in-out;
    width: 20px;
    height: 2px;
    display: block;
    margin-bottom: 5px;
    background:#282828;
}

#site-navigation .menu-toggle div {
    font-weight: bold;
    font-size: 14px;
    color: #282828;
    margin-top: 10px;
}
.m #site-navigation .menu-toggle span{background: #282828;}
.m #site-navigation .menu-toggle div{color: #282828;}
#site-navigation .menu-toggle.active span:first-of-type {
    transform: translate(0, 7px) rotate(45deg);
}

#site-navigation .menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

#site-navigation .menu-toggle.active span:last-of-type {
    transform: translate(0, -7px) rotate(-45deg);
}

#site-navigation .menu-main_menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
    position: fixed;
    background: #c2da68;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    transform: scale(0.9);
}

#site-navigation .menu-main_menu-container.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#site-navigation .menu-main_menu-container ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

#site-navigation .menu-main_menu-container ul li {
    width: 100%;
    display: block;
    text-align: center;
}

#site-navigation .menu-main_menu-container ul li a {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    color: #30163c;
    font-weight: 300;
    font-size: 30px;
    line-height: 60px;
    text-transform: uppercase;
}

#site-navigation .menu-main_menu-container ul li a:hover {
    color: #eb2961;
    text-decoration: none;
    font-weight: 900;
}
#site-navigation .menu-main_menu-container ul li div a{display: block;font-size: 2.1rem;line-height: 50px;}

.m{position: fixed;width: 100%;height:100%;z-index:100;padding-top:32px;background:#fff;top:0;left: 100%;transition: all .6s cubic-bezier(.19,1,.22,1);    overflow: hidden;
    overflow-y: scroll;-webkit-overflow-scrolling: touch;padding-bottom:5vh;}
.m.act{left: 0;}
.m .title{margin:35px 20% 15px;display: flex;justify-content: space-between;position: relative;}
.m .title span{width: 45%;text-align: center;padding:10px 0;font-size: 1.6rem;border-bottom: 1px solid transparent;color:#a4a2a2;}
.m .title:after{position: absolute;left:50%;width: 1px;height: 40%;top:50%;transform: translate(-50%,-50%);content: "";background: #282828;;}
.m .title span.cur{border-bottom-color: #282828;color:#282828;}
.m .list{margin:50px 10% 0;font-size: 1.4rem;}
.m .list>ul>li{line-height: 3;color:#fff;}
.m .list>ul>li.dp{background:url(../images/jia.png) no-repeat right 15px top 13px;background-size:15px 15px;}
.m .list>ul>li.open{background-image:url(../images/jian.png);}
.m .list>ul>li a{color: #282828;display: inline-block;}
.m .list>ul>li li{font-size: 1.2rem;line-height: 2.2;}
.m .list>ul>li li a{color:#a4a2a2}
.m .list>ul ul{margin-bottom: 15px;display: none;}
.m .wechat{position: absolute;right: 5vw;bottom: 5vh;display: flex;}
.m .wechat div:nth-child(1){margin-right: 15px;}

.isLogo{text-align: center;}
.isLogo a{display: inline-block;}