/*.bg*/
.h2_titw{
    color: #fff;
}
.tit_p{line-height: 30px;}
.bg{
    background: url(../upload/20210917/bg.jpg) center center no-repeat;
    background-size: 100% 100%;
}
.index_011{margin-bottom: 60px;}
.index_011 .h2_tit{color: #656565;margin-bottom: 20px;}
.index_011 .firm{overflow: hidden;}
.index_011 .firm_l{width: 56%;float: left;line-height: 30px;color: #585858;margin-right: 4%;}
.index_011 .firm_r{width: 40%;float: right;overflow: hidden;}
.index_011 .firm_r dl{float: left;width: 33.3%;}
.index_011 .firm_r dl dd{color: #00b6b5;}
.index_011 .firm_r dl dd span{font-weight: bold;}
/*.index_02*/
.index_022{margin-bottom: 130px;}
.index_022 .company{position: relative;overflow: hidden;}
.index_022 .company_l{width: 47%;float: left;color: #fff;}
.index_022 .company_r{box-sizing: border-box; padding: 4.5% 5% 0;}
.index_022 .company_r{float: right;width: 53%;position: absolute;right: 0;top: 0;height: 100%; background: url(../upload/20210917/right1.png) no-repeat;background-size: cover;}
.index_022 .company_r dd img{width: 100%;}
.index_022 .company_r dl{position: relative;}
.index_022 .company_r dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.23);cursor: pointer;}
/* bg2 */
.bg2{
    box-sizing: border-box;
    padding-top: 5.26%;
    color: #fff;
    position:relative;
	background-size: cover !important;
}
.bg2:before{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background:rgba(0,0,0,.6);
}
.bg2 h2{
    margin-bottom: 130px;
}
.bg2 .swiperbox em{
    display: block;
    margin-top: 25px;
    margin-bottom: 20px;
    width: 57px;
    height: 2px;
    background: #009764;
}
.textg{
    height: 210px;
}
.bg2 .jian{
    margin-top: 60px;
    position: relative;
    width: 15%;
}
.bg2 .jian .swiper-pagination-fraction{
    position: static;
}
.bg2 .jian .swiper-button-next,.bg2 .jian .swiper-button-prev{
    width: 20px;
    height: 35px;
    background-size: 100% 100%;
    top: 0;
    margin-top: 0;
}
.bg3{

    background: url(../upload/20210917/bg3.jpg);
    background-size: 100% 100%;
   
    position: relative;
}
.bg3 .bef{
    color: #fff;
    box-sizing: border-box;
    padding-top: 5.26%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.bg3 .bef h2{
    margin-bottom: 30px;
}
.bg3 ul{
    margin-top: 55px;
    margin-bottom: 60px;
    overflow: hidden;
    display: block;
}
.bg3 ul li{
    cursor: pointer;
    margin-right: 20px;
    width: 181px;
    text-align: center;
    line-height: 40px;
    display: block;
    float: left;
    color: #000;
    background: #fff;
    border-radius: 25px;
}
.bg3 ul li.on{
    background: #019865;
    color: #fff;
}
.bg3 .swiper-slide{
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
}
.bg3 .swiper_wrap{
    position: relative;
}
.bg3 .swiper_wrap .swiper-button-prev{
    left: -45px;
}
.bg3 .swiper_wrap  .swiper-button-next{
    right: -45px;
}
.bg4{
    padding-top: 5.26%;
    padding-bottom: 5.26%;
}
.bg4 .tit_p{
    margin-bottom: 50px;
}
.bg4 .logo_wrap ul{
    overflow: hidden;
}
.bg4 .logo_wrap ul li{
    cursor: pointer;
    float: left;
    width: 20%;
    margin-bottom: 100px;
}
.bg4 .logo_wrap ul li img{
    width: 100%;
}
.bg5{
    background: url(../upload/20210917/bg5.jpg);
   background-size: cover !important;
    position: relative;
}

.bg5_bottom{
    position: absolute;
    height: 264px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: url(../upload/20210917/bg5bottom.png) no-repeat;
    padding-bottom: 20px;
}
@media only screen and (min-width:1920px) {
	.bg5_bottom{
	    position: absolute;
	    height: 264px;
	    width: 100%;
	    bottom: 0;
	    left: 0;
	    background: url(../upload/20210917/bg5bottom.png) no-repeat;
	    padding-bottom: 0px;
	}
}
.bg5_bottom .wrap h2{
    margin-top: 4.66%;
    margin-bottom: 2%;
}
.bg5_bottom .wrap p{
    color: #fff;
}
.bg5 img{
    display: none;
}
.imgbox .top{
    margin-bottom: 2.7%;
    position: relative;
}
.imgbox .top .toptext{
    box-sizing: border-box;
    padding: 8.8% 6.16%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}
.imgbox .top .toptext em{
    margin-bottom: 2%;
    display: block;
    width: 58px;
    height: 2px;
    background: #fff;
}
.imgbox .top h2{
    color: #fff;
}
.imgbox .top p{
    height: 108px;
        color: #fff;
        line-height: 2;
}
.bottomtwo{
    overflow: hidden;
    margin-bottom: 10%;
}
.bottomtwo ul li{
    position: relative;
    width: 48.63%;
}
.bottomtwo ul li img{
    width: 100%;
}
.bottomtwo ul li:nth-child(odd){
    float: left;
}
.bottomtwo ul li:nth-child(even){
    float: right;
}
.bottomtwo ul li .bottomtwobg{
    box-sizing: border-box;
    padding-top: 6% ;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: url(../upload/20210917/bottombg.png) no-repeat;
    background-size: cover;
}
.bottomtwo ul li .bottomtwobg > div{
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
}
.bottomtwo ul li .bottomtwobg h2{
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 
    width: 80%;
    color: #fff;
    float: left;
}
.bottomtwo ul li .bottomtwobg span{
    padding: 0 15px;
    float: right; 
    color: #000;
    background: #fff;
    border-radius: 25px;
}
.bg7{
    box-sizing: border-box;
    padding-top: 5.26%;
    position: relative;
    padding-bottom: 6%;
}
.bg7 .swiper-slide a{
    width: 100%;
    height: 100%;
    display: block;
}
.bg7 .swiper-slide a img{width: 100%;}

.bg7 .bgxiebot{
    width: 100%;
    position: absolute;
    bottom: -7px;
    left: 0;
}
.bg7 .bgxiebot img{
    width: 100%;
}
.bg7 .swiperbox{
    margin-top: 3%;
}
.bg7 .jian{
    margin-top: 4%;
    position: relative;
    width: 15%;
}
.bg7 .jian .swiper-pagination-fraction{
    color: #fff;
    position: static;
}
.bg7 .jian .swiper-button-next,.bg7 .jian .swiper-button-prev{
    width: 20px;
    height: 35px;
    background-size: 100% 100%;
    top: 0;
    margin-top: 0;
}
.bg7 .swiper-slide h3{
    margin-top: 5%;
    color: #fff;
}
.bg7 .swiper-slide p{
	 color: #fff;
}
.bg7 .swiper-slide:hover p{
	color: #009764;
}
.bg8{
    margin-top: -20px;
        padding-top: 8.26%;
}
.yewubox{
    margin-top: 55px;
    position: relative;
    margin-left: 3.5%;
    width: 77.8%;
}
.yewubox .swiper-container{
    width: 100%;
}
@media only screen and (min-width:768px){
.yewubox .swiper-slide{
    padding: 9px 30px;
    width: auto !important;
    line-height: 1;
}
}
.yewubox .swiper-slide.on{
    color: #fff;
    background-color: #009764;
    border-radius: 25px;
}
.yewuboxb{
    margin-top: 3.42%;
    margin-bottom: 6.16%;
}
.yewuboxb ul{
    overflow: hidden;
}
.yewuboxb ul li{
	height: auto !important; 
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    border-bottom: 3px solid #009765;
    float: left;
    width: 31.23%;
    margin-right: 3.15%;
    margin-bottom:  3.15%;
}
.yewuboxb ul li > div{
    box-sizing: border-box;
    width: 100%;
    padding: 5.77% 3%;
}
.yewuboxb ul li:nth-child(3n+1){
	/* clear:both; */
}
.yewuboxb ul li:nth-child(3n){
    margin-right: 0;
}
.yewuboxb ul li > div em{
    margin-top: 6.57%;
    margin-bottom: 6.57%;
    display: block;
    width: 12.5%;
    height: 2px;
    background: #6b6b6b;
}
.yewuboxb ul li > div h2{
	line-height: 1.2;
	height: 4.8em;
}
.yewuboxb ul li > div p{
    line-height: 1;
    margin-bottom: 4.38%;
}
.yewuboxb ul li:hover{
    color: #009765;
    border-color: #ecf5f2;
    background: #ecf5f2;
}
.yewuboxb ul li:hover a{
	 color: #009765 !important;
}
.yewuboxb ul li:hover > div em{
   
    background: #009765;
}
.bg8 .swiper-button-next {
    width: 20px;
    height: 34px;
    background-size: 100% 100%;
    top: 0;
    margin-top: 0;
    right: -45px;
}
.bg8 .swiper-button-prev {
    width: 20px;
    height: 34px;
    background-size: 100% 100%;
    top: 0;
    margin-top: 0;
    left: -45px;
}
.bg8 .swiper-button-disabled{
    opacity: 1 !important;
    cursor: auto;
    pointer-events: auto !important;
}
.bg8 .disabled{
    cursor: default;
    opacity: .35 !important;
}
.text_wrap{
    background: url(../upload/20210917/bg10.jpg) no-repeat;
}
.toptext{
    border: 1px solid #009764;
    box-shadow: 5px 6px #eef5f2;
}
.toptitle{
  
    padding-top: 2.53%;
    padding-bottom: 4.79%;
    padding-left: 4.10%;
    background: url(../upload/20210917/titilebg.png) no-repeat;
}
.toptitle h2{
    line-height: 1;
    color: #fff;
}
.text_wrap .bottomtext{
    color: rgb(88, 88, 88);
    padding: 4.10%;
}
.textz{
    padding: 3.42% 5.47%;
}
.textz em{
    margin-top: 25px;
    margin-bottom: 35px;
    display: block;
    width: 3.90%;
    height: 2px;
    background: #6b6b6b;
}
.edit_con_original img{
    max-width: 100%;
}
.topdiv {
	margin-top: 1.2%;
    overflow: hidden;
    margin-bottom: 8.2%;
}
.topdiv .ll{
	position: relative;
    width: 52.80%;
    float: left;
}
.topdiv .ll::before{
	content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: rgba(0,0,0,.5);
}
.topdiv .ll .textcenter , .topdiv .rr .textcenter{
    padding-top: 55px;
    padding-left: 60px;
    color: #fff;
}
.topdiv .ll .textcenter em , .topdiv .rr .textcenter em{
    display: block;
    margin-top: 25px;
    margin-bottom: 35px;
    width: 60px;
    height: 2px;
    background: #ffffff;
}
.textcenter{
	position: relative;
}
.topdiv .ll .textcenter p{
    line-height: 2;
}
.topdiv .rr{
    width: 45.89%;
    float: right;
}
.topdiv .rr .rt{
    margin-bottom: 2.83%;
}
.bg11{
    position: relative;
    margin-bottom: 3.75%;
}
.bg11::before{
	content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: rgba(0,0,0,.5);
}
.bg11b img{
    width: 100%;
}
.bg11 .bg11b{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.bg11  .textw{
    text-align: center;
    color: #fff;
    padding-top: 7.53%;
}
.bg11  .textw h2{
    margin-bottom: 2.05%;
}
.bg11  .textw p{
    line-height: 1.8;
}
.bg12 h2{
    margin-bottom: 2.05%;
}
.bg12 p{
        color: rgb(88, 88, 88);
        line-height: 1.625;
      }
      .bg12 ul{
          margin-top: 4.45%;
          overflow: hidden;
          margin-bottom: 8.21%;
      }
.bg12 ul li{
    position: relative;
    width: 10.82%;
    float: left;
    background: url(../upload/20210917/bgborder.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 7.016%;
}
.bg12 ul li:last-child{
    margin-right: 0;
}
.bg12 ul li div{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.bg12 ul li div img{
    display: block;
    margin: 0 auto;
    width:39.24% ;
}
.bg12 ul li div em{
    display: block;
    margin: 6.3% auto;
    width:74.68% ;
    height: 1px;
    background: #029866;
}
.bg12 ul li.on{
    background: url(../upload/20210917/bgborderon.png) no-repeat;
    background-size: 100% 100%;
}
.bg12 ul li div p{
    text-align: center;
}
.bg12 ul li.on p{
    color: #fff;
}
.bg12 ul li.on em{
    background: #fff;
}
.innovating-boxtop{
	position: relative;
        color: #fff;
    padding:6.16%  4.10% ;
}
.innovating-boxtop::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
}
.innovating-box{
    margin-bottom: 9.58%;
}
.innovating-boxtop > h2{
	position: relative;
}
.innovating-boxtop em{
	position: relative;
 display: block;
 width: 3.90%;
 height: 2px;
 background: #fff;
 margin-top: 25px;
 margin-bottom: 35px;
}

.innovating-boxtop p{
		position: relative;
   line-height: 2;
   }
.innovating-box .lfbox .lll{
    width: 46.57%;
}
.lfbox{
    position: relative;
}
.innovating-box .lfbox .lll img{
    width: 100%;
}
.innovating-box .lfbox .rrr{
    position: absolute;
    width: 53.5%;
    height: 100%;
    right: 0;
    top: 0;
}
.innovating-box .lfbox .rrr div{
    padding: 9.61% 8.97%;
    color: #fff;
}
.talevt-wrap{
    margin-bottom: 10.95%;
}
.talevt-wrap ul{
    overflow: hidden;
}
.talevt-wrap ul li{
    position: relative;
    width: 32.39%;
    float: left;
    margin-right: 1.415%;
}
.talevt-wrap ul li img{
    width: 100%;

}
.talevt-wrap ul li:last-child{
    margin-right: 0;
}
.tale-box{
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 12.68% 12.68%;
}
.tale-box h4{
    font-family: "SourceHanSansCN";
}
.tale-box em{
    display: block;
    width: 12.68%;
    height: 4px;
    background: #fff;
    margin-top: 5%;
    margin-bottom: 6%;
}
.tale-box p{
    text-transform: uppercase;
}

/*模拟select*/
.select-wrap.disabled .select-box{ background:#eee; }
.select-wrap.disabled .select-box a { color:#aaa; opacity:0.2; filter:alpha(opacity=20);}
.select-wrap.disabled .select-box .ico { opacity:0.2; filter:alpha(opacity=20);}
.select-box { position:relative; border:1px solid #ddd; box-sizing:border-box; }
.select-box dt a { display:block; text-indent:5px; position:relative; z-index:2; }
.select-box dt a b { overflow:hidden; margin-right:20px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box .ico { position:absolute; right:0; top:0; width:30px; height:100%; z-index:1;  background:url(../images/selectbg.png) no-repeat center;}
.select-box dd { display:none;}
.select-body-box { position:absolute; margin-top:2px; border:1px solid #ddd; border-top:0; background:#fff;  box-sizing:border-box; max-height:200px; overflow:auto; z-index:111111;}
.select-body-box a { display:block; padding:5px; color:#666;}
.select-body-box:hover a.on { background:none; color:#666;}
.select-body-box a.on,
.select-body-box a:hover,
.select-body-box:hover a.on:hover { background:#ecf5f2; color:#fff;}
.selectmask { display:none;}

@media (max-width:767px) {
	.form_box { margin:0 20px;}
	.form_box .form_item { padding-left:0;}
	.form_box .name { position:relative; width:auto;}
	.form_box .form_item .ph-radiobox { padding-left:5em;}
	.form_box .form_item .ph-radiobox .name { position:absolute; width:5em;}
	.form_box .text { width:100%; padding:0; text-indent:5px;}
	.form_box .form-w .pwd-strong { width:auto;}
	.upload-box { width:auto;}
	.form_box .form-w textarea { width:100%; text-indent:5px; padding:5px 0;}
	.form_box .form-w .city-box select { width:100%; float:none; margin:0 0 10px 0;}
	.form_box .error .valid_message { margin-left:5px;}

	/*模拟select*/
	.select-body-box { z-index:100000; position:fixed; top:50%; left:10% !important; width:80% !important; max-height:80%; }
	.selectmask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2; display:block; }
	/**/

	.form_box .form-w .city-box .select-wrap { width:auto; float:none; margin:0 0 10px 0;}
}

/**/
.sociabox{
    margin-bottom: 3.42%;
}
.pagebox{
    margin-bottom: 8.9%;
}
.inputwrap {
    
    overflow: hidden;
    margin-bottom: 4.79%;
}
.inputwrap > div{
    margin-right: 1.623%;
    width: 29.52%;
    float: left;
}
.inputwrap > div:last-child{
    margin: 0;
    width:6.57%;
}
.inputwrap > div:last-child button{
    color: #fff;
    width: 100%;
    border-radius: 25px;
    border: none;
    background: #009764;
    line-height: 44px;
}
.inputwrap  .select-box{
    border-radius: 25px;
    border: none;
    background: #ecf5f2;
}
.inputwrap   .select-box dt a{
    padding-left: 30px;
    line-height: 44px;
} 
.inputwrap .select-box .ico {
    color: #009764;
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translatey(-50%);
    width: auto;
    height: auto;
    z-index: 1;
    background: none;
}

.sociallist .icon-xiangshang{
    display: none;
}
.hidetext {
   display: none;
}
/*.sociallist.on .hidetext{*/
    /*display: block;*/
/*}*/
.sociallist.on .icon-xiangshang{
    display: block;
}
.sociallist.on .icon-xiangxia{
    display: none;
}
.sociallist > ul{
    overflow: hidden;
    border-bottom:1px dotted #bfbfbf;
    cursor: pointer;
}
.sociallist > ul li{
    float: left;
    line-height: 80px;
}
.sociallist > ul li em{
    display: none;
}
.sociallist > ul li:nth-child(1){
    width: 32.19%;
}.sociallist > ul li:nth-child(2){
    width: 33.76%;
}
.sociallist > ul li:nth-child(3){
    width:  31.02%;
   
}

.sociallist > ul li:nth-child(4){
    width:  3.03%;
   
}
.hidetext{
   
    box-sizing: border-box;
    padding: 3.76% 1.36% 2.73%;
    border-bottom:  2px solid #009764;
}
.time{
    margin-bottom: 3.08%;
    overflow: hidden;
}
.time li{
    font-weight: bold;
    color: #3e3e3e;
    float: left;
    line-height: 1;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 3px solid #3e3e3e;
}
.hidetext .emid{
    margin-top: 1.71%;
    margin-bottom: 2.73%;
    font-weight: bold;
    color: #3e3e3e;
}
.hidetext .emid span{
    margin-right: 27px;
}
.hidetext .emid span a.tel_link{cursor: inherit;}
.time li:last-child{
    border:none;
}
.hidetext .titlezhi{
    margin-top: 25px;
    margin-bottom: 15px;
}
.hidetext button{
    width: 13.28%;
    line-height: 44px;
    border: none;
    color: #fff;
    background: #009764;
    border-radius: 25px;
}
.hidetext button a{color: #fff;}
.body{
    padding-top: 18.75%;
    padding-bottom: 14.58%;
}
.body h2{
    margin-bottom: 4.106%;
    color: #fff;
    text-align: center;
}
.input_box {
    width: 44.79%;
    margin: 0 auto;
}
.input_box input{
    font-weight: 200;
    color: #757575;
    margin-bottom: 20px;
    border-radius: 25px;
    box-sizing: border-box;
    padding-left: 30px;
    width: 100%;
    line-height: 44px;
    height: 44px;
    border: none;
    background: #fff;
}

.input_box textarea{
    font-family: "SourceHanSansCN";
    font-weight: 200;
    color: #757575;
    height: 200px;
    border-radius: 25px;
    box-sizing: border-box;
    padding:15px 30px;
    width: 100%;
    border: none;
    background: #fff;
}
.input_box button{
    font-family: "SourceHanSansCN";
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    width: 29.61%;
    line-height: 44px;
    border: none;
    background: #009764;
    color: #fff;
    border-radius: 25px;
}

/*联系我们*/
.content_con{padding-bottom: 120px;overflow: hidden;}
.contact_c{position: relative;height: 628px;}
#map{width: 100%;height: 100%;}
.contact_text{background:url(../upload/20210917/contact_bg.png) no-repeat;background-size: 100% 100%;color: #fff;padding: 83px 45px;width:536px;box-sizing:border-box;right: 0px;top:0;position: absolute;height: 100%;}
.contact_text h1{margin-bottom: 20px;}
.contact_list{border-top: 1px dashed #fff;padding: 15px 0;}
.contact_list li{overflow: hidden;margin-bottom: 13px;}
.contact_list li img{
    float: left;
}
.contact_list li span{margin-left: 10px; float: left;}
.contact_list li p{display: inline;width: calc(100% - 58px);}
.contact_list li a{color: #fff;}
.contact_code{margin-top: 20px;}
.contact_list h3{
    padding: 0 25px;
}
.contact_list ul{
    margin-top: 50px;
    padding: 0 25px;
}
.contact_code img{margin-right: 20px;width: 103px;height: 103px;}
/*新修改*/
.address_con{height: 45px;margin-bottom: 10px;
}
.selectInput {
    width: 100%;
    height: 100%;
    border: 1px solid #d9dfe7;
    border-radius: 25px;
    padding: 0px 30px;
    position: relative;
    float: left;
    box-sizing: border-box;

}

.selectInput input {
    width: calc(100% - 25px);
    background: none;
    border: none;
    height: 100%;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selectInput i {
    left: auto;
    right: 10px;
    transition: all .3s;
    line-height: 40px;
    position: absolute;
}
/*.selectInput.on img{transform: rotate(180deg);}*/
.selectUl {
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    position: absolute;
    box-sizing: border-box;
    top: 45px;
    width: 100%;
    left: 0px;
    z-index: 9;
    font-size: 14px;
    line-height: 26px;
}

.selectUl {
    padding: 10px 0;
}

.selectUl li {
    padding: 0 10px;
}

.selectUl li a {
    color: #3f3f3f;
}
.contact_list{display: none;border-top: 0;}
.contact_list.on{display: block;}

@media only screen and (min-width:1025px) {
    .contact_list li a.tel_link:hover{color: #fff!important;cursor: inherit;}
    .hidetext button a:hover{color: #fff!important;}
    .hidetext .emid span a.tel_link:hover{color: #4b4b4b!important;}
}
@media only screen and (max-width:1600px) {
    .content_con{padding-bottom: 80px;}
}
@media only screen and (max-width:1440px){
    .contact_c{height: 600px;}
}
@media only screen and (max-width:1366px){
    .contact_c{height: 500px;}
    .contact_text h1{margin-bottom: 30px;}
    .content_con{padding-bottom: 40px;}
}
@media only screen and (max-width:1024px){
    .contact_c{height:auto;}
    #map{height: 300px}
    .contact_text{position: static;width: 100%;padding: 30px;}
    .contact_text h1{margin-bottom:10px;}
}
@media only screen and (max-width:767px){
    #map{height: 200px}
    .contact_text{padding: 20px;}
    .content_con{padding: 0px 0 30px;}
}

@media only screen and (max-width:1660px) {
 
}

@media only screen and (max-width:1580px) {
  
    .bg2 h2 {
        margin-bottom: 40px;
    }
    .bg3 ul {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .bg3 .bef h2 {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:1500px) {
    
  
}
@media only screen and (max-width:1400px) {
   
    
}
@media only screen and (max-width:1361px) {
	.team_list li dl dt {
	    padding: 10px !important;
	}
   .team_list li dl dt p{
   	max-height: 210px;
   	overflow: hidden;
   }
    .bg2 {
        padding-top: 2.26%;
    }
    .bg3 .bef{
        padding-top: 2.26%;
    }
    .bg2 h2 {
        margin-bottom: 20px;
    }
    .bg3 .swiper_wrap .swiper-button-next {
        right: -30px;
    }
    .bg3 .swiper_wrap .swiper-button-prev {
        left: -30px;
    }
    .bg4 .logo_wrap ul li {
        margin-bottom: 40px;
    }
    .bg5_bottom .wrap h2 {
        margin-top: 3.66%;
        margin-bottom: 0%;
    }
    .bg7 .jian {
        margin-top: 2%;
        position: relative;
        width: 15%;
    }
    .bg7 {
        padding-top: 2.26%;
    }
    .yewuboxb ul li > div {
        box-sizing: border-box;
        width: 100%;
        padding: 4.77% 1%;
    }
}
@media only screen and (max-width:1024px) {
    .bg5_bottom .wrap h2 {
        margin-top: 1.66%;
        margin-bottom: 0%;
    }
    .imgbox .top p {
        height: 128px;
    }
    .innovating-boxtop em {
        margin-top: 15px;
        margin-bottom: 25px;
    }
}
@media only screen and (max-width:768px) {
    .index_011 .firm_l {
        width: 100%;
    }
    .index_011 .firm_r {
        width: 100%;
        margin-bottom: 10px;
    }
    .index_011 {
        margin-bottom: 20px;
    }
    .index_022 .company_l {
        width: 100%;
        float: none;
    }
    .index_022 .company_r {
        float: right;
        width: 100%;
        position: static;
        background: url(../upload/20210917/right1.png) no-repeat;
        background-size: cover;
        padding: 4.5% 5% 4.5%;
    }
    .textg{
        height: auto;
    }
    .index_022 {
        margin-bottom: 30px;
    }
    .bg2 {
        height: auto !important;
        background-size: cover;
        padding-bottom: 6.26%;
        padding-top: 6.26%;
    }
    .bg2 .jian {
        margin-top: 30px;
        position: relative;
        width: 50%;
    }
    .bg2 .jian .swiper-button-next, .bg2 .jian .swiper-button-prev {
        height: 27px;
    }
    .bg2 .swiperbox em {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .bg3 .bef {
        padding-top: 6.26%;
        padding-bottom: 6.26%;
    }
    .bg3 {
        height: 500px !important;
        background-size: cover;
        padding-bottom: 6.26%;
    }
    .bg3 ul li {
        margin-right: 0px;
        width: 33.33%;
    }
    .bg3 .swiper_wrap .swiper-button-next {
        right: 0px;
    }
    .bg3 .swiper_wrap .swiper-button-prev {
        left: 0px;
    }
    .bg4 .tit_p {
        margin-bottom: 20px;
    }
    .bg4 .logo_wrap ul li {
        cursor: pointer;
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }
    .bg5 img{
        display: block;
    }
    .bg5{
        background:none;
    }
    .bg5 , .bg5_bottom{
        height: auto !important;
    }
    .bg5_bottom {
        padding: 6% 0;
        position: static;
        background: url(../upload/20210917/bg5bottom.png);
        background-size: 100000% 100%;
    }
    .bg5_bottom .wrap h2 {
        margin-top: 0%;
        margin-bottom: 0%;
    }
    .imgbox .top{
        height: auto !important;
    }
    .imgbox .top .toptext {
        position: static;
    }
    .bottomtwo ul li {
        width: 100%;
        margin-bottom: 10px;
    }
    .bg7{
        height: auto !important;
        padding-bottom: 50px;
    }
    .bg7 .jian {
        width: 50%;
    }
    .bg7 .jian .swiper-button-next, .bg7 .jian .swiper-button-prev {
        width: 20px;
        height: 25px;
        background-size: 100% 100%;
        top: 0;
        margin-top: 0;
    }
    .yewuboxb ul li {
        width: 100%;
    }
    .bottomtwo {
        margin-bottom: 5%;
    }
    .yewubox .swiper-slide {
        text-align: center;
        box-sizing: border-box;
        padding: 9px 30px;
        width: none;
        line-height: 1;
    }
    .yewubox {
        margin-top: 30px;
    margin-left: 0%;
        width: 100%;
    }
    .bg8 .swiper-button-next {
       
        right: -0px;
    }
    .bg8 .swiper-button-prev {
      
        left: -0px;
    }
    .topdiv .ll {
        width: 100%;
        height: auto !important;
        margin-bottom: 2.83%;
    }
    .topdiv .ll .textcenter, .topdiv .rr .textcenter {
        padding: 20px;
        color: #fff;
    }
    .topdiv .rr {
        width: 100%;
    }
    .bg11 {
        height: auto !important;
    }
    .bg11 .textw {
        padding-top: 0;
    }
    .bg12 ul li {
        margin-bottom: 10px;
        width: 45%;
        float: left;
        background: url(../upload/20210917/bgborder.png) no-repeat;
        background-size: 100% 100%;
        margin-right: 0%;
    }
    .bg12 ul li:nth-child(odd){
        float: left;
    }
    .bg12 ul li:nth-child(even){
        float: right !important;
    }
    .innovating-box > div{
        height: auto !important;
    }
    .innovating-boxtop em {
        margin-top: 10px;
        margin-bottom: 15px;
        width: 13.9%;
    }
    .innovating-box .lfbox .lll {
        width: 100%;
    }
    .innovating-box .lfbox .rrr {
        position: static;
        width: 100%;
        height: auto;
        right: 0;
        top: 0;
    }
    .innovating-box .lfbox .rrr > div{
        padding: 6.16% 4.10%;
    }
    .talevt-wrap ul li {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 10px;
    }
    .tale-box {
        padding: 0 7.68% 6.68%;
    }
    .inputwrap > div {
        margin-right:0%;
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }
    .inputwrap > div:last-child {
        margin: 0;
        width: 100%;
    }
    .hidetext button {
        width: 30%;
            line-height: 35px;
    }
    .time li {
        width: 100%;
        line-height: 2;
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }
    .hidetext .emid span {
        display: block;
    }
    
    .hidetext .titlezhi {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .sociallist > ul{
        margin-bottom:5px;
        font-size: 14px;
    }
    .sociallist > ul li em{
        float: left;
        display: block;
    }
    .sociallist > ul li {
    
        background: #ecf5f2;
        box-sizing: border-box;
        padding: 0 10px;
        line-height: 30px;
        width: 100% !important;
        text-align: right;
    }
    
    .input_box {
        width: 95%;
        margin: 0 auto;
    }
    .input_box button {
        margin-top: 10px;
    }
    .input_box input {
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .input_box textarea {
        padding: 15px 15px;
    }
}
/*.index_03*/
.index_03{
    padding-top: 5%;
}
.tit_p{line-height: 30px;}
.h2_tit {
    margin-bottom: 20px;
}
.rdteam{margin: 40px 0 130px;display: inline-block;width: 100%;}
.team_list{margin-left: -30px;margin-right: -30px;position: relative;}
.team_list li{float: left;width: 33.3%;padding: 0 30px;box-sizing: border-box;}
.team_list li dl{position: relative;overflow: hidden;cursor: pointer;}
.team_list li dl img{width: 100%;}
.team_list li dl dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(42,148,112,0.91);color: #fff;padding: 50px;
    box-sizing: border-box;line-height: 30px;transition: all .3s;transform: translateX(-200%)}
.team_txt{height: 210px;}
.team_name{position: absolute;left: 0;bottom: 34px;}
.team_name h3 span{padding: 0 10px;height: 37px;background: #009764;color: #fff;line-height: 37px;display: inline-block;font-weight: bold;transition: all .3s;}
.team_name p span{height: 24px;line-height: 24px;background: #fff;padding:  0 10px;display: inline-block;transition: all .3s;}
/*.team_list .lhl_but{display: none;}*/
.lhl_but div{background: none;font-size: 40px;font-weight: bold;width: 36px;height: 60px;text-align: center;line-height: 60px;margin-top: -30px;color: #c2c2c2;}
.lhl_but div.swiper-button-prev{left: -0px;}
.lhl_but div.swiper-button-next{right: -0px;}
@media only screen and (min-width:1025px) {
	.team_list li dl:hover .team_name{
		display: none;
	}
    .delink a:hover{background: #009764;color: #fff!important;}
    .team_list li dl:hover dt{transform: translateX(0);}
    .team_list li dl:hover .team_name h3 span{background: #fff;color: #373737;}
    .team_list li dl:hover .team_name p span{background: #00ce89;color: #fff;}
}
@media only screen and (max-width:1024px) {
    .team_list li{padding: 0;}
    .team_list{width: 90%;margin: 0 auto;}
    .team_list li dl dt{position: static;transform: none;}
    .team_name{bottom: 300px;}
    .team_list .lhl_but{display: block;}
}
@media only screen and (max-width:767px) {
    .banner{margin-bottom: 40px;}
    .firm_r dt p{font-size: 14px;}
    .company_l,.company_r{width: 100%;}
    .company_r{position: static;}
    .company_l .txt{padding: 30px 20px;text-align: left;}
    .team_list{width: 100%;}
    .lhl_but div{background: #fff;margin-top: -150px;}
    .lhl_but div.swiper-button-prev{left: 0;}
    .lhl_but div.swiper-button-next{right: 0;}
    .rdteam{margin: 40px 0;}
    .index_news{margin: 40px 0;}
    .index_news li{width: 100%;padding: 0px 0;margin-bottom: 30px;}
    .indexPro dl{width: 100%;margin-right: 0;margin-bottom: 30px;}
    .indexPro dt{padding-left: 30px!important;}
    .index_06{margin-bottom: 40px;}
	
}
@media only screen and (max-width:768px) {
	.body h2 {
	font-size: 18px;
	font-weight: bold;
		}
	}