.idx-banner .swiper-container{width: 100%; height: 100%;}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets{left: auto; bottom: auto; right: 8%; top: 50%; margin-top: -20px; width: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position: relative; display: block; margin: .28rem 0; width: 20px; height: 20px; font-size: 12px; letter-spacing: 1px; line-height: 20px; background: none; font-weight: bold; font-family: "Arial"; opacity: 1; writing-mode: tb-rl;}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet i{position: relative; display: block; font-style: normal; opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all .3s .1s; transition: all .3s .1s;}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before{position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-top: -2px; margin-left: -2px; width: 4px; height: 4px; background: #363636; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active::before{-webkit-transform: scale(0); transform: scale(0);}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active i{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.idx-banner-title{position: absolute; z-index: 1; right: 8%; bottom: 7%; font-size: 12px; line-height: 40px; color: #2d2d2d;}
.idx-banner-title .line{position: relative; top: -.04rem; display: inline-block; margin-right: .37rem; width: .33rem; height: 1px; background: #2d2d2d;}
.idx-banner-title .line::after{position: absolute; display: block; content: ""; left: 200%; top:  0; width: 0; bottom: 0; background: #ff0000; -webkit-transition: all .3s; transition: all .3s;}
@media (max-width: 639px){
.idx-banner .swiper-pagination, .idx-banner-title{right: 15px;}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0; font-size: 10px; letter-spacing: 0;}
.idx-banner-title .line{top: -.06rem;}
}
@media (min-width: 1200px){
.idx-banner-title:hover .line::after{left: 0; width: 100%;}
}

.idx-tabs a{position: relative; display: inline-block; padding: 0 .75rem; font-size: .22rem; line-height: .34rem; color: #4d4d4d;}
.idx-tabs a::before, .idx-tabs a::after{position: absolute; display: block; content: ""; left: 0; top: 50%; height: 6px; width: 1px; background: #696969;}
.idx-tabs a::before{margin-top: -6px;}
.idx-tabs a::after{margin-top: 3px;}
.idx-tabs a:first-child::before, .idx-tabs a:first-child::after{display: none;}
.idx-work{padding: .9rem 0;}
.idx-work .bigtitle{margin-bottom: .5rem;}
.idx-work .bigtitle h3{margin-bottom: .5rem;}
.idx-work-item .col-xs-12{margin-top: .5rem;}
.idx-work-item .imgbox a::after{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.idx-work-item .imgbox img{-webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform: translateZ(0px); transform: translateZ(0px);}
.idx-work-item h4{font-size: 20px; line-height: 32px; color: #303030;font-weight:bold}
.idx-work-item p{font-size: 14px; line-height: 26px; color: #939393;white-space: nowrap}
.idx-work-item p.line2{margin-bottom: 0; height: 52px;}
.idx-work-item .weui-cell__ft{padding-left: 10px; height: 52px;}
.idx-work-item .ff-lum{font-size: 12px; color: #303030;}
.idx-work-item .more{position: relative; top: -3px; display: inline-block;}
.idx-work-item .more::before{display: block; content: ""; margin-right: 1px; margin-left: 10px; width: 18px; height: 2px; background: #6d6d6d; -webkit-transition: all .3s; transition: all .3s;}
.idx-work-item .more::after{position: absolute; display: block; content: ""; right: 0; top: 0; margin-top: -3px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #6d6d6d; -webkit-transition: all .3s; transition: all .3s;}
@media (min-width: 1200px){
.idx-tabs a:hover{color: #ff0000;}
.idx-work-item .imgbox a:hover::after{opacity: 1;}
.idx-work-item .imgbox a:hover img{-webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: transform 0.6s ease 0s}
.idx-work-item .weui-cell:hover h4, .idx-work-item .weui-cell:hover .ff-lum{color: #ff0000;}
.idx-work-item .weui-cell:hover .more::before{width: 8px; background: #ff0000;}
.idx-work-item .weui-cell:hover .more::after{border-left-color: #ff0000;}
}
@media (max-width: 991px){.idx-work-item h4{font-size: 20px;}}
@media (max-width: 639px){
.idx-work{padding: .6rem 0;}
.idx-work-item .col-xs-12{margin-top: .1rem;}
.idx-work-item h4{font-size: 18px;}
.idx-work-item p{font-size: 14px;}
.idx-tabs a{padding: 0 .3rem; font-size: 15px;}
.idx-tabs a::before, .idx-tabs a::after{height: 4px;}
.idx-tabs a::before{margin-top: -4px}
.idx-tabs a::after{margin-top: 2px}
}

.idx-service{position: relative; padding: .8rem 0; background: #1a1a1a;}
.idx-service .split1{position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #2e2e2e;}
.idx-service .split2{position: absolute; top: 0; bottom: 0; left: 35.5%; right: 35.5%; border-left: 1px solid #2e2e2e; border-right: 1px solid #2e2e2e;}
.idx-service .split3{width: 5px; height: 20px; left: 0; top: 50%; background: #fff;}
.idx-service .split4{width: 20px; height: 5px; right: 0; top: 50%; margin-top: -5px; background: #fff;}
.idx-service .split5{left: 0; right: 0; top: -.8rem; bottom: -.8rem; border-left: 1px solid #2e2e2e; border-right: 1px solid #2e2e2e;}
.idx-service .swiper-container-horizontal>.swiper-pagination-bullets{position: static; margin-top: .1rem}
.idx-service .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: #fff; opacity: 1;}
.idx-service .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background: #ff0000;}
.idx-service .swiper-slide img{width: 56.6%;}
.idx-service-desc{position: absolute; z-index: 11; right: 0; top: 0; text-align: left; width: 20%; font-size: 16px; color: #fff; opacity: .55; line-height: 28px;}
.idx-service .itemtyps{position: absolute; z-index: 10; left: 0; bottom: 0;}
.idx-service .itemtyps p{font-size: 24px; color: #fff; text-align: left;}
.idx-service .itemtyps a{position: relative; display: inline-block; margin-left: 10px; width: 110px; height: 30px; line-height: 30px; color: #fff; border: 1px solid #767676;}
.idx-service .itemtyps a:first-child{margin-left: 0;}
.idx-service .itemtyps a em{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #ff0000;}
.idx-service .itemtyps a span{position: relative;}
.idx-service-textbox{position: absolute; right: 0; bottom: 0; width: 20%; color: #fff;}
.idx-service-textbox span{position: relative; top: -.45rem; display: inline-block; font-size: 12px; border-bottom: 1px solid #fff;}
.idx-service-textbox p{display: inline; font-size: 3vw; line-height: 1.2}
.idx-service .bigtitle{position: absolute; left: 0; top: -.2rem;}
@media (min-width:1200px){
.idx-service .itemtyps a:hover{border-color: #ff0000;}
.idx-service .itemtyps a:hover em{width: 100%;}
}
@media (max-width: 991px){
.idx-service-textbox, .idx-service-desc{width: 25%;}
.idx-service .swiper-container{margin-top: 1rem;}
.idx-service .swiper-container-horizontal>.swiper-pagination-bullets{margin-top: .5rem;}
}
@media (max-width: 639px){
.idx-service .itemtyps a{display: block; margin: 5px 0 0;}
.idx-service .itemtyps p{font-size: 20px;}
.idx-service .swiper-slide img{width: 80%;}
.idx-service-textbox{bottom: .5rem; width: 44%;}
.idx-service-textbox p{font-size: .4rem;}
.idx-service-textbox span{top: -.3rem;}
.idx-service .bigtitle{top: -.3rem;}
.idx-service-desc{width: 44%;}
.idx-service .swiper-container{margin-top: 1.8rem;}
.idx-service .swiper-container-horizontal>.swiper-pagination-bullets{margin-top: 1rem;}
}

.idx-coop{padding: .8rem 0;}
.idx-coop .bigtitle{margin-bottom: 8.3%;}
.idx-coop .bigtitle .f20{margin-top: .5rem; margin-bottom: .2rem; color: #ababab; line-height: 32px;}
.idx-coop .bigtitle .f12{color: #ababab; line-height: 20px; letter-spacing: 0.5px;}
.idx-coop .col-xs-6{overflow: hidden; height: 112px;}
.idx-coop .col-xs-6::before{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #ff0000; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .7s cubic-bezier(0.23, 1, .38, 1); transition: all .7s cubic-bezier(0.23, 1, .38, 1);}
.idx-coop .col-xs-6 .img{position: absolute; left: 50%; top: 0; width: 126px; height: 112px; margin-left: -61px; background: no-repeat center center; background-size: contain; -webkit-transition: all .7s; transition: all .7s;}
.idx-coop .col-xs-6 .after{left: 0; opacity: 0;}
@media (min-width: 1200px){
.idx-coop .col-xs-6:hover::before{-webkit-transform: scale(1); transform: scale(1);}
.idx-coop .col-xs-6:hover .before{opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.idx-coop .col-xs-6:hover .after{left: 50%; opacity: 1;}
}
@media (max-width: 639px){
.idx-coop .bigtitle .f20{font-size: 16px;}
.idx-coop .col-xs-6, .idx-coop .col-xs-6 .img{height: 90px;}
}

#canvas{width: 100%; height: 38vw; background: #1A1A1A; overflow: hidden;}
#box{margin-top: -12%; width: 100%; height: 75%;}
#box canvas{width: 100%; height: 155% !important;}
.idx-sign .bigtitle{padding-top: 6%; background: #1A1A1A;}
.idx-sign .bigtitle .line{display: block; margin: .4rem auto 0; width: 4px; height: 16px; background: #e0e0e0;}
.idx-sign-list{position: relative; z-index: 1; margin-top: -11%; padding: 3% 7%; background: #f0f0f0;}
.idx-sign-list .col-xs-12{border-top: 1px solid #dcdcdc;}
.idx-sign-list a{display: inline-block; padding: 15% 0; width: 82%; text-align: left;}
.idx-sign-list .ff-lum{padding: 0 8px; background: #1a1a1a; color: #fff;}
.idx-sign-list h4{padding-top: 4px; padding-bottom: 15px; color: #1a1a1a; font-size: .24rem; line-height: .32rem;}
.idx-sign-list p{margin-bottom: 0; height: .54rem; color: #ababab; font-size: .16rem; line-height: .27rem;}
@media (min-width: 640px){
.idx-sign .bigtitle{left: 7.593%; right: 7.593%;}
.idx-sign-list .col-xs-12:nth-of-type(1), .idx-sign-list .col-xs-12:nth-of-type(2){border-top: 0;}
}
@media (min-width: 992px){
.idx-sign-list .col-xs-12:nth-of-type(3){border-top: 0;}
.idx-sign-list .col-xs-12:nth-of-type(3n-1){text-align: center;}
.idx-sign-list .col-xs-12:nth-of-type(3n){text-align: right;}
}
@media (min-width: 1200px){
.idx-sign-list a:hover h4{color: #ff0000;}
}
@media (max-width: 1440px){
#canvas{height: 40vw;}
#box{margin-top: -15%;}
}
@media (max-width: 1199px){
#canvas{height: 50vw;}
}
@media (max-width: 991px){
#box{margin-top: -20%;}
.idx-sign-list h4{padding-bottom: 5px; font-size: 18px; line-height: 26px;}
.idx-sign-list p{font-size: 14px; line-height: 24px; height: 48px;}
.idx-sign-list .col-xs-12:nth-of-type(2n-1){text-align: left;}
.idx-sign-list .col-xs-12:nth-of-type(2n){text-align: right;}
.idx-sign-list .col-xs-12 a{padding: 10% 0; width: 90%;}
}
@media (max-width: 639px){
#canvas{height: 80vw;}
#box{margin-top: -25%;}
.idx-sign-list .col-xs-12{text-align: center;}
.idx-sign-list .col-xs-12:nth-of-type(1){border-top: 0;}
.idx-sign-list .col-xs-12 a{padding: 15px 0; width: 100%;}
}


/* banner */
.wrapper{position: relative; z-index: 1; background-color: #f2f2f2;}  
.banner{position: relative; top: 0; left: 0; right: 0; padding-top: 70px; height: 44vw;}
.banner .container{height: 100%;}
.banner .title{z-index: 1; left: 0; top: 45%; margin-top: -3.6vw; font-size: 3.55vw; line-height: 3.6vw; color: #303030;}
.banner .title span{display: block;}
.banner .title .info{margin-top: 0.5vw; font-size: 1vw; line-height: 1.2;}
.banner .imgbox img{-webkit-animation: zoomIn 1s; animation: zoomIn 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner .triangle{z-index: 1; right: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; cursor: pointer; overflow: hidden;}
@media (max-width: 991px){.banner{height: 47vw;}}
@media (max-width: 639px){
.banner{padding-top: 0; height: 54vw;}
.banner .title{top: 40%; font-size: 22px; line-height: 28px;}
.banner .title .info{max-width: 56%; font-size: 3.4vw;}
}
@media (min-width: 1200px){
.banner .triangle{top: 45%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all .7s cubic-bezier(.23,1,.38,1); transition: all .7s cubic-bezier(.23,1,.38,1);}
.banner .triangle:hover{-webkit-transform: rotate(0); transform: rotate(0);}
}

.about-wrap .banner .imgbox{left: 33%; top: 13%; width: 34%;}
.solution-wrap .banner .imgbox{left: 35.5%; bottom: 0; width: 30%;}
.cases-wrap .banner .imgbox{left: 24%; top: 6%; width: 52%;}
.news-wrap .banner .imgbox{left: 21%; top: 18%; width: 58%;}
.contact-wrap .banner .imgbox{left: 34%; top: 18%; width: 37%;}
.recruit-wrap .banner .imgbox{left: 26%; top: 18%; width: 45%;}
@media (max-width: 639px){
.about-wrap .banner .imgbox{top: 24%;}
.solution-wrap .banner .imgbox{bottom: 9%;}
.cases-wrap .banner .imgbox{top: 16%;}
.news-wrap .banner .imgbox{top: 25%;}
.contact-wrap .banner .imgbox{top: 24%;}
.recruit-wrap .banner .imgbox{top: 26%;}
}



.solution-wrap .idx-work{background-color: #fff;}
.solution-wrap .idx-work .more-group, .solution-details .idx-work .more-group{margin-top: 3vw; margin-bottom: 1.5vw;}
.solution-wrap .idx-coop .bigtitle, .solution-details .idx-coop .bigtitle{margin-bottom: 4.5%;}
.solution-imgtext .weui-cell{z-index: 1; top: 0; left: 0; right: 0; bottom: 0; padding: 0;}
.solution-imgtext .scheme-line{margin-top: 1.5vw; margin-bottom: 16vw;}
.scheme-line{margin: 0 auto; width: 4px; height: 16px; line-height: 1.1; background: #000;}
.scheme-hd{font-size: 16px; color: #1a1a1a;}
.scheme-hd .f60{display: block; line-height: 1;}
.scheme-bd h3{margin-bottom: 3vw; font-size: 3.125vw; font-weight: normal; color: #2d2d2d;}
.scheme-bd .weui-grids{margin: 0 25%; height: 9.5vw; overflow: hidden;}
.scheme-bd .weui-grid{padding: .12rem 0.75vw; font-size: 1.25vw; color: #2f2f2f; font-weight: normal; white-space: nowrap; -webkit-transition: all .3s; transition: all .3s;}
.scheme-bd .weui-grid::after{position: absolute; display: block; content: ""; top: 50%; right: 0; margin-top: -4px; height: 8px; width: 1px; background: #2f2f2f;}
.scheme-bd .weui-grid.col-8x:nth-of-type(3n)::after{display: none;}
.scheme-bd .weui-grid.col-12x:nth-of-type(2n)::after{display: none;}
.scheme-more{display: inline-block;}
.scheme-more i{position: relative; top: 0; left: 0; display: block; width: 36px; height: 9px;}
.scheme-more i::before, .scheme-more i::after{position: absolute; display: block; content: ""; background: #000; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s;}
.scheme-more i::before{left: 0; right: 0; bottom: 0; height: 3px;}
.scheme-more i::after{right: -1px; bottom: 4px; width: 13px; height: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.scheme-more span{position: relative; top: 0; left: 0; font-size: 12px; line-height: 30px; color: #303030;}
.scheme-img{margin-top: 4.5vw; height: 24.24vw;}
.scheme-img img{margin: 0 auto; max-height: 100%;}
.solution1{padding-top: 9vw;}
.solution1 .col-xs-12:nth-of-type(1){float: right;}
.solution1 .scheme-more{margin-bottom: 8vw;}
.solution1::after{position: absolute; display: block; content: ""; left: 0; right: 15px; top: 0; height: 1px; background: #d8d8d8;}
.solution2{background: #17161c;}
.solution2 .weui-cell{bottom: 17%;}
.solution2 .scheme-hd, .solution2 .scheme-bd h3, .solution2 .scheme-bd .weui-grid, .solution2 .scheme-more span{color: #fff;}
.solution2 .scheme-line, .solution2 .scheme-bd .weui-grid::after, .solution2 .scheme-more i::before, .solution2 .scheme-more i::after{background: #fff;}
.solution3 .scheme-hd .cap{padding-right: 6px;}
.solution3 .col-xs-12{padding-top: 5vw; padding-bottom: 5vw;}
.solution3 .col-xs-12:nth-of-type(1){float: right;}
.solution3 .col-xs-12:nth-of-type(4) .weui-grids{margin: 0 12%;}
@media (max-width: 1199px){
.scheme-bd .weui-grids{margin: 0 15%; height: 1.3rem;}
.scheme-bd .weui-grid{font-size: 14px;}
.scheme-more i::before, .scheme-more i::after{height: 2px;}
.scheme-more i::after{right: -2px}
.solution3 .col-xs-12:nth-of-type(4) .weui-grids{margin: 0;}
}
@media (max-width: 991px){.solution2 .weui-cell{bottom: 10%;}}
@media (max-width: 767px){.scheme-bd h3{font-size: 22px;}}
@media (max-width: 639px){
.solution-imgtext{padding-top: .6rem;} 
.solution-imgtext .weui-cell{position: static; height: auto;}
.solution-imgtext .scheme-line{width: 2px; margin-top: 20px;}
.solution-imgtext .scheme-more{margin-bottom: 8vw;}
.scheme-bd .weui-grids{margin-top: 20px; margin-bottom: 20px;}
.scheme-img{height: 55vw;}
.solution1>img{max-width: none; width: 180%; margin-left: -80%;}
.solution2>img{max-width: none; width: 200%;}
}
@media (min-width: 640px){.solution1::after{right: 7.593%;}}
@media (min-width: 768px){.solution2 .scheme-hd{position: relative; left: -3vw;}}
@media (min-width: 640px) and (max-width: 767px){
.solution-wrap .idx-work-item, .solution-details .idx-work-item{margin-left: auto; margin-right: auto; width: 80%;}
}
@media (min-width: 768px) and (max-width: 991px){
.solution-wrap .idx-work-item, .solution-details .idx-work-item{margin-left: auto; margin-right: auto; width: 67%;}
}
@media (min-width: 1200px){
.scheme-bd .weui-grid:hover{color: #ff0000;}
.scheme-more:hover i{top: 20px; width: 66px;}
.scheme-more:hover i::before, .scheme-more:hover i::after{background: #ff0000; height: 2px;}
.scheme-more:hover span{top: -10px; left: -10px; color: #ff0000; font-size: 16px;}
}

.solution-details .idx-coop{background-color: #fff;}
.adpic .weui-cell{top: 0; right: 0; left: 0; bottom: 0;}
.adpic .textbox{margin: 0 10%; display: inline-block; color: #fff; font-size: 0.938vw; line-height: 1.46vw;}
.adpic .textbox p{margin-top: 2.7vw; margin-bottom: 8vw;}
.adpic .scheme-line{background: #fff;}
@media (max-width: 1600px){.adpic .textbox{font-size: 1vw; line-height: 1.72vw;}}
@media (max-width: 1400px){.adpic .textbox{font-size: 14px; line-height: 24px;}}
@media (max-width: 992px){.adpic .textbox{width: 30%;}}
@media (max-width: 767px){.adpic .textbox{width: 50%;}}
@media (max-width: 639px){.adpic .textbox{width: 100%; margin: 0; display: block;} .adpic .scheme-line{display: none;}}

.anchor{padding: 2.32vw 0; border-bottom: 1px solid #cacaca;}
.anchor .weui-cell a{display: inline-block; margin-right: 4.2vw; line-height: 30px; font-size: 1.25vw; color: #2f2f2f;}
.anchor .weui-cell__ft a{margin-right: 0;}
.solution-box{padding-top: 6.5vw; padding-bottom: 6.5vw;}
.solution-box .bigtitle{margin-bottom: 4.5%;}
.solution-box .imgtext{margin-top: 2.3vw; margin-bottom: 2.3vw;}
.solution-box .imgtext-icon{margin: 0 auto 20px;}
.solution-box .imgtext-title{font-size: 1.25vw; white-space: nowrap;}
.solution-box .imgtext-desc{margin-top: 1.5vw; font-size: 16px; line-height: 24px;}
.solution-why .imgtext-icon{width: 70px; height: 70px;}
.solution-why .imgtext{margin:0 18%;}
.solution-industry{position: relative; background: no-repeat center center; background-size: cover;}
.solution-industry::before{position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.solution-industry .imgtext-icon{width: 50px; height: 50px;}
@media (max-width: 1440px){
.solution-box .imgtext-title{font-size: 18px;}
.solution-box .imgtext-desc{font-size: 14px; line-height: 22px;}
.solution-why .imgtext{margin-left: 22%; margin-right: 22%;}
}
@media (max-width: 1199px){
.anchor .weui-cell a{font-size: 16px;}
.solution-why .imgtext{margin-left: 12%; margin-right: 12%;}
}
@media (max-width: 991px){
.solution-why .imgtext-icon{width: 60px; height: 60px;}
.solution-industry .imgtext-icon{width: 40px; height: 40px;}
}
@media (max-width: 639px){.anchor .weui-cell a{font-size: 14px;}}
@media (min-width: 1200px){
.anchor .weui-cell a:hover{color: #ff0000;}
.solution-industry .col-sm-3{width: 20%;}
}

.subnav{padding: 2.1vw 0;}
.subnav .col-xs-6{padding: 0 2.5vw; font-size: 18px; line-height: 40px; color: #2d2d2d;}
.subnav .col-xs-6::after{position: absolute; top: 50%; right: -4px; display: block; content: ""; margin-top: -2px; width: 4px; height: 4px; background: #2d2d2d; -webkit-border-radius: 4px; border-radius: 4px;}
.subnav .square{left: 0; top: 50%; margin-top: -10px; color: #303030;}
.subnav .line{right: 0; top: 50%; margin-top: -2px; width: 16px; height: 4px; background: #000;}
.subnav .col-xs-6.on{color: #ff0000;}
.subnav .center{left: 50%; top: 50%; margin-left: -51px; margin-top: -2px; width: 102px; height: 4px; background: #000; overflow: hidden;}
.subnav .center i{position: absolute; left: 16px; top: 0; display: block; width: 12px; height: 4px; background: #f3f3f3; -webkit-animation: aniLine 2s infinite; animation: aniLine 2s infinite;}
.subnav .center i::before{position: absolute; content: ""; left: 4px; top: 0; display: block; width: 4px; height: 4px; background: #000;}
@-webkit-keyframes aniLine{
0%{-webkit-transform: translateX(-20px); transform: translateX(-20px);}
100%{-webkit-transform: translateX(102px); transform: translateX(102px);}
}@keyframes aniLine{
0%{-webkit-transform: translateX(-20px); transform: translateX(-20px);}
100%{-webkit-transform: translateX(102px); transform: translateX(102px);}
}
@media (max-width: 639px){.subnav .col-xs-6:nth-of-type(2n)::after{display: none;}}
@media (min-width: 640px){
.subnav .col-xs-6{float: none; display: inline-block; width: auto;}
.subnav .col-xs-6:last-child::after{display: none;}
}
@media (min-width: 1200px){.subnav .col-xs-6:hover{color: #ff0000;}}

.newslist{padding: .15rem 0; margin-bottom: 5.5vw;}
.newslist .weui-cell{margin: .15rem 0; padding: 0; background: #fff;}
.newslist .weui-cell__bd{padding: .2rem 1.823vw 0; color: #ababab; font-size: 14px;}
.newslist .weui-cell__ft img{width: 15.313vw; height: 10.157vw;}
.newslist h6{font-size: 22px; color: #222;}
.newslist p{margin-bottom: .15rem; font-size: 16px; line-height: 24px; height: 48px;}
.newslist .date{padding-top: .15rem; border-top: 1px solid #eaeaea;}
.news-details{border-top: 1px solid #e0e0e0; color: #202020;}
.news-details img{margin: 0 auto;}
.news-title{padding-top: 2.5vw; padding-bottom: 3.3vw;}
.news-title h1{font-size: 2vw;}
.news-title p{font-size: 0.94vw;}
.news-article{padding-bottom: 5.8vw; font-size: 16px; line-height: 26px;}
.news-link a{line-height: 4vw; background: #efefef; font-size: 16px; color: #404040;}
.news-link a:last-child{background: #f30100; color: #fff;}
@media (min-width: 768px){
.news-title, .news-article{margin-left: auto; margin-right: auto; width: 66.6666666667%;}
}
@media (min-width: 768px) and (max-width: 1620px){
.newslist h6{margin-top: 0;}
.newslist p{margin-bottom: .1rem; line-height: 20px; height: 40px;}
.newslist .date{padding-top: .1rem;}
}
@media (min-width: 992px) and (max-width: 1440px){.newslist .weui-cell__bd{padding-top: .1rem;}}
@media (max-width: 1280px){.newslist h6{font-size: 20px;}}
@media (min-width: 769px) and (max-width: 1199px){
.newslist h6{margin-bottom: 5px; font-size: 18px;}
.newslist p{height: 20px; font-size: 15px; -webkit-line-clamp: 1;}
}
@media (max-width: 1199px){.news-link a{line-height: 44px;}}
@media (max-width: 991px){
.newslist .weui-cell__ft img{width: 29.668vw; height: 19.678vw;}
.news-title h1{font-size: 20px;}
.news-title p{font-size: 14px;}
}
@media (max-width: 768px){
.newslist .weui-cell__bd{padding-left: .3rem; padding-right: .3rem;}
.newslist h6{margin-top: 0; margin-bottom: 5px; font-size: 18px;}
.newslist p{height: 30px; line-height: 30px; font-size: 15px; -webkit-line-clamp: 1;}
}
@media (max-width: 530px){
.newslist h6{font-size: 16px;}
.newslist p{height: 20px; line-height: 20px;}
}
@media (max-width: 414px){.newslist .weui-cell__ft img{width: 35.668vw; height: 25.678vw;}}
@media (min-width: 1200px){
.newslist .weui-cell:hover{-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1); box-shadow: 0 10px 15px rgba(0,0,0,.1);}
.newslist .weui-cell:hover h6{color: #ff0000;}
}


/* cases */
.cases-wrap .idx-work{padding-top: 0;}
.cases-wrap .idx-work-item .col-xs-12{margin-top: .34rem;}
.cases-wrap .idx-work-item .weui-cell__ft{height: auto;}
.cases .weui-cell{display: block; padding-top: .5rem; padding-bottom: 22.5vw; text-align: center;}
.cases .weui-cell__bd h1{font-size: .44rem; color: #2d2d2d;}
.cases .weui-cell__bd p{font-size: 16px; line-height: 28px; color: #999;}
.cases .weui-cell__bd .date{margin-bottom: .35rem; color: #8a8a8a;}
.cases .weui-cell__ft a{position: relative; margin: 3.8vw auto; display: block; width: 147px; line-height: 34px; background: #ff0000; text-align: center; color: #fff; font-size: 18px;}
.cases .weui-cell__ft a em{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #dc0000;}
.cases .weui-cell__ft a span{position: relative;}
.cases .ff-lum{padding: .44rem 0;}
.cases-bd{margin-top: -20.5vw; margin-bottom: .8rem; -webkit-box-shadow: 0 3px .65rem rgba(0,0,0,.15); box-shadow: 0 3px .65rem rgba(0,0,0,.15);}
#gallery-wrapper{position: relative; margin-right: -66px; margin-bottom: 66px;}
.white-panel{position: absolute;background: white;-webkit-box-shadow: 0 3px .65rem rgba(0,0,0,.15); box-shadow: 0 3px .65rem rgba(0,0,0,.15);}
.cases-wrap .solution-box .idx-work{background: #f5f5f5;}
@media (min-width: 1200px){.cases .weui-cell__ft a:hover em{width: 100%;}}

.grid-item{width: 50%;}
.grid-item div{background: white;-webkit-box-shadow: 0 3px .65rem rgba(0,0,0,.15); box-shadow: 0 3px .65rem rgba(0,0,0,.15);}
.grid-item:nth-of-type(2n-1) div{margin-bottom: 66px; margin-right: 33px;}
.grid-item:nth-of-type(2n) div{margin-bottom: 66px; margin-left: 33px;}
.grid-item:nth-of-type(2) div{margin-top: 12.5vw;}
@media (max-width: 639px){
.grid-item:nth-of-type(2n-1) div{margin-bottom: 30px; margin-right: 15px;}
.grid-item:nth-of-type(2n) div{margin-bottom: 30px; margin-left: 15px;}
}

/* contact */
.contact-wrap .subnav, .recruit-wrap .subnav{margin-bottom: .45rem;}
.contact{margin-bottom: .22rem; padding: 0 .52rem .6rem; background: #fff; font-size: .16rem; line-height: .24rem; color: #848484; overflow: hidden;}
.contact .weui-cell{margin-bottom: .6rem; padding: .25rem 0; font-size: .34rem; line-height: .4rem; color: #2d2d2d; border-bottom: 1px solid #e0e0e0;}
.contact .weui-cell__hd img{margin-right: 12px;}
.contact span.inline-block{display: inline-block; margin-right: 3vw;}
.contact .ff-lum{display: inline-block; margin-top: .08rem; line-height: .4rem; font-style: italic;}
.contact i{display: block; margin-top: 4.4vw; margin-bottom: 5vw; width: 14px; height: 4px; background: #000; font-weight: bold; color: #2d2d2d; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.contact .map{height: 3.1rem;}
.contact .map img{display: inline; max-width: none;}
.anchorBL{display: none;}
@media (max-width: 1366px){.contact span.inline-block{margin-right: 2vw;}}
@media (max-width: 1199px){
.contact{font-size: 14px; line-height: 22px;}
.contact .map{margin-top: .3rem;}
}

.feedback{margin-top: 2.5vw;}
.feedback .row{margin-top: 4vw; margin-left: -.42rem; margin-right: -.42rem;}
.feedback .col-xs-12{margin-bottom: .3rem; padding-left: .42rem; padding-right: .42rem;}
.feedback .required{display: block; width: 100%; padding: 10px 20px; height: 46px; font-weight: normal; font-size: 16px;}
.feedback textarea.required{height: 2.19rem;}
.feedback .submit{margin-top: 1.5vw; margin-bottom: 3.4vw; width: 215px; background: #f00000; color: #fff; font-size: 20px; height: 46px;}
@media (min-width: 1200px){
.feedback .submit:hover{background: #c70202;}
}
@media (max-width: 639px){
.feedback .submit{margin-top: 5%; margin-bottom: 10%; width: 50%; font-size: 18px; height: 44px;}
.feedback .tips{position: fixed;}
}


/* recruit */
.recruit .row{margin-left: -18px; margin-right: -18px;}
.recruit .col-xs-12{margin-top: .2rem; margin-bottom: .16rem; padding-left: 18px; padding-right: 18px;}
.recruit-item{padding: 3vw; background: #fff;}
.recruit-bd h3{margin-top: 4vw; margin-bottom: 2vw;}
.recruit-bd h3 span{display: inline-block; padding: 0 .27rem; background: #f30200; color: #fff; font-size: 20px; line-height: 34px;}
.recruit-bd p{font-size: 16px; line-height: 30px; color: #2f2f2f;}
.recruit .map{height: 6.08rem;}
.mapbox{margin-bottom: 4.5vw; margin-top: .2rem;}
.mapbox .infor{right: 0; top: 0; bottom: 0;}
.mapbox .box{margin-left: 18px; padding: 0 9vw 0 2.8vw; height: 100%; background: rgba(1,1,1,.7); color: #fff; font-size: 16px; line-height: 25px; }
.mapbox .box .weui-cell{padding: 2.5vw 0; border-top: 1px solid #464e57;}
.mapbox .box .weui-cell:first-child{border-top: 0;}
.mapbox .box .weui-cell__hd{width: 27%; line-height: 1.6; font-size: 1.88vw;}
.mapbox .box .weui-cell__bd{padding-top: 1vw;}
.mapbox .box .weui-cell .ff-lum{line-height: 1.2}
@media (max-width: 991px){
.recruit-item{height: auto !important;}
.recruit .map{height: 3.6rem;}
.mapbox .infor{position: static; width: 100%;}
.mapbox .box{margin-left: 0;}
.mapbox .box .weui-cell__hd{font-size: 3vw;}
.mapbox .box .weui-cell .ff-lum{font-size: 4vw;}
}
@media (max-width: 639px){
.mapbox .box .weui-cell__hd{font-size: 4.8vw;}
.mapbox .box .weui-cell .ff-lum{font-size: 7vw;}
.recruit-bd h3 span{font-size: 18px;}
}

/* about */
.about-wrap .scheme-bd{color: #2f2f2f; font-size: 16px; line-height: 32px;}
.about1{padding-top: 13vw; padding-bottom: 1rem;}
.about1 .img1{width: 116%; margin-left: -8%; overflow: hidden;}
.about1 .img2{position: absolute; top: 7%; left: -6%; width: 45%;} 
.about1 .textbox{right: 0; top: 0; width: 50%; height: 68.5%; background: #fff;}
.about1 .textbox .weui-cell{margin-left: 15px; height: 100%; padding-right: 14.66%; text-align: right;}
.about1 .scheme-line{margin-bottom: 6vw;}
.about1 .img1 >div {-webkit-animation: img1 30s ease-in-out infinite; animation: img1 30s  ease-in-out infinite;}
.about1 .img2 >div {-webkit-animation: img2 35s ease-in-out infinite; animation: img2 35s  ease-in-out infinite;}
@-webkit-keyframes img1 {
0% {-webkit-transform: translateX(-5%)}
50%{-webkit-transform: translateX(0)}
100%{-webkit-transform: translateX(-5%)}
}@keyframes img1 {
0% {-webkit-transform: translateX(-5%)}
50%{-webkit-transform: translateX(0)}
100%{-webkit-transform: translateX(-5%)}
}
@-webkit-keyframes img2 {
0% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
50%{-webkit-transform: rotate(-5deg) translate3d(0,0,0)}
100% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
}@keyframes img2 {
0% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
50%{-webkit-transform: rotate(-5deg) translate3d(0,0,0)}
100% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
}

.about2{padding-top: 3vw; padding-bottom: 7.6vw;}
.about2 .f26{font-size: .26rem;}
.about2 .f14{letter-spacing: 1px;}
.about3{padding-top: 3vw; padding-bottom: 3vw;}
.about3 .bg-white{left: 0; top: 0; width: 50%; height: 100%;}
.about3 .container{padding-top: 4.7vw; padding-bottom: 4.7vw;}
.about3 .row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.about3 .scheme-line{margin-top: 8.6vw; width: 16px; height: 4px;}
.about4 .hat{width: 46.308%;}
.about4 .container >div{display: table; width: 100%;} 
.about4 .clearfix{display: table-row;}
.about4 .col-xs-6{float: none; display: table-cell; vertical-align: bottom; overflow: hidden;}
.about4 .text-center{margin-bottom: .2rem; margin-top: .1rem;}
.about4 .f44{font-size: 2.3vw;}
.about4 .col-xs-6.spec{vertical-align: middle;}
.about4 .col-xs-6.hover .hat{-webkit-transform: translateY(-10px); transform: translateY(-10px);}
.about4 .clearfix:nth-of-type(1) .col-xs-6:nth-of-type(1){background: #dedede;}
.about4 .clearfix:nth-of-type(1) .col-xs-6:nth-of-type(2){background: #f0f0f0;}
.about4 .clearfix:nth-of-type(1) .col-xs-6:nth-of-type(3), .about4  .clearfix:nth-of-type(1) .col-xs-6:nth-of-type(4),
.about4 .clearfix:nth-of-type(3) .col-xs-6:nth-of-type(1), .about4 .clearfix:nth-of-type(2) .col-xs-6:nth-of-type(1){background: #fff;}
.about4 .clearfix:nth-of-type(2) .col-xs-6:nth-of-type(2), .about4 .clearfix:nth-of-type(3) .col-xs-6:nth-of-type(2){background: #e80000;}
.about4 .clearfix:nth-of-type(3) .col-xs-6:nth-of-type(3){background: #f5f5f5;}
.about4 .clearfix:nth-of-type(3) .col-xs-6:nth-of-type(4){background: #dedede;}
.about4 .view i{display: inline-block; margin: 5px; width: 11px; height: 11px; background: #fff;}
.about5{position: relative; padding: 0; margin-top: 7.5vw; margin-bottom: 7.5vw;}
.about5 .textbox{width: 100%; height: auto; background: none;}
.about5 .idx-coop{margin-left: 7.33%; margin-right: 7.33%;}
.about5 .bg-white{top: 0; right: 0; bottom: 0; width: 50%;}
.about6 .bigtitle{margin-top: 6vw; margin-bottom: 3.5vw;}
.about6 .row{margin-left: -2.62vw; margin-right: -2.62vw; padding-top: 2.62vw; padding-bottom: 5vw;}
.about6 .col-xs-12{padding: 2.62vw;}
@media (min-width: 640px){
.about3 .col-sm-offset-2{margin-left: 17.5%;}
}
@media (min-width: 1200px){
.about1 .textbox .weui-cell{padding-left: 27%;}
/*.about6 .col-xs-12{width: 20%;}*/
}

@media (max-width: 639px){
.about1{padding-top: 7vw;}
.about1 .img2{z-index: 1; width: 58%; top: 0;}
.about1 .textbox{position: static; width: 100%; height: auto; padding: 15px;}
.about1 .textbox .weui-cell{margin: 0; padding: 15px 0;}
.about3{background: #fff;}
.about3 .row{display: block;}
.about3 .bg-white, .about5 .bg-white{display: none;}
.about3 .scheme-bd{margin-bottom: 8vw;}
.about4{padding-top: 15px; padding-bottom: 15px;}
.about4 .f44{text-align: center; font-size: 4.8vw;}
.about5 >.weui-cell{display: block;}
.about5 .col-12x{width: 100%;}
.about5 .idx-coop{margin-left: 0; margin-right: 0; padding: 0;}
}


/* video */
#output{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#output img{width: 100%;}
.isvideo{position: relative; margin-bottom: -5px;}
.isvideo .weui-cell{position: absolute; top: 0; left: 0; right: 0; bottom: 8%; padding: 0;}
.isvideo h2{margin-top: 0; margin-bottom: 4vw; font-size: 4.2vw; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.isvideo .player{width: .64rem;}
@media (max-width: 1199px){.isvideo .weui-cell{bottom: 0;}}
@media (max-width: 639px){.isvideo h2{margin-bottom: 6vw; margin-top: 10px; font-size: 5.2vw;}}
@media (max-width: 414px){.isvideo h2{margin-bottom: 6vw; font-size: 5vw;}}