@import url(style.css);
@import url(pscroll.css);
.font-bold { font-family: "SourceHanSansCN-Bold","思源黑体 CN Bold"; font-weight:400;}
.font-light { font-family: "SourceHanSansCN-Light","思源黑体 CN";font-weight: 300;}
.mobile{display: none;}
.computer{display: block;}
/* common grid system */
.sh-col-1 { float: left; width: 8.3333334%; box-sizing: border-box; }
.sh-col-2 { float: left; width: 16.666667%; box-sizing: border-box; }
.sh-col-3 { float: left; width: 25%; box-sizing: border-box; }
.sh-col-4 { float: left; width: 33.333334%; box-sizing: border-box; }
.sh-col-5 { float: left; width: 41.666667%; box-sizing: border-box; }
.sh-col-6 { float: left; width: 50%; box-sizing: border-box; }
.sh-col-7 { float: left; width: 58.333333%; box-sizing: border-box; }
.sh-col-8 { float: left; width: 66.666667%; box-sizing: border-box; }
.sh-col-9 { float: left; width: 75%; box-sizing: border-box; }
.sh-col-12 { float: left; width: 100%; box-sizing: border-box; }
.sh-row:after { content: ""; display: block; clear: both; height: 0; }
.swiper-dots { padding-bottom: 0.693334rem; }
.swiper-dots .swiper-pagination { bottom: 0; height: 0.16rem; line-height: 1; }
.swiper-dots .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; opacity: 1; vertical-align: top; background-color: #c6c6c6; }
.swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #f67524; }
.ibtn { display: inline-block; vertical-align: top; width: 180px; height: 56px; border: none; outline: none; max-width: 180px; color: #ffffff; font-size: 16px; text-align: center; line-height: 56px; background-color: #f67524; text-transform: uppercase; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.title { color: #000000; font-size: 28px; text-align: center; line-height: 1.72; font-family: "SourceHanSansCN-Light"; }
.title-en { color: #000000; font-size: 36px; text-align: center; font-family: Arial; line-height: 40px; text-transform: uppercase; }
.title-cn { color: #000000; font-size: 24px; text-align: center; line-height: 28px; margin-top: 30px; font-family: "SourceHanSansCN-Light"; }
.title-sub { color: #666666; font-size: 24px; text-align: center; line-height: 2; font-family: "SourceHanSansCN-Light"; }
.title-big { color: #000000; font-size: 36px; text-align: center; line-height: 1.34; font-family: "SourceHanSansCN-Light"; }
.title-left { text-align: left; }
.title-twin { text-align: center; }
.title-twin_en { color: #000000; font-size: 36px; font-family: Arial; line-height: 40px; font-family: Arial; text-transform: uppercase; }
.title-twin_cn { color: #000000; font-size: 24px; line-height: 28px; margin-top: 30px; font-family: "SourceHanSansCN-Light"; }
.title-twin_ln { display: block; width: 50px; height: 3px; margin: 36px auto 0; background-color: #ff4229; }
.title-white .title-twin_en { color: #fff; }
.title-white .title-twin_cn { color: #fff; }
.title-white { color: #ffffff !important; }
/* animate */
@-webkit-keyframes bullet {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes bullet {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}

@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(180deg) scale(0.9) translateZ(-10px);
        transform: rotateX(180deg) scale(0.9) translateZ(-10px);
    }
    30% {
        -webkit-transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
        transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
    }
    45% {
        -webkit-transform: rotateY(180deg) scale(0.9) translateZ(-10px);
        transform: rotateY(180deg) scale(0.9) translateZ(-10px);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}

@keyframes rotated {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(180deg) scale(0.9) translateZ(-10px);
        transform: rotateX(180deg) scale(0.9) translateZ(-10px);
    }
    30% {
        -webkit-transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
        transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
    }
    45% {
        -webkit-transform: rotateY(180deg) scale(0.9) translateZ(-10px);
        transform: rotateY(180deg) scale(0.9) translateZ(-10px);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}

@-webkit-keyframes rotatedb {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
    30% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg);
    }
    45% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}

@keyframes rotatedb {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
    30% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg);
    }
    45% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}


@-webkit-keyframes moving {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-24.13%, -16.98%);
        transform: translate(-24.13%, -16.98%);
    }
}

@keyframes moving {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-24.13%, -16.98%);
        transform: translate(-24.13%, -16.98%);
    }
}



@media screen and (max-width: 1599px) { .ibtn { width: 144px; height: 48px; line-height: 48px; } }
.ibtn:hover { color: #ffffff; background: #f67524; }


.ibanner { width: 100%; overflow: hidden; text-align: center; }

.ibanner-about { height: 830px; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; position: relative; }
.ibanner-about_down { position: absolute; left: 50%; width: 35px; height: 29px; bottom: 30px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAdCAYAAAAgqdWEAAABYklEQVRIicXWv0oDQRDH8W+OYB+wzxtYx1bUZ7BNb6Gt5gVstNHe0gcwCkZiaQQrfQJ7y6tslAmzcIbb2z+T3P2ahd1j58MyDNcryxJgC/ihuyzrF8AIWADbHVGk7huwWyjkEZh1AJJ6z1r/ta+b57oK6AD4bhHyAJzJRr9y2CbIQaaVuv8wbYFqIXWYTYO8EB9mU6BGSBOmCpIL9o2gICSEWRcoCiIpdB0EQFO9MHUOxUIGDiMT+B0YBkD3iaBYyFDrj9wEvgLmAdAkAZQCmWv9heuZa13lYA/4agAR6KEcyLJ+tYHXAcqGrGKsIBOkDpMLOgLutKcmnu8bIT5MDugTuLBAJO5Pz5dj4DQAkhwCTxYIERM49oVCkBfgsgkSg0kBmSCxGAf6TQQlQVIwkhtdY0DJkFRMLCgLkoMJgbIhuRgfyASxYFZBY+DWArFiHKinL3JigUhCEzg2O8CH6QbgD5iMmVjN9K/AAAAAAElFTkSuQmCC) no-repeat center center; }

.about-title { text-align: center; }
.about-title_en { color: #000000; font-size: 36px; font-family: Arial; line-height: 40px; text-transform: uppercase; }
.about-title_cn { color: #000000; font-size: 24px; line-height: 28px; margin-top: 30px; }
.about-title_white .about-title_en { color: #fff; }
.about-title_white .about-title_cn { color: #fff; }

.about-time { padding-top: 350px; padding-bottom: 350px; }
.about-time_item { height: 130px; padding-top: 9px; padding-bottom: 12px; text-align: center;}
.about-time_nums { color: #ffffff; font-size: 90px; line-height: 82px;font-weight: 200; }
.about-time_desc { color: #ffffff; font-size: 20px; line-height: 27px; }

.about-info { padding: 144px 0; background-color: #ffffff; }
.about-info_text { text-align: right; margin-left: 200px; padding-left: 24.4186047%; position: relative; }
.about-info_name { color: #f67524; font-size: 36px; line-height: 1.34; }
.about-info_quot { position: absolute; top: 7px; left: 16.4473685%; width: 70px; height: 60px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA8CAYAAADbl8wjAAACcElEQVR4nO2a3XHCMAyAdVwXoM86P9AR6AhlBDoCjAAjwAgwAoxARygjlIec31mhp57opW1EIuXHpOh7LE6sfpFt2Qm0AWIYIYYdYnhppYOGoTgp3vxdH5roAjEMAWAGAFMAGOd+2ib8f0U43gXHO+J2p3z7WmIQA0nY/JJxs2jiNYmhoQIAux4JUcc7MHRCxj96JGVlibdyxrD1Q25M3jyI4d36ACuJYSnUybAnQmo/xNKhdI9SoExM36QwjQz3sow59EkKYmhsDhTF8OpTt5NzzesrgxioYGus0i4Uw6X8zHhPkrEGgMcYs2O98KrBQ35lvJwq3nmM2VP+j9KqtDF2so8xezVeWwdrvMsYs3XRD3/EIAbKFMsQIuud740Qw9QwhCirJ9cyuihjLCmZRAqjjZekPMeYna41+jHHcLZoV6FtKimcLdrsfi2TAgWTr3bCPcWYzZXXNMlCeS96iG9VGn6L4S25dl+RTIoh3rPmIeYzRpstx6r2W0KdLZrGeTHamT316Zw23sJlWeJLDBd0mknsnHAVusSrWSQou1VV+CVjtPY7qWivMFW2Vw/5ixjtpJtajPZB/n8xfMKvql0si8SAlz1tUVdaILWIdhiZYh1YzkS72jULWPZFaixiOjtjEegkXvXrkxsQ0wkWMX3DPMc4dyrGdJjvYgQsYvr0jsmM5WuHIb+/0bBPuOkcG+I1fx+jLbJSVspDy/smX5UEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcj4GIEXIyAixFwMQIuRsDFCLgYARcjQC/cltpvYA00+U3NpOVYAQDgE2k8kDRXhZY8AAAAAElFTkSuQmCC) no-repeat center center/100% auto; }
.about-info_desc { color: #000000; font-size: 16px; line-height: 1.63; margin-top: 38px; }
.about-info_desc p { color: #000000; font-size: 16px; line-height: 1.63; }
.about-info_title { float: left; width: 172px; text-align: left; }

.about-goal { padding: 92px 0; height: 426px; background-image: url(../images/bg_about_goal.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
.about-goal_text { padding-top: 164px; position: relative; text-align: center; color: #ffffff; font-size: 36px; font-family: "SourceHanSansCN-Light"; line-height: 1.62; }
.about-goal_text p { color: #ffffff; font-size: 36px; font-family: "SourceHanSansCN-Light"; line-height: 1.62; }
.about-goal_text:before { content: ""; position: absolute; top: 57px; left: 50%; width: 1px; height: 60px; background-color: #ffffff; }

.about-idea_item:after { content: ""; display: block; clear: both; height: 0; }
.about-idea_imge { float: right; width: 50%; }
.about-idea_imge a { display: block; padding-bottom: 68.75%; position: relative; overflow: hidden; }
.about-idea_imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
.about-idea_text { float: left; width: 50%; padding-bottom: 34.375%; background-color: #ffffff; position: relative; }
.about-idea_card { position: absolute; top: 50%; left: 0; width: 100%; padding: 8.3333334%; box-sizing: border-box; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.about-idea_desc { color: #000000; font-size: 16px; text-align: center; line-height: 1.88; padding-top: 9.7916667%; position: relative; min-height: 9.375em; }
.about-idea_desc p { color: #000000; font-size: 16px; line-height: 1.88; }
.about-idea_desc:before { content: ""; position: absolute; top: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; margin-top: 4.5%; background-color: #f67524; }
.about-idea_item:first-child .about-idea_imge { float: left; }
.about-idea_item:first-child .about-idea_text { float: right; }
.about-idea_item:hover .about-idea_imge img { opacity: 0.8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }




.service {background:#f5f5f5;padding:96px 0 40px 0;}
.service .tab {width:68%;border-top:solid 1px #eaeaea;border-left:solid 1px #eaeaea;box-sizing:border-box;float:left;margin-top: 70px;}
.service .tab li {width:25%;height:240px;float:left;border-right:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;box-sizing:border-box;text-align:center;cursor:pointer;transition:all 0.3s;}
.service .tab li:nth-child(8),.service .tab li:nth-child(6),.service .tab li:nth-child(3),.service .tab li:nth-child(1) {background:#fff;}
.service .tab li .icon2,.service .tab li .icon1 {height:100px;margin-top:30px;background-repeat:no-repeat;background-position:center center;background-size:100px 100px;}
.service .tab li .icon1 img {transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.service .tab li .number {line-height:60px;font-size:60px;color:#e2e2e2;margin-top:10px;}
.service .tab li .text {line-height:36px;height:36px;font-size:20px;color:#000000;margin-top:-20px;background:#f5f5f5;position:relative;z-index:5;}
.service .tab li:nth-child(8) .text,.service .tab li:nth-child(6) .text,.service .tab li:nth-child(3) .text,.service .tab li:nth-child(1) .text {background:#fff;}
.service .tab li .icon2 {display:none;}
.service .tab li.on .icon2 {display:block;}
.service .tab li.on {z-index:10;box-shadow:-6px 6px 10px rgba(0,0,0,.1);position:relative;-webkit-transform:translate3d(0,-2.5px,0);transform:translate3d(0,-2.5px,0);}
.service .tab li.on .icon1 img {/*display:none;*/opacity:1.0;filter:Alpha(opacity=100);}
.service .tabBox {width:32%;height:480px;float:right;background:url(../images/aboutpage_service_tabBox.jpg) ;padding:80px 78px 0 78px;box-sizing:border-box;margin-top: 70px;}
.service .tabBox .box {display:none;}
.service .tabBox li {display:none;}
.service .tabBox .tit {line-height:50px;font-size:48px;color:#fff;}
.service .tabBox .line {width:50px;height:4px;background:#fff;margin-top:18px;}
.service .tabBox .txt {line-height:30px;font-size:20px;color:#fff;margin-top:36px;}
.service .tabBox .txt p {font-size:20px;color:#fff;}


.about-user { padding: 70px 0; background-color: #ffffff; }
.home-partner { padding: 5.2083334% 0; background-color: #f4f4f4; }
.home-partner_list { margin: 0 -2.3255813%; }
.home-partner_list:after { content: ""; display: block; clear: both; height: 0; }
.home-partner_item { float: left; width: 12.2222223%; margin: 0 2.2222223%; margin-top: 2.2222223%; padding-bottom: 6.1111112%; position: relative; overflow: hidden; }
.home-partner_item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0.55; filter: grayscale(100%) saturate(60%); transition: 0.3s ease-in-out;background-size: 100%;background-position: center top; }
.home-partner_item a:hover { opacity: 1; filter: grayscale(0); }

html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#superContainer { height: 100%; position: relative; -ms-touch-action: none; touch-action: none; }
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; }
.fp-slide { float: left; }
.fp-slide, .fp-slidesContainer { height: 100%; display: block; }
.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.fp-slidesContainer { float: left; position: relative; }
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: scroll; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fp-slidesNav.bottom { bottom: 17px; }
.fp-slidesNav.top { top: 17px; }
.fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fp-slidesNav ul li { display: inline-block; }
.fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
.fp-slidesNav ul li a.active span { background: #f4d05d; }
.fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #f4d05d; background: #fff; border-radius: 50%; position: absolute; z-index: 1; }
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important;padding-top: 0; }

@media screen and (max-width: 1920px) and (min-width: 960px){

.server { position: relative; }
.server .header-v1 { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; }

#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; right: 106px; height: 430px; opacity: 1; }
#fp-nav ul { padding: 20px 0; position: relative; }
#fp-nav ul:before { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; border-right: 1px solid #999; }
#fp-nav li { height: 25px; cursor: pointer; line-height: 25px; padding: 20px 0; padding-right: 18px; position: relative; }
#fp-nav li a { position: absolute; z-index: 2; top: 50%; right: -6px; width: 9px; height: 9px; margin-top: -6px; border-radius: 50%; border: 2px solid transparent; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
#fp-nav li span { position: absolute; z-index: 2; top: 50%; right: 2px; width: 5px; height: 5px; margin-top: -3px; border-radius: 50%; background-color: #999; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
#fp-nav .fp-tooltip { visibility: hidden; opacity: 0; color: #999999; font-size: 14px; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
#fp-nav li:last-child { display: none; }
#fp-nav li:hover a { border-color: #f67524; }
#fp-nav li:hover span { background-color: #f67524; }
#fp-nav li:hover .fp-tooltip { color: #f67524; visibility: visible; opacity: 1; }
#fp-nav li a.active { border-color: #f67524; }
#fp-nav li a.active span { background-color: #f67524; }
#fp-nav li a.active ~ .fp-tooltip { color: #f67524; }

.section { padding-top: 70px; box-sizing: border-box; }
.section1 { background-image: url(../images/bg_section1.jpg); background-image: -webkit-linear-gradient(left top, #252e3a, #1c1c1e); background-image: -moz-linear-gradient(bottom right, #252e3a, #1c1c1e); background-image: -o-linear-gradient(bottom right, #252e3a, #1c1c1e); background-image: linear-gradient(to bottom right, #252e3a, #1c1c1e); background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }
.section2 { background-image: url(../images/bg_section2.jpg); background-image: -webkit-linear-gradient(left top, #38b1fd, #4d80ff); background-image: -moz-linear-gradient(bottom right, #38b1fd, #4d80ff); background-image: -o-linear-gradient(bottom right, #38b1fd, #4d80ff); background-image: linear-gradient(to bottom right, #38b1fd, #4d80ff); background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }
.section3 { background-image: url(../images/bg_section5.jpg); background-image: -webkit-linear-gradient(left top, #ffaf56, #f77b55); background-image: -moz-linear-gradient(bottom right, #ffaf56, #f77b55); background-image: -o-linear-gradient(bottom right, #ffaf56, #f77b55); background-image: linear-gradient(to bottom right, #ffaf56, #f77b55); background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }
.section4 { background-image: url(../images/bg_section4.jpg); background-image: -webkit-linear-gradient(left top, #9087ff, #7b5ff6); background-image: -moz-linear-gradient(bottom right, #9087ff, #7b5ff6); background-image: -o-linear-gradient(bottom right, #9087ff, #7b5ff6); background-image: linear-gradient(to bottom right, #9087ff, #7b5ff6); background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }
.section5 { background-image: url(../images/bg_section6.jpg); background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }

.media-pane { height: 100%; }
.media-pane:after { content: ""; display: block; clear: both; height: 0; }
.media-text { float: left; width: 648px; height: 100%; position: relative; }
.media-card { position: absolute; top: 50%; left: 0; padding-left: 50px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.media-imge { height: 100%; margin-left: 648px; position: relative; }
.media-imge a { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.media-imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.media-name { color: #ffffff; font-size: 36px; font-family: "SourceHanSansCN-Light"; line-height: 1.45; }
.media-name:after { content: ""; display: block; width: 50px; height: 2px; background-color: #ffffff; margin-top: 23px; }
.media-desc { color: #ffffff; font-size: 16px; line-height: 1.75; margin-top: 32px; }
.media-desc p { color: #ffffff; font-size: 16px; line-height: 1.75; }
.media-grid { margin-top: 52px; text-align: center; }
.media-grid:after { content: ""; display: block; clear: both; height: 0; }
.media-grid_item { float: left; min-width: 56px; margin-right: 46px; }
.media-grid_icon { display: block; width: 40px; height: 40px; margin: 0 auto; color: #ffffff; font-size: 40px; line-height: 40px; }
.media-grid_name { display: block; color: #ffffff; font-size: 14px; line-height: 2; margin-top: 8px; }
.media-ibtn { width: 220px; max-width: 220px; margin-top: 72px; }
.media-ibtn .shfont { font-size: 20px; margin-right: 8px; display: inline-block; vertical-align: -2px; }

.section:nth-child(2n) .media-text { float: right; }
.section:nth-child(2n) .media-card { padding-left: 0; padding-right: 50px; }
.section:nth-child(2n) .media-imge { margin-left: 0; margin-right: 648px; }

.section1 .media-imge a { width: 69.4962687%; margin-top: 1.6791045%; margin-left: 10.2611941%; padding-bottom: 50.6529851%; }

.section2 .media-imge a { width: 71.2686568%; margin-left: 11.1940299%; margin-bottom: 1.6791045%; padding-bottom: 58.1156717%; }

.section3 .media-imge a { width: 60.0746269%; margin-top: 3.358209%; margin-left: 22.5746269%; padding-bottom: 46.6417911%; }

.section4 .media-imge a { width: 60.0746269%; margin-top: 6.716418%; margin-left: 22.5746269%; padding-bottom: 46.6417911%; }

.section5 .media-imge a { width: 62.4067165%; margin-top: 4.6641792%; margin-left: 25.1865672%; padding-bottom: 44.4029851%; }

.block-pane { height: 100%; }
.block-pane .title { font-size: 36px;text-align: center;color: #fff; }
.block-pane .title:after { content: ""; display: block; width: 50px; height: 2px; margin: 30px auto 0; background-color: #fff; }
.block-card { position: absolute; top: 50%; left: 15px; right: 15px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.block-grid { width: 100%; margin-top: 80px; box-sizing: border-box; border: 1px solid #ffffff; }
.block-grid:after { content: ""; display: block; clear: both; height: 0; }
.block-grid_item { float: left; width: 25%; padding: 60px 0; text-align: center; box-sizing: border-box; border-left: 1px solid #fff; }
.block-grid_item:first-child { border-left: none; }
.block-grid_icon { width: 80px; height: 80px; margin: 0 auto; color: #ffffff; font-size: 80px; line-height: 1; }
.block-grid_name { color: #ffffff; font-size: 18px; margin-top: 31px; }
.block-ibtn { display: block; margin: 80px auto 0; }
.block-ibtn .shfont { font-size: 20px; margin-right: 8px; display: inline-block; vertical-align: -2px; }


.touch-view { height: 440px; padding-top: 720px; background: #000 url(../images/bg_map.jpg) no-repeat center top; position: relative; }
.touch-mark { position: absolute; top: 350px; left: 50%; width: 56px; height: 84px; margin-left: -38px; animation: bullet 1.2s ease-in-out both infinite; }
.touch-list { margin: 0 -1.4534883%; }
.touch-list:after { content: ""; display: block; clear: both; height: 0; }
.touch-card { float: left; height: 170px; width: 30.5084746%; padding: 1.6949153% 2.8248588%; margin: 0 1.4124294% 20px; background-color: #fff; box-sizing: border-box; position: relative; overflow: hidden; }
.touch-icon { display: block; width: 36px; height: 36px; line-height: 1; color: #999999; font-size: 36px; margin-top: 5px; }
.touch-name { color: #666666; font-size: 16px; line-height: 1.88; margin-top: 12px; }
.touch-main { color: #000000; font-size: 18px; line-height: 1.37; }
.touch-code { position: absolute; top: 50%; right: 0; width: 46.2962963%; margin-right: 9.2592593%; min-width: 190px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.touch-code_item { float: left; width: 40%; min-width: 75px; }
.touch-code_item dt { border: 1px solid #e8e8e8; line-height: 0; }
.touch-code_item dd { color: #000000; font-size: 14px; text-align: center; line-height: 1; margin-top: 12px; }
.touch-code_item:first-child { margin-right: 20%; }

.case-info { background-color: #ffffff; padding-bottom: 54px; }
.case-name { color: #000000; font-size: 36px; line-height: 3.17; padding-top: 20px; border-top: 1px solid #e8e8e8; }
.case-name:after { content: ""; display: block; width: 50px; height: 3px; margin-bottom: 30px; background-color: #ff4229; }
.case-title { color: #000000; font-size: 14px; line-height: 32px; }
.case-tags { padding: 10px 0; margin-right: 330px; }
.case-tags:after { content: ""; display: block; clear: both; height: 0; }
.case-tags_item { float: left; height: 32px; width: 120px; color: #252e3a; font-size: 14px; padding: 6px 10px; line-height: 20px; text-align: center; margin-right: 10px; border-radius: 16px; box-sizing: border-box; background-color: #f4f4f4; }
.case-link { position: absolute; z-index: 2; top: 60px; right: 15px; bottom: 0; width: 268px; text-align: right; border-left: 1px solid #e8e8e8; }
.case-link_item { width: 40px; height: 40px; padding: 8px; color: #666666; line-height: 40px; text-align: center; margin-left: 7px; border-radius: 50%; background: #f4f4f4; display: inline-block; vertical-align: top; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.case-link_item .shfont { font-size: 20px; }
.case-link_item:hover { color: #ffffff; background: #ff4229; }
.case-desc { color: #666666; font-size: 14px; line-height: 1.72; margin-top: 4px; margin-right: 330px; }
.case-desc p { color: #666666; font-size: 14px; line-height: 1.72; }
.case-idea { padding: 94px 0; background: url(../images/bg_case_idea.jpg) no-repeat center top; background-attachment: fixed; }
.case-idea_text { max-width: 1200px; color: #ffffff; font-size: 16px; text-align: center; line-height: 1.63; margin: 54px auto 0; padding-bottom: 27px; }
.case-idea_text p { color: #ffffff; font-size: 16px; }
.case-rule { text-align: center; padding-top: 74px; padding-bottom: 60px; background-color: #fff; }
.case-rule_list { margin-top: 82px; display: inline-block; vertical-align: top; }
.case-rule_item { float: left; margin: 0 25px; }
.case-rule_ring { display: block; width: 80px; height: 80px; border-radius: 50%; }
.case-rule_vals { display: block; color: #666666; font-size: 16px; margin-top: 20px; line-height: 12px; }
.case-show { padding-top: 194px; padding-bottom: 80px; background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i57uEXzM3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE5MjAgMjAwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkyMCAyMDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMjUyRTNBO30NCgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDIwMCAwLDEwMDAgMCwxMjAwIDE5MjAsMTAwMCAxOTIwLDIwMCAxOTIwLDAgCSIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMCwxMjAwIDAsMjAwMCAxOTIwLDIwMDAgMTkyMCwxMjAwIDE5MjAsMTAwMCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==) repeat-y center top/1920px auto; }
.case-show_wrap { margin: 0 auto; max-width: 1200px; padding-top: 50px; }
.case-show_wrap p { margin-top: 30px; }
.case-show_wrap img { display: block; width: 100%; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }
.case-liked { padding: 80px 0; text-align: center; background-color: #ffffff; }
.case-liked_ibtn { width: 80px; height: 80px; border: none; outline: none; border-radius: 50%; background-color: #ff4229; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.case-liked_ibtn .shfont { color: #ffffff; font-size: 20px; }
.case-liked_ibtn:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); background-color: #eb1b00; }
.case-liked_nums { display: block; color: #999999; font-size: 14px; line-height: 1; margin-top: 20px; }
.case-quick { height: 80px; max-width: 1920px; margin: 0 auto; border-top: 1px solid #e8e8e8; background-color: #ffffff; }
.case-quick:after { content: ""; display: block; clear: both; height: 0; }
.case-quick a { float: left; height: 100%; width: 33.3334%; line-height: 80px; text-align: center; border-left: 1px solid #e8e8e8; box-sizing: border-box; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.case-quick svg { width: 20px; height: 12px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.case-quick .shfont { display: block; color: #666666; font-size: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.case-quick a:first-child { border-left: none; }
.case-quick a:hover { background-color: #ff4229; }
.case-quick a:hover svg { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.case-quick a:hover path { fill: #ffffff; }
.case-quick a:hover .shfont { color: #ffffff; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.case-touch { padding-top: 80px; padding-bottom: 80px; position: relative; }
.case-form { height: 760px; padding: 3.4883721%; padding-right: 550px; background-color: #ffffff; box-sizing: border-box; }
.case-form .title { text-align: left; }
.case-form .title-sub { text-align: left; margin-bottom: 50px; }
.case-poster { position: absolute; top: 80px; right: 0; width: 450px; height: 100%; }
.case-poster a { display: block; height: 100%; overflow: hidden; }

.form-line { min-height: 44px; margin-bottom: 36px; border-bottom: 1px solid #e8e8e8; position: relative; }
.form-label { position: absolute; top: 0; left: 0; color: #666666; font-size: 14px; line-height: 44px; opacity: 0.7; }
.form-input { display: block; border: none; outline: none; width: 100%; color: #000000; line-height: 24px; padding: 10px 0; padding-left: 84px; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-texts { color: #000000; width: 100%; height: 124px; border: none; outline: none; padding: 10px 0; padding-top: 44px; resize: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bgcolor { background-color: #f4f4f4 !important; }




}


@media screen and (max-width: 960px) and (min-width: 0px){
	/* COMMON MEDIA */
	@media all and (min-width:320px){html{font-size:32px}}@media all and (min-width:360px){html{font-size:36px}}@media all and (min-width:375px){html{font-size:37.5px}}@media all and (min-width:384px){html{font-size:38.4px}}@media all and (min-width:412px){html{font-size:41.2px}}@media all and (min-width:414px){html{font-size:41.4px}}@media all and (min-width:480px){html{font-size:48px}}
	
	/* COMMON RESET */
	*{-webkit-box-sizing:border-box;box-sizing:border-box}input,button,textarea,select{vertical-align:middle;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input[type="radio"],input[type="checkbox"]{-webkit-appearance:none;appearance:none;margin:0;background-color:transparent;border:none;outline:none}body,p,form,blockquote{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}dl,dd,ul,ol,li{margin:0;padding-left:0;list-style-type:none}em,i{font-style:normal}img{border:0;max-width:100%}a{font-size:inherit;text-decoration:none}::-webkit-input-placeholder{color:#b2b2b2}::-moz-input-placeholder{color:#b2b2b2}:-moz-input-placeholder{color:#b2b2b2}::-o-input-placeholder{color:#b2b2b2}:focus{outline:0}
	
	/* COMMON LIBRARY */
	.fl{float:left}.fr{float:right}.full{width:100%;height:100%}.line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link{display:-webkit-flex;display:flex;height:100%;position:relative;align-items:center;justify-content:flex-start}.line2{display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.split{position:relative}.split::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#efeff4;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
	
	
	body { color: #333; font-size: 12px; line-height: 1.5;-webkit-text-size-adjust: none; overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }
	
	@-webkit-keyframes updown {
	  0% { -webkit-transform: translateY(0.16rem); transform: translateY(0.16rem); }
	  60% { -webkit-transform: translateY(-0.16rem); transform: translateY(-0.16rem); }
	  100% { -webkit-transform: translateY(0.16rem); transform: translateY(0.16rem); }
	}
	
	@keyframes updown {
	  0% { -webkit-transform: translateY(0.16rem); transform: translateY(0.16rem); }
	  60% { -webkit-transform: translateY(-0.16rem); transform: translateY(-0.16rem); }
	  100% { -webkit-transform: translateY(0.16rem); transform: translateY(0.16rem); }
	}
	body { font-size: 0.426667rem; background-color: #f4f4f4; }
	.computer{display: none;}
	.mobile{display: block;}
	.content { padding-top: 0; padding-bottom: 1.36rem; }
	.sh-col-4 { float: left; width: 33.333334%; }
	.sh-col-6 { float: left; width: 50%; }
	.sh-col-12 { float: left; width: 100%; }
	.sh-row::after { content: ""; display: block; clear: both; height: 0; }
		
		
	.title-wrap { text-align: center; padding: 0 0.4rem; }
	.title-main { color: #1c1c1e; font-size: 0.426667rem; font-weight: 500; line-height: 0.72rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.title-info { color: #666666; font-size: 0.32rem; line-height: 0.52rem; }
	.title-twin { line-height: 1; text-align: center; padding: 0 0.4rem; }
	.title-twin_en { color: #1c1c1e; font-size: 0.48rem; text-transform: uppercase; font-weight: 500; }
	.title-twin_cn { color: #1c1c1e; font-size: 0.426667rem; margin-top: 0; }
	.title-twin_ln { display: block; width: 0.666667rem; height: 2px; margin: 0.4rem auto 0; background-color: #f67524; }
	.title-white .title-main { color: #ffffff; }
	.title-white .title-info { color: #ffffff; }
	.title-white .title-twin_en { color: #ffffff; }
	.title-white .title-twin_cn { color: #ffffff; }
	.title-recmd { color: #1c1c1e; font-size: 0.64rem; text-align: center; line-height: 1; padding: 0.8rem 0 0.4rem; background-color: #ffffff; }
	.title-recmd:after { content: ""; display: block; width: 0.8rem; height: 1px; background: #f67524; margin: 0.48rem auto 0; }
	.about-title { line-height: 1; text-align: center; padding: 0 0.4rem; }
	.about-title_en{color: #1c1c1e; font-size: 0.48rem; text-transform: uppercase; font-weight: 500;line-height: 1; }
	.about-title_cn { color: #1c1c1e; font-size: 0.426667rem; margin-top: 0.333334rem; line-height: 1;}
	
	
	.card { padding: 0.72rem 0.48rem; background-color: #ffffff; }
	.card-icon { display: block; width: 1.066667rem; height: 1.066667rem; color: #666666; font-size: 1.066667rem; text-align: center; line-height: 1; margin: 0.08rem auto 0; }
	.card-name { color: #1c1c1e; font-size: 0.4rem; text-align: center; line-height: 0.613334rem; margin-top: 0.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.card-name::after { content: ""; display: block; width: 0.666667rem; height: 2px; background: #f67524; }
	.card-name::after { margin: 0.4rem auto 0; }
	.card-desc { height: 6em; color: #999999; font-size: 0.32rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; margin-top: 0.44rem; }
	
	.data-pane { position: absolute; top: 50%; left: 0; display: -webkit-flex; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.data-card { width: 50%; text-align: center; padding: 0.54rem 0.4rem; }
	.data-nums { color: #ffffff; font-size: 1.2rem; line-height: 0.893334rem;font-weight: 300; }
	.data-text { color: #ffffff; font-size: 0.32rem; line-height: 1; margin-top: 0.186667rem; }



	.about-data { padding-bottom: 113.3333334%; background: url(../images/about_data.jpg) no-repeat center top/100% auto; background-attachment: fixed; position: relative; }
	.about-data_upon { left: 50%; bottom: 0; width: 6%; margin-bottom: 4%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 4.8%; position: absolute; overflow: hidden; }
	.about-data_upon img { position: absolute; top: 0; left: 0; width: 100%; }
	
	.about-info { text-align: center; background-color: #ffffff; padding: 0.733334rem 0.4rem 0.8rem; }
	.about-info_tips { color: #f67524; font-size: 0.48rem; line-height: 0.586667rem; margin-top: 0.72rem; }
	.about-info_text { text-align:left;color: #1c1c1e; font-size: 0.32rem; line-height: 1.5; padding-top: 0.2rem;margin-left: 0;padding-left: 0; }
	.about-info_text p { color: #1c1c1e; font-size: 0.373334rem; margin-top: 0.44rem; }
	
	.about-goal { padding-top: 1.24rem; padding-bottom: 1.933334rem; background-image: url(../images/about_goal.jpg); -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; position: relative;background-attachment:initial;height: auto; }
	.about-goal_text { text-align: center; padding: 0 0.4rem; padding-top: 22.9333334%; position: relative; }
	.about-goal_text p { color: #ffffff; font-size: 0.32rem; line-height: 0.426667rem; font-weight: lighter; }
	.about-goal_text h3 { color: #ffffff; font-size: 0.48rem; line-height: 0.666667rem; font-weight: lighter; }
	.about-goal_text::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; margin-top: 8%; padding-bottom: 8%; background-color: #ffffff;height: auto; }

	.about-idea { background-color: #ffffff; }
	.about-idea_text { padding: 0.733334rem 0.4rem 0; width: 100%;}
	.about-idea_desc { color: #1c1c1e; font-size: 0.373334rem; text-align: center; line-height: 1.5; margin-top: 0.68rem;padding-top: 0; }
	.about-idea_desc p { color: #1c1c1e; font-size: 0.373334rem; }
	.about-idea_imge { margin-top: 0.72rem; padding-bottom: 53.3333334%; position: relative; overflow: hidden;width: 100%; }
	.about-idea_imge img { position: absolute; top: 0; left: 0; width: 100%; }
	.about-idea_desc:before{display: none;}
	.service{ padding: 0.733334rem 0.4rem 0; width: 100%;}
	.service .tab li .icon2, .service .tab li .icon1{background-size:70px 70px;margin-top: 10px;}
	.service .tab li.on .icon1 img,.service .tab li .icon1 img,.service .tab li.on .icon1 img{max-width: 70px;margin-top: 15px;}
	.service .tab,.service .tabBox{width:100%;margin-top: 30px;}
	.service .tab li .number{font-size: 34px;margin-top: 0;}
	.service .tab li .text{font-size: 14px;height: auto;line-height: auto;}
	.service .tab li{height: auto;}
	.service .tabBox .tit{font-size: 30px;}
	.service .tabBox .txt p{font-size: 16px;}
	
	
	.about-user { padding: 0.733334rem 0.4rem 0.8rem 0; background-color: #ffffff; }
	.about-user_pane { padding-top: 0.4rem; }
	.about-user_pane a { display: block; margin-left: 0.4rem; margin-top: 0.4rem; background-color: #f4f4f4; padding-bottom: 44%; position: relative; overflow: hidden; }
	.about-user_pane a img { position: absolute; top: 0; left: 0; width: 100%; }
	
	#fp-nav{display: none;}
	.serve { width: 100%; height: 100%; }
	.serve .swiper-wrapper { height: 100%; }
	.serve .swiper-slide { height: 100%; }
	
	.section1 { background-image: url(../images/bg_section1.jpg); background-image: -webkit-linear-gradient(left top, #252e3a, #1c1c1e); background-image: linear-gradient(to bottom right, #252e3a, #1c1c1e); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; }
	.section2 { background-image: url(../images/bg_section2.jpg); background-image: -webkit-linear-gradient(left top, #38b1fd, #4d80ff); background-image: linear-gradient(to bottom right, #38b1fd, #4d80ff); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; }
	.section3 { background-image: url(../images/bg_section5.jpg); background-image: -webkit-linear-gradient(left top, #ffaf56, #f77b55); background-image: linear-gradient(to bottom right, #ffaf56, #f77b55); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; }

	
	
	
	
	.section4 { background-image: url(../images/bg_section4.jpg); background-image: -webkit-linear-gradient(left top, #9087ff, #7b5ff6); background-image: linear-gradient(to bottom right, #9087ff, #7b5ff6); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; }
	.section5 { background-image: url(../images/bg_section5.jpg); background-image: -webkit-linear-gradient(left top, #ffaf56, #f77b55); background-image: linear-gradient(to bottom right, #ffaf56, #f77b55); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; }
	.section6 { background-image: url(../images/bg_section6.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; }
	
	.media-pane { height: 100%; padding: 0.4rem; position: relative; }
	.media-text { text-align: center; padding-top: 1.48rem; position: relative; z-index: 3; width: 100%; height: auto;  }
	.media-name { visibility: hidden; color: #ffffff; font-size: 0.48rem; line-height: 1.45; }
	.media-name::after { content: ""; display: block; width: 0.666667rem; height: 2px; background: #ffffff; }
	.media-name:after { margin: 0.266667rem auto 0; }
	.media-desc { visibility: hidden; color: #ffffff; font-size: 0.32rem; line-height: 1.5; margin-top: 0.44rem; }
	.media-desc p { color: #ffffff; font-size: 0.32rem; }
	.media-grid { display: -webkit-flex; display: flex; text-align: center; align-items: center; justify-content: center; margin-top: 0.4rem; }
	.media-grid_item { visibility: hidden; padding: 0 0.32rem; min-width: 1.92rem; }
	.media-grid_icon { display: block; width: 0.8rem; height: 0.8rem; color: #ffffff; font-size: 0.8rem!important; margin: 0 auto; line-height: 0.8rem; }
	.media-grid_name { display: block; color: #ffffff; font-size: 0.32rem; white-space: nowrap; line-height: 1; margin-top: 0.16rem; }
	.media-ibtn { visibility: hidden; width: 3.466667rem; max-width: 3.466667rem; margin-top: 0.68rem; color: #ffffff; font-size: 0.32rem; }
	.media-ibtn .shfont { font-size: 0.426667rem; margin-right: 0.266667rem; display: inline-block; vertical-align: middle; }
	.media-imge { visibility: hidden; position: absolute; z-index: 1; left: 0;  width: 100%; margin-top: 12%; }
	.media-imge a { display: block; position: relative; }
	.media-imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
	
	.section1 .media-imge a { margin: 0 auto; width: 80%; padding-bottom: 58.4%; }
	
	.section2 .media-imge a { margin: 0 auto; width: 80%; padding-bottom: 65.2%; }
	
	.section3 .media-imge a { margin: 0 auto; width: 77.8666667%; padding-bottom: 63.7333334%; }
	
	.section4 .media-imge a { width: 70.4%; margin-left: 5.6%; padding-bottom: 72.1333334%; }
	
	.section5 .media-imge a { margin: 0 auto; width: 80%; padding-bottom: 56.9333334%; }
	
	.serve .active .media-name { visibility: visible; -webkit-animation: fadeInDown 1s 0.3s both; animation: fadeInDown 1s 0.3s both; }
	.serve .active .media-desc { visibility: visible; -webkit-animation: fadeInDown 1s both; animation: fadeInDown 1s both; }
	.serve .active .media-ibtn { visibility: visible; -webkit-animation: fadeInUp 1s both; animation: fadeInUp 1s both; }
	.serve .active .media-imge { visibility: visible; -webkit-animation: fadeInUp 1s 0.5s both; animation: fadeInUp 1s 0.5s both; }
	.serve .active .media-grid_item { visibility: visible; -webkit-animation: zoomIn 1s 0.3s both; animation: zoomIn 1s 0.3s both; }
	.serve .active .block-name { visibility: visible; -webkit-animation: fadeInDown 1s both; animation: fadeInDown 1s both; }
	.serve .active .block-grid { visibility: visible; -webkit-animation: zoomIn 1s 0.3s both; animation: zoomIn 1s 0.3s both; }
	.serve .active .block-ibtn { visibility: visible; -webkit-animation: fadeInUp 1s both; animation: fadeInUp 1s both; }
	
	.block-pane { height: 100%; padding: 0.4rem; text-align: center; position: relative; }
	.block-name { visibility: hidden; color: #ffffff; font-size: 0.48rem; line-height: 1.45; padding-top: 0.52rem; }
	.block-name::after { content: ""; display: block; width: 0.666667rem; height: 2px; background: #ffffff; }
	.block-name:after { margin: 0.266667rem auto 0; }
	.block-grid { visibility: hidden; display: -webkit-flex; display: flex; width: 100%; flex-wrap: wrap; margin-top: 0.8rem; border: 1px solid #ffffff; border-width: 1px 0 0 1px; justify-content: flex-start; }
	.block-grid_item { width: 50%; padding: 0.8rem 0; text-align: center; border: 1px solid #fff; border-width: 0 1px 1px 0; }
	.block-grid_item:first-child { border-left: none; }
	.block-grid_icon { width: 1.066667rem; height: 1.066667rem; margin: 0 auto; color: #ffffff; font-size: 1.066667rem; line-height: 1; }
	.block-grid_name { color: #ffffff; font-size: 0.32rem; line-height: 1; margin-top: 0.24rem; }
	.block-ibtn { visibility: hidden; display: block; width: 3.466667rem; max-width: 3.466667rem; margin: 0.8rem auto 0; }
	.block-ibtn .shfont { font-size: 0.426667rem; margin-right: 0.24rem; display: inline-block; vertical-align: middle; }
	
	.home-form { padding: 0.64rem 0 0.8rem; background: url(../images/bg_home_form.jpg) no-repeat center top/100% auto; }
	.home-form_pane { padding: 0 0.4rem; margin-top: 0.72rem; }



	.touch-mapd { padding-bottom: 66.6666667%; position: relative; overflow: hidden; }
	.touch-mapd img { position: absolute; top: 0; left: 0; width: 100%; }
	.touch-mapd a { position: absolute; top: 0; left: 50%; width: 7.4666667%; margin-top: 25.6%; padding-bottom: 11.2%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(../images/ico-locate.png) no-repeat center/100%; }
	.touch-ways { padding-top: 0.733334rem; padding-bottom: 0.6rem; }
	.touch-ways_text { color: #1c1c1e; font-size: 0.346667rem; line-height: 0.48rem; padding: 0.6rem 0.4rem 0; }
	.touch-ways_text p { display: -webkit-flex; display: flex; padding: 0.2rem 0; justify-content: flex-start; }
	.touch-ways_text .shfont { display: block; color: #999999; font-size: 0.48rem; margin-right: 0.24rem; }
	.touch-form { background-color: #ffffff; padding: 0.733334rem 0.4rem 0.8rem; }
	.touch-form .form-card { margin-top: 0.8rem; }
	.touch-form .form-label { color: #999999; }
	.touch-form .form-input { color: #1c1c1e; }
	.touch-form .form-texts { color: #1c1c1e; }

	.form-card { position: relative; }
	.form-item { display: -webkit-flex; display: flex; min-height: 0.933334rem; line-height: 0.4rem; align-items: flex-start; justify-content: flex-start; margin-bottom: 0.266667rem; position: relative; }
	.form-item::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #e8e8e8; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
	.form-item:last-child { margin-bottom: 0; }
	.form-item:last-child::before { display: none; }
	.form-ibtn { margin-top: 0.533334rem; }
	.form-label { display: block; width: 1.76rem; color: #ffffff; font-size: 0.32rem; white-space: nowrap; padding: 0.266667rem 0; flex-shrink: 0; opacity: 0.7; }
	.form-input { display: block; width: 100%; height: 0.933334rem; color: #ffffff; font-size: 0.32rem; border: none; outline: none; background: none; padding: 0.266667rem 0; }
	.form-texts { display: block; width: 100%; height: 2.4rem; color: #ffffff; font-size: 0.32rem; border: none; outline: none; background: none; padding: 0.266667rem 0; }

}


.o_ban_con{ overflow:hidden; position:relative;}
.o_ban{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation: SlickIn cubic-bezier(1,0,.5,.5) 1s;animation: SlickIn cubic-bezier(1,0,.5,.5) 1s; min-height:220px;}
.o_ban img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_ban_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_ban_con .cons .wrap2{ height:100%; display:table; position:relative; }
.o_ban_con .h2{ font-weight:normal; display:table-cell; vertical-align:middle; color:#cccccc; text-align:center; font-size:16px;}
.o_ban_con.bgs2 .h2{ vertical-align:bottom; text-align:left;}
.o_ban_con .h2 span{ display:block; overflow:hidden;  position:relative; margin-bottom:0.8%; color:#fff;}
.o_ban_con.bgs2 .h2 span{padding-bottom:3.5%;margin-top:1%; margin-bottom:0;}
.o_ban_con .h2:after { content: ""; display: block; width: 50px; height: 1px; margin: 20px auto 0; background-color: #ffffff; }
.o_ban_con.bgs2 .h2:after { display: none; }
.o_ban_con .txts_r{ position:absolute; bottom:12%; right:0;}
/*.o_ban_con .txts_r.solution{ bottom:18%;}*/
.o_ban_con .txts_r a{ float:left; width:52px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; overflow:hidden; margin-left:20px; position:relative;}
.o_ban_con .txts_r a.bgs1{ background-image:url(../images/case_ico1.png);}
.o_ban_con .txts_r a.bgs2{ background-image:url(../images/solution_ico1.png);}
.o_ban_con .txts_r a:after{content: ""; left:50%; top:50%; width:0px; height:0px; position: absolute;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center; border-radius:50%; background-color:#fff;}
.o_ban_con .txts_r a:hover:after{ background-size:100% 100%; width:100%; height:100%;left:0%; top:0%;}
.o_ban_con .txts_r a.bgs1:after{ background-image:url(../images/case_ico1_on.png);}
.o_ban_con .txts_r a.bgs2:after{ background-image:url(../images/solution_ico1_on.png);}


.case_a{overflow:hidden; padding-top:2%; padding-bottom:2%; border-bottom:1px solid #e0e0e0; font-size:18px;}
.case_a ul li{ float:left;height:30px; line-height:30px;overflow:hidden; margin-right:3%;}
.case_a ul li:last-child{ margin-right:0;}
.case_a ul li a{ display:block; position:relative; padding-left:40px; color:#666666;}
.case_a ul li a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:2px; width:0px; background:#000;transition:all 0.3s;}
.case_a ul li a:hover{ color:#000;}
.case_a ul li a:hover:before{ width:20px;}
.case_a ul li.osel a{color:#000;}
.case_a ul li.osel a:before{ width:20px;}
.case_list{  overflow:hidden; min-height:500px;margin-top:3%;}
.case_list ul li{width: 25%; float: left;}
.case_list ul li:nth-child(4n+1){ clear:both;float:left;}
.case_list ul li .pic{width: 100%; /*height: 360px;*/ /*padding-top: 65%;*/ overflow: hidden; position: relative; z-index: 1;}
.case_list ul li .pic img{width: 100%; /*max-height: 100%;*/ display: block; /*position: absolute; left: 0; right: 0; top: 0; bottom: 0; */z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.case_list ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.65); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.case_list ul li:hover .bg{visibility: visible; opacity: 1;}
.case_list ul li .bg img{ position:absolute;max-width: 80%; max-height: 80%; width: auto; left:50%; top: 60%; transform: translate(-50%, -50%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.case_list ul li:hover .bg img{ top:50%;}
.case_list ul li .tit{background-color: #fff; padding: 15px 50px 13px 24px; position: relative; z-index: 1;}
.case_list ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #ff4229; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.case_list ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.case_list ul li h2{font-size: 18px; font-weight: bold; color: #222222; line-height:50px; height:50px; overflow:hidden;}
.case_list ul li:hover h2{color: #fff;}
.case_list ul li .icon{width: 23px; height: 23px; background:url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10; background-size:100% 100%;}
.case_list ul li:hover .icon{background-image:url(../images/case_more_h.png);}
.case_more{ display:block; margin:0 auto; margin-top:4%; margin-bottom:4%; background:url(../images/i_bg2.png) #000000 88% center no-repeat; color:#fff; padding-left:30px; width:210px; font-size:18px; height:70px; line-height:70px;transition:all 0.3s;}
.case_more:Hover{ color:#fff; background-color:#ff4229;}


/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:20px; padding-bottom:40px; clear:both;}
.yema a{ display:inline-block; height:22px; line-height:22px;overflow:hidden; margin-right:12px;  text-align:center; color:#666666;}
.yema a:hover{ text-decoration:none; color:#000000; text-decoration:underline;}
.yema a.on{color:#000; text-decoration:underline;}
.yema a.Prev,.yema a.next{ }
.yema a.Prev:hover,.yema a.next:hover{}


/*案例详细*/
.case_bg{ background:#f4f4f4; overflow:hidden; padding-top:4.5%; padding-bottom:4.5%;}
.case_one{ background:#fff; overflow:hidden; padding:2.8%;}
.case_one .case_desc{ float:left;width:calc(100% - 170px);width:-webkit-calc(100% - 170px);width:-moz-calc(100% - 170px); max-width:1000px;}
.case_one .case_t{line-height:1.3; color:#000000;font-weight:normal;margin-bottom:1.8%;}
.case_one .txts{line-height:1.7;font-size:16px; overflow:hidden; color:#000000; }
.case_one .case_ico{ float:right; width:148px; position:relative;}
.case_con{line-height:1.7;font-size:16px; overflow:hidden; padding-left:2%; padding-right:2%;padding-top:6%; padding-bottom:6%; clear:both; background:#fff; margin-top:4.5%;}
.case_con img{ display:block; margin:0 auto; max-width:100%; margin-bottom:1.5%;}
.case_page{ overflow:hidden;  background:#fff; padding-bottom:2%;padding-left: 2%;padding-right: 2%;}
.case_page .wrap{position:relative;}
.case_page .goback{ display:block; max-width:178px; margin:0 auto; height:54px; line-height:54px; margin-top:13px; margin-bottom:13px; overflow:hidden; text-align:center; font-size:16px; border:1px solid #aaaaaa;transition:all 0.3s;}
.case_page .goback:hover{ border-color:#ff4229;}
.case_page .goback span{ display:inline-block; padding-left:28px; background:url(../images/case_bg3.png) left center no-repeat;transition:all 0.3s; color:#000;}
.case_page .goback:hover span{ background-image:url(../images/case_bg3_on.png);color: #ff4229;}
.case_page .cpage{ position:absolute; line-height:80px; height:80px; overflow:hidden; color:#000; font-size:16px; background-repeat:no-repeat; top:0;  max-width:30%;text-overflow: ellipsis;white-space: nowrap;}
.case_page .cpage:hover{color: #ff4229}
.case_page .cpage.cprev{ left:0; background-position:left center; background-image:url(../images/case_bg2.png); padding-left:33px;transition:all 0.3s;}
.case_page .cpage.cprev:hover{ background-image:url(../images/case_bg2_on.png);}
.case_page .cpage.cnext{ right:0; background-position:right center; background-image:url(../images/i_bg3.png); padding-right:33px;}
.case_page .cpage.cnext:hover{ background-image:url(../images/i_bg3_on.png);}

/*解决方案列表*/
.solution_ul{  margin-top:4%; margin-bottom:2%; overflow:hidden;}
.solution_ul ul li{ float:left; margin-right:3%; width:31.33%; overflow:hidden; margin-bottom:3%;display:block; padding-bottom:2%; position:relative;}
.solution_ul ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e5e5e5;}
.solution_ul ul li:after{ content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#ff4229;transition:all 0.3s;}
.solution_ul ul li:nth-child(3n+0){ margin-right:0;}
.solution_ul ul li .imgs{ overflow:hidden;}
.solution_ul ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; -webkit-filter1: grayscale(100%); -moz-filter1: grayscale(100%); -ms-filter1: grayscale(100%);-o-filter1: grayscale(100%); filter1: grayscale(100%); filter1: gray;}
.solution_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.solution_ul ul li .txts{ overflow:hidden; color:#000000;}
.solution_ul ul li .txts h2{height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal; margin-bottom:2%;margin-top:5%; transition:all 0.3s;}
.solution_ul ul li .txts .p{  font-size:16px;  overflow:hidden; transition:all 0.3s; height:48px; line-height:24px; display:block; position:relative;}
.solution_ul ul li .mores{ font-size:16px; display:inline-block; line-height:30px; height:30px; padding-right:24px;overflow:hidden;background:url(../images/i_bg3.png) right center no-repeat;  color:#000;transition:all 0.3s;margin-top:6%;clear:both; overflow:hidden;}
.solution_ul ul li .mores label{ display:block; overflow:hidden; width:0;}
.solution_ul ul li:hover:after{ width:100%;}
.solution_ul ul li:hover .mores{ padding-right:46px; width:auto; background-image:url(../images/i_bg3_on.png); color:#ff4229;}
.solution_ul ul li:hover .mores label{ width:auto; }
.solution_ul ul li .mores:hover{ margin-left:5px;}
/*解决方案详细*/
.solution_con{line-height:1.7;font-size:16px; overflow:hidden; padding-top:5%; padding-bottom:5%; border-bottom:1px solid #dadada;}
.solution_con img{ max-width:100%;}
.solution_con .h4{ font-weight:normal; margin-bottom:0.7%;}
.solution_t{ font-weight:normal; color:#000; margin-top:4%; margin-bottom:2.5%; overflow:hidden;}

.news_ul2{  margin-top:4%; overflow:hidden;}
.news_ul2 ul li{ float:left; margin-right:3%; width:45%; overflow:hidden; margin-bottom:3%;display:block; padding-bottom:1.5%; position:relative;}
.news_ul2 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e5e5e5;}
.news_ul2 ul li:after{ content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#ff4229;transition:all 0.3s;}
.news_ul222222222 ul li:nth-child(3n+0){ margin-right:0;}
.news_ul2 ul li .imgs{ overflow:hidden;}
.news_ul2 ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.news_ul2 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.news_ul2 ul li .txts{ overflow:hidden;font-size:16px;}
.news_ul2 ul li .txts .date{ overflow:hidden; height:24px; line-height:24px; margin-top:6%;  color:#666666;}
.news_ul2 ul li .txts .h2{height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal;margin-top:2%; transition:all 0.3s; color:#000000;}
.news_ul2 ul li .txts .p{  overflow:hidden; transition:all 0.3s; height:48px; line-height:24px; display:block; position:relative;color: #666;}
.news_ul2 ul li .mores{  display:inline-block; line-height:30px; height:30px; padding-right:24px;overflow:hidden;background:url(../images/i_bg3.png) right center no-repeat;  color:#000;transition:all 0.3s;margin-top:5%;clear:both; overflow:hidden;}
.news_ul2 ul li .mores label{ display:block; overflow:hidden; width:0;}
.news_ul2 ul li:hover:after{ width:100%;}
.news_ul2 ul li:hover .mores{ padding-right:46px; width:auto; background-image:url(../images/i_bg3_on.png); color:#ff4229;}
.news_ul2 ul li:hover .mores label{ width:auto; }
.news_ul2 ul li .mores:hover{ margin-left:5px;}
.news_ul2 ul li:hover .txts .h2{ color:#ff4229;}


/*新闻详细*/
.news_con{line-height:36px;font-size:18px; overflow:hidden; padding-top:4.5%; padding-bottom:4.5%;}
.news_con img{ max-width:100%;}
/*分享3*/
.news_share{ text-align:center; padding-bottom:4%;background-color: #fff;}
.news_share ul li{ display:inline-block;width:58px; height:58px; margin-left:17px; margin-right:17px; }
.news_share ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}
.news_share ul li a:hover{/*filter: Alpha(Opacity=60);opacity: 0.6;*/}
.news_share ul li a:after{content: ""; position:absolute; width:100%; height:100%;left:0%; top:0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center; border-radius:50%;}
.news_share ul li a:hover:after{ background-size:100% 100%; background-color:#000;}
.news_share ul li.weixin a{ background:url(../images/news_pic2.png) center center no-repeat;background-size:100% 100%;}
.news_share ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;}
.news_share ul li.weixin a:after{ background-image:url(../images/news_pic2_on.png);}
.news_share ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 20px; padding-bottom:20px; position: absolute; margin-left:-72px;margin-top: -203px; background-image: url(../images/ewm.png);background-repeat: no-repeat;}
.news_share ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;}
.news_share ul li.weixin a:hover .wem1{ display:block;}
.news_share ul li.tqq a{ background:url(../images/news_pic4.png) no-repeat;background-size:100% 100%;}
.news_share ul li.tqq a:after{ background-image:url(../images/news_pic4_on.png);}
.news_share ul li.tqq a.bds_sqq{ width:58px; padding:0;}
.news_share ul li.qq a{ background:url(../images/news_pic1.png) no-repeat;background-size:100% 100%;}
.news_share ul li.qq a:after{ background-image:url(../images/news_pic1_on.png);}
.news_share ul li.qq a.bds_sqq{ width:58px; padding:0;}
.news_share .bdshare-button-style0-24{ height:100%;}
.news_share ul li.sinna a.bds_tsina{ background:url(../images/news_pic3.png) left top no-repeat; width:58px; padding:0;background-size:100% 100%;}
.news_share ul li.sinna a.bds_tsina:after{ background-image:url(../images/news_pic3_on.png);}



@media screen and (max-width:1200px) {
.o_ban_con .h2{ font-size:15px;}
/*我们的案例作品*/
.case_list ul li{width: 33.333%;}
.case_list ul li:nth-child(4n+1){ clear:none;float:left;}
.case_list ul li:nth-child(3n+1){ clear:both;float:left;}
}
@media screen and (max-width:1000px) {
/*我们的案例作品*/
.case_a{ font-size:16px;}
}
@media screen and (max-width:960px) {
/*内页*/
.o_ban_con .h2{ font-size:14px;}

/*我们的案例作品*/
.case_a ul li a{ padding-left:35px;}
.case_list{ margin-top:3.5%;}
.case_list ul li h2{font-size: 16px; height:40px; line-height:40px;}
.case_more{font-size:16px; height:50px; line-height:50px; width:160px;}
/*案例详细*/
.case_one .txts{ line-height:1.6; font-size:14px;}
.case_con{ line-height:1.6; font-size:14px;}
.case_page .goback{ font-size:14px;}
.case_page .cpage{ font-size:14px;}
/*解决方案列表*/
.solution_ul ul li{ margin-right:2%; width:32%; margin-bottom:2%;}
.solution_ul ul li .txts h2{ font-size:16px;}
.solution_ul ul li .txts .p{  font-size:14px;}
.solution_ul ul li .mores{  font-size:14px;}
.solution_ul ul li:hover .mores{ padding-right:36px;}
/*解决方案详细*/
.solution_con{line-height:1.6; font-size:14px;}
/*新闻详细*/
.news_con{ line-height:30px; font-size:16px;}
/*分享3*/
.news_share ul li{ margin-left:2%; margin-right:2%;}
/*新闻有图列表*/
.news_ul2 ul li{ margin-right:2%; width:32%; margin-bottom:2%;}
.news_ul2 ul li .txts .h2{ font-size:16px;}
.news_ul2 ul li .txts{font-size:14px;}
.news_ul2 ul li:hover .mores{ padding-right:36px;}

}
@media screen and (max-width: 830px) {
	/*解决方案列表*/
	.solution_ul ul li{ width:49%;}
	.solution_ul ul li:nth-child(3n+0){ margin-right:2%;}
	.solution_ul ul li:nth-child(2n+0){ margin-right:0;}
	/*新闻详细*/
	.news_con{ line-height:28px; font-size:15px;}
	/*新闻有图列表*/
	.news_ul2 ul li{ width:99%;}
	.news_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
	.news_ul2 ul li:nth-child(2n+0){ margin-right:0;}
}




@media screen and (max-width: 780px) {
/*我们的案例作品*/
.case_list ul li{width: 50%;}
.case_list ul li:nth-child(3n+1){ clear:none;float:left;}
.case_list ul li:nth-child(2n+1){ clear:both;float:left;}
.case_list ul li .tit{padding: 10px 40px 10px 10px;}
.case_list ul li .icon{right: 10px;}
.case_list ul li .bg img{max-height: 80px;}
.case_more{ width:140px; height:42px; line-height:42px; font-size:15px;}
/*案例详细*/
.case_page{ padding-bottom:0;}
.case_page .wrap{ width:100%;}
.case_page .goback{ max-width:none; height:46px; line-height:46px; margin-bottom:50px; background-color:#f4f4f4; margin-top:0; border:0;}
.case_page .cpage{ height:46px; line-height:46px; top:46px; max-width:46%;}
.case_page .cpage.cprev{ left:2%;}
.case_page .cpage.cnext{ right:2%;}
}
@media screen and (max-width: 640px) {
/*内页*/
.o_ban_con .h2{ font-size:13px;}
.o_ban_con .txts_r a{ width:42px; height:42px;}
/*分页*/
.yema{ text-align:center; padding-top:30px;}
/*解决方案列表*/
.solution_ul ul li .txts h2{ font-size:15px;}
.solution_ul ul li .txts .p{ font-size:13px; line-height:22px; height:44px;}
.solution_ul ul li .mores{  font-size:13px;}
/*解决方案详细*/
.solution_con{ font-size:13px;}


/*解决方案详细*/
.solution_con{ font-size:13px;}
/*我们的案例作品*/
.case_list{ margin-top:4%;}
.case_list ul li h2{font-size: 15px;}
.case_list ul li .icon{ width:20px; height:20px; margin-top:-10px;}
/*案例详细*/
.case_one .case_desc{width: calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px);}
.case_one .txts{ font-size:13px;}
.case_one .case_ico{ width:140px;}
.case_con{ font-size:13px;}
/*新闻详细*/
.news_con{ line-height:26px; font-size:14px;}
/*分享3*/
.news_share ul li{ width:42px; height:42px;}
.news_share ul li.sinna a.bds_tsina{ width:42px;}
/*新闻有图列表*/
.news_ul2 ul li .txts{ font-size:13px;}
.news_ul2 ul li .txts .date{ line-height:22px; height:22px;}
.news_ul2 ul li .txts .h2{ font-size:15px;}


}

@media screen and (max-width: 480px) {
/*内页*/
.o_ban_con .h2{ font-size:12px;}
.o_ban_con .h2 span{ margin-top:5%;}
.o_ban_con.bgs2 .h2 span{ padding-bottom:8%;}


/*我们的案例作品*/
.case_a{ font-size:15px;}
.case_a ul li a{ padding-left:30px;}
.case_list ul li h2{font-size: 14px; height:28px; line-height:28px;}
.case_more{ width:130px; height:40px; line-height:40px; font-size:14px; margin-top:5%; margin-bottom:5%;}
/*案例详细*/
.case_bg{ padding-top:5%; padding-bottom:5%;}
.case_one{ padding-top:4%;}
.case_one .case_desc{ float:none;width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);}
.case_one .case_ico{ margin:0 auto;float:none; margin-top:3%; margin-bottom:1%;}
.case_one .case_t{ font-size:16px;}
.case_page{ padding-bottom:1%;}
.case_page .goback{ margin-bottom:3%;}
.case_page .cpage{ position:static; display:block; line-height:20px; height:20px; margin-top:2%; margin-bottom:2%;}
.case_page .cpage.cprev{ margin-left:2%; width:96%; max-width:none;}
.case_page .cpage.cnext{ margin-left:2%; width:96%; max-width:none;background-position: left center;background-image: url(../images/case_bg2.png); padding-right:0; padding-left:33px;}
.case_page .cpage.cnext:hover{background-image: url(../images/case_bg2_on.png);}

/*解决方案列表*/
.solution_ul ul li{ width:100%; margin-right:0; margin-bottom:3%;}
.solution_ul ul li:nth-child(3n+0){ margin-right:0%;}

/*新闻详细*/
.news_con{ line-height:24px; font-size:13px;}
/*新闻有图列表*/
.news_ul2 ul li .txts .h2{ font-size:14px; height:26px; line-height:26px;}
.news_ul2 ul li .mores{ height:24px; line-height:24px; margin-top:3%;}

}


@media screen and (max-width: 400px) {
/*内页*/
.o_ban{ min-height:200px;}
.o_ban_con .h2 span{font-size:20px;}


/*我们的案例作品*/
.case_a ul li{width:calc(48% - 30px);width:-webkit-calc(48% - 30px);width:-moz-calc(48% - 30px);}



}


@media screen and (max-width: 360px) {
/*内页*/
.o_ban{  min-height:180px;}
.o_ban_con .h2 span{ font-size:20px;}

/*解决方案详细*/
.solution_con{ font-size:12px;}
/*我们的案例作品*/
.case_a{ font-size:14px;}
/*案例详细*/
.case_one .case_t{ font-size:14px;}
.case_one .txts{ font-size:12px;}
.case_con{ font-size:12px;}
}




.com-footer {
  background: #202020;
  border-top: 4px solid #ed263b;
}
.com-footer * {
  color: #c1c1c1;
}
.com-footer .dn-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.6vw 0 2.08vw;
}
.com-footer .dn-upper .dn-left {
  filter: grayscale(100%) brightness(1000%);
}
.com-footer .dn-upper .dn-right .swiper1 .slide1 {
  width: auto;
  font-size: 16px;
  margin: 0 0 0 9.36vw;
}
.com-footer .dn-center {
  padding: 2.6vw 0 5.2vw;
  border-top: 1px solid #343434;
}
.com-footer .dn-center .swiper1 .wrapper1 {
  justify-content: space-between;
}
.com-footer .dn-center .swiper1 .slide1 {
  width: auto;
  line-height: 30px;
}
.com-footer .dn-center .swiper1 .slide1 .dp-img1-code {
  width: 6.76vw;
}
.com-footer .dn-center .swiper1 .slide1 .dp-icon1 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #343434;
  border-radius: 50%;
}
.com-footer .dn-center .swiper1 .slide1 .dp-icon1 .iconfont {
  color: #888888;
}
.com-footer .dn-center .swiper1 .slide1 .dp-ti1 {
  font-size: 16px;
  margin: 15px 0 5px;
}
.com-footer .dn-center .swiper1 .slide1 .dp-phone1 {
  font-size: 30px;
}
.com-footer .dn-center .swiper1 .slide1 .dp-a1 {
  font-size: 13px;
  color: #808080;
}
.com-footer .dn-lower {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #343434;
  font-size: 12px;
  padding: 1.04vw 0 1.3vw;
}
.com-footer .dn-lower * {
  color: #808080;
}

.com-cont-1720 {
  width: 89.58333333%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}