*{margin:0;padding:0;list-style:none; transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
body,html{font-family:"Microsoft YaHei",Helvetica Neue,Tahoma,Arial;font-size:12px; min-height: 100%;}

a{text-decoration:none;  transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
a:hover{text-decoration:none;}
em,i,strong{font-style:normal;}
img{display: inline-block; border: 0; vertical-align: middle; max-width: 100%;}
input,textarea,button{ font-family: 'Microsoft YaHei'; font-size: 12px; outline: none; font-style:normal;}

#LoadingBar{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgb(20, 20, 24); z-index: 99999;}
#LoadingBar img{ position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; animation: loding 1.5s linear infinite; }

@keyframes loding{ 
    from{ 
        transform: scale(0) rotate(0deg);
        -o-transform: scale(0) rotate(0deg);
        -ms-transform: scale(0) rotate(0deg);
        -moz-transform: scale(0) rotate(0deg);
        -webkit-transform: scale(0) rotate(0deg);
    }    
    to{
        transform: scale(1) rotate(360deg);
        -o-transform: scale(1) rotate(360deg);
        -ms-transform: scale(1) rotate(360deg);
        -moz-transform: scale(1) rotate(360deg);
        -webkit-transform: scale(1) rotate(360deg);
    }
}


.fixed{ position: fixed; bottom: 150px; right: 0; z-index: 100; height: 210px;}
.fixed .dec{ width: 50px; height: 50px; background: rgba(0,0,0,0.5); background-repeat: no-repeat; border-radius: 5px 0 0 5px; margin-bottom: 2px; cursor: pointer; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; position: absolute; top: 0; right: 0;}
.fixed .dec:hover{ background-color: #00acff;}
.fixed .iphone{ background-image: url(../images/fixed_iphone.png); background-position:  14px center; left: -50px; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.fixed .qq{ background-image: url(../images/fixed_qq.png); background-position:  14px center;}
.fixed .code{ background-image: url(../images/fixed_code.png); background-position: center;}
.fixed .backTop{ background-image: url(../images/fixed_backTop.png); background-position: center;}
.fixed .dec.iphone{ width: auto; line-height: 50px; padding-left: 50px; padding-right: 14px; color: #fff; font-size: 14px; left: -50px; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.fixed .dec:nth-child(2){ top: 52px;}
.fixed .dec:nth-child(3){ top: 104px;}
.fixed .dec:nth-child(4){ top: 156px;}
.fixed .dec.iphone:hover{ left: auto; right: 0;}
.fixed .iphone p{ display: block; white-space: nowrap;}
.noBackTop .backTop{ display: none;}

.fixedCodeInfo{ display: none; position:fixed; bottom:210px; right:57px; padding:0 3px; border:1px solid #ccc; background:#fff; z-index: 5;}
.fixedCodeInfo .fixedPointer{ position: absolute; right:-6px; bottom:12px;}
.fixedCodeInfo .fixedCode{ width: 142px;}



/*弹出留言*/
.formList{width:100%;height:auto;position:fixed;top:-150%;left:0;z-index:102;padding-top:65px;padding-bottom:20px;background:#fff;opacity:0;box-shadow:0 0 5px 1px rgba(0,0,0,.4);-o-box-shadow:0 0 5px 1px rgba(0,0,0,.4);-ms-box-shadow:0 0 5px 1px rgba(0,0,0,.4);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.4);-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.4)}
.formList_box{width:1050px;overflow:hidden;margin:0 auto}
.formList_box .formList_left{float:left;width:595px}
.formList_box .formList_left .bigTitle{font-size:30px;color:#000;padding-bottom:10px;border-bottom:2px solid #f9b132;display:inline-block;font-weight:400}
.formList_box .formList_left .bigTitle i{color:#f9b132}
.formList_box .formList_left p{color:#333;line-height:30px; font-size: 14px;}
.formList_box .formList_left p.bigP{font-size:16px;padding:10px 0;border-bottom:1px solid #e5e5e5}
.formList_box .formList_left .contTitle{padding:15px 0;border-bottom:1px solid #e5e5e5}
.formList_box .formList_left .contTitle h5{font-size:24px;color:#333;font-weight:400;margin-bottom:5px}
.formList_box .formList_left .lianxi{padding:20px 0}
.formList_box .formList_left .lianxi h6{font-weight:400;font-size:18px;color:#f9b132;margin-bottom:10px}
.formList_box .formList_right{float:left;margin-left:45px;width:400px}
.formList_box .formList_right .title{font-size:24px;color:#f9b132}
.formList_box .formList_right p{padding:5px 0;position:relative;}
.formList_box .formList_right p:nth-child(2):after,.formList_box .formList_right p:nth-child(3):after,.formList_box .formList_right p:nth-child(4):after{ content: '*'; position: absolute; line-height:50px; left: 10px; top: 0; color: #00acff; font-size: 14px;}
.formList_box .formList_right p:nth-child(6):after{ content: '*'; position: absolute; line-height:50px; left: 10px; top:10px; color: #00acff; font-size: 14px;}
.formList_box .formList_right p input[type=text]{width:364px;height:46px;line-height:46px;font-size:14px;color:#8d8d8d;padding:0 18px;background:#f3f3f3;outline:0; font-family: '微软雅黑'; border: 0;}
.formList_box .formList_right p textarea{width:364px;height:124px;font-size:14px;color:#8d8d8d;background:#f3f3f3;padding:18px;resize:none;outline:0; font-family: '微软雅黑'; border: 0;}
.formList_box .formList_right p input[type=button]{width:400px;height:50px;font-size:16px;background:#fff;color:#4d4d4d;border:2px solid #f9b132;cursor:pointer;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;outline:0}
.formList_box .formList_right p input[type=button]:hover{background:#f9b132;color:#fff}
.close{width:45px;height:45px;position:absolute;top:30px;right:40px;cursor:pointer}

/*导航*/
.header{ width: 100%;  height: 60px; line-height: 60px; background: #fff; position: fixed; z-index: 101;box-shadow: 0 0 20px -2px #ddd;}
.header .logo{ position: absolute; top: 50%; left: 20px; transform: translate(0%, -50%);-o-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);}
.header .logo img{  width: 112.2px; height: 48px;}
.header ul{ margin: 0 auto; overflow: hidden; text-align: center; height: 60px; line-height: 60px;}
.header ul li{ display: inline-block; }
.header ul li a{ font-size: 16px; color: #404042; padding: 0 10px; margin: 0 10px; display: block; height: 60px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.header ul li a:after{ content: ''; position: absolute; left: 50%; width: 0px; bottom: 0px; height:3px; background: #00acff; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.header ul li.cur a:after,
.header ul li a:hover:after{ left: 0; width: 100%;}
.header ul li.cur a,
.header ul li a:hover{ color: #00acff; font-weight: bold;}
.header .top_iphone{ position: absolute; top: 0; right: 70px; height: 100%; color: #333;}
.header .top_iphone a{ display: block; width: 32px; height: 32px; background: url(../images/iphone.png) no-repeat;  background-size: cover; cursor: pointer; float: left; margin-top: 16px;}
.header .top_iphone p{ float: left; margin-left: 10px; font-size:20px;}

.header .menu{ width: 39px; height: 32px; background: url(../images/menu.png) no-repeat; position: absolute; top: 50%; right: 50px; margin-top: -16px; cursor: pointer;}
.header .menu.smenu{ width: 27.3px; height: 22.4px; background-size: cover; margin-top: -11.2px; right: 20px;}

.menu-handler {
    width: 58px;
    height: 58px;
    cursor: pointer;
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    margin-left: 15px;
    z-index: 49;
}
.menu-handler .burger {
    width: 24px;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 50%;
    margin: 0px 0px 0px -12px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
}
.menu-handler .burger-2 {
    top: 27px;
}
.menu-handler .burger-3 {
    top: 35px;
}
.menu-handler.active .burger-1 {
    top: 27px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
    top: 27px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.trans, .trans:hover {
    -webkit-transition: all 277ms ease-in-out;
    -moz-transition: all 277ms ease-in-out;
    -o-transition: all 277ms ease-in-out;
    transition: all 277ms ease-in-out;
    -ms-transition: all 277ms ease-in-out;
}
.trans-fast,.trans-fast:hover {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
}

/*首页*/
.fullPage{ width: 100%; margin-top: 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fullPage .section{ position: relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fullPage .section,
.banner .swiper-container{ height: 100%!important;}
.fullPage .section .fp-tableCell{ overflow: hidden; display: block; }
.swiper-container .swiper-slide{ background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.banner .swiper-container .swiper-slide a{ display:block; height:100%; width:100%;}
.banner .swiper-container .swiper-slide>img{ display: none;}
.banner .swiper-pagination-bullet-active{ background: #bc001c;}
.banner .swiper-container-horizontal>.banner .swiper-pagination{ bottom: 40px;}
.banner .swiper-pagination{ text-align: right; padding-right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner .swiper-pagination-bullet{ opacity: 0.8; width: 12px; height: 12px; background-color: #f9b132;}
.banner .swiper-pagination-bullet-active{ width: 35px; border-radius: 10px; background-color: #00acff;}
.banner .swiper-container .swiper-slide .text{ position: absolute; margin: auto; color: #fff; font-size: 30px; text-align: center; overflow: hidden;
    top: 0; left: 0; bottom: 0; right: 0;
    opacity: 0;}
.banner .swiper-container .swiper-slide .text h3{ font-size: 60px; font-weight: normal; white-space:nowrap; margin: 10px 0;}
.banner .swiper-container .swiper-slide .text p span.blue{ color: #00acff; }
.banner .mouse{ width: 54px; height: 54px; background: url("../images/mouse.png") no-repeat; position: absolute; bottom: 50px; left: 50%; margin-left: -27px; z-index: 2; cursor: pointer; -webkit-animation: mouse 1.5s linear infinite;
 -o-animation: mouse 1.5s linear infinite;
 animation: mouse 1.5s linear infinite; opacity: 0;}

@keyframes mouse{
    form{ bottom: 50px; opacity: 0;}
    to{ bottom: 20px; opacity: 1;}
}

.banner .video{ width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
/*首页--关于我们--业务*/
.about .child,
.service .child{ float: left; width: 50%; overflow: hidden; position: relative;}
.child .template_img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.about .left,
.about .right,
.dec,
.service .left,
.service .right{ height: 100%;}
.child .template_img{ position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1;}
.child .template_img:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(249, 177, 50, .7); opacity: 0;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.child .dec:hover .template_img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
.child .dec:hover .template_img:after{ content: ''; opacity: 1;}
.about .left .text{  color: #fff; padding-top: 90px; padding-left: 80px; padding-right: 10px;}
.about .left .text h2{ font-size: 52px; font-weight: normal;}
.about .left .text p{ font-size: 28px; margin: 60px 0 50px;}
.about .left .text span{ font-size: 16px; color: #000; padding: 10px 20px; background: #fff; display: inline-block; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}

.about .left:hover .text span{ background: #00acff; color: #fff;}

.template .dec{ height: 50%; overflow: hidden; width: 100%; position: relative;}
.template .template_right1 .text{ color: #fff; position: absolute; top: 10%; left: 80px;}
.template .template_right1 .text h5{ font-size: 30px; font-weight: normal; margin-bottom: 40px;}
.template .template_right1 .text p{ font-size: 24px; width: 48%; margin-bottom: 20px; display: inline-block;}
.template .template_right1 .icon{ width: 36px; height: 42px; background: url(../images/template_right1_icon.png) no-repeat; display: block;}
.template .currency{ width: 33.33%; float: left;}
.template .template_right2 .template_img{ background-color: #e5e5e5; background-position: top center;}
.template .currency .text{ color: #fff; display: table-cell!important; vertical-align: middle; padding-top: 21%;}
.template .currency a{ display: table; height: 100%; text-align: center; width: 100%;}
.template .currency .text h5{ font-weight: normal; font-size: 30px; margin-bottom: 20px;}
.template .currency .text p{ font-size: 24px;}
.template .template_right2 .text,
.service .child:nth-child(2) .dec:nth-child(3) .text{ color: #2b2b2b;}

.service .child:nth-child(2) .dec:nth-child(1) .text{ color: #fff;}
.service .template .currency .text{ display: block!important; padding-top: 90px; text-align: left; padding-left: 20%;}


/*解决方案*/
.programme{ }
.programme .left .pro_bg{ width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0;}
.programme .left .pro_bg:not(:first-child){ display: none;}
.programme .left .pro_bgBox,.plan_rightImg .plan_rightScle .plan_img{
 -webkit-animation: pro_bg 8s linear alternate infinite running;
 -o-animation: pro_bg 8s linear alternate infinite running;
 animation: pro_bg 8s linear alternate infinite running; width: 100%; height: 100%;}
@keyframes pro_bg{
    0%{
        -webkit-transform: scale(1, 1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration:1000ms;
        -moz-transform: scale(1, 1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration:1000ms;
        transform: scale(1, 1);
        transition-timing-function: ease-out;
        transition-duration:1000ms;
        width: 100%;
    }
    100%{
        -webkit-transform: scale(1.08, 1.08);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration:1000ms;
        -moz-transform: scale(1.08, 1.08);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration:1000ms;
        transform: scale(1.08, 1.08);
        transition-timing-function: ease-out;
        transition-duration:1000ms;
        position: relative;
    }
}

.programme .child{ float: left; width: 50%; height: 100%; overflow: hidden; position: relative;}
.programme .right{ background: #f9b132; overflow: hidden; box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.programme .right>.text{ color: #fff; padding: 6% 10px 0 80px;}
.programme .right>.text h3{ font-weight: normal; font-size: 52px; margin-bottom: 30px;}
.programme .right>.text h3 a{color:#fff;}
.programme .right>.text p{ font-size: 28px;}
.programme .right>.text span{ font-size: 18px; margin-top: 40px; display: block;}
.programme .right>.text .dec:not(:first-child){ display: none;}
.swiperBox{  box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; position: absolute; width: 100%; bottom: 20px; margin-top: 6%; padding: 80px 50px 0;}
.swiperBox:after{ content: ''; position: absolute; top: 177px; left: 0; width: 100%; border: 1px dotted #fff;}
.swiperBox .swiper-container{ text-align: center; position: relative;  width: 100%; }
.swiperBox .swiper-container .swiper-wrapper{ box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; position: relative;}
.swiperBox .swiper-container .swiper-slide{ text-align: center; font-size: 24px;margin: 0 auto;}
.swiperBox .swiper-container .swiper-slide a{color: #fff;}
.swiperBox .swiper-container .swiper-slide .icon{ margin: 0 auto 50px; position: relative;}
.swiperBox .swiper-container .swiper-slide .icon img:not(:first-child){ display: none;}
.swiperBox .swiper-container .swiper-slide .icon:after{ content: ''; position: absolute; bottom: -30px; left: 50%; margin-left: -6px; width: 11px; height: 11px; border: 1px solid #fff; border-radius: 50%; background: #f9b132;}
.swiperBox .swiper-container .swiper-slide .title{ width: 100%;}
.swiperBox .swiper-container .swiper-slide.cur .icon img:first-child{ display: none;}
.swiperBox .swiper-container .swiper-slide.cur .icon img:last-child{ display: inline-block;}
.swiperBox .swiper-container .swiper-slide.cur .icon:after{ content: ''; width: 17px; height: 17px; background: url(../images/programmeSwiper_icon.png) no-repeat #f9b132; margin-left: -8.5px; border: 0; bottom: -32px;}
.swiperBox .swiper-container .swiper-slide.cur .title{ color: #00acff;}

.swiperBox .swiper-container .swiper-button-next,
.swiperBox .swiper-container .swiper-button-prev{ position: static; margin-top: 0; width: 76px; height: 36px; background-color: #fff; background-repeat: no-repeat; background-position: center; border-radius: 17px; background-size: auto; display: inline-block; margin-top: 20px; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.swiperBox .swiper-container .swiper-button-white:hover{ background-color: #00acff;}
.swiperBox .swiper-container .swiper-button-next.swiper-button-white{ background-image: url(../images/programmeSwiper_left1.png);}
.swiperBox .swiper-container .swiper-button-prev.swiper-button-white{ background-image: url(../images/programmeSwiper_right2.png);}
.swiperBox .swiper-container .swiper-button-next.swiper-button-disabled,
.swiperBox .swiper-container .swiper-button-prev.swiper-button-disabled{ opacity: 1;}

.swiperBox .swiper-container .swiper-button-next.swiper-button-white:hover{ background-image: url(../images/programmeSwiper_left.png);}
.swiperBox .swiper-container .swiper-button-prev.swiper-button-white:hover{ background-image: url(../images/programmeSwiper_right1.png);}



/*案例*/
.case{ background: #000;}
.case .caseBox{ height: 100%; width: 100%;}
.case .swiper-container{ width: 100%; height: 100%; box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.case .swiper-slide{ position: relative;}
.case .swiper-slide a{ color: #fff;}
.case .swiper-slide .case_img{ width: 100%; height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: -1;}
.case .swiper-slide .dec{ padding: 35% 14% 0; background: rgba(0,0,0,0.0); }
.case .swiper-slide .dec .case_type{ position: relative; top: -20px; opacity: 0; font-size: 18px; margin-bottom: 20px;}
.case .swiper-slide .dec .case_title{ position: relative; top: 0; opacity: 1; font-weight: normal; padding-top: 20px; margin-bottom: 40px;}
.case .swiper-slide .dec .case_title:after,
.case .swiper-slide .dec .case_title:before{ content: ""; position: absolute; top: 0; left: 0; width: 80%; height: 2px; background: #fff;}
.case .swiper-slide .dec .case_title:after{ width: 0;}
.case .swiper-slide .dec .case_title span{ display: inline-block; overflow: hidden; position: relative; font-size: 30px;}
.case .swiper-slide .dec .case_title span i,
.case .swiper-slide .dec .case_title span em{ position: relative; top: 0; opacity: 1;}
.case .swiper-slide .dec .case_title span i{ position: absolute; top: -100%; opacity: 0;}
.case .swiper-slide .dec .case_look{ width: 35px; height: 36px; background: url(../images/case_icon.png) no-repeat; position: relative; top: 0;}
.case .swiper-slide .dec .case_info{ text-align: justify; font-size: 14px; line-height: 24px; overflow: hidden; position: relative; top: 25px; opacity: 0;}
.case .dec,
.case .dec .case_info,
.case .dec .case_look,
.case .dec .case_title,
.case .dec .case_title span,
.case .swiper-slide .dec .case_title span i,
.case .swiper-slide .dec .case_title span em,
.case .swiper-slide .dec .case_type,
.case .swiper-slide .dec .case_title:after,
.case .swiper-slide .dec .case_title:before{ -webkit-transition: transition:all 0.8s ease;
    -moz-transition: transition:all 0.8s ease;
    -ms-transition: transition:all 0.8s ease;
    -moz-transition: transition:all 0.8s ease;
    transition: all 0.8s ease;}
.case .swiper-slide:hover .dec{ background: rgba(249,177,50,1);}
.case .swiper-slide:hover .case_type { top:0; opacity: 1;}
.case .swiper-slide:hover .case_look{  top:250px; background: url(../images/case_icon1.png) no-repeat;}
.case .swiper-slide:hover .case_info{ top:-25px; opacity: 1;}
.case .swiper-slide:hover .case_title span i{ position: relative; opacity: 1; top:0;}
.case .swiper-slide:hover .case_title span em{ position: absolute; opacity: 0; top:-100%;}
.case .swiper-slide:hover .case_title:before{ width: 0; opacity: 0;}
.case .swiper-slide:hover .case_title:after{ width: 100%;}
.case .caseFanyeBox{ width: 100%; height: auto; position: absolute; bottom: 0; left: 0; text-align: center; }
.case .caseFanye{ padding: 15px 65px; background: #00acff; z-index: 3; display: inline-block; position: relative;}
.case .caseFanye>a{ position: absolute; top: 15px; left: 20px; display: block; width: 31px; height: 29px; background: url(../images/caseBox_prev.png) no-repeat; opacity: 0.5; cursor: pointer; background-size: cover;}
.case .caseFanye a.next{ left: auto; right: 20px; background-image: url(../images/caseBox_next.png);}
.case .caseFanye>a:hover{ opacity: 1;}
.case .caseFanye .pagination{ height: 30px;}
.case .caseFanye .pagination span{ width: 10px; height: 10px; background: #fff;  margin: 0 2px; margin-top:10px;}
.case .caseFanye .pagination .swiper-pagination-bullet{ opacity: .5;}
.case .caseFanye .pagination .swiper-pagination-bullet-active{ opacity: 1; width: 25px; border-radius: 10px;}
/*尾页*/
.last{}
.last .item { overflow: hidden; height: 100%;}
.last .item .left a,
.last .item .left{ color: #fff;}
.last .item .left a{ display: block; overflow: hidden;}
.last .last_img{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: -1; top: 0; left: 0;}
.last .item{ padding: 3% 50px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.last .item .left{ float: left; width: 45%; height: 75%; padding-right: 5%;}
.last .item .left .title{ font-size: 30px; margin-bottom: 35px;}
.last .item .left .lastSwiper{ height: 90%; }
.last .item .left .lastSwiper .swiper-container{ height: 100%; overflow: hidden;}
.last .item .left .lastSwiper .swiper-container .time{ font-size: 16px; padding-left: 45px; background: url(../images/time_icon.png) no-repeat 17px center;}
.last .item .left .lastSwiper .swiper-container h3{ font-weight: normal; font-size: 24px; margin:15px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;} 
.last .item .left .lastSwiper .swiper-container .info{ font-size: 14px; line-height: 24px;height:48px;overflow:hidden;}
.last .item .left .title .page_swiper{ float: right; position: relative; z-index: 5;}
.last .item .left .title .page_swiper a{ display: inline-block; width: 41px; height: 48px; background: url(../images/case_details_prevC.png) no-repeat; cursor: pointer;}
.last .item .left .title .page_swiper a.next{ background-image: url(../images/case_details_nextC.png);}
.last .item .left .title .page_swiper a:hover{ background-image: url(../images/case_details_prev.png);}
.last .item .left .title .page_swiper a.next:hover{ background-image: url(../images/case_details_next.png);}
.last .item .left a:hover h3{ color: #f9b132;}
.last .item .right{ color: #fff; float: left; width: 45%; padding-left: 5%; position: relative; z-index: 1}

#particles-js{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }


/*解决方案*/
.planPage{ position: relative;}
#planM{ display: none;}
.secTable{ height: 100%; display: table; padding-bottom: 20%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.secTable .secCell{ display: table-cell; vertical-align: middle; position: relative;}
.secTable .secCell:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/plan_textBg.png) no-repeat left bottom; background-size: 90% auto; }
.plan_img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#plan .left{ width: 67%; height: 100%; float: left; padding: 0 100px 0 420px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#plan .left .dec{ height: 100%; width: 100%; margin-bottom: 100px; position: relative;}
.dec .secTable h3 { font-weight: normal; font-size: 36px; padding-bottom: 10px; position: relative; display: inline-block;}
.dec .secTable h3:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #000;}
.dec .secTable .info{ font-size: 18px; margin: 50px 0;}
.dec .secTable p.color{ color: #f9b132; font-size: 24px;}
#plan .left .dec .stawBox{ position: absolute; top: 0; bottom: 0; right: -45px; height: 100%; width: 0px; border-right: 1px dashed #aaa;}
#plan .left .dec .stawBox .stawBoxT{ background: #fff; width: 13px; padding-bottom: 10px; margin-left: -2px;}
#plan .left .dec .stawBox .stawBoxT em{ width: 13px; height: 5px; background: #000; display: block; margin-bottom: 5px;}
#plan .left .dec .stawBox .staw{ position: absolute; bottom: 120px; left: 50%; margin-left: -25px; width: 50px;}
#plan .left .dec .stawBox .staw a{ display: block; width: 100%; height: 42px; background: url(../images/plan_btn_prev1.png) no-repeat; margin-bottom: 5px; cursor: pointer;}
#plan .left .dec .stawBox .staw a.next{ background-image: url(../images/plan_btn_next1.png);}
#plan .left .dec .stawBox .staw a.prev:hover{ background-image: url(../images/plan_btn_prev2.png);}
#plan .left .dec .stawBox .staw a.next:hover{ background-image: url(../images/plan_btn_next2.png);}
.plan_rightImg{ width: 33%; height: 100%; float: right; overflow: hidden;}
.plan_rightImg .plan_rightScle{ width: 100%; height: 100%;}
.plan_rightImg .plan_rightScle .dec{ width: 100%; height: 100%; overflow: hidden;}
.planPage .istext{ position: fixed; top: 33.8%; left: 4%; width: 712px; height: 268px; background: rgba(0,0,0,0.5); color: #fff; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.planPage .istext .bannerText{ width: 100%; height: 100%; padding: 40px 60px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; position: absolute; top: 0; left: 0;}
.planPage .istext .bannerText h2{ font-size: 36px; font-weight: normal; margin-bottom: 20px;}
.planPage .istext .bannerText p{ font-size: 18px;}
.planPage .istext .contText{ height: 100%; transform: translateY(80px); -o-transform: translateY(80px); -ms-transform: translateY(80px); -moz-transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s; position: absolute; top: 0; left: 0;
}
.planPage .istext .contText ul{ height: 100%;}
.planPage .istext .contText ul li{ height: 100%; padding: 50px 35px 50px 60px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.planPage .istext .contText ul li .contTextTit h2{ font-weight: normal; font-size: 30px; margin-bottom: 10px;}
.planPage .istext .contText ul li .contTextTit p{ font-size: 18px;}
.planPage .istext .contText ul li .info{ line-height: 24px; font-size: 14px; height: 96px; overflow: hidden; margin-bottom: 25px; margin-top: 28px;}
.planPage .istext .contText ul li .page_slide a{ display: inline-block; margin-right: 10px; font-size: 14px; padding-bottom: 5px; cursor: pointer;}
.planPage .istext .contText ul li .page_slide a:hover{ color: #00acff; position: relative;}
.planPage .istext .contText ul li .page_slide a:hover:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #00acff;}

.planPage .istext.cur{ top: 100px; left: 0; background: #f9b132; width: 340px; height: 360px;}
.planPage .istext.cur .bannerText{ transform: translateY(-80px);
-o-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-webkit-transform: translateY(-80px); opacity: 0;
}
.planPage .istext.cur .contText{ transform: translate(0);
-o-transform: translate(0);
-ms-transform: translate(0);
-moz-transform: translate(0);
-webkit-transform: translate(0); opacity: 1;
}

/*案例*/
.casePage{ padding-top: 100px;}
.casePageBox{ width: 100%; overflow: hidden;}
.casePageBox .caseItem{ width: 25%; height: auto; overflow: hidden; float: left; position: relative; }
.casePageBox .caseItem .sIntro{ color: #fff; padding: 5%; background: #f9b132; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; opacity: 0;}
.casePageBox .caseItem img{ width: 100%;}
.casePageBox .caseItem:hover .sIntro{ display: block;}
.casePageBox .caseItem .sIntro .category{ padding-bottom: 10px; position: relative; display: inline-block; font-size: 14px;}
.casePageBox .caseItem .sIntro .category:after{ content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background: #fff;}
.casePageBox .caseItem .sIntro h2{ margin: 5% 0; font-size: 24px; font-weight: normal;}
.casePageBox .caseItem .sIntro i{ display: block; width: 35px; height: 36px; background: url(../images/case_icon1.png) no-repeat; position: absolute; bottom: 10%;}
.casePageBox .caseItem .sIntro p{ font-size: 14px; height: 57px; overflow: hidden;}
.caseNum{ color: #666; text-align: center; padding: 60px 0; font-size: 14px;}
.caseNum em{ color: #00acff;}
.caseNum .fanye{ display: inline-block; margin: 0 20px;}
.caseNum .fanye a{ width: 30px; height: 30px; line-height: 30px; display: inline-block; background: #efac37; border-radius: 50%; color: #00acff; margin: 0 5px;}
.caseNum .fanye a.or{ color: #666!important; background: transparent!important;}
.caseNum .fanye a.prev{ background-image: url(../images/case_prevC.png); background-repeat: no-repeat; background-position: center;}
.caseNum .fanye a.next{ background-image: url(../images/case_nextC.png); background-repeat: no-repeat; background-position: center;}
.caseNum .fanye a:hover{ background-color: #00acff; color: #fff;}
.caseNum .fanye a.prev:hover{ background-image: url(../images/case_prevC.png);}
.caseNum .fanye a.next:hover{ background-image: url(../images/case_nextC.png);}
.caseNum input[type='text']{ width: 50px; height: 25px; text-align: center; margin: 0 10px;}
.caseNum input[type='button']{ width: 30px; height: 30px; background: #00acff; border-radius: 50%; border: 0; color: #fff; font-size: 14px; cursor: pointer;}
.interested{ padding-bottom: 100px; text-align: center; width: 100%; overflow: hidden;}
.interested .title{ font-size: 36px; font-family: 'Arial'; color: #fff; background: #00acff; padding: 2px 20px; display: inline-block; font-style: italic; position: relative; border-left: 20px solid #fff; border-right: 20px solid #fff;}
.interested .title:after{ content: ''; position: absolute; top: 50%; left: -500%; width: 1000%; height: 1px; background: #c9c9c9; z-index: -1;}
.interested .dec{ margin-top: 20px;}
.interested .dec h3{ font-weight: normal; font-size: 36px; margin-bottom: 30px; display: inline-block; position: relative;}
.interested .dec h3:after{ content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -45%; width: 80%; height: 2px; background: #00acff;}
.interested .dec p{ font-size: 18px; margin-bottom: 8px;}

/*案例详情*/
.case_details{ padding-top: 100px; background: #f4f4f4;}
.case_details .case_swiper .swiper-pagination-bullet{ background: #fff; opacity: 1; width: 10px; height: 10px; margin: 0 3px;}
.case_details .case_swiper .swiper-pagination-bullet-active{ background: #00acff; width: 25px; border-radius: 5px;}
.case_details .case_swiper .swiper-button-prev.swiper-button-white{ background: url(../images/case_details_prev.png) no-repeat; width: 41px; height: 48px;}
.case_details .case_swiper .swiper-button-prev.swiper-button-white:hover{ background-image: url(../images/case_details_prevC.png);}
.case_details .case_swiper .swiper-button-next.swiper-button-white{ background: url(../images/case_details_next.png) no-repeat; width: 41px; height: 48px;}
.case_details .case_swiper .swiper-button-next.swiper-button-white:hover{ background-image: url(../images/case_details_nextC.png);}
.case_details .case_detailsConte{ width: 1200px; margin: 0 auto; }
.case_details .case_detailsConte .case_detailsConte_top{ padding: 60px 0 20px; border-bottom: 1px solid #c9c9c9; overflow: hidden; position: relative;}
.case_details .case_detailsConte .case_detailsConte_top .left{ float: left; padding-right: 100px; border-right: 1px dotted #c9c9c9;}
.case_details .case_detailsConte .case_detailsConte_top .left h1{ font-weight: normal; font-size: 18px; margin-bottom: 5px;}
.case_details .case_detailsConte .case_detailsConte_top .left p{ font-size: 14px; color: #666;}
.case_details .case_detailsConte .case_detailsConte_top .right{ float: left; height: 50px; padding-left: 20px;}
.case_details .case_detailsConte .case_detailsConte_top .right .caseTable{ display: table; height: 100%;}
.case_details .case_detailsConte .case_detailsConte_top .right .caseCell{ display: table-cell; vertical-align: bottom; font-size: 14px;}
.case_details .case_detailsConte .case_detailsConte_top .right .caseCell strong{ padding-right: 25px; background: url(../images/case_linkIcon1.png) no-repeat right center; margin-right: 5px;}
.case_details .case_detailsConte .case_detailsConte_top .right .caseCell span{ display: inline-block; padding: 5px 7px; background: #00acff; color: #fff;}
.case_details .case_detailsConte .case_detailsConte_top .caseLink{ position: absolute; top: 50%; right: 10px; width: 41px; height: 41px; display: block; background: url(../images/case_linkIcon.png) no-repeat;}
.case_details .case_detailsConte .case_detailsConte_center{ color: #666; padding-bottom: 80px;}
.case_details .case_detailsConte .case_detailsConte_center h3{ font-weight: normal; font-size: 24px; position: relative; text-align: center; padding: 40px 0; color: #000;}
.case_details .case_detailsConte .case_detailsConte_center h3:after{ content: ''; position: absolute; bottom: 25px; left: 50%; width: 40px; height: 2px; background: #00acff; margin-left: -20px;}
.case_details .case_detailsConte .case_detailsConte_center p{ line-height: 24px; font-size: 14px;}
.case_details .interested{ position: relative; z-index: 1;}
.case_details .interested:after{ content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/case_interested.png) no-repeat bottom center; background-size: 100% auto; bottom: 50px; left: 0; z-index: -1;}
.case_details .interested .title{ border-color: #f4f4f4;}

/*关于我们*/
.aboutPage{ width: 100%; height: auto;}
.aboutPage .dec{ width: 100%; overflow: hidden; box-sizing:border-box;-webkit-box-sizing:border-box; height: 100%; position: relative;}
.aboutPage .full{ background-attachment: fixed; background-size: cover; background-position: center top; background-repeat: no-repeat;  color: #fff; padding: 0 8%;}
.about_table{ display: table; width: 100%; height: 100%;}
.about_cell{ display: table-cell; vertical-align: middle;}
.aboutPage .dec .num{ font-family: 'Arial'; overflow: hidden;font-weight: bold;}
.aboutPage .dec .num strong{ font-size: 120px; float: left;}
.aboutPage .dec .num sup{ font-size: 80px; margin-left: 30px;}
.aboutPage .dec .num span{ float: left; font-size: 30px; padding-top: 85px; margin-left: -48px;}
.aboutPage .dec p { font-size: 48px; margin-bottom: 20px;}
.aboutPage .cul .left{ float: left; width: 50%; height: 100%; opacity: 0; overflow: hidden;}
.aboutPage .cul .left .cul_leftPic{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.aboutPage .cul .left .cul_leftPic:hover{ transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.aboutPage .cul .right{ float: left; width: 50%; height: 100%; padding: 0 5%; box-sizing:border-box;-webkit-box-sizing:border-box; opacity: 0;}
.aboutPage .cul .about_logo{ position: absolute; top: 50%; left: 50%; width: 110px; height: 110px; background: url(../images/about_logo.jpg) no-repeat; margin-left: -55px; opacity: 0; margin-top: -55px;}
.aboutPage .about_sec{  background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; color: #fff; height: 100%; width: 100%;padding: 5% 10% 12%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}


.aboutPage .about_sec .about_sec_tit{ opacity: 0;}
.aboutPage .about_sec .about_sec_tit h3{ font-size: 48px; font-weight: normal; margin-bottom: 10px;}
.aboutPage .about_sec .about_sec_tit span{ font-size: 24px;}
.aboutPage .about_sec .aboutPage_swiper{ margin-top: 6%; position: relative; width: 100%;}
.aboutPage .about_sec .aboutPage_swiper .swiper-button-prev{ left: -60px; width: 42px; height: 85px; margin-top: -42.5px; background: url(../images/about_sec_left1.png) no-repeat;transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s; background-size: cover;}
.aboutPage .about_sec .aboutPage_swiper .swiper-button-next{ right: -50px; width: 42px; height: 85px; margin-top: -42.5px; background: url(../images/about_sec_right1.png) no-repeat;transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s; background-size: cover;}

.aboutPage .about_sec .aboutPage_swiper .swiper-button-prev:hover{ background-image: url(../images/about_sec_left2.png);}
.aboutPage .about_sec .aboutPage_swiper .swiper-button-next:hover{ background-image: url(../images/about_sec_right2.png);}
.about_sec .aboutPage_swiper .swiper-slide h2{position:absolute;top:50%;right:0;left:0;font-size:16px;transition-duration:.5s;transform:translateY(-50%); z-index:1;display:none;}
.about_sec .aboutPage_swiper .swiper-slide:after{content:'';position:absolute;top:100%;right:0;bottom:0;left:0;background: rgba(0,0,0,0.5);transition-duration:.5s;}
.about_sec .aboutPage_swiper .swiper-slide:hover h2{display:block;}
.about_sec .aboutPage_swiper .swiper-slide:hover:after{top:0;}
.aboutPage .about_adv{ padding: 10% 8%; background-size: cover; background-position: right center; background-repeat: no-repeat; height: 100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.aboutPage .about_adv img{ opacity: 0;}
/*业务范围*/
.servicePage{ width: 100%; min-height: 100%; overflow: hidden; padding-top: 100px;}
.servicePage .serviceText{ float: left; width: 50%; height: 100%; background: #f9b132; color: #fff;}
.servicePage .serviceText .serviceTable{ display: table; height: 100%; width: 100%;}
.servicePage .serviceText .serviceTable .serviceCell{ display: table-cell; vertical-align: middle; padding: 0 10%; width: 100%; box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.servicePage .serviceText h3{ font-size: 56px; font-weight: normal; position: relative; padding: 10px 0; display: inline-block;}
.servicePage .serviceText h3:after,.servicePage .serviceText h3:before{ content: ''; position: absolute; width: 100%; height: 2px; background: #fff; left: 0;}
.servicePage .serviceText h3:after{ top: 0px;}
.servicePage .serviceText h3:before{ bottom: 0px;}
.servicePage .serviceText .serviceInclube{ overflow: hidden; margin: 7% 0;}
.servicePage .serviceText .serviceInclube span{ float: left; width: 33.33%; font-size: 24px;line-height:32px;}
.servicePage .serviceText p{ font-size: 18px; margin-bottom: 7%;}
.servicePage .serviceText ul{ overflow: hidden;}
.servicePage .serviceText ul li{ float: left; width: 33.33%; text-align: center; font-size: 16px; position: relative;}
.servicePage .serviceText ul li a{ color: #fff;}
.servicePage .serviceText ul li:after{ content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #fff;}
.servicePage .serviceText ul li:last-child:before{ content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: #fff; }
.servicePage .servicePic{ float: right; width: 50%; height: 100%; overflow: hidden;}
.servicePage .servicePic .serviceImg{  background-size: cover; background-position: center top; background-repeat: no-repeat; width: 100%; height: 100%; transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.servicePage .servicePic .serviceImg:hover{ transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.servicePage .section:nth-child(even) .serviceText{ float: right;}
.servicePage .section:nth-child(even) .servicePic{ float: left;}

#pp-nav span, .pp-slidesNav span{ border-color: #00acff!important;}
#pp-nav li .active span, .pp-slidesNav .active span{ background: #00acff!important; width: 8px; height: 12px; border-radius: 5px;}

/*新闻动态*/
.newsPage{ background: url(../images/newsPageBg.png) no-repeat center 50px #f4f4f4; background-size: 100% auto; padding-top: 100px; padding-bottom: 60px; min-height: 100vh; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; position: relative; z-index: 1; overflow: hidden;}
.newsPage:after,.newsPage_details:after{ content: ''; position: absolute; bottom: 50px; left: 0; width: 100%; height: 77px; background: url(../images/case_interested.png) no-repeat center; background-size: 100% 100%; z-index: -1;}
.newsPage .newsPageCont{ width: 1200px; margin: 0 auto; padding-top: 100px;}
.newsPage.err404 .newsPageCont{padding-top:20px;}
.newsPage .newsPageCont .top{ text-align: center;}
.newsPage .newsPageCont .top h3{ font-size: 48px; font-weight: normal;}
.newsPage .newsPageCont .top p{ font-size: 18px; color: #6a6a6a; margin: 10px 0 45px; position: relative; display: inline-block;}
.newsPage .newsPageCont .top p:after,.newsPage .newsPageCont .top p:before{ content: ''; position: absolute; top: 50%; left: -70px; width: 60px; height: 1px; background: #fff;}
.newsPage .newsPageCont .top p:before{ left: auto; right: -70px;}
.newsPage .newsPageCont .top ul li{ display: inline-block; margin-right: 15px;}
.newsPage .newsPageCont .top ul li a{ color: #000; font-size: 14px; background: #fff; width: 135px; height: 32px; line-height: 32px; border-radius: 20px; display: inline-block; box-shadow: 2px 4px 2px -1px #ccc;}
.newsPage .newsPageCont .top ul li.cur a,.newsPage .newsPageCont .top ul li:hover a{ color: #fff; background-color: #00acff;}

.newsPage .newsPageCont .item{ padding-top: 60px;}
.newsPage .newsPageCont .item .dec{ margin-bottom: 30px; cursor: pointer;}
.newsPage .newsPageCont .item .dec:last-child{ margin-bottom: 0;}
.newsPage .newsPageCont .item .dec::after{ content: "\200B"; display: block; clear: both; height: 0;}
.newsPage .newsPageCont .item .dec .day{ float: left; width: 130px; height: 120px; background: #f9b132; border-radius: 5px; box-shadow: 2px 4px 2px -1px #ccc; text-align: center; color: #fff; font-family: 'Arial'; font-weight: bold; margin-right: 70px;}
.newsPage .newsPageCont .item .dec .day em{ font-size: 60px; display: block; height: 85px; line-height: 85px; border-bottom: 1px solid #e09f2d;}
.newsPage .newsPageCont .item .dec .day span{ line-height: 34px; font-size: 16px; height: 34px; background: transparent; display: block; border-radius: 0 0 5px 5px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.newsPage .newsPageCont .item .dec .text{ float: left; width: 980px; background: #fff;  box-shadow: 2px 4px 2px -1px #ccc; padding: 30px 35px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.newsPage .newsPageCont .item .dec .text h2{ font-size: 20px; color: #f9b132; margin-bottom: 20px; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.newsPage .newsPageCont .item .dec .text p{ font-size: 14px; line-height: 24px; color: #666;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.newsPage .newsPageCont .item .dec:hover .day span{ background-color: #00acff;}
.newsPage .newsPageCont .item .dec:hover .text{ background: #f9b132;}
.newsPage .newsPageCont .item .dec:hover .text h2{ color: #fff;}
.newsPage .newsPageCont .item .dec:hover .text p{ color: rgba(255,255,255,0.8);}

/*新闻详情*/
.newsPage_details{overflow: hidden; padding: 100px 50px 0; min-height: 100vh; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; background: #f4f4f4; position: relative; z-index: 1}
.newsPage_details .content{ padding-top: 70px; padding-bottom: 120px;}
.newsPage_details .content::after{ content: "\200B"; display: block; clear: both; height: 0;}
.newsPage_details .left{ float: left; width: 20%; overflow: hidden;}
.newsPage_details .left span{ float: left; width: 100%; padding: 0 20px; margin-bottom: 20px; -webkit-bong: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.newsPage_details .left a{ width: 135px; height: 32px; line-height: 32px; background: #fff; text-align: center; color: #000; display: block; border-radius: 10px; box-shadow: 2px 4px 2px -1px #ccc; font-size: 14px;}
.newsPage_details .left span.cur a,.newsPage_details .left span a:hover{ background: #00acff; color: #fff;}
.newsPage_details .right{ float: left; width: 80%;}
.newsPage_details .right .newsTit h1{ color: #f9b132; font-size: 20px; margin-bottom: 10px;}
.newsPage_details .right .newsTit p{ color: #6a6a6a; font-size: 14px;}
.newsPage_details .right .newsCont{ border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; padding: 35px 0; margin: 20px 0 30px; font-size: 14px; line-height: 30px;}
.newsPage_details .right .newsFanye{ }
.newsPage_details .right .newsFanye .newsFanyeBtn{ float: left;}
.newsPage_details .right .newsFanye .newsFanyeBtn a{ float: left; width: 115px; height: 30px; line-height: 30px; background: #fff; border-radius: 10px; box-shadow: 2px 4px 2px -1px #ccc; text-align: center; color: #00acff; font-size: 14px; margin-right: 20px; padding-left: 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.newsPage_details .right .newsFanye .newsFanyeBtn a:first-child{ background-image: url(../images/programmeSwiper_left1.png); background-position: 24px center; background-repeat: no-repeat;}
.newsPage_details .right .newsFanye .newsFanyeBtn a:last-child{ padding-left: 0; padding-right: 10px; background-image: url(../images/programmeSwiper_right2.png); background-position: 80px center; background-repeat: no-repeat;}
.newsPage_details .right .newsFanye .newsFanyeBtn a:first-child:hover{ background-image: url(../images/programmeSwiper_left.png); color: #fff; background-color: #00acff; background-position: 24px center; background-repeat: no-repeat}
.newsPage_details .right .newsFanye .newsFanyeBtn a:last-child:hover{ background-image: url(../images/programmeSwiper_right1.png); color: #fff; background-color: #00acff; background-position: 80px center; background-repeat: no-repeat;}
.newsPage_details .right .newsFanye .share{ float: right; font-size: 14px; color: #6a6a6a;}


/*加入我们*/
.joinPage .fullPage{ overflow: hidden;}
.joinPage .dec{ overflow: hidden; height: 100%; position: relative; color: #fff;}
.joinPage .dec .pic,.joinPage .dec .text{ float: left; width: 50%; height: 100%; padding: 0 5%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.joinPage .section:nth-child(even) .dec .pic{ float: right;}
.joinPage .section:nth-child(even) .dec .text{ float: left;}
.joinPage .dec .pic{ background-size: cover; background-position: center; background-repeat: no-repeat;}
.joinPage .dec .joinTable{ height: 100%; width: 100%; display: table;}
.joinPage .dec .joinCell{ display: table-cell; vertical-align: middle;}
.joinPage .dec .text{ background: #f9b132;}
.joinPage .dec .text p.joinLink{ margin-top: 30px;}
.joinPage .dec .text p.joinLink a{ color: #fff; font-size: 18px; display: inline-block; padding-right: 5%; border-right: 1px solid #fff; margin-right: 5%;}
.joinPage .dec .text p.joinLink a:nth-child(3n),.joinPage .dec .text p.joinLink a:last-child{ border: 0;}
.joinPage .dec .joinLogo{ position: absolute; top: 50%; left: 50%; width: 110px; height: 110px; margin-left: -55px; margin-top: -55px; background: url(../images/about_logo.jpg) no-repeat;}
#join{ height: auto!important;}



.tongyong h2{ font-size: 30px; font-weight: normal;}
.tongyong .contact>p{ font-size: 24px; margin: 3% 0;}
.tongyong .contact .info p{ line-height: 24px; font-size: 14px; margin-bottom: 1%;}
.tongyong .message{ border-top: 1px solid #fcd899; margin-top:5%; padding-top: 3%;}
.tongyong .message h2 span{ font-size: 14px; padding-left: 35px; background: url(../images/join_icon.png) no-repeat 10px center; padding-top: 2px;}
.tongyong .message .messageBox{ padding: 20px 0 30px; overflow: hidden;}
.tongyong .message .messageBox .decs{ position: relative; width: 47%; margin-right: 6%; margin-bottom:3%; float: left;}
.tongyong .message .messageBox .des{ position: relative;}
.tongyong .message .messageBox input{ width: 100%; border: 0; height: 40px; line-height: 40px; font-size: 14px;  padding-left: 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.tongyong .message .messageBox .decs:nth-child(2n){ margin-right: 0;}
.tongyong .message .messageBox .decs:nth-child(1):after,.tongyong .message .messageBox .decs:nth-child(2):after{ content: '*'; position: absolute; line-height: 40px; left: 10px; top: 0; color: #00acff; font-size: 14px;}
.tongyong .message .messageBox .des:after{ content: '*'; position: absolute;line-height: 40px; left: 10px; top: 0; color: #00acff; font-size: 14px;}
.tongyong .message .messageBox textarea{ width: 100%; height: 100px; border: 0; font-size: 14px; color: #8b8b8b; padding: 10px 20px;position: relative; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.tongyong .message input[type='button']{ width: 25%; color: #fff; background: #00acff; height: 38px; line-height: 35px; border: 0; font-size: 14px; cursor: pointer;}




/*底部*/
.footer{ position: fixed; z-index: 100; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: #fff; padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.footer.black{ background: #000; color: #fff;}
.footer .conBtn{ width: 126px; height: 48px; background: #00acff; color: #fff; font-size: 18px; text-align: center; line-height: 48px; display: block; position: absolute; top: -10px; left: 50px; border-radius: 7px;}
.footer .right{ float: right;}
.footer .right p{ float: left; padding: 0 10px;}
.footer .right p:last-child{ padding-left: 35px; background: url(../images/footer_conIcon.png) no-repeat left center;}
.footer.black .right p:last-child{ padding-left:10px; /*background: url(../images/footer_conIcon1.png) no-repeat left center;*/}
.footer .right p a{ color: #000;}
.footer.black .right p a{ color: #fff;}

#ascrail2000{ z-index: 99!important;}

.M_footerNav{ position: fixed; bottom: 0; left: 0; width: 100%; height: 45px; z-index: 100; background: #fff; padding: 5px 0; display: none;}
.M_footerNav img{ width: 28px; height: 28px;}
.M_footerNav .dec{ float: left; width: 33.33%; text-align: center; font-size: 12px;}
.M_footerNav .dec p{ color: #000;}
.fullPage .section.last.wapsection{display:none;}
.top404{text-align:center;padding-top:30px;}
.tip404{text-align:center;font-size:30px;color:#6a6a6a;padding:65px 0 35px;}
.con404{margin:45px 105px;background-color:#fff;padding:30px 20px 15px 25px;box-shadow:2px 2px 1px #ccc;}
.con404 h2{color:#f9b132;font-size:20px;padding-bottom:10px;}
.con404 p{font-size:14px;color:#666;line-height:30px;text-indent:2em;}
@media screen and (max-width: 1921px) {
    .header,.header ul,.header ul li a{ height: 60px; line-height: 60px;}
    .header .logo{ left: 20px;}
    .header .logo img{ width: 112.2px; height: 48px;}
    .header ul li a{ font-size: 16px;}
    .fullPage{ margin-top: 60px;}
    .servicePage,.newsPage_details,.case_details,.casePage{ padding-top: 60px;}
    .about .left .text h2,.programme .right>.text h3,.aboutPage .dec p,.aboutPage .about_sec .about_sec_tit h3,.servicePage .serviceText h3,.newsPage .newsPageCont .top h3{ font-size: 38px;}
    .about .left .text p,.programme .right>.text p{ font-size: 24px;}
    .template .template_right1 .text h5,.template .currency .text h5,.case .swiper-slide .dec .case_title span,.tongyong h2,.last .item .left .title,.planPage .istext .contText ul li .contTextTit h2{ font-size: 28px;}
    .template .template_right1 .text p,.template .currency .text p,.swiperBox .swiper-container .swiper-slide,.tongyong .contact>p,.aboutPage .about_sec .about_sec_tit span{ font-size: 22px;}
    .aboutPage .dec .num strong{ font-size: 100px;}
    .servicePage .serviceText .serviceInclube span,#plan .left .dec p.color{ font-size: 20px;}
    .servicePage .serviceText p,#plan .left .dec .info{ font-size: 16px;}
    #plan .left .dec h3{ font-size: 30px;}
    #plan .left{ padding-left: 380px;}
    .casePageBox .caseItem{ width: 33.3333%;}
    .newsPage .newsPageCont .top p{ margin-bottom: 30px;}
    .newsPage .newsPageCont{ width: 1100px;}
    .newsPage .newsPageCont .item .dec .text{ width: 900px;}
    .last .item{ padding: 2% 50px;}
    .planPage .istext.cur{ top: 60px;}
    .header .menu{ width: 27.3px; height: 22.4px; background-size: cover; margin-top: -11.2px; right: 20px;}

    .formList_box .formList_left .bigTitle{ font-size: 26px;}
    .formList_box .formList_left p.bigP{ font-size: 14px;}
    .formList_box .formList_left p{ line-height: 20px; font-size: 12px;}
    .formList_box .formList_left .contTitle h5{ font-size: 20px;}
    .formList_box .formList_left .lianxi h6{ font-size: 18px;}
    .formList_box .formList_left .lianxi{ padding: 10px 0;}
    .formList_box .formList_right .title{ font-size: 22px;}
    .formList_box{width:900px}
    .formList_box .formList_right p input[type=text]{width:350px;height:35px;line-height:35px;font-size:14px}
    .formList_box .formList_right p textarea{ width: 350px;}
    .formList_box .formList_right p input[type=button]{ width: 387px; height: 40px;}
    .formList_box .formList_left{width:455px}
    .case_details .case_detailsConte{ width: 1000px;}
}
@media screen and (max-width: 1024px){
    .header ul li a{padding:0 8px;margin:0;}
    .banner .swiper-container .swiper-slide .text{ font-size: 24px;}
    .banner .swiper-container .swiper-slide .text h3{ font-size: 48px;}
    .banner .swiper-container .swiper-slide .text img{ transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    }
    .about .left .text h2, .programme .right>.text h3, .aboutPage .dec p, .aboutPage .about_sec .about_sec_tit h3, .servicePage .serviceText h3, .newsPage .newsPageCont .top h3{ font-size: 32px;}
    .template .template_right1 .text h5, .template .currency .text h5, .case .swiper-slide .dec .case_title span, .tongyong h2, .last .item .left .title, .planPage .istext .contText ul li .contTextTit h2{ font-size: 24px;}
    .template .template_right1 .text p, .template .currency .text p, .swiperBox .swiper-container .swiper-slide, .tongyong .contact>p, .aboutPage .about_sec .about_sec_tit span{ font-size: 18px;}
    .template .template_right1 .text h5{ margin-bottom: 20px;}
    .about .left .text p, .programme .right>.text p{ font-size: 20px;}
    .about .left .text p{ margin: 40px 0;}
    .about .left .text,.programme .right>.text{ padding-left: 40px;}
    .template .template_right1 .text{ left: 40px;}

    .planPage .istext.cur{ width: 275px; height: 300px;}
    .planPage .istext .contText ul li{ padding: 25px;}
    #plan .left{ padding-left: 300px;}
    .casePageBox .caseItem .sIntro i{ width: 24.5px; height: 25.2px; background-size: cover;}
    .casePageBox .caseItem .sIntro h2{ margin: 2% 0; font-size: 20px;}
    .interested .title,.interested .dec h3{ font-size: 30px;}

    .interested .dec p{ font-size: 16px;}
    
    .newsPage{ padding: 0 20px; }
    .newsPage .newsPageCont{ width: 100%;}
    .newsPage.err404 .newsPageCont{padding-top:80px;}
    .newsPage .newsPageCont .item .dec .text{ width: 80%;}
    .newsPage .newsPageCont .item .dec .day{ width: 15%; margin-right: 5%;}

    .case_details .case_detailsConte{ width: 80%;}
    .case_details .case_detailsConte .case_detailsConte_top .right{ display: none;}
    .planPage{ display: none;}
    #planM{ display: block;}
    .planPagepiling{ padding-top: 60px;}
    .planPagepiling .dec{ float: left; width: 65%; padding: 0 20px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    .planPagepiling .plan_img{ float: right; width: 35%;}
    .planPagepiling .pp-tableCell{ display: block;}
    .planPagepiling .sections { background: #fff;}
    #pp-nav.right{ right: 0;}
    .fixed,.newsPage_details .right .newsFanye .share{ display: none;}
}

@media screen and (max-width: 768px){
    .about .right{ width: 100%; position: absolute; top: 0;}
    .about .left{ height: 50%; position: relative; z-index: 2;}
    .about .right .template_right1{ margin-left: 50%; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .about .left .text{ padding-top: 45px;}
    .aboutPage .dec{ height: 60vh;}
    .joinPage .item .dec{ height: auto;}
    .joinPage .item .dec .pic ,.joinPage .item .dec .text{ width: 100%; height: 50vh;}
    .joinPage .item .dec .joinLogo{ display: none;}
    .joinPage .item .dec.joinPage2 .text{ height: auto; padding: 50px 5% 100px;}

    .formList,.menu{ display: none;}
    .menu-handler{ display: block;}
    .header ul{ position: fixed; top: 60px; z-index: 10; width: 0; height: 0; background: rgba(255,255,255,.9); padding: 0 20px; opacity: 0; left: 100%; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
    .header ul.active{ width: 100%; height: 100%; left: 0; opacity: 1;}
    .header ul li{ display: block; width: 100%; border-bottom: 1px solid rgba(249,177,50,0.75);}
    .header ul li a{ font-size: 18px; color: #000; text-align: left; padding: 0; margin: 0; padding-right: 10px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    .header ul li a:hover{ background: #00acff;}
    .newsPage_details .left{ width: 25%;}
    .newsPage_details .right{ width: 75%;}
    .newsPage_details{ padding: 60px 20px 50px;}
    .newsPage_details .left span{ padding: 0;}
    
    .header .top_iphone{ right: 55px;}
    .header .top_iphone a{ width: 25.6px; height: 25.6px;}
    .header .top_iphone p{ display: none;}
    .caseBox{display:none;}
    .wapcase{display:block;overflow:hidden;background:#fff;height:100%;}
    .wapcase .casePage{border-bottom:#ddd 1px solid;}
    .wapcase .cmore{text-align:center;padding:20px 0;}
    .wapcase .casePage .cmore a{color:#fff;background:#00acff;display:inline-block;font-size:14px;padding:5px 15px;}
    .fullPage .section.last.wapsection{display:block;}
    .fullPage .section.last.pcsection .right{display:none;}
    .top404{padding-top:20px;}
    .tip404{padding:40px 0 20px;}
    .con404{margin:40px 40px;padding:20px 20px;}
    .con404 p{line-height:26px;}
}

@media screen and (max-width: 767px){
    .footer{ display: none;}
    .M_footerNav{ display: block;}
    .header,.header ul li a{ height: 50px; line-height: 50px;}
    .fullPage{ margin-top: 50px;}
    .header ul{ top: 50px;}
    .servicePage, .newsPage_details, .case_details, .casePage,.aboutPage{ padding-top: 50px; padding-bottom: 50px;}
    .newsPage,.joinPage{ padding-bottom: 50px;}
    .banner .swiper-container .swiper-slide .text h3{ font-size: 22px;}
    .banner .swiper-container .swiper-slide .text{ font-size: 16px;}
    /*.header .logo img{ width: 89.76px; height: 38.4px;}*/
    .menu-handler{ width: 50px; height: 50px;}
    .header ul li a{ font-size: 16px; text-align: right;}
    .about .left .text{ padding-top: 25px;}
    .about .right .template_right1 .template_img{ width: 50%;}
    .about .right .template_right1 .text{ width: 50%; left: 15px; padding-right: 20px; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;}
    .about .left .text h2, .programme .right>.text h3, .aboutPage .dec p, .aboutPage .about_sec .about_sec_tit h3, .servicePage .serviceText h3, .newsPage .newsPageCont .top h3{ font-size: 22px;}
    .about .left .text p, .programme .right>.text p{ font-size: 16px;}
    .about .left .text p{ margin: 15px 0;}
    .about .left .text span{ font-size: 14px; padding: 5px 15px;}
    .about .left .text, .programme .right>.text{ padding-left: 15px;}
    .template .template_right1 .text h5, .template .currency .text h5, .case .swiper-slide .dec .case_title span, .tongyong h2, .last .item .left .title, .planPage .istext .contText ul li .contTextTit h2{ font-size: 18px;}
    .template .template_right1 .text p, .template .currency .text p, .swiperBox .swiper-container .swiper-slide, .tongyong .contact>p, .aboutPage .about_sec .about_sec_tit span{ font-size: 14px;}
    .template .template_right1 .icon,.case .swiper-slide .dec .case_look,.banner .mouse,.aboutPage .cul .about_logo{ transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);}
    .template .template_right1 .text{ left: 15px;}
    .service .right .template_right2,.service .right .template_right3{ width: 50%; height: 25%;}
    .service .right .template_right4{ width: 100%; height: 25%;}
    .template .template_right1 .text p{ width: 90%; margin-bottom: 10px;}
    .service .template .currency .text{ padding-top: 15%; padding-left: 15px;}
    .swiperBox{ padding: 80px 25px 0;}
    .swiperBox:after{ top: 153px;}
    .programme .child{ position: absolute; top: 0; left: 0; width: 100%;}
    .programme .right{ background: none;}
    .programme .right>.text{ padding:8% 4% 4% 8%;}
    .swiperBox .swiper-container .swiper-button-next, .swiperBox .swiper-container .swiper-button-prev{ width: 53.2px; height: 25.2px;  }
    .swiperBox .swiper-container .swiper-slide .icon{ width: 50px; height: 50px; margin-bottom:40px}
    .swiperBox .swiper-container .swiper-slide .icon img{ width: 100%; height: 100%; margin-bottom:15px;}
	.programme .swiperBox{bottom:20px;}
    .case .caseFanye{ padding: 5px 55px;}
    .case .caseFanye>a{ width: 21.7px; height: 20.3px; background-size: cover; top: 10px;}
    .last .item .left .title .page_swiper a{ width: 24.6px; height: 28.8px; background-size: cover;}
    /*.tongyong .message{ display: none;}*/
    .last .item .left,.last .item .right{height:100%;float:none;}
	.fullPage .section .fp-tableCell{}
    /*.last .item .left{height:36%;}
    .last .item .right{height:64%;}*/
    .last .item .left,.last .item .right{ width: 100%; padding: 0 0; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; overflow: hidden;}
    .last .item .left .title{margin-bottom:15px;}
    .last .item .left .lastSwiper .swiper-container h3{ font-size: 20px; margin: 10px 0;}
    .tongyong .message h2 span{display:none;}
	.tongyong .message{margin-top:10%;}
    .tongyong .message .messageBox{padding:15px 0;}
    .tongyong .message .messageBox input{height:35px;line-height:35px;}    
.tongyong .message .messageBox .decs:nth-child(1):after, .tongyong .message .messageBox .decs:nth-child(2):after{line-height:30px;}
    .tongyong .message .messageBox textarea{height:50px;}
    .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin: 0 3px;}
    .banner .swiper-pagination-bullet{ width: 8px; height: 8px;}
    .banner .swiper-pagination-bullet-active{ width: 20px;}
    .last .item{ padding: 5% 20px;}
    /*.tongyong h2{ font-size: 22px;}*/
    .aboutPage .cul { height: auto;}
    .aboutPage .cul .left,.aboutPage .cul .right{ width: 100%; height: 50%; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;}
    .aboutPage .cul .left{ height: 25vh;}
    .aboutPage .cul .about_logo,.case .swiper-slide .dec .case_info,.casePageBox .caseItem .sIntro{ display: none!important;}
    .aboutPage .cul .right{ padding: 5%; height: auto;}
    .aboutPage .cul .right img{ width: 100%;}
    .aboutPage .dec .num strong{ font-size: 70px;}
    .aboutPage .dec .num span{ font-size: 25px; padding-top: 50px; margin-left: -35px;}
    .aboutPage .dec .num sup{ font-size: 55px; margin-left: 22px;}
    .swiper-button-next, .swiper-button-prev{ width: 18.9px; height: 30.8px; background-size: cover;}
    .aboutPage .about_sec .aboutPage_swiper .swiper-button-next{ right: -30px; width: 21px; height: 42.5px; margin-top: -21px;}
    .aboutPage .about_sec .aboutPage_swiper .swiper-button-prev{ left: -30px;  width: 21px; height: 42.5px; margin-top: -21px;}
    .servicePage .serviceText{ width: 100%; float: right; height: 57vh;}
    .servicePage .servicePic{ width: 100%; float: right; height: 36vh;}
    .servicePage .serviceText .serviceInclube span{ font-size: 14px; width: 50%;line-height:20px;}
    .servicePage .serviceText ul li,.servicePage .serviceText p{ font-size: 12px;}
    .servicePage .serviceText .serviceTable .serviceCell{ padding: 0 20px 50px; }
    .casePageBox .caseItem{ width: 50%;}
    .caseNum .fanye a,.caseNum input[type='button']{ font-size: 12px; width: 25px; height: 25px; line-height: 25px;}
    .caseNum .fanye a,.total,.pageNum,.caseNum input{display: none;}
    .caseNum .fanye a.Mshow{ display: inline-block;}
    .caseNum .fanye{ display: block; margin: 5px 0;}
    .caseNum{ padding: 20px 0 40px;}
    .newsPage .newsPageCont .item .dec .day{ background: #00acff;}
    .newsPage .newsPageCont .item .dec .day em{ border-color: #fff;}
    #pp-nav span, .pp-slidesNav span{ width: 5px; height: 5px;}
    #pp-nav li .active span, .pp-slidesNav .active span{ width: 5px; height: 10px;}

    .interested .title, .interested .dec h3{ font-size: 20px;}
    .interested .dec p{ font-size: 14px;}
    .newsPage .newsPageCont .top ul li{ width: 27%;}
    .newsPage .newsPageCont .top ul li a{ width: 100%;}
    .newsPage .newsPageCont .item .dec .text{ padding: 10px 15px; width: 75%;}
    .newsPage .newsPageCont .item .dec .text h2{ font-size: 16px; margin-bottom: 10px;}
    .newsPage .newsPageCont .item .dec .day{ width: 20%; height: 100px; }
    .newsPage .newsPageCont .item .dec .day em{ font-size: 50px; height: 60px; line-height: 60px;}
    .newsPage:after, .newsPage_details:after{ bottom: 0;}
    .joinPage .tongyong .message{ display: block;}
    .joinPage .item .dec.joinPage2 .text{ padding-bottom: 50px;}
    .joinPage{ padding-top: 50px;}
    .programme .right>.text span{ margin-top:8px; font-size:14px;}
    .programme .right>.text h3{ margin-bottom:8px;}
    .newsPage_details .content{ padding-top: 25px;}
    .newsPage_details .left{ width: 100%; text-align: center;}
    .newsPage_details .left span{ width: 30%; display: inline-block; float: none;margin: 0 1% 20px;}
    .newsPage_details .left a,.newsPage_details .right{ width: 100%;}
    .case_details .case_detailsConte .case_detailsConte_top{ padding: 20px 0 10px;}
    .case_details .case_detailsConte .case_detailsConte_top .caseLink{ width: 24.6px; height: 24.6px; background-size: cover; top: 37%;}
    .case_details .case_swiper .swiper-button-next.swiper-button-white,.case_details .case_swiper .swiper-button-prev.swiper-button-white{ width: 28.7px; height: 33.6px; background-size: cover;}
    .case_details .case_detailsConte .case_detailsConte_center h3{ padding: 20px 0; font-size: 20px;}
    .case_details .case_detailsConte .case_detailsConte_center h3:after{ bottom: 10px;}
    .case_details .interested:after{ bottom: 0;}
    .interested{ padding-bottom: 40px;}
    .case_details .case_detailsConte{ padding: 0 20px; width: 100%; box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;}
    .case .swiper-slide:hover .dec{  background: transparent;}
    .case .swiper-slide a{ display: block; height: 100%;}
    .header ul li a:after{ display: none;}

    .planPagepiling .plan_img{ position: absolute; top: 0; right: 0; width: 50%; z-index: -1;}
    .planPagepiling .dec{ background: rgba(255,255,255,0.92); width: 100%;}
    .dec .secTable h3{ font-size: 24px;}
    .dec .secTable .info,.dec .secTable p.color{ font-size: 16px;}
    #planM{ padding-top: 50px;}

    .joinPage .dec .joinLogo{ display: none;}
    .joinPage .dec .pic, .joinPage .dec .text{ width: 100%; height: 50vh;}
    .joinPage .joinPage2 .text{ height: auto; padding: 30px 5%;}
    .wapcase .casePage{padding:0;}
    .wapcase .casePage .casePage{padding:0;}
	.last .item .left .lastSwiper .swiper-container .info{height:42px;line-height:23px;}
.top404{padding-top:0;}
.top404 img{max-width:50%;}
.tip404{padding:20px 0;font-size:18px;}
.con404{margin:30px 5px;padding:20px 10px;box-shadow:none;}
.con404 p{line-height:26px;}
}
@media screen and (max-width:376px){
.last .item .left .lastSwiper .swiper-container h3{margin:5px 0;}
.last .item .left .lastSwiper .swiper-container .info{line-height:20px;}
.tongyong .contact>p{margin:0 0 1%;}
.tongyong .contact .info p{margin-bottom:0;line-height:20px;}
.last .item .left{height:39%;}
.last .item .right{height:61%;}
.tongyong .message .messageBox input{height:28px;line-height:28px;}
.tongyong .message .messageBox .decs:nth-child(1):after, .tongyong .message .messageBox .decs:nth-child(2):after{line-height:28px;}
.tongyong .message input[type='button']{line-height:28px;height:28px;}
.tongyong .message .messageBox{padding:5px 0 2px;}
.tip404{padding:20px 0;font-size:16px;}
}