﻿ /*初始化类*/
@charset "UTF-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
body, html { 
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #333;
    height: 100%; 
    min-width: 320px;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}
body {
    font-family: Microsoft Yahei,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}
ul,li,dl,dd,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;list-style: none;font-weight: 400;}
a{color: #333;text-decoration: none;}
input,textarea,button{outline:none;}
.tl{text-align: left;}
.tr{text-align: right;}
.center{text-align: center;}
.l{float: left;}
.r{float: right;}
.mar20{margin-top: -60px;padding-top: 80px;}
.midle{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
img{max-width: 100%;display: block;margin:0;}
.oneh{overflow: hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.clear{clear: both;}
.cont{width: 1200px;margin:0 auto;}
.pcnone{display: none;}

.meau,.close{width: 24px;height: 24px;display: block;}
.meau{background: url(../images/icon/meau.png) no-repeat center;background-size: cover;margin-top: 8px;}
.close{background: url(../images/icon/close.png) no-repeat center;background-size: cover;margin-left: 10px;}

.label{display:inline-block;color: #363636;padding:0;}
.radio{display:none}
.radioInput{background-color:#fff;border:2px solid #525252;border-radius:100%;display:inline-block;height:20px;margin-right:5px;margin-top:-1px;vertical-align:middle;width:20px;line-height:19px;}
.radio:checked + .radioInput:after{background-color:#525252;border-radius:100%;content:"";display:inline-block;height:12px;margin:2px;width:12px}
.checkbox.radioInput,.radio:checked + .checkbox.radioInput:after{border-radius:0}


body{padding-top: 90px;}
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;width: 100%;padding:0;background: #fff;box-shadow: 0px 2px 2px rgba(0,0,0,.1);}
header .logo img{height: 60px;display: block;margin:0;margin-top: 15px;}
header .nav{display: flex;height: 90px;}
header .nav .li,header .nav .icon{display: inline-block;}
header .nav a{line-height: 90px;padding:0 20px;font-size: 16px;color: #8b8b8b;}
header .nav a.act{color: #12a2df;}
header .nav .li ul{display: none;background: #fff;border-top: solid 2px #12a2df;width: 120%;margin-top: -2px;}
header .nav .li ul li{border-bottom: solid 1px #f5f5f5;}
header .nav .li ul a{line-height: 50px;display: block;width: 100%;text-align: left;font-size: 14px;padding:0 0 0 15px;}
header .nav .li ul a:hover{background: #6db85b;color: #fff;}
header .nav .icon{height: 32px;margin:30px 0 0 20px;padding:3px 0;}
header .nav .icon img{width: 24px;}
header .nav .icon a{line-height: 32px;padding:0 5px;display: inline-block;}
@media screen and (min-width: 960px){
  header .nav .li:hover ul{display: block;}
}
/*banner*/
.banner img{width: 100%;}
.abanner,.pbanner,.sbanner,.nbanner,.nabanner,.obanner,.cbanner{min-height: 450px;}
.abanner{background: url(../images/banner/about.jpg) no-repeat center;background-size: cover;}
.pbanner{background: url(../images/banner/party.jpg) no-repeat center;background-size: cover;}
.sbanner{background: url(../images/banner/service.jpg) no-repeat center;background-size: cover;}
.nbanner{background: url(../images/banner/news.jpg) no-repeat center;background-size: cover;}
.nabanner{background: url(../images/banner/cases.png) no-repeat center;background-size: cover;}
.obanner{background: url(../images/banner/operate.jpg) no-repeat center;background-size: cover;}
.cbanner{background: url(../images/banner/map.jpg) no-repeat center;background-size: cover;}

footer{background: #f7f7f7;color: #7d7d7d;text-align: right;padding:15px 0;font-size: 12px;}
footer a{color: #000;}

.page{color: #999;overflow: hidden;text-align: center;padding:10px;clear: both;}
.page a{display: inline-block;min-width: 26px;height: 26px;text-align: center;line-height: 24px;margin:0 3px;padding:1px 5px;}
.page a:hover,.page .aa a.act{background: #12a2e0;color: #fff;}
.page a.pa:hover{color: #12a2e0;background: none;}

.info {margin-top: -120px;position: relative;z-index: 99;padding-bottom: 50px;}
.info .cont{padding:0;background: #fff;color: #737272;}
.main {min-height: 350px;}
.main img{max-width: 100%;margin:0 auto 20px;}
.main p{margin-bottom: 10px;text-align: center;}
.main .b{font-weight: 600;margin-bottom: 10px;}

.title{text-align: center;padding:40px 0 0;min-height: 120px;}
.title h3{font-size: 25px;color: #12a2e0;margin-bottom: 10px;}
.title p{color: #6cb85b;}
.title p.time{color: #999;}
.cont_main{display: flex;padding:30px 0;}
.cont_main .cm_li{flex: 20%;position: relative;}
.cont_main .cm_li img{width: 100%;}
.cont_main .cm_li:after{content: "";position: absolute;right: 0;top: 50%;margin-top: -20px;height: 40px;width: 1px;background: #e6e6e6;}
.cont_main .cm_li:last-child:after{background: none;}

.speech .main,.organize .main,.shop .main{text-align: center;padding:0px 30px;}

.develop .main {padding:20px 30px;}
.develop .main .tit,.company .main .tit{font-size: 20px;color: #6cb85b;font-weight: 600;}
.develop .main .mtit,.main .mli{line-height: 68px;border-bottom: dotted 1px #a9a9a9;}
.develop .main .mtit{color: #12a2e0;font-weight: 600;}
.develop .main .mli span{font-size: 22px;font-weight: 600;padding:0 5px;}

.speech .main h3{text-align: right;font-weight: 600;font-size: 15px;margin-top: 20px;}

.ainfo{padding:0px 30px;text-align: center;}
.atop{padding:0 120px;}
.aimg{border-top: dotted 1px #a9a9a9;padding:30px 0 0;display: flex;margin-top: 50px;}
.aimg .ali{flex: 33.3333%;padding:0 15px;}
.aimg .ali img{margin-bottom: 0;width: 100%;}

.organize .main img{margin:20px auto;}

.shop p{margin-bottom: 0;}
.shop .s_ul{overflow: hidden;margin-top: 30px;}
.shop .s_ul .s_li{width: 25%;float: left;padding:0 10px;margin-bottom: 30px;cursor: pointer;}
.shop .s_ul .s_img{height: 260px;overflow: hidden;}
.shop .s_ul .s_img img{width: 100%;min-height: 100%;margin:0;}

.company .main .tit{color: #12a2e0;}
.company .main .ctop,.company .main .cbot{display: flex;padding-top: 20px;margin:0 -10px;}
.company .main .ctop .cli{flex: 33.333%;padding:0 10px;}
.company .cli .cmain{background: #eeeeee;padding:40px 8px 8px;}
.company .cli .cmain img{width: 100%;margin:30px 0 0;}
.company .cmain span{display: inline-block;width: 70px;height: 2px;background: #12a2e0;margin:0 0 20px 20px;}
.company .cmain p{text-align: left;padding-left: 35px;background: url(../images/dian.png) no-repeat 20px 8px;}
.company .cli1 .cmain{min-height: 225px;}
.company .cli1 .cmain:last-child{margin-top: 20px;}

.company .cbot .cli{width: 50%;padding:0 10px;}
.company .cbot .cmain{padding:20px 30px;min-height: 315px;}
.company .cbot .cmain p{background: none;padding:0;}
.company .cbot .cmain p.cb{margin-top: 20px;}
.company .cbot .cmain div{color: #12a2e0;}
.company .cbot .cmain span{margin: 0 0 10px;}

.service .main{overflow: hidden;padding:0 10px;}
.service .main .navs{width: 20%;}
.service .main .navs a{display: block;width: 100%;line-height: 50px;border-bottom: solid 1px #e6e6e6;padding-left: 15px;}
.service .main .navsl a:hover,.service .main .navs a.act{background: #6cb85b;color: #fff;}
.service .main .text{overflow: hidden;width: 80%;text-align: left;padding-left: 20px;}
.service .main .text p{text-align: left;padding-left: 20px;}
.service .s_ul .s_li{width: 33.3333%;}

.partner .s_ul .s_img{height: 130px;overflow: hidden;border:solid 1px #e6e6e6;}

.news .main,.n_detail .main,.activity .main,.staff .main{padding:0 30px;}

.news .n_li{padding:15px 0;margin:15px 0;border:solid 1px #e6e6e6;border-left: none;border-right: none;display: flex;}
.news .n_li .n_img{flex: 25%;}
.news .n_li .n_img img{width: 100%;margin:0;}
.news .n_li .n_text{flex: 75%;padding:20px;position: relative;}
.news .n_li .n_text h3{display: flex;margin-bottom: 10px;}
.news .n_li .n_text h3 .oneh{flex: 80%;height: 24px;}
.news .n_li .n_text h3 .aa{flex: 20%;text-align: right;font-size: 13px;}
.news .n_li .n_text a{position: absolute;right: 20px;bottom: 0px;border:solid 1px #e6e6e6;padding:2px 10px;font-weight: 400;color: #999;}

.n_detail .n_info{padding:30px;border-top: solid 1px #e6e6e6;}
.n_detail .n_info p{text-align: left;}
.n_detail .page .pa{min-width: 100px;}

.activity .act_ul{overflow: hidden;}
.activity .act_ul .act_li{width: 25%;float: left;padding:0 10px;margin-bottom: 10px;cursor: pointer;}
.activity .act_ul .act_li .act_img{height: 289px;overflow: hidden;}
.activity .act_ul .act_li .act_img img{width: 100%;min-height: 100%;}
.activity .act_ul .act_li .act_text{padding:15px 0;}
.activity .act_ul .act_text h3{font-size: 18px;}
.activity .act_ul .act_text p{color: #999;margin: 10px 0 0;overflow: hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;}

.operate ul{overflow: hidden;padding:30px 50px;}
.operate ul li{display: block;float: left;width: 50%;padding:10px 0;}
.operate ul li span{color: #12a2e0;}

.staff .main .tit{color: #12a2e0;font-weight: 600;text-align: center;margin:15px 0 30px;}
.staff .main  p span{padding-left: 30px;padding-right: 3px;color: #12a2e0;}
.staff .main  p span:first-child{padding-left: 0;}
.staff .act_ul{margin-top: 50px;}
.staff .act_ul h4{text-align: center;}

.map .main{display: flex;padding:0 10px;}
.map .main .img,.map .main .text{flex: 50%;padding:0 20px;}
.map .main .text p{text-align: left;}
.map .form {padding-top: 20px;}
.map .form textarea{width: 100%;height: 120px;border:solid 1px #e6e6e6;margin-bottom: 15px;padding:12px;}
.map .form div{text-align: right;}
.map .form div a{border:solid 1px #e6e6e6;padding:3px 15px;display: inline-block;}
.map .form div a.cz{background: #6cb85b;color: #fff;margin-left: 30px;}

.clear{clear: both;}
.recruit .main{padding:0 30px;}
.recruit .th{background: #fff;color: #000;border-bottom: solid 2px #e6e6e6;}
.recruit .th,.recruit .td{overflow: hidden;padding:0;}
.recruit .td{border-bottom: solid 1px #ddd;}
.recruit .tt{line-height: 32px;padding:10px 0;float: left;}
.recruit .th0{width: 30%;}
.recruit .th1{width: 30%;}
.recruit .th2{width: 20%;}
.recruit .th3{width: 15%;}
.recruit .th5{width: 5%;text-align: center;}
.recruit .th5 a{display: inline-block;color: #ddd;text-align: center;line-height: 24px;width: 28px;height: 28px;font-size: 24px;font-weight: 600;margin-top: 2px;}
.recruit .th5 a img{width: 24px;height: 24px;margin-top: 2px;}
.recruit .text{display: none;border-top: solid 1px #ddd;padding:15px;background: #f0f5fc;}
.recruit .text.open{display: block;}
.recruit .text h4{font-size: 16px;padding: 15px 0 5px;color: #12a2e0;}
.recruit .text p{padding: 0;font-size: 13px;text-align: left;margin-bottom: 0;}

.recruit p.b{padding:0 100px;}

.home_ul .cont_main{margin-top: -80px;background: #fff;box-shadow: 0px 2px 2px rgba(0,0,0,.1);position: relative;z-index:99;}

.home{padding:50px 0 0;clear: both;}
.h_title{display: flex;justify-content: space-between;position: relative;padding-top: 50px;}
.h_title .txt{flex: 100px;}
.h_title h3{font-size: 25px;margin-bottom: 5px;}
.h_title .timg{position: absolute;top: 0px;left: 95px;}
.h_title .h_nav{padding-top: 15px;}
.h_title .h_nav a{font-size: 16px;padding-left: 20px;}
.h_title .h_nav a.more{padding-left: 40px;padding-right: 20px;background: url(../images/icon/right.png) no-repeat right center;font-size: 14px;color: #999;}
.h_title .h_nav a.act{color: #12a2e0;}

.home_news{padding-bottom: 30px;}
.home_slide{padding:20px 0;position: relative;display: }
.home_slide .img{position: relative;height: 260px;overflow: hidden;}
.home_slide .img img{min-height: 100%;width: 100%;}
.home_slide .img span{position: absolute;left: 0;bottom: 0;background: #fafafa;font-size: 12px;padding:3px 10px;}
.home_slide .text{background: #fafafa;padding:20px;}
.home_slide .text h3{padding-bottom: 10px;margin-bottom: 10px;border-bottom: solid 1px #e6e6e6;line-height: 32px;}
.home_slide .text:hover h3{color: #12a2e0;border-color: #12a2e0;}
.home_slide .text p{ -webkit-line-clamp: 2;color: #909090;}

.home_slide .swiper-container{position: static;}
.home_slide .swiper-button-next{right: -40px;}
.home_slide .swiper-button-prev{left: -40px;}

.home_case .img{height: 420px;}
.home_case .text{background: #fff;padding:10px 0;}
.home_case .text h3{border:none;margin-bottom: 0;}
.home_slide .img .span{position: absolute;left: 5%;top: 5%;width: 90%;height: 90%;background: #fff;padding:10px 30px;text-align: left;display: none;}
.home_slide .img .span .oneh{ -webkit-line-clamp: 6;margin-bottom: 30px;color: #999;line-height: 26px;}
.home_slide .img .span h3.oneh{margin-bottom: 20px;color: #000;}
.home_slide .img .span a{background: #6db85b;color: #fff;padding:5px 10px;}
.case_swiper .swiper-slide{cursor: pointer;}
.case_swiper .swiper-slide:hover .span{display: flex;}
.home_case{position: relative;padding-bottom: 0;}
.home_case .line{position: absolute;left: 0;top: 175px;height: 1px;width: 100%;background: #e6e6e6;}
.home_case .h_title{margin-bottom: 20px;}
/*.case_swiper .swiper-slide:hover .text{display: none;}*/

.home_about{background: url(../images/line.jpg) repeat-x left top;}
.home_about .h_title{position: static;padding-top: 0px;overflow: hidden;}
.home_about .h_title .txt{color: #fff;}
.home_about .h_title .img{position: static;padding-top: 10px;}
.ab_main{display: flex;margin-top: -20px;}
.ab_main .abimg{flex: 45%;}
.ab_main .abimg img{width: 100%;}
.ab_main .abinfo{flex: 55%;padding-top: 60px;}
.ab_main .abinfo .abtext{background: #fff;padding:30px;}
.ab_main .abtext h3{font-size: 18px;}
.ab_main .abtext h5{font-size: 12px;text-transform:uppercase;}
.ab_main .abtext div{margin-top: 20px;color: #999;}
.ab_main .abtext div p{margin-bottom: 15px;}
.ab_main .abtext div a{display: inline-block;color: #999;margin-top: 10px;border-top:solid 1px #999;text-transform:uppercase;}

.home_enter{background: #fafafa;padding:50px 0;}
.home_enter .h_title .timg{right: 0;left: auto;}
.en_main{margin:0 -2px;padding-top: 30px;position:relative;}
.en_main .en_li{float: left;width: 100%;padding:0 2px;cursor: pointer;}
.en_main .en_li .en_img{padding:0;border:solid 1px #bfbfbf;height: 200px;overflow: hidden;}
.en_main .en_li .en_img img{width: 100%;min-height: 100%;}
.en_main .en_li .en_text{padding:15px;color: #505050;border-bottom:solid 2px #fafafa;}
.en_main .en_li .en_text h4{font-size: 18px;margin-bottom: 15px;}
.en_main .en_li .en_text p{margin-bottom: 5px;}
.en_main .en_li .en_text p span{display: block;color: #909090;}
.en_main .en_text p span.bt{float: left;}
.en_main .en_text p span.bi{padding-left: 80px;}
.en_main .en_li:hover .en_text{background: #12a2e0;border-bottom: solid 2px #6cb85b;color: #fff;}
.en_main .en_li:hover .en_text p span{color: #fff;}

.home_enter .timg div{position:relative;}
.home_enter .timg a{display:inline-block;margin-left:100px; position:absolute;top:65px;right:155px;padding:2px 10px;    padding-right: 20px;
    background: url(../images/icon/right.png) no-repeat right center;
    font-size: 14px;
    color: #999;}

.en_main .swiper-container,.en_main .swiper-wrapper{position: static;}
.en_main .swiper-button-next{right: -40px;}
.en_main .swiper-button-prev{left: -40px;}

.home_xinwei{background: url(../images/bottom.png) no-repeat center bottom;min-height: 550px;}
.home_xinwei .cont .xtext{width: 80%;float: left;}
.home_xinwei .cont .xtext p{color: #909090;margin-bottom: 5px;line-height: 32px;}
.home_xinwei .cont .xtext p.xx{margin-bottom: 30px;}
.home_xinwei .cont .ximg{width: 20%; float: right;text-align: right;}
.home_xinwei .cont .ximg img{margin:0;margin-left: auto;}

.homes .cont{display: flex;}
.homes .cont .ta_bt{color: #4d4d4d;}
.homes .cont .ta_bt h3{font-size: 25px;margin-bottom: 10px;}
.homes .cont .ta_te{overflow: hidden;padding-left: 15px;padding-top: 10px;}


.home_talent{background: #f8f8f8;position: relative;height: 220px;}
.home_talent .hbg{position: absolute;top: 0;right: 0;width: 65%;background: #a1db91;height: 220px;z-index: 0;overflow: hidden;}
.home_talent .cont{position: relative;z-index: 1;}
.home_talent .cont .ta_bt{flex: 35%;padding-top: 50px;}
.home_talent .cont .ta_te{flex: 65%;overflow: hidden;color: #fff;}
.home_talent .cont .ta_te .ta_ii{float: left;padding-top: 30px;}
.home_talent .cont .ta_te .ta_im{float: right;padding-top: 5px;}
.home_talent .cont .ta_te p{font-size: 16px;}
.home_talent .cont .ta_te h3{font-size: 30px;margin:5px 0;}
.home_talent .cont .ta_te h5{font-size: 14px;}
.home_talent .cont .ta_te a{border:solid 1px #fff;color: #fff;padding:0px 30px;border-radius: 15px;display: inline-block;margin-top: 15px;}

.home_contact .cont{padding:50px 0;}
.home_contact .ta_bt{flex: 25%;}
.home_contact .cont .ta_te{flex: 75%;color: #959595;font-size: 13px;}
.home_contact .ta_te h3{margin-bottom: 30px;}
.home_contact .ta_te ul{overflow: hidden;}
.home_contact .ta_te li{float: left;width: 50%;}


.srimg{
  height:230px;
}


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

}

@media screen and (max-width: 1280px){
    .cont{width: 95%;padding:0 10px;}
    .home_slide .img{height: 240px;}
    .home_case .img{height: 400px;}
    header .nav a{padding:0 10px;}
    header .nav .icon{margin-left: 0px;}
    header .nav .icon a{padding:0;padding-left: 5px;}
    .home_slide .swiper-button-next,.en_main .swiper-button-next{right: -30px;}
    .home_slide .swiper-button-prev,.en_main .swiper-button-prev{left: -30px;}
}

@media screen and (max-width: 1024px){

}

@media screen and (max-width: 960px){
    .cont{width: 90%;}
    .phone{display: none;}
    .pcnone{display: block;}
    body{padding-top: 54px;font-size: 13px;}

    header{padding:7px 0;}
    header .logo{width: 100%;}
    header .logo img{height: 40px;margin:0;}
    
    header .nav{
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        background-color: white;
        color: #aaa;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 100;
        display: block;
    }
    header .nav.show{
        -webkit-transform: translate(0%, 0);
        -ms-transform: translate(0%, 0);
        -o-transform: translate(0%, 0);
        transform: translate(0%, 0);
    }
    header .nav .tit{font-size: 18px;border-bottom: solid 1px #aaa;padding:10px 0;text-align: center;color: #333;}
    header .nav .tit i{float: left;font-size: 24px;}

    header .nav .li, header .nav .icon{display: block;}
    header .nav .li{border-bottom: solid 1px #f1f1f1;}
    header .nav .li ul{width: 100%;}
    header .nav a,header .nav .li ul a{display: block;width: 100%;line-height: 45px;text-align: center;padding:0;font-size: 15px;}
    header .nav .li ul a{font-size: 13px;}
    header .nav .li ul li:last-child{border:none;}
    header .nav .li ul a{line-height: 36px;}
    header .nav .icon{margin:0;padding:10px 0;text-align: center;}
    header .nav .icon a{display: inline-block;width: auto;}
    
    .home{padding-top: 30px;}
    .h_title .h_nav a{display: none;}

    .h_title{display: block;overflow: hidden;padding:0;}
    .h_title h3{margin-bottom: 0;font-size: 18px;}
    .h_title .h_nav{padding-top: 10px;}
    .h_title .timg,.h_title .h_nav a{display: none;}
    .h_title .h_nav,.h_title .txt{float: left;width: 50%;}
    .h_title .h_nav a.more{display: block;text-align: right;}

    .home_slide .img{height: 200px;}
    .home_slide .text{padding:10px;}

    .ab_main{margin-top: 20px;}
    .ab_main .abinfo{padding-top: 0;}
    .ab_main .abinfo .abtext{padding:15px;}
    .ab_main .abtext div{margin-top: 5px;}
    .ab_main .abtext div p{margin-bottom: 5px;}

    .en_main .en_li{margin-bottom: 10px;}
    .en_main .en_li .en_text{border-bottom:solid 2px transparent;}
	
	.home_enter .h_title .timg{display:block;}
	.home_enter .h_title .timg img{display:none;}
	.home_enter .timg a{position:static;margin-top:10px;}

    .home_contact .cont{padding:30px 0;}
    .en_main .en_li .en_img{height: 270px;}

    .home_case .line{top: 120px;}
    .home_slide .img{height: 300px;}
    .home_slide .img .span .oneh{    -webkit-line-clamp: 4;}
    .home_slide .img .span h3.oneh{margin-bottom: 10px;}
    .home_slide .text h3{line-height: 26px;margin-bottom: 5px;padding-bottom: 0px;}

    .home_case .line{top: 100px;}
    
    .home_slide .img{height: 260px;}
    .en_main .en_li .en_img{height: 240px;}

    .home_talent .cont .ta_te .ta_im{display: none;}
    .homes .cont .ta_bt h3{font-size: 18px;margin-bottom: 0;}

    .info{margin-top: -80px;}
    .title{min-height: 80px;padding-top: 20px;}
    .title h3{font-size: 18px;margin-bottom: 0;}
    .atop,.ainfo,.speech .main, .organize .main, .shop .main{padding:0 15px;}

    .develop .main .mtit, .main .mli{line-height: 48px;}
    .develop .main .mli span,.company .main .tit,.develop .main .tit, .company .main .tit{font-size: 16px;}

    .company .cmain p{padding-left: 15px;background: url(../images/dian.png) no-repeat 0px 8px;}
    .company .cli .cmain{padding: 8px;}
    .company .cmain span{margin:0 0 5px 15px;}
    .company .cli1 .cmain{min-height: 115px;}

    .news .main, .n_detail .main, .activity .main, .staff .main{padding:0 0px;}

    .operate ul{padding:0 15px;}
    .operate ul li{padding:5px 0;width: 100%;float: none;}

    .activity .act_ul .act_li .act_img{height: 180px;}
    .staff .main .tit{margin:0 0 10px;}
    .partner .s_ul .s_img{height: 100px;}
    .activity .act_ul .act_li .act_img{height: 140px;}
    .recruit p.b{padding:0 30px;}
}


@media screen and (max-width: 768px){

    .abanner, .pbanner, .sbanner, .nbanner, .obanner, .cbanner{min-height: 350px;}

}

@media screen and (max-width: 480px){
    .cont{width: 100%;}
    body{font-size: 12px;}

    .home_ul .cont_main{padding:20px 0;margin-top: -35px;}
    .home{padding-top: 20px;}
    .h_title{display: block;overflow: hidden;padding:0;}
    .h_title h3{margin-bottom: 0;font-size: 18px;}
    .h_title .h_nav{padding-top: 10px;}
    .h_title .timg,.h_title .h_nav a{display: none;}
    .h_title .h_nav,.h_title .txt{float: left;width: 50%;}
    .h_title .h_nav a.more{display: block;text-align: right;}
    .home_slide{padding: 10px 0 0;}
    .home_about .h_title{position: relative;margin-bottom: 20px;}
    .home_about .h_title .timg{display: block;left: auto;right: 0;top: 0px;}
    .home_about .h_title .timg img{height: 48px;}

    .ab_main{display: block;}
    .ab_main .l,.ab_main .r,.en_main .en_li,.home_talent .cont .ta_te .ta_ii,.home_talent .cont .ta_te .ta_im,.homes .cont .ta_bt,.home_contact .cont .ta_te,.home_contact .ta_te li,.company .cbot .cli,.operate ul li,.service .main .navs,.service .main .text{width: 100%;float: none;}

    .home_case .h_title{margin-bottom: 10px;}
    .home_case .line{top: 75px;}
    .home_slide .img{height: 300px;}
    .home_case .img{height: 380px;}

    .home_slide .swiper-button-next,.en_main .swiper-button-next{right: 10px;}
    .home_slide .swiper-button-prev,.en_main .swiper-button-prev{left: 10px;}

    .en_main{padding-top: 15px;}

    .home_enter{padding:15px 0;}
    .en_main .en_li .en_img{height: auto;}
    .en_main .en_li .en_text h4{font-size: 15px;margin-bottom: 5px;}
    .en_main .en_li .en_text p{margin-bottom: 0;}

    .home_xinwei .cont .xtext p.xx{margin-bottom: 10px;}
    .home_xinwei .cont .xtext p{line-height: 24px;}
    .home_xinwei{min-height: 400px;}

    .home_talent{height:auto;}
    .home_talent .cont,.home_contact .cont{display: block;text-align: center;}
    .home_talent .hbg{display: none;}
    .home_talent .cont .ta_bt{padding-top: 20px;}

    .home_talent .cont .ta_te .ta_im img{margin:0 auto;}
    .home_talent .cont .ta_te{color: #666;padding:0;}
    .home_talent .cont .ta_te .ta_ii{padding-top: 10px;}
    .home_talent .cont .ta_te a{border-color: #999;color: #999;margin-bottom: 10px;}
    .home_contact .cont .ta_te{padding:0;}
    .home_contact .ta_te h3{margin-bottom: 10px;}
    .home_talent .cont .ta_te .ta_im{display: block;}

    footer{padding:5px 0;text-align: center;line-height: 20px;}


    .abanner, .pbanner, .sbanner, .nbanner, .obanner, .cbanner,.nabanner{min-height: 180px;}

    .info{margin-top: 0;padding-bottom: 20px;}
    .title{min-height: auto;padding: 15px 0;}

    .aimg{padding:15px;display: block;}
    .aimg .ali{width: 100%;padding:0;margin-bottom: 10px;}
    .shop .s_ul{margin-top: 15px;}
    .shop .s_ul .s_li,.activity .act_ul .act_li{width: 50%;padding:0 5px;margin-bottom: 10px;}


    .develop .main,.company .main,.news .main, .n_detail .main, .activity .main, .staff .main{padding:0 15px;}

    .company .main .ctop, .company .main .cbot,.news .n_li{display: block;}
    .company .cli1 .cmain{min-height: 140px;padding-top: 15px;}
    .company .cli .cmain{padding-top: 20px;}
    .company .cmain span{margin-bottom: 10px;}
    .company .cli1 .cmain:last-child{margin:10px 0;}
    .company .main .ctop, .company .main .cbot{padding-top: 10px;}
    .company .main .cbot .cli:last-child{margin:10px 0;}
    .news .n_li .n_text{padding:10px 10px 0;}
    .news .n_li .n_text h3{margin-bottom: 0;}
    .news .n_li .n_text a{position: static;margin-top: 10px;display: inline-block;}
    .n_detail .n_info{padding:15px 0;}

    .operate .cont,.recruit .main{padding:0 15px;}
    .operate ul,.staff .cont{padding:0;}
    .operate ul li{padding:5px 0;}

    .staff .main .tit{margin:0 0 10px;}

    .activity .act_ul .act_li .act_img{height: 200px;}
    .activity .act_ul .act_li .act_text{padding:10px 0;}

    .news .cont,.shop .cont,.service .main .text{padding:0;}
    .service .main .text{margin-top: 20px;}

    .activity .act_ul .act_li .act_img{height: 180px;}
    .activity .act_ul .act_text h3{font-size: 15px;margin-bottom: 0;}
    .activity .act_ul .act_text p{margin-top: 0;}

    .recruit p.b{padding:0;}

    .recruit .th1{width: 25%;}
    .recruit .th5{width: 10%;height: 34px;}
    .recruit .tt{padding:5px 0;}
    .recruit .th5 a img{margin:0 auto;}

    .recruit .text{padding: 0 10px;}
 
    .recruit .text h4{font-size: 15px;padding:10px 0 0;}

    .map .main{display: block;}
   
    .srimg{ height:160px;}	

    .map .main .img, .map .main .text{width: 100%;padding:0 10px;float: none;}
}

}


}

@media screen and (max-width: 376px){
	
}
@media screen and (max-width: 361px){
	
}
@media screen and (max-width: 321px){
	
}


.current{
    background: #12a2e0;
    color: #ffffff;
    display: inline-block;
    min-width: 26px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    margin: 0 3px;
    padding: 1px 5px;
}

