@charset "utf-8";
html, body {
    color: #777;
    padding: 0px;
    margin: 0px;
    font-size: 62.5%;
    font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
body{ font-size: 14px;width: 100%;
    overflow: hidden;}
input, textarea, select {
    margin: 0;
    padding: 0;
}
input {
    border: none;
}
.fl{ display: inline; float: left;}
.fr{ display: inline; float: right;}
a {
    color: #333;
    transition: color 0.3s ease 0s;
    text-decoration: none;
}
a:hover {
    color: #333;
    text-decoration: none;
}
ul, ol {
    list-style: none outside none;
}
ul, ol, li, dl, dd {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
ul:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}
img {
    border: 0;
    vertical-align: middle;
}
.clearfix:after { content: ""; display: table; clear: both;}
.clr {clear: both;}
/*公共样式*/

.w1200{
    width:1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
/*分页*/
.text-center{ width:400px; height:40px; margin:0px auto;    margin-bottom: 30px;}
.text-center ul li{ font-size:14px; color:#666; line-height:33px; float:left; margin-left:5px;}
.text-center ul li a, .text-center ul li span{display: block; color:#666; height: 33px; background-color: #fff; text-align:center;  cursor:pointer; border: 1px solid #333;}
.text-center ul li.active span{ color:#fff; background:#23BB61;border: 1px solid #23BB61; }
.text-center ul li.disabled span{ color:#999; background:#ddd;border: 1px solid transparent; cursor: none; }



.mid_btn{position: relative; margin: 0 auto; margin-top: 45px;}
/*垂直居中{  display: flex;
    justify-content:center;
    align-items:Center;

}*/
.one_line{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.two_line{
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /*控制多行的行数*/
    -webkit-box-orient: vertical;
}
/*头部*/
.head{padding: 25px 0;}
.head .w1200{/*overflow: hidden;*/}
.logo a{width: 131px; height: 50px;} 
.logo img{position:relative; width:100%; height: auto;}
.search {
   
    width: 545px;
    position: relative; 
    margin: 0 auto;
    padding-top: 5.5px;
}
.search form{
   border: 2px solid #23BB61;
  height:37px;
  position: relative;
}
.search .select_box {
    font-size: 12px;
    color: #999999;
    width: 100px;
    line-height: 35px;
    float: left;
    position: relative;
}
.search .select_showbox {
    height: 35px;
    background: url(../images/arr_d.png) no-repeat 75px center;
    text-indent: 1.5em;
}
.search .select_option {
    border: 2px solid #23BB61;
    border-top: none;
    /* display: none; */
    left: -2px;
    top: 33px;
    position: absolute;
    z-index: 99;
    background: #fff;
}
.search .select_option li {
    text-indent: 1.5em;
    width: 90px;
    cursor: pointer;
}
.search .select_option li.selected, .search .select_option li:hover {
    background-color: #F3F3F3;
    color: #999;
}
.search input.inp_srh, .search input.btn_srh {
    border: none;
    background: none;
    height: 35px;
    line-height: 35px;
}
.search input.inp_srh {
    outline: none;
    width: 385px;
}
.search input.btn_srh {
    background: #23BB61 url(../images/sear.png) no-repeat center center;
    color: #FFF;
    width: 60px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}
.call {
    background: url(../images/call.jpg) no-repeat left center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    position: absolute;
   padding-left: 40px;
   line-height: 1.2em;
   height: 33px;
   right: 0px;
   top: 8.5px;
}
.call b{ font-size: 1.8rem; color: #22bb61; font-weight: normal;display: block;}

/*首页*/
.nav {
    overflow: hidden;
}
.nav ul li {
    float: left;
    font-size: 14px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    
}
.nav ul li.fenlei {
    width: 200px;
    background: url(../images/list.png) no-repeat 15px center #23BB61;
    color: #fff;
    text-align: center;
    padding: 0;
    border: none;

}
.nav ul li a{
      height: 40px;
    line-height: 40px;
    display: block;

}
.nav ul li.cur a, .nav ul li:hover a{
   color: #23BB61;
     border-bottom: 2px solid #23BB61;
}
.nav ul li.cur{
  
}
.nav ul li:last-child{
border: none;
}


/*ban_wrap*/
.ban_wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    height: 480px;
}
.ban_wrap .swiper-slide {
    width: 100%;
    height: 100%;

}

.ban_wrap .swiper-slide {
    overflow: hidden;
    background-size: cover !important;
    background-position: center;
    padding-left: 0px;
    opacity: 0;
}
.wel-banner-bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    background-position: center !important;
    background-size: cover !important;
    transition: all 7.6s cubic-bezier(0.04, 0.79, 1, 1) !important;
    box-sizing: border-box;
}

.ban_wrap .swiper-slide{opacity: 0;
    filter: alpha(opacity=0);}

.ban_wrap .swiper-slide-active .wel-banner-bg {
    transform: scale(1);
}
.ban_wrap .swiper-pagination{
   bottom: 37px;
}
.swiper-pagination-bullet{
    width: 48px;
    height: 4px;
    display: inline-block;
   border-radius:0;
    background: #fff;
    opacity: .5;
}

.ban_wrap .swiper-pagination-bullet-active{
    background-color: #22bb61;
}
.ban_wrap .swiper-wrapper{position: absolute; left:0; top: 0px; }

/*分类列表*/
.fenlei_box {
    width: 200px;
    height: 480px;
    padding: 14px;
    background: url(../images/black-bg.png);
    position: absolute;
    left: 0;
    z-index: 99;
}
.mt10 {
    margin-top: 10px;
}
.fenlei_box h4, .yuyue-box .r-tit {
    color: #969696;
    font-size: 14px;
    margin-bottom: 10px;
}
.fenlei_box a {
    color: #fff;
    display: inline-block;
    width: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
}
.fenlei_box a:hover{
    color: #23bb61;
}
.main_tit{
    margin-top: 60px; 
    margin-bottom: 30px;
    position: relative;
}
.main_tit .cap{
    font-size: 14px; color: #858585;
    position: absolute;
    right:0;
    top: 0;
    height: 41px;
    line-height: 41px; 
}
.main_tit .cap b{ font-weight: normal;  color: #FF580B;}
.formbox {overflow: hidden;}
.formbox input[type="text"]{
background: url(../images/g_ico01.png) no-repeat 95% center #f5f5f5;
height: 40px;
line-height: 40px;
box-sizing: border-box;
padding-left: 15px;
font-size: 14px;
color: #333;
padding-right: 40px;
float: left;
width: 20%;
margin-right: 1%;
font-weight: normal;

}
.formbox  input[type="text"].t02{
background: url(../images/g_ico02.png) no-repeat 95% center #f5f5f5;
}
.formbox  input[type="text"].t03{
background: url(../images/g_ico03.png) no-repeat 95% center #f5f5f5;
}
.formbox  input[type="text"].t04{
background: url(../images/g_ico04.png) no-repeat 95% center #f5f5f5;
}
.formbox .btn{
    width: 16%;
   height: 40px;
line-height: 40px; 
font-size: 14px;
color: #ffff;
padding: 0px;
background-color: #23BB61;
}
.ser_list{ overflow: hidden;margin:60px 0; }
.ser_list .ser{
    overflow: hidden;
    height: 64px;
    border-right: 1px solid #F5F5F5;
    padding-left: 3%;
}
.ser_list .ser:first-child{padding-left: 0px;}
.ser_list .ser:last-child{border: none;}
.ser img, .ser p{float: left;}
.ser img{width: 64px;height: 64px; margin-right: 20px;}
.ser p{font-size: 14px; color: #999; width: 65%;}
.ser p b{font-weight: normal; display: block; margin-bottom: 8px; color: #333; font-size: 2.4rem;}
.main02{width: 100%; overflow: hidden; background-color: #F5F5F5;margin-left: 4px; padding: 8px 0;}
.four_col{width: 25%; float: left; box-sizing: border-box; padding-right: 8px;position: relative; background-color: #F5F5F5;}
.three_col, .one_col{width: 100%; position: relative; margin-bottom: 8px;}
.main02 .mask, .case_txt{position: absolute; width: 100%; height: 100%; top: 0;left: 0; display: flex;
    justify-content:center;
    align-items:Center;}
.main02 img{width: 100%;height: auto;}
.main02 .mask{background:url(../images/black-bg.png); }
.mask{opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    transform:translateY(20%);
   -webkit-transform:translateY(20%);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:translateY(20%);    
    }
.more_btn{ cursor: pointer; width: 143px; height: 42px; line-height: 42px; text-align: center; border:2px solid #8C8C8C; color: #888; font-size: 14px;display:block; margin-top:26px; }
.more_btn.btn_g{background-color: #23BB61; color: #fff; border-color: #23BB61;}
.main02 .mask p{ color: #fff; font-size: 2.4rem;margin-bottom: 68px;width: 100%;text-align: center;}
.one_col:hover .mask, .two_col:hover .mask, .per_list li:hover .mask{opacity: 1;transform:translateY(0);
   -webkit-transform:translateY(0);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:translateY(0);    }
.one_col, .two_col{overflow: hidden;}
.tit_img{margin:40px 0; text-align: center;}
.per_list{overflow: hidden;}
.per_list li{position: relative;float: left; width: 232px; margin-right: 20px;}
/*.per_list li:nth-child(5n){margin-right: 0;}*/
.per_list li .per_img{position: relative;overflow: hidden;}
.per_list li .per_img>img{width: 100%; height: auto;}
.per_list li .per_img .mask{position: absolute; width: 100%; height: 100%; left: 0;top: 0;background:url(../images/black-bg.png); display: flex;
    justify-content:center;
    align-items:Center;}
.per_list .mask .arr{position: absolute; right: 0; top: 0;}
.per_list .mask .per_con p{color: #fff; font-size: 14px;line-height: 1.2em;}
.btn_o{width: 108px; height: 38px; line-height: 38px; color: #FF730F; border:2px solid #FF730F;margin-top: 20px; }
.btn_o:hover{color: #FF730F; }
.per_list .per_name{text-align: center; width: 100%;height: 60px; line-height: 60px; background-color: #F5F5F5; font-size: 1.6rem; color: #333;}
.per_list .per_name i{color: #666; font-style: normal;font-size: 12px;}
.per_list li.active, .per_list li:hover{ transform: scaley(1.1);}
.per_list li.active .mask{opacity: 1; 
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);}
.per_list li.active .per_name, .per_list li.active i{background: #20B75D;color: #fff;}
.per_list li:hover .per_name, .per_list li:hover i{background: #20B75D;color: #fff;}
.g_wrap{background: url(../images/index_bg01.jpg) no-repeat center bottom #F8F8F8; width: 100%;padding: 40px 0;}
.gy_list{overflow: hidden;padding: 40px 0;}
.gy_list li{width: 25%; position: relative; float: left;}
.gy_list img{width: 100%; height: auto;}
.gy_item{background-color: #fff;box-sizing:border-box; border: 1px solid #E5E5E5;border-right: none;}
.s_item{padding: 17px;padding-bottom: 17px; position: relative;}
.s_item>div{width: 100%;position: relative;overflow: hidden; cursor: pointer;}
.s_item p{position: absolute;height: 38px; line-height: 38px; background: rgba(0,0,0,.5);color: #fff;
text-align: center;font-size: 14px; width: 100%;bottom: -10px;
-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.s_item>div:hover p{
height: 100%;
width: 100%;
padding-top:50px;
}
.w_wrap{background: #fff; width: 100%;padding: 40px 0;}
.zs_list{overflow: hidden;}
.zs_left{float: left; width: 66%;border: 1px solid #EBEBEB;box-sizing:border-box;}
.zs_tit{border: 1px solid #E6E6E6; overflow: hidden;width: 100%;background: #F5F5F5;}
.zs_tit li{cursor: pointer; float: left;padding:10px 0px; margin: 0 20px; color: #666; font-size: 1.6rem;}
.zs_tit li.active{color: #22BB61; border-bottom: 4px solid #22BB61;}
.know_wrap{padding:35px 20px;}
.know_item{overflow: hidden;position: relative;}
.know_l{float: left;width:386px;margin-right: 16px;}
.g_tit{ height: 48px; line-height: 48px;margin-bottom: 0;color: #22BB61; font-size: 1.6rem;padding-left: 20px;}
.s_txt{
    font-size: 1.6rem; color: #333; height: 56px; line-height: 56px;
     background-color: #f5f5f5;}
.know_r{float: left; width: 33%;}
.know_r li, .qu_list  li{padding-bottom: 15px;}
.know_r li a, .qu_list  li a{font-size: 14px; color: #666;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.zs_right{float: right; width:33%;border: 1px solid #EAEAEA; }
.know_r li a:hover, .qu_list li a:hover, .txt01:hover{text-decoration: underline;}
.qu_list{padding:35px 20px;}
.know_wrap, .qu_list{height: 352px;}
.qu_list li:first-child a{
        white-space: inherit;
    overflow: hidden; display: block;width: 100%;}
.qu_list li:first-child a:hover{text-decoration: none;}

.qu_list li img{float: left; margin-right: 10px;}
.txt01{ 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
}
.ser_wrap{background: url(../images/index_bg02.jpg) no-repeat center bottom;
    overflow: hidden;
    background-size: cover;
overflow: hidden;
}
.ser_wrap li{position: relative; background: #fff;
    float: left;width: 32.3%;margin-right: 1.5%; overflow: hidden;}
.ser_wrap li:last-child{margin-right: 0;}
.ser_img{position: relative; width: 100%;overflow: hidden;}
.ser_img img{position:relative; width: 100%; height: auto;transform: scale(1);
    transition: all 0.8s cubic-bezier(0.04, 0.79, 1, 1) !important; }
.ser_wrap li:hover img{    transform: scale(1.03);}
.ser_tit{font-size: 16px; color: #333;}
.ser_txt{
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    font-size: 14px; 
    color: #999;
    padding: 10px 0;
}
.ser_date{color: #666; font-size: 14px;}
.ser_con{padding:15px;}

.key_wrap{box-sizing:border-box; background: url(../images/index_bg04.jpg) no-repeat center bottom; height: 400px; position: relative;}
.key_wrap .tit_img{margin: 0; margin-bottom: 58px;text-align: left;}
.key_l{width: 70%; float: left; padding-top: 87px;}
.formbox .btn.o_btn{background: #ff7310;border-radius: 0;}
.key_l .formbox input[type="text"]{width: 25%;}
.key_r{position: relative; float: right;width: 30%;height: 400px;background-color: rgba(255,255,255,.8);}
.key_r h4{position: absolute; top: -53px;    width: 100%;
   padding-left: 20px; margin: 0; height: 53px; line-height: 53px;background-color:#FF730F;color: #fff; font-size: 1.8rem;}
.key_r .tab_wrap{    height: 400px;
    width: 100%;
    padding: 20px;
    overflow: hidden;}
.key_r td {
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
}
.key_r td.g_f{color: #22bb61;}
.foot{font-size: 14px;background: #272727;}
.foot_t{overflow: hidden;padding-top: 50px; padding-bottom: 25px; border-bottom:1px solid #383838;}
.link_wrap{position: relative; width: 62.5%;}
.code_wrap{text-align: center; }
.link_tit{color: #bbb;}
.link_list li a, .code_txt{color: #666;}
.code_txt{line-height: 30px;}
.link_list li a:hover{text-decoration: underline;}
.link_list li{float: left;margin-right: 8px;margin-bottom: 8px;}
.foot_b{padding-top:18px; padding-bottom: 30px; }
.foot_b p{text-align: center;}
.foot_b ul{width: 600px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;}
.foot_b li{float: left;height: 15px; padding: 0 12px; border-right: 1px solid #999;}
.foot_b li:last-child{border-right: 0;}
.foot_b li:hover a{text-decoration: underline;}
.foot_b li a{color: #999; display: block; line-height: 15px;}
/*关于我们*/
.pc_head{border-bottom:1px solid #E5E5E5; width: 100%; position: relative; }
.in_nav{cursor: pointer;}
.in_nav .fenlei_box{display: none;z-index: 999}
.b_tit{padding: 30px 0;}
.b_tit a{display: inline-block; color: #999; font-size: 12px;margin: 0 5px;}
.b_tit a.cur{color: #22bb61;}
.border{border: 1px solid #E5E5E5;}
.in_main{overflow: hidden;padding-bottom: 60px;}
.side{width: 16.6%;margin-right: 1.4%;}
.main_r{position: relative; float: left; width: 82.5%; }
.side_tit{background: #F5F5F5; padding: 22px 18px; width: 100%;border-bottom: 1px solid #E5E5E5;}
.side_tit p{color: #999; font-size: 12px;line-height: 1em;}
.side_tit p.g_txt{color: #22bb61; font-size: 1.8rem;}
.side_nav ul{width: 100%; padding: 23px 0;border-bottom: 1px solid #E5E5E5;}
.side_nav ul li{cursor: pointer; height: 38px; line-height: 38px; padding: 0px 18px;color: #666;}
.side_nav ul li.cur, .side_nav ul li:hover{background: #23BB61; color: #fff;}
.side_formbox{width: 90%; position: relative; margin: 0 auto;}
.side_form{margin-top: 10px;}
.side_form .formbox input[type="text"]{width: 100%; float: none; margin-top: 12px;}
.side_form .formbox .btn{width: 100%; margin-top: 12px; margin-bottom: 20px;}
.side_form .side_tit{padding: 0px 18px;}
.side_form .side_tit p{margin: 0; font-size: 14px; color: #666; line-height: 40px; height: 40px;}
.yuyue{font-size: 14px; color: #999;text-align: center;}
.yuyue b{font-size: 3.0rem; color: #ff7310;display: block;}
.main_l{padding: 25px 30px; float: left; width: 82%;}
.main_ban{width: 100%;position: relative;}
.main_l h2{color: #333;font-size: 3.0rem; margin: 0 0 18px 0;}
.main_ban .ab_ban_img{width: auto; height: 328px;position: relative;}
.ab_bantit{position: absolute;right: 40px; top: -48px;}
.txt{color: #666; font-size: 14px; line-height: 1.5em;}
.main_l .ab_con{padding: 40px 0;}
.ab_con p{margin-bottom: 25px;}
.menu_btn {
    width: 60px;
    height: 60px;
    z-index: 99;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top:50%;
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.menu_btn i {
    position: absolute;
    width: 28px;
    height: 2px;
    background: #333;
    left: 12px;
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.menu_btn i:nth-of-type(1) {
    top: 20px;
}
.menu_btn i:nth-of-type(2) {
    top: 30px;
}
.menu_btn i:nth-of-type(3) {
    top: 40px;
    width: 14px;
}
.hidden {
    display: none;
}
.menu_btn.active i:nth-of-type(1){-webkit-transform: rotate(225deg) translate(-7px,-7px);-moz-transform: rotate(225deg) translate(-7px,-7px);-ms-transform: rotate(225deg) translate(-7px,-7px);transform: rotate(225deg) translate(-7px,-7px);}
.menu_btn.active i:nth-of-type(3){opacity:0;}
.menu_btn.active i:nth-of-type(2){-webkit-transform: rotate(-225deg) translate(0,0);-moz-transform: rotate(-225deg) translate(0,0);-ms-transform: rotate(-225deg) translate(0,0);transform: rotate(-225deg) translate(0,0);}
.menu_btn:hover i:nth-of-type(3){width:28px;}
.im_nav{width:100%;position:fixed;background:rgba(0,0,0,.98);z-index:-1;backface-visibility: hidden; opacity: 0}
.im_nav{padding:7.5% 0 0;height: calc(100vh - 50px);
    margin: 50px 0px 0px 0;
    font-size: 16px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.im_nav.show{opacity:1;z-index:120;}
.im_nav ul{padding-left: 40px;}
.im_nav ul li{margin-bottom: 20px;}
.im_nav ul li a{position: relative; display:block;font-size:16px;height: 32px;cursor: pointer;color:#fff;}
.fixed{position: fixed;z-index: 99;}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.im_nav ul li ul{margin-top: 20px;display: none;}
.sel_btn.cur{color:#23AC5B; }
.im_nav .arr_down{float: right;margin-right: 40px; width: 12px; height: 8px; background: url(../images/arr_dw.png) no-repeat;}
.m_head { width: 100%; background: #fff; display: none;border-bottom: 1px solid #E5E5E5; height: 55px;}
.m_head .call b{font-size: 2.4rem;height: 33px; line-height: 33px;}
.m_head .logo{    height: 33px;margin-top: 8.5px;}
.m_head .logo img { position: relative;width: auto;height: 100%;}
.main_ban_wrap{overflow: hidden;}
.m_foot, .foot_btn{display: none;}
.foot_form{position: relative; width: 100%;background: url(../images/m_foot_bg.jpg) center bottom no-repeat #BDEBD0; padding-top: 75px; padding-bottom: 98px;}
.foot_form .tit_img{ padding: 0; width: 90%; position: relative; margin: 0 auto;margin-bottom: 20px; }
.foot_form .tit_img img{width: 100%; height: auto;}
.foot_form .formbox input[type="text"], .foot_form .formbox .btn{width: 100%; float: none; margin-bottom:15px;}
.b_foot{background: #272727; padding: 35px 0; text-align: center;}
.b_foot img{width:90%; height: auto; position: relative; margin: 0 auto;}
.foot_btn{ z-index: 999; position: fixed; bottom: 0px; width: 100%;overflow: hidden;}
.foot_btn a{background-size: 60%; display: block; float: left; width: 50%; height: 60px;}
.foot_btn a.btn_l{background: url(../images/btn_l.jpg) center center no-repeat #23AC5B;background-size: 60%;border-right: 1px solid #272727;}
.foot_btn a.btn_r{background: url(../images/btn_r.jpg) center center no-repeat #23AC5B;background-size: 60%;}
/*奥林动态*/
.edu_wrap_list {position: relative;width:100%;}
.edu_wrap_list li {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0;}
.innews_wrap li .edu_l{width:25.8%; position: relative; overflow: hidden;}
.innews_wrap li .edu_l img{
    width: 100%;
    height: auto;
    transition: all .5s linear;
    transform: scale(1);
}
.innews_wrap li:hover img{transform: scale(1.1);}
.innews_wrap .edu_con{   
    width:71.2%;
    position: relative;
    float: left;
    padding: 0% 1% 0 2%;}
.innews_wrap li{
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 25px 0;
}
.innews_wrap li:last-child{border:none; }
.innews_wrap .innews_h01{ font-size: 2.0rem; color:#333; 
    white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
       transition: all .5s linear;}
.innews_wrap li:hover .innews_h01{ color: #22bb61;}
.innews_wrap .innews_date{ padding:5px 0; font-size: 14px; color: #999;}
.innews_wrap .edu_txt{
padding: 0;
color: #666;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.inner_wrap{padding-top: 80px;}
.inner_wrap .w1174{background-color: #fff;}
.inner_tit{text-align: center; padding: 40px 0;}
.inner_h01{font-size: 2.0rem; color: #333; white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.inner_date{font-size:14px; color: #999;  padding:5px 0; }
.inner_con{width: 90%; position: relative; margin: 0 auto;}
.inner_con img{width: 100%; height: auto;}
.inner_con p{ font-size: 14px; color: #666; line-height: 1.8em;margin: 30px 0 40px 0; }

/*资质荣誉*/
.honor_list_wrap{position: relative;overflow: hidden;}
.honor_list_wrap li{cursor: pointer; float: left; width:32%; margin-right: 2%;padding: 2%; background: #F5F5F5; margin-bottom:2%;}
.honor_list_wrap li:nth-child(3n){margin-right:0;}
.honor_list_wrap li img{width: 100%; height: auto;}

/*奥林活动*/
.in_ac_list ul{position: relative;width: 100%;}
.in_ac_list li{background: transparent; cursor: pointer;padding: 30px; overflow: hidden;border-bottom:1px solid #E1E1E1;}
.in_ac_list li:last-child{border-bottom: none;}
.in_ac_list li a{width: 100%; height: 100%;}
.in_ac_list li:hover .h1{color: #22bb61; }
.in_ac_list li:hover .h2{color: #22bb61;}
.in_ac_list li .h1{font-size: 3.0rem;margin-top: 0;}
.in_ac_list li .h2{font-size: 1.6rem;}
.li01, .li02, .ac_img{float: left;}
.li01 {box-sizing:border-box; width: 13%;margin-right: 3%; text-align: center; color: #999; font-size: 1.6rem; line-height: 1.5em;}
.ac_img{width: 30%;margin-right: 3%; height: auto;}
.li02{width:47%; }
.in_ac_list .li02 .h1{font-size: 1.6rem; color: #666; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
 .li02 .h3 {
    font-size: 14px;
    color: #606060;
    background: url(../images/eye.png) no-repeat 0 center;
    padding-left: 30px;
}
/*案例列表*/
.chioce_list{position: relative; width: 100%; overflow: hidden;}
.chioce_list td {
    border: solid 1px #d6d6d6;
    font-size: 14px;
    color: #666;
    padding: 5px 10px 5px 10px;
}   
.chioce_list .chioce_item a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 2px 2px;
    width: 80px;
    text-align: center;
    overflow: hidden;
   box-sizing: content-box;
}
.chioce_list .chioce_item a.on {
    background: #23BB61;
    color: #fff;
}
/*案例列表*/
.list_wrap {margin-top: 20px;padding-bottom: 80px;width: 100%;}
.list_wrap .work_list ul {width: 101.6%; padding: 0px;}
.list_wrap .work_list li {
    width: 31.7%;
    margin-right: 1.6%;
    transition: box-shadow 0.3s ease 0s;
    margin-bottom: 20px;
    float: left;
    cursor: pointer;
}
.list_wrap .one_col {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.list_wrap .cont-wrap {
    width: 100%;
    padding: 0px 6.5% 0px;
    margin-top: -1px;
    display: inline-block;
    overflow: hidden;
}
.list_wrap .tit {
    line-height: 1.5em;
    font-size: 1.6rem;
    color: #333;
    margin: 10px 0;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.list_wrap .intr {
    display: block;
    line-height: 22px;
    font-size: 14px;
    color: #999;
}
.list_wrap .point {
    display: inline-block;
    width: 50px;
    margin-top: 11px;
    font-size: 14px;
    color: #999;
    text-align: right;
}
.list_wrap .point b{display: block; color: #ff7310;font-size: 1.6rem;}
.list_wrap img {
    width: 100%;
    height: auto;
}
.list_wrap .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: Center;
    background: url(../images/black-bg.png);
}
.list_wrap .mask p {
    color: #fff;
    font-size: 2.4rem;
    margin-bottom: 68px;
    width: 100%;
    text-align: center;
}
/*团队列表*/
.list_wrap{ overflow: hidden;}
.team_list_wrap{width: 100%; position: relative; margin-top: 40px;}
.team_list_wrap .team_list{overflow: hidden;}
.team_list_wrap .team_list li{position: relative;overflow: hidden;float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; background: #F5F5F5;}
.team_list_wrap .team_list li:nth-child(2n){ margin-right:0;}
.team_list_wrap .team_img{width: 39%;}
.team_list_wrap .team_con{width: 61%; 
} 
.team_list_wrap .team_con>div{padding: 0 10%; padding-top: 40px;}
.t_name{color: #333; font-size: 14px; margin-bottom: 20px;}
.t_name b{font-weight: normal;font-size: 2.4rem;}
.t_txt{color: #999; font-size: 14px; line-height: 2.2em;}
.t_txt i{font-style: normal;}
.btn_wrap .more_btn{width: 108px; height: 38px; line-height: 38px; display: inline-block; margin-right:10px;}
.more_btn.l_btn{border:1px solid #23BB61; color: #23BB61; }
/*视频列表*/
.video_wrap .work_list li{border:4px solid #E8E8E8;}
.video_wrap .work_list li:hover{ border:4px solid #23BB61;box-sizing:border-box;}
.video_wrap .work_list li:hover .tit{ color:#23BB61;}
/*联系我们*/
.add_list{position: relative; width: 100%;}
.add_list li{ cursor: pointer; float: left; width: 33.33%;position: relative;padding: 30px;}
.g_mask{z-index: 0; height: 100%;box-sizing:content-box; padding-top: 20px; background: url(../images/bg_g.jpg) repeat-x; position: absolute; top: -20px; width: 100%; left: 0px;}
.add_list .cur .t_name, .add_list .cur .t_txt{z-index: 22;position: relative;}
.add_list .cur .t_name b, .add_list .cur .t_txt{color: #fff;}
.add_list .t_name b{background: url(../images/loa_ico01.png) 0 center no-repeat;padding-left: 32px;}
.add_list .cur .t_name b{background: url(../images/loa_ico02.png) 0 center no-repeat;}
.map{width: 100%;position: relative;overflow: hidden;}
.map img{position:relative; width: 100%; height: auto; }
.add_list .t_name b{    height: 32px;
    line-height: 32px;
    display: block;}

/*详情页*/
.detail_tit{text-align: center; color: #999; font-size: 14px;padding: 20px 0px; border-bottom:1px solid #F0F0F0; }
.detail_tit h2{font-size: 2.4rem; color: #333;}
.detail_con{position: relative; width: 100%; padding: 30px 0; text-align: center;}
.detail_con>img{margin: 20px 0;    width: 780px;
    height: auto;}
.detail_con .detail_txt{text-align: left;font-size: 14px; color: #666; }
.detail_con .detail_txt p{line-height: 1.8em;}
.re_btn01{margin-top: 60px;margin-bottom: 10px;}
.re_btn{display: block; color: #666; font-size: 14px;}
.re_btn i{font-style: normal;}
.re_btn:hover i{ color: #22bb61;}
/*百科详情*/
.baike_wrap{margin-bottom: 30px;}
.baike_wrap.border{border-left: none; border-right: none;}
/*团队详情*/
.per_side{    margin-right:0; }
.inper_wrap, .incase_wrap{ margin-right: 1.4%;padding: 0px;}
.inper_wrap, .per_side{height: 362px;}
.per_side .side_form{margin-top: 0px;}
.inper_wrap .side_form{width: 26.4%;}
.inper_wrap .team_con{width: 73.6%; padding: 0 3%;
    padding-top: 20px;}
.inper_wrap .team_con>div {
   position: relative;
}
.more_btn.l_btn.qq_btn{background: url(../images/qq.png) no-repeat 15px center; display: block; margin: 0; position: absolute; right: 0px; top: 0px;}
.t_cap{width: 100%; padding: 30px 0;background: #F4F4F4; overflow: hidden;margin: 30px 0;}
.t_cap li{float: left; width: 25%; text-align: center; font-size: 14px; color: #999;}
.t_cap li b{display: block;color: #22bb61;}
.inper_wrap .t_txt{line-height: 1.8em; color: #666; font-weight: bold;}
.inper_wrap .t_txt i{ font-weight:normal;}
.per_side .side_form .side_tit p{font-size: 1.8rem; color: #333;}
.per_side .side_tit{padding-top: 10px; border-bottom: none; background: transparent;}
.per_side .side_form .formbox .btn{margin-top:40px;}
.tit_l{ border-bottom: 1px solid #E5E5E5; padding-bottom: 20px;}
.main_l{overflow: hidden;}
.m_team_name{display: none; width: 70%;float: left;}
.team_con{float: left;}

/*案例详情*/
.per_side .side_tit i{color: #ff7310;font-style: normal;}
.case_side{height: auto;width: 26%; }
.per_r{margin-bottom: 20px;}
.incase_wrap{width:72.6%; }
.per_r .btn_o{width: 100%; margin: 27px 0; }
.per_t{overflow: hidden;margin: 18px 0;}
.per_t .team_name{float: left;width: 70%;padding: 0 3%;}
.per_t .t_name { margin-bottom: 5px;}
.per_t .more_btn.l_btn.qq_btn{position: relative;}
.per_t {overflow: hidden;}
.per_t .team_img{width: 30%;}
.detail_tit_l{text-align: left;padding: 20px 28px;position: relative;}
.fire{background: url(../images/fire_ico.png) 0 center no-repeat;padding-left: 30px; height: 20px; line-height: 20px; position: absolute; right:28px; top:20px;font-size: 1.8rem; color: #333; }
.case_info{overflow: hidden;padding: 20px 28px; margin-bottom: 20px; }
.case_info li{    padding: 20px 0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;position: relative; width: 33.33%;height: 90px;float: left; text-align: center;}
.case_info li p{font-size: 1.6rem; color: #333; height: 30px; line-height: 30px;}
.incase_intro{padding: 35px 28px;background: #EDEDED;}
.img_cap{text-align: center; height: 20px; line-height: 20px; }
/*手机首页*/
.m_nav{  padding: 0;}
.m_nav li{width: 25%; border:none;position: relative; }
.m_nav li img{height: 50%; width: auto;}
.m_ban{position: relative; width: 100%;}
.m_ban .swiper-slide{text-align: center;}
.m_ban .swiper-slide img{position: relative; width: 100%; height: auto;}
.m_ban .swiper-pagination-bullet-active {
    background-color: #22bb61;
}
.m_main{ position: relative; width: 100%; background: #F5F5F5;}
.m_form{background: #fff;margin-bottom: 15px;}
.side_form.m_form .side_tit p {
    margin: 0;
    font-size: 20px;
    color: #333;
    line-height: 30px;
    height: 30px;
}
.m_form .side_tit{
    background: #fff;
    padding: 22px 18px;
    text-align: center;
}
.side_form.m_form .side_tit p.s{
    font-size: 14px;
     color:#999;
}
.m_form .side_tit i {
    color: #ff7310;
    font-style: normal;
}
.g_bg{width:100%; height: 15px; background: #f5f5f5;}
.h_nav{width:100%;
    height:43px;
    line-height: 43px;
    overflow:hidden;position: relative; }
.h_nav .swiper-slide {
    padding:0 20px;
    width:auto;
    color: #999;
    font-size: 16px;
}
.h_nav .swiper-slide.cur{color: #23BB61;}
.m_list{margin-top: 0px; padding-bottom: 0px;}
.m_list .more_btn.btn_g {
    margin-top: 0;
    margin-bottom: 30px;
}
.m_list .innews_wrap li{padding-bottom: 0;}
.m_per_list{overflow: hidden;position: relative;}
.m_per_list li{float: left; width: 32%; margin-right: 2%;}
.m_per_list li img{position: relative; width: 100%; height:  auto;}
.m_per_list li:nth-child(3n){ margin-right:0;}
.m_per_list li p{height: 30px; line-height: 30px; font-size: 16px; text-align: center; color: #333;}
.m_h{display: block;}
.m_s{display: none;}

/*video弹出层*/
.play_wrap{width: 100%;height: 100%;}
/*首页弹出层*/
.pop{position: relative; width: 800px; height: 428px; background: #fff; padding: 30px 50px;}
.pop .pop_form{width: 240px;}
.pop_btn{width: 104px;height: 104px;margin: 60px 45px;cursor: pointer;}
.pop_tag{position: absolute; left: 0px; top: -64px;}
.pop_con{margin-top: 40px;}
 .pop_tit {
    margin: 0;
    font-size: 3.2rem;
    color: #666;
    line-height: 40px;
    height: 40px;
    text-align: center;
}
.pop i{    color: #ff7310;
    font-style: normal;
}
.pop_con{overflow: hidden;}
.pop_info{width: 265px;}
.pop .s{height: 30px; line-height: 30px; margin-top:20px;text-align: center;font-size: 14px; color: #999; }
.info_txt{width: 100%; padding:15px 24px;}
.info_txt .s{text-align: left;margin-top: 0px;
    line-height: 1.2em;
    height: auto;}
.pop_tit01{font-size: 16px; color: #666;}
.pop2{background: url(../images/pop_bg2.png) right bottom no-repeat #fff;}
.per_list {
    overflow: hidden;
    padding: 20px 0;
    margin: 40px 0;
}
.close_btn{position: absolute; width: 55px; height: 55px; background: url(../images/close.jpg) center center no-repeat; cursor: pointer; top: 0px; right: 0;}
.per_btn {position: relative; height: 48px;width: 258px; margin: 20px auto;}
.per_btn span{top: 0px; cursor: pointer; display: block; position: absolute; width: 48px; height: 48px; border: 2px solid #E5E5E5;}
.per_btn span:hover{ border: 2px solid #23BB61;}
.per_btn span.prev{left: 0; background: url(../images/arr_l.png) center center no-repeat;}
.per_btn span.next{right:0;background: url(../images/arr_r.png) center center no-repeat;}
.per_btn .mid_btn{height: 48px;line-height: 48px;}
.main03{position: relative; overflow: hidden; padding-top: 40px; padding-bottom: 60px;}
@media screen and (min-width: 790px) and (max-width: 1250px) {
  .w1200 {width: 98%;}
  .search {width: 400px;}
  .search input.inp_srh{width: auto;}
}
@media (max-width:767px){
    html{ font-size: 45%; }
.pc_head{display: none;}
.m_head{display: block;}
.pc_foot{display: none;}
.m_foot, .foot_btn{display: block;}
.w1200{width: 95%;}
.side{display: none;}
.b_tit{padding: 10px 0;}
.main_l{width: 100%; float: none; padding: 1%;}
.ab_bantit{top: 0;}
.main_l h2{ margin: 18px 0;}  
.foot_form .tab_wrap{width: 80%; position: relative; margin: 0 auto;height: auto;overflow: hidden;}
.foot_form .tab_wrap td{ color:#22bb61;    padding: 3px 10px;} 
body{padding-bottom: 60px;}
.innews_wrap li .edu_l, .innews_wrap .edu_con{width: 100%;float: none;}
.innews_wrap .innews_h01{font-size: 2.4rem; margin-top: 5px;}
.honor_list_wrap li{width: 49%;margin-right: 2%}
.honor_list_wrap li:nth-child(3n){margin-right:2%;}
.honor_list_wrap li:nth-child(2n){margin-right:0;}
.in_ac_list li{padding: 15px 0;}
.li01 {width: 20%;margin-right: 1%;}
.li02 { width: 40%;}
.chioce_list .chioce_item a{width: auto;}
.list_wrap .work_list li {width: 48%;margin-right: 2%;}
.list_wrap .mask p, .list_wrap .point{display: none;}
.team_list_wrap .team_list li{width: 100%; float: none;margin-bottom: 15px;}
.team_list_wrap .team_con>div { padding: 2% 5%;}
.t_name{margin-bottom: 10px;}
.t_txt {line-height: 1.8em;}
.btn_wrap .more_btn{width: 45%; margin-right: 1%; margin-top: 10px;}
.add_list li{width: 100%; float: none;}
.map{height: 350px;}
.map img{left: 50px; top: 50%; position: absolute;  height: 100%; width: auto;margin-left: -724px; margin-top: -175px; }
.detail_tit{padding: 0;}
.detail_con img{width: 100%; height: auto;}
.re_btn01 {margin-top: 20px;margin-bottom: 10px;}
.m_team_name{display: block;padding: 3%;}
.inper_wrap .team_img{width:25%;    margin-bottom: 20px;}
.inper_wrap .team_con  .t_name, .inper_wrap .team_con .qq_btn{display: none;}
.t_cap { padding: 20px 0;}
.t_cap li{width: 50%;    margin-bottom: 20px;}
.inper_wrap .team_con{width: 100%;float: none;padding: 20px 0;}
.m_team_name .more_btn.l_btn.qq_btn{position: relative; margin-top: 15px;}
.team_con{float: none;}
.inper_wrap{height: auto;padding: 2%; }
.fire{display: none;}
.list_wrap .work_list li:nth-child(2n){margin-right: 0;}
.m_s{display: block;padding: 30px 0;}
.m_h{display: none;}
}

/*右侧浮动按钮*/

.layui-layer-nobg{box-shadow: none !important;}
.new-float{
    height: 245px;
    position: fixed;
    right: -152px;
    top: 50%;
    margin-top: -150px;
    z-index: 900;}
.f_nav {position: relative;}
 .f_nav li {
    width: 48px;
    height: 48px;
    display: block;
    text-align: left;
    background: #23BB61;  
    position: relative;
    margin-bottom: 1px;
   
}
.f_nav li.active{
    background: rgba(35,187,97,.8);
}
.pop_btn01, .pop_btn02{cursor: pointer;}
 .f_nav li.tel{text-align: left;
    width: 200px;
    padding-left: 53px;
    padding-top: 0px;
    height: 48px;
     transition: all .6s ease 0s;
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -ms-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
    transform: translate(0px, 0);
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  -o-transform: translate(0px, 0); 
}
 .f_nav li.tel.f_qq{
   
 }
.f_icon{
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0px;
    top: 0px;
}
 .f_nav li p{margin: 0px; width: 100%;height: 48px; line-height: 48px;font-size: 16px; color: #fff;}
 .f_nav li.tel:hover{
     transform: translate(-110px, 0);
  -webkit-transform: translate(-110px, 0);
  -moz-transform: translate(-110px, 0);
  -ms-transform: translate(-110px, 0);
  -o-transform: translate(-110px, 0); 
 }
.f_nav li a{ position: absolute; left: 0px; top: 0px; display: inline-block;  width: 48px; height:48px;  
     text-decoration: none; }
 .f_nav li:hover{ background: rgba(35,187,97,.8);}
  .f_icon01{ background: url(../images/side_ico01.png) center center no-repeat;}
  .f_icon02{ background: url(../images/side_ico02.png) center center no-repeat;}
  .f_icon03{ background: url(../images/side_ico03.png) center center no-repeat;}
  .f_icon04{ background: url(../images/side_ico04.png) center center no-repeat;}
  .f_icon05{ background: url(../images/side_ico05.png) center center no-repeat;}
  .f_nav li.tel :hover a{cursor: none;}
.l_code{ width: 109px; height: 102px; position: absolute; bottom:96px; left: -120px; }
.l_code{ opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: 0.6s;
    transition-property: all;
    transition-timing-function: ease-out;
     transform: translate(-50px,0px);}

 .l_code.active{
     opacity: 1;
    filter: alpha(opacity=1);
     transform: translate(0,0);
}