@import url("./common.css");
@import url("./reset.css");

@import url("./iconfont/iconfont.css");

@import url("./footer.css");

*{
    margin:0;
    padding:0;
    text-decoration: none;
    list-style: none;
    
}
#dowebok > .section{ display: flex;}

#search_form{
    width: 300px;
    height: 100px;
    background: #fff;
    border-radius: 50px;
}


.w{ max-width: 1400px; width:100%; margin:0 auto;box-sizing: border-box;}
@media screen and (max-width:1400px ) {
    .w{
        width: 96%;
        margin: 0 auto;
    }
}

.t_cen{
    text-align: center;
}

.t_right{
    text-align: right;
}

.f_bold{
    font-weight:bold;
}
.flex{
    display: flex;
}

.w_100{
    display: block;
    width: 100%;
}
.text_nowrap{
    white-space: nowrap;
}


.location a{color: #666;}


/* banners */
.innber_banner{
    width: 100%;
    padding-top: 36.4%;
    position: relative;
    box-sizing: border-box;
    min-height: 320px;
  
}

.ruzhu_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    background:url("../images/contact_bg.jpg") no-repeat center center;
    background-size: cover;

    display: flex;

}
.ruzhu_neirong{
    height: 100%;
    display: flex;
    flex-direction: column;
  
    justify-content: center;
    position: relative;
    z-index: 2;
}


/* sep_dot */

.sep_dot{ width: 138px; display: flex; position: relative; margin:0 auto; justify-content: center;} 


.sep_dot::before{
    width: 100%;
    z-index: 1;
    position: absolute;
    top:50%;
    border-top:1px solid #999;
    height: 11px;
    content: "";
}
.sep_dot span{
    width: 6px;
    height: 6px;
    background: #1289cb;
    border:10px solid #f4f5f9;
    border-radius: 15px;
    position: relative;
    z-index: 2;

}

.fenlei_wrap{
    justify-content: center;
    
}

.fenlei_wrap span{ padding: 1% 3%;  background: #fff; display: flex; min-width: 80px; min-height: 30px;
border-radius: 40px;
box-sizing: border-box;
margin-right: 4%;
cursor: pointer;
}
.fenlei_wrap span.active,.fenlei_wrap span:hover{
    background: linear-gradient(to right, #63b6ba, #467eb5);
    color: #fff;
}

.fenlei_wrap{
    justify-content: center;
    
}

.fenlei_wrap a{ padding: 1% 3%;  background: #fff; display: flex; min-width: 80px; min-height: 30px;
border-radius: 40px;
box-sizing: border-box;
margin-right: 4%;
cursor: pointer;
}
.fenlei_wrap a.active,.fenlei_wrap a:hover{
    background: linear-gradient(to right, #63b6ba, #467eb5);
    color: #fff;
}


.top_news_wrap{
    justify-content: space-between;

}

.top_news_left{
    width: 48.6%;
    min-width: 300px;
    
}

.top_news_neirong{
    padding: 3%;
    background-color: #fff;
}

.top_news_title{
    padding-top: 1%;
    padding-bottom: 1%;
}

.top_news_desc{
    padding-bottom: 12%;
}

.top_news_right{
    width: 48.6%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   
}






.top_news_right ul li{
    padding:3%;
    background: #fff;
    margin-bottom: 2%;
}


.top_news_right ul li a{
    display: flex;
    flex-wrap: nowrap;
  align-items: center;
}

.top_news_right ul li a .top_news_left_time{
    width: 14%;
    min-width: 40px;
    display: flex;
    flex-direction: column;

}

.top_news_right ul li a .top_news_left_title{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.top_news_right ul{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (max-width:800px ) {
    .top_news_wrap{
        display: flex;
        flex-direction: column;
    }
	.top_news_left{ width: 100%;}
    .top_news_right{ width: 100%; padding-top: 3%;}
    .top_news_desc{
        padding-bottom: 5%;
    }
    .top_news_right ul li{
        padding:2%;
        background: #fff;
        margin-bottom: 2%;
    }
}   



.bot_news{
    
}

.bot_news_item{
    width: 32%;
    margin-right: 2%;
    margin-bottom:2%

}

.bot_news_item:nth-of-type(3n){
    margin-right: 0;
}

.bot_news_img_wrap{
    padding-top: 46%;
    background: url("../images/newsxx.jpg") no-repeat center center;
    background-size:contain;
}

@media screen and (max-width:800px ) {
    .bot_news_item{
        width: 49%;
      
    
    }
    .bot_news_item:nth-of-type(3n){
        margin-right: 2%;
    }
    .bot_news_item:nth-of-type(2n){
        margin-right: 0%;
    }
}


@media screen and (max-width:500px ) {
    .bot_news_item{
        width: 100%;
        margin-right: 0;
    
    }
}






.jiagou_wrap{
   height: 700px;
   overflow: hidden;
   position: relative;
    width: 100%;
}

.jiagou_wrap_inner{
    
    width: 1492px;height: 645px;
    margin: 0 auto;
}
.jiagou_wrap_inner>div{
    width: 1492px;height: 645px;
 
    background: url("../images/jiagou.png") no-repeat center center;

    


}



/* service */

.service_bottom{
    background: linear-gradient(to bottom,#4378ae,#5eaeb2);
    
}

.service_wrap{
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
}

.service_wrap_left{
    width:39.6% ;
}

.service_wrap_right{
    width: 37.8%;
}


@media screen and (max-width:600px ) {
    .service_wrap_left{
        width:80% ;
    }
    
    .service_wrap_right{
        width:100% ;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    
}



.more_btnx{padding: 2% 5%; border:1px solid #fff; border-radius: 30px; margin-top: 3%;}

.yunyingfenlei_wrap{
    justify-content: space-between;
}

.yunying_fenlei_item{
    width: 26%;
    padding: 3%;
    
    position: relative;
    margin-bottom: 2%;

}
.imgsk{
    width: 26%;
}

.textsk{
    flex: 1;
    padding-left: 4%;
}
@media screen and (max-width:800px ) {
    .yunying_fenlei_item{
        width: 43%;
        
    
    }
}
@media screen and (max-width:660px ) {
    .yunying_fenlei_item{
        width: 94%;
        
    
    }
    .imgsk{
        width: 50px;
    }
}




.fenlei_shuzi{
    width: 100%;
    
    position:absolute;
    right:3%;
    bottom: 0%;
    color: rgba(255, 255, 255, .05);
    text-align: right;

}
.yunying_fenlei_item.fenlei_item1{
    background: #2451a4 no-repeat bottom right;
}

.yunying_fenlei_item.fenlei_item2{
    background: #1e6ab5 no-repeat bottom right;
}
.yunying_fenlei_item.fenlei_item3{
    background: #1289cb no-repeat bottom right;
}
.yunying_fenlei_item.fenlei_item4{
    background: #65c097 no-repeat bottom right;
}
.yunying_fenlei_item.fenlei_item5{
    background: #4abdc0 no-repeat bottom right;
}
.yunying_fenlei_item.fenlei_item6{
    background: #23a565 no-repeat bottom right;
}
.yunying_fenlei_item_t{
    display: flex;
    justify-content: space-between;
    align-items: center;
}




.rencaidasha_wrap_outer{
    width: 100%;
}

@media screen and (max-width:1400px ) {
    .rencaidasha_wrap_outer{
        width:96%;
        margin:0 auto;
        overflow: hidden;
    }
}

.rencaidasha_wrap{
flex-wrap: wrap;
}

.rencaidasha_item{
    width: 100%;
    position: relative;
    background: #000;
    cursor: pointer;
}





.rencaidasha_item img{
    opacity: .4;
    filter: opacity(40);
    position: relative;
    z-index: 1;
}



.rencaidasha_nr{
    width: 90%;
    height: 90%;
    position: absolute;

    left: 5%;
    top: 5%;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.gap{
    flex:1;
}
.line_gap{
    padding-top: 4%;
    width: 14%;
    border-top:2px solid #fff;
}

.rencai_desc{
    height: 0;
   
}

.rencaidasha_item:hover img{
    opacity: 1;
    filter: opacity(100);
}

.rencaidasha_item:hover .rencai_desc{
    height: auto;
}

.chanyeyuan_wrap{
    justify-content: space-between;
}


.chanyeyuan_item{
    width: 100%;
    box-sizing: border-box;
    border:1px solid #ddd;
}

.chanyeyuan_item_top_img{
    position: relative;
}

.chanyeyuan_item_top_img img{
    position: relative;
    z-index: 1;
}

.chanyeyuan_item_top_text{
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    align-items: center;
    justify-content: center;
}
.chanyeyuan_text{
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 4%;
   padding-bottom: 4%;
    
}
.chanyeyuan_servicea{
    width: 100%;
    overflow: hidden;
}

/*  */


.huoban_wrap{ max-width: 1400px; width:100%; margin:0 auto;box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap;}
@media screen and (max-width:1400px ) {
    .huoban_wrap{
        width: 80%;
        margin: 0 auto;
    }
}




.huoban_wrap2{ max-width: 1400px; width:100%; margin:0 auto;box-sizing: border-box; display: flex; justify-content: space-evenly; flex-wrap: wrap;}
@media screen and (max-width:1400px ) {
    .huoban_wrap2{
        width: 96%;
        margin: 0 auto;
    }
}

.huoban_img2{
    width: 19%;
    margin-bottom: 1.25%;
}



.huoban_next_wrap{
    
    position: absolute;
	left: -100px;
	top:0px;
	
	opacity: 0;
	width: 100%;
	transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
}

.huoban_next_wrap.active{
    position: relative;
	z-index: 9;
	opacity: 1;
	left: 0px;
	top: 0px;
}


@media screen and (max-width:1000px ) {
    .huoban_img2{
        width: 23.5%;
        margin-bottom: 3%;
    }
}
@media screen and (max-width:800px ) {
    .huoban_img2{
        width: 32%;
        margin-bottom: 2%;
    }
}

@media screen and (max-width:600px ) {
    .huoban_img2{
        width: 48%;
        margin-bottom: 2%;
    }
}


/* pingtai */

.pingtai_top_wrap{
    flex-direction: row-reverse;
    justify-content:space-between;
   
}

.pingtai_top_right{
    width: 47.8%;
    padding-top: 47.8%;
    position: relative;
    overflow: hidden;
    height: 0;
    box-sizing: border-box;
}

.pingtai_top_left{
    width:47.2%;
}


@media screen and (max-width:860px ) {
    .pingtai_top_wrap{
        flex-direction: column;
      
       
    }
    .pingtai_top_right{
        width: 100%;
        padding-top: 100%;
        position: relative;
        overflow: hidden;
        height: 0;
        box-sizing: border-box;
    }
    
    .pingtai_top_left{
        width:100%;
    }
}


.pingtai_top_bg1{
    width: 95%;
    right:0;
    top:0;
    height: 95%;
    z-index: 1;
    background: linear-gradient(to right bottom,#63b6ba,#467eb5);
    position: absolute;
}

.pingtai_top_bg2{
    width: 90%;
    right:2.5%;
    top:2.5%;
    height: 90%;
    z-index: 2;
    background: #fff;
    position: absolute;
}

.pingtai_top_nr3{
    position: absolute;
    bottom:0;
    left: 0;
    width: 93%;
    height: 93%;
    z-index: 3;
    background: #f00;
}

.pingtai_top_title{
    align-items: center;
    flex-wrap: nowrap;
}

.pingtai_top_img{
    width: 22%;
    padding-right: 3%;
}

@media screen and (max-width:900px ) {
    .pingtai_top_img{
       max-width: 90px;
    }
    .pingtai_top_title{
        padding-top: 4%;
        padding-bottom: 0%;
    }
}
.pingtai_top_desc{
    padding-top: 4%;
}

.pingtai_top_desc ul li{
    padding-left: 20px;
   
    padding-bottom:2%;
    position: relative;
}

.pingtai_top_desc ul li::before{
    width: 4px;
    height: 4px;
    position: absolute;
    left: 10px;
    top: 16px;
    background: #1289cb;
    border-radius: 2px;
    content: "";
    display: block;

}

.pingtai_top_desc ul{
    padding-bottom: 2%;
}

.pingtai_slogan{
    padding-top: 3%;
    padding-bottom: 3%;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #ddd;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gq_index1{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gq_index1 .swiper-slide img{ width: 100%; height: 100%; display: block;}


.pingtai_slogan1{
    flex-direction: column;
}
.pingtai_slogan1_t{
    border-left:4px solid #1289cb;
}

.pingtai_slogan1_b{
    white-space: nowrap;
    border-left:4px solid #f4f5f9;
}

.location{
    padding-top: 1%;
    padding-bottom: 1%;
}


@media screen and (max-width:960px ) {
    .pingtai_slogan{
        display: none;
    }
}


.pingtai_tedian{
    padding-bottom: 5.5%;
   
    
   
}
.pingtai_wrap2{
    width: 100%;
    overflow: hidden;
}

.pingtai_tediant{
    justify-content: space-between;
    z-index:2 ;
    position: relative;
   
}

.pingtai_tediant_item{
    padding: 1%;
    
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}

.pingtai_tediant_item_img{
    padding-top: 57%;
}

.pingtai_tediant_item_tit{
    border-bottom:1px solid #ddd;
}

.pingtai_tediant_item_desc{
   
    padding-top: 3%;
    padding-bottom: 10%;

}

.pingtai_tedian{
    position: relative;
}


.bg_img{
    width: 100%;
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}


/* news_view */


.news_view_time{
    border-bottom: 1px solid #ddd;
}

.news_view_time b{
    font-weight: normal;
}


.news_view_desc{
    padding-top: 4%;
    padding-bottom: 4%;
    border-bottom: 1px solid #ddd;
}

.news_view_desc img{
    max-width: 100%;
}

.news_and_prev_wrap{
   
    padding-top: 2%;
    padding-bottom: 2%;
}
.news_and_prev{
    display: flex;
}



.news_and_prev a{
  
    height: 30px;
    display: flex;
    line-height: 30px;

   justify-content: flex-start;
   overflow: hidden;
  

}
.news_and_prev a.prev{
    width: 47%;
   
    padding-right: 6%;
    justify-content: flex-start;

}
.news_and_prev a.next{
    width: 47%;
    justify-content: flex-end;
}


@media screen and (max-width:800px ) {
    .news_and_prev{
        flex-direction: column;
    }
    .news_and_prev a.prev{
        width: 100%;
        padding-right: 0;
    }
    .news_and_prev a.next{
        width: 100%;
        padding-right: 0;
        justify-content: flex-start;
    }
}





.jiagou_wraps{
    max-width: 1492px;
    margin:0 auto;
}

@media screen and (max-width:1492px ) {
    .jiagou_wraps{
        width: 96%;
    }
}