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

    .w1600{width: 92%;}
    
    .list03 .list03_con{width: 92%;}

}

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

    .list02 .list02_con{width: 92%;}
    .list02 .list02_con .list02_img .list02_ico{width: 92%;}
    .list02 .list02_con h3{width: 92%; }

    .list03 .list03_con .list03_left .txt{height: 390px; padding: 60px 60px 0 0;}

    .list03 .list03_con .list03_right .list03_right_con{height: 390px;}
    
}

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

    .header .logo{margin: 20px 0 0 40px;}
    .mini .logo{margin: 10px 0 0 30px;}

    .nav .nav_bar{margin: 20px 20px 0 0;}
    .nav .nav_bar li .nav_li{padding: 0 8px;}

    .header-lan{margin: 18px 40px 0 0;}
    .mini .header-lan{margin: 8px 30px 0 0;}

    .list03 .list03_con .list03_left .txt{height: 350px; padding: 30px 40px 0 0;}

    .list03 .list03_con .list03_right .list03_right_con{height: 350px;}
    .list03 .list03_con .list03_right .list03_right_conn .conn_left{padding: 40px 30px}

    .banner .txt1{right: 10%; top: 60%;}
    .banner .txt2{left: auto; right: 10%; top: 60%;}

    .banner_bg h3{margin-left: 40px; }
    .txtScroll-top{margin: 19px 0 0 360px;}
    
}

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

    .header .logo{margin: 20px 0 0 10px;}
    .mini .logo{margin: 10px 0 0 10px;}
    .header .gp{margin: 8px -110px 2px 0;}

    .nav .nav_bar{margin: 20px 10px 0 0;}
    .nav .nav_bar li{margin-right: 4px;}
    .nav .nav_bar li .nav_li{width: 90px; padding: 0 2px;}

    .header-lan{margin: 18px 10px 0 0;}
    .mini .header-lan{margin: 8px 10px 0 0;}


    .banner_bg{display: none;}

    .swiper-button-next{left: 5%;}
    .swiper-button-prev{left: 10%;}

    .list01 .list01_con .ul li .txt{height: 80px; padding-top: 20px;}

    .list02 .list02_con h3{width: 100%;}

    .list03 .list03_con .list03_left{width: 40%;}
    .list03 .list03_con .list03_left .txt{height: 270px; padding: 0 40px 0 0;}
    .list03 .list03_con .list03_left .txt h3{font-size: 20px; margin-bottom: 20px;}
    .list03 .list03_con .list03_left .txt .link{margin: 20px 0 0 0}

    .list03 .list03_con .list03_right{width: 60%}
    .list03 .list03_con .list03_right .list03_right_con{height: 270px;}
    .list03 .list03_con .list03_right .list03_right_conn .conn_left{width: 100%; padding: 40px 0 40px 50px}
    .list03 .list03_con .list03_right .list03_right_conn .conn_right{display: none;}

    .list04 .list04_con .list04_list .list li .img{height: 200px;}

    .list05{height: 220px;}
    .list05 .list05_con .li{padding-top: 70px;}
    .list05 .list05_con .li span{font-size: 46px;}

    .footer .footer_con .footer-item .footer_left .item{width: 50%; margin-right: 0}


}



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


    /*----header----*/
    .header{height: 60px; background: #000}
    .header .logo{width: 153px; height: 40px; float: left; position: relative; margin: 10px 0 0 10px}
    .header .gp{margin: 8px -110px 2px 0; font-size: 13px}

    .nav{float: none; width: 300px; height: 960px; position: fixed; top: 0; left: -300px; background: #333; margin-top: 60px;}
    .nav .nav_bar{list-style: none; margin: 0; padding-top: 50px;}
    .nav .nav_bar li{width: 100%; float: left; padding-left: 40px; margin-right: 0; box-sizing: border-box}
    .nav .nav_bar li:before{content: ""; display: block; width: 16px; height: 16px; background: url("../image/prev.png") no-repeat; background-size: cover; position: absolute; top: 0; right: 0; margin: 14px 40px 0 0}
    .nav .nav_bar li:nth-child(1):before{display: none}
    .nav .nav_bar li:nth-child(5):before{display: none}
    .nav .nav_bar li:nth-child(7):before{display: none}
    .nav .nav_bar li .nav_li{width: 100%; padding: 0; text-align: left; height: 42px; line-height: 42px;}
    .nav .nav_bar li .nav_li h3{font-size: 14px;}
    .nav .nav_bar li .nav_li p{font-size: 14px;}
    .nav .nav_bar li:hover .nav_li h3{transform: translateY(-42px); -webkit-transform: translateY(-42px)}
    .nav .nav_bar li:hover .nav_li p{transform: translateY(-42px); -webkit-transform: translateY(-42px)}
	
	.nav .nav_bar li:after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.0); z-index: 2}
	.nav .nav_bar li:nth-child(1):after{display: none;}
    .nav .nav_bar li:nth-child(5):after{display: none;}
    .nav .nav_bar li:nth-child(7):after{display: none;}

	.nav.nav_on{left: 0}

    .nav_son{position: absolute; top: 0; left: 300px; margin-left: 0;  visibility: hidden; opacity: 0; }

    .nav_son a{width: 180px; font-size: 13px; color: #333; text-align: center; padding: 8px 10px 0 10px; background: #fff; border-bottom: 1px solid #e0e0e0; transition: all ease .3s; -webkit-transition: all ease .3s; box-sizing: border-box;}
    .nav_son a i{display: block; font-size: 12px; color: #666; padding-bottom: 8px; font-style: normal; transition: all ease .3s; -webkit-transition: all ease .3s}
	
	.nav_son:nth-child(1){opacity: 1; visibility: visible;}

    .nav_son.sub_on{visibility: visible; opacity: 1; top: 0;}

    .header .button{display: block}

    .header-lan{margin: 10px 80px 0 0;}

    .mini .header-lan{margin: 10px 80px 0 0;}
    .mini .nav .nav_bar{margin: 0}


    .title{padding: 40px 0;}
    .title h3{font-size: 26px;}
    .title p{font-size: 20px;}

    .list01 .list01_con .ul li .txt h3{font-size: 15px; font-weight: normal}

    .list02 .list02_con h3{margin: 0 auto 30px auto; font-size: 15px;}

    .list02 .list02_con .list02_img{height: 260px;}
    .list02 .list02_con .list02_img .list02_ico li{margin-top: 60px;}
    .list02 .list02_con .list02_img .list02_ico li .link01 .li{width: 80px; height: 92px}
    .list02 .list02_con .list02_img .list02_ico li .link01 .li .bor{display: none;}
    .list02 .list02_con .list02_img .list02_ico li .link01 .li i{display: block; width: 100%; height: 100%; line-height: 92px; position: relative; text-align: center; z-index: 2}
    .list02 .list02_con .list02_img .list02_ico li .link01 .li .bor01{display: block; width: 80px; height: 92px; background: url("../image/list02_img03.png") no-repeat; background-size: cover; opacity: 1; transform: scale(1); -webkit-transform: scale(1);}


    .list03{padding-top: 40px; padding-bottom: 40px;}
    .list03 .list03_con .list03_left{width: 100%;}
    .list03 .list03_con .list03_left .txt{height: auto; padding: 0; margin-bottom: 30px;}
    .list03 .list03_con .list03_left .img{display: none;}
    .list03 .list03_con .list03_left:hover .txt{transform: translateY(0); -webkit-transform: translateY(0)}
   
    .list03 .list03_con .list03_right{width: 100%}
    .list03 .list03_con .list03_right .list03_right_con{height: auto;}
    .list03 .list03_con .list03_right .list03_right_conn{height: auto;}
    .list03 .list03_con .list03_right .list03_right_conn .conn_left{padding: 40px 0}

    .list04 .list04_con .list04_list .list{margin-right: -2%}
    .list04 .list04_con .list04_list .list li{width: 48%; margin-right: 2%;}
    .list04 .list04_con .list04_list .list li:last-child{display: none;}

    .footer .footer_con .footer-item{flex-wrap: wrap;}
    .footer .footer_con .footer-item .footer_left{width: 100%; margin-bottom: 20px;}
    .footer .footer_con .footer_right{width: 100%;}
    .footer .footer_con .footer_right .img{float: left; margin-left: 0; margin-right: 10px;}
    .footer .footer_con .footer_right .img img{width: 80px; height: 80px;}
	


	
}


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

    .banner{position: relative;}
    .banner .txt1{right: 5%; top: 60%;}
    .banner .txt2{right: 5%; top: 60%;}
    .banner .txt img{width: 90%; float: right; margin-bottom: 10px;}

    .header-lan{float: left; margin: 10px 0 0 10px; }
    .header-lan a{line-height: 1;}
    .mini .header-lan{margin: 10px 0 0 10px; }

    .nav{width: 200px;}
    .nav_son{left: 200px;}

    .title{padding: 30px 0;}
    .title h3{font-size: 20px;}
    .title p{font-size: 18px; font-weight: normal}

    .list01 .list01_con .ul{margin-right: 0}
    .list01 .list01_con .ul li{width: 100%; margin-right: 0; margin-bottom: 10px;}
    .list01 .list01_con .ul li .img{height: 200px;}
    .list01 .list01_con .ul li .img .img_c{opacity: 1;}

    .list02{padding-bottom: 40px}
    .list02 .list02_con .list02_img{height: 340px; background: url("../image/list02_img04.jpg") no-repeat; background-size: cover}
    .list02 .list02_con .list02_img .list02_ico li{width: 50%; margin-top: 20px;}
    .list02 .list02_con .list02_img .list02_ico li .link01{width: 100%; height: auto;}
    .list02 .list02_con .list02_img .list02_ico li .link01 p{font-size: 16px;}
    .list02 .list02_con .list02_img .list02_ico li .link01 b{font-size: 12px; color: #fff;}
    .list02 .list02_con .list02_img .list02_bg{background-color: rgba(0,0,0,.3); }

    .list03 .list03_con .list03_left .txt h3{font-size: 18px;}
    .list03 .list03_con .list03_right .list03_right_conn .conn_left{padding: 20px 0}
    .list03 .list03_con .list03_right .list03_right_conn .conn_left h2{padding-bottom: 10px; margin-bottom: 10px;}
	
    .list05 .list05_con .li{width: 50%; padding-top: 30px;}
    .list05 .list05_con .li span{height: auto; font-size: 36px;}
	.list05 .list05_con .li p{line-height: 1.6}
	 
    .list05 .list05_con .li:nth-child(1):before{content: ""; display: block; width: 90%; height: 1px; background: #e0e0e0; position: absolute; bottom: 0; right: 0; margin: 0 0 -20px 0;}
    .list05 .list05_con .li:nth-child(1):after{content: ""; display: block; width: 1px; height: 80%; background: #e0e0e0; position: absolute; bottom: 0; right: 0; margin: 0 -1px 0 0;}
    .list05 .list05_con .li:nth-child(4):before{content: ""; display: block; width: 90%; height: 1px; background: #e0e0e0; position: absolute; top: 0; left: 0; margin: 19px 0 0 0;}
    .list05 .list05_con .li:nth-child(4):after{content: ""; display: block; width: 1px; height: 100%; background: #e0e0e0; position: absolute; top: 0; left: 0;}
   
    .list04 .list04_con .list04_list .list{margin-right: 0}
    .list04 .list04_con .list04_list .list li{width: 100%; margin-right: 0; margin-bottom: 20px;}
    
    .footer .footer_con .footer-item .footer_left{flex-wrap: wrap;}
    .footer .footer_con .footer-item .footer_left .item{width: 100%; margin-right: 0; margin-bottom: 10px;}

    .footer .footer_ying{display: none;}
    


}



/* --------------------------------------- */

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

    .page_cooperative .cooperative_con .list li img{width: 100%;}

    .page_research .research_con .research_left{width: 55%; padding: 30px 30px 0 30px}
    .page_research .research_con .research_right{width: 45%;}

    .page_rdteam .rdteam_con .rdteam_left{width: 60%; padding: 30px}
    .page_rdteam .rdteam_con .rdteam_right{width: 40%;}

    .page_development .development_con .development_left{width: 60%; padding: 30px}
    .page_development .development_con .development_right{width: 40%;}

}

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

    .page_reserve .join-con .li-title{padding: 20px 60px;}
    .page_reserve .join-con .li-item{padding: 20px 60px;}

    .page_reserve .join-con .li-title span:nth-child(3){width: 30%;}
    .page_reserve .join-con .li-title span:nth-child(5){width: 10%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(3){width: 30%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(5){width: 10%;}
    
}

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

    .page_companyshow .companyshow_con .companyshow_conn img{width: 92%;}

    .page_network .network_con img{width: 92%;}

    .page_research .research_con{background: #fff; padding: 0}
    .page_research .research_con .research_left{width: 55%; padding: 0 40px 0 0}

    .page_development .development_con{background: #fff; padding: 0}
    .page_development .development_con .development_left{padding: 0 0 0 40px}

    .page_scientific .scientific_con .scientific_left{width: 55%; padding: 30px}
    .page_scientific .scientific_con .scientific_right{width: 45%;}

    .page_newshow .news_con .newshow_con img{width: 92%;}
    
}



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

    .page_company .company_con .list li .img{width: 45%;}
    .page_company .company_con .list li .txt{width: 55%; padding: 60px 0 0 50px}

    .page_network .network_con img{width: 100%;}
    
    .page_cooperative .cooperative_con .list li{width: 19%;}

    .page_product .product_con .list{margin-right: -2%}
    .page_product .product_con .list li{width: 31.3333%; margin-right: 2%;}

    .page_contact .contact_con .contact_left{width: 45%;}

    .page_contact .contact_con .contact-right{width: 55%}

}

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

    .page_research .research_con .research_right{margin-top: 56px;}

    .page_rdteam .rdteam_con .rdteam_left{width: 100%; padding: 20px}
    .page_rdteam .rdteam_con .rdteam_right{display: none;}

    .page_newshow .news_con .newshow_con{padding: 0}

    .page_newshow .news_con .newshow_con img{width: 100%}

    
}


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

    .page-site{padding: 100px 0 40px 0;}

    .page_con .title{padding: 0 0 40px 0;}
    .page_con .title h3{font-size: 24px;}
    .page_con .title h3 i{font-size: 16px; margin-left: 10px;}


    .page_about .about_con .about_right{width: 100%;}

    .page_culture .culture_con .w1600{flex-wrap: wrap;}
    .page_culture .culture_con .culture_left{width: 100%;}
    .page_culture .culture_con .culture_right{width: 100%;}

    .page_team .team_con .team_left{padding-right: 0}

    .page_events .events_con .events_list:before{left: 0; margin-left: 26px;}
    .page_events .events_con .events_list:after{left: 0; margin-left: 0; margin-top: 0}

    .page_events .events_con .events_list .list li{width: 100%; height: auto; margin-bottom: 20px; padding-right: 0; padding-left: 60px;}
    .page_events .events_con .events_list .list li:before{left: 0; margin: 10px 0 0 20px}
    .page_events .events_con .events_list .list li:nth-child(even){padding-left: 60px; margin-top: 0}
    .page_events .events_con .events_list .list li:nth-child(even):before{left: 0; margin: 10px 0 0 20px}
    .page_events .events_con .events_list .list li h3{font-size: 20px;}
    .page_events .events_con .events_list .list li p{font-size: 15px;}

    .page_company .company_con .list{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .page_company .company_con .list:after{display: none;}
    .page_company .company_con .list li{width: 49%; box-sizing: border-box;}
    .page_company .company_con .list li .img{width: 100%; height: auto;}
    .page_company .company_con .list li .txt{width: 100%; padding: 20px 0 0 0; text-align: center;}
    .page_company .company_con .list li .txt h3{font-size: 17px;}
    .page_company .company_con .list li .txt p{font-size: 15px;}

    .page_companyshow .companyshow_con .companyshow_conn img{width: 100%;}

    .page_style .style_con .list li{width: 32.3333%; margin-bottom: 12px;}

    .honor-con .list li{width: 31.3333%;}

    .page_cooperative .cooperative_con .list{margin-right: -2%}
    .page_cooperative .cooperative_con .list li{width: 23%; margin-right: 2%;}

    .page_scientific .scientific_con .scientific_left{width: 100%; padding: 20px}
    .page_scientific .scientific_con .scientific_right{display: none;}
    
    .page_network .network_con p{font-size: 16px;}

    .page_news .news_one{display: none;}
    .page_news .news_list{width: 100%; margin-left: 0}

    .page_news .news_list .list li h6{font-size: 20px;}
    .page_news .news_list .list li h3{font-size: 16px; }
    .page_news .news_list .list li p{font-size: 14px; }

    .page_newshow .news_con .newshow_con video{width: 100%;}

    .page_newshow .news_con .newshow_con p{font-size: 15px;}

    .page_contact .contact_con .contact_left{width: 50%;}
    .page_contact .contact_con .contact-right{width: 50%}

    .page_contact .contact-list .li{padding: 30px 20px;}
    .page_contact .contact-list .li h3{font-size: 18px;}
    .page_contact .contact-list .li p{font-size: 15px;}

    .page_reserve .join-con .li-title{padding: 20px 30px;}
    .page_reserve .join-con .li-item{padding: 20px 30px;}

    .page_contact .contact_con .contact_left .ewm .item img{width: 100px;}
    .page_contact .contact-list .li{padding: 20px 10px; }


    /* 公共样式 */
    .page_productshow .con th{font-size: 13px;}
    .page_productshow .con tr:nth-child(1) th{font-size: 14px; font-weight: normal}
    .page_productshow .con td{font-size: 13px;}
    
    .page_tag .list{margin-right: -2%;}
    .page_tag .list li{width: 31.3333%; margin-right: 2%; margin-bottom: 16px;}




}



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

    .page_cooperative .cooperative_con .list li{width: 31.3333%;}

    .page_product .product_con .list li{width: 48%;}

    .productshow_hot .list{margin-right: -2%}
    .productshow_hot .list li{width: 48%; margin-right: 2%;}

    .page_research .research_con{flex-wrap: wrap;}
    .page_research .research_con .research_left{width: 100%; padding: 0 0 20px 0;}
    .page_research .research_con .research_right{width: 100%; margin-top: 0;}

    .page_equipment .equipment_con .equipment_left{padding: 20px}

    .page_development .development_con .development_left{float: left; width: 100%; padding: 0 0 20px 0}
    .page_development .development_con .development_right{width: 100%;}

    .page_news .news_list .list li h6{font-size: 16px;}

    .page_contact .contact_con{flex-wrap: wrap;}
    .page_contact .contact_con .contact_left{width: 100%;}
    .page_contact .contact_con .contact-right{width: 100%;}
    .page_contact .contact_con .contact-right .page-message{padding: 20px 0;}

    .page_contact .contact-list .li h3{font-size: 18px;}

    .page_contact .contact_map{height: 320px}

    .page_reserve .reserve_con p{font-size: 15px;}

    .page_reserve .join-con .li-title span{font-size: 15px;}
    .page_reserve .join-con .li-title span:nth-child(1){width: 15%;}
    .page_reserve .join-con .li-title span:nth-child(2){width: 15%;}
    .page_reserve .join-con .li-title span:nth-child(3){width: 40%;}
    .page_reserve .join-con .li-title span:nth-child(4){width: 15%;}
    .page_reserve .join-con .li-title span:nth-child(5){width: 15%;}

    .page_reserve .join-con .li-item .li-li span{font-size: 15px;}
    .page_reserve .join-con .li-item .li-li span:nth-child(1){width: 15%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(2){width: 15%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(3){width: 40%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(4){width: 15%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(5){width: 15%;}

    .page_tag .list li{width: 48%;}
}



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

    .page-site{padding: 80px 0 20px 0;}

    .page_con .title h3{font-size: 20px;}
    .page_con .title h3 i{font-size: 15px; }

    .page_about .about_con .about_left p{font-size: 15px;}

    .page_culture{margin-top: 40px; padding: 40px 0;}
    .page_culture .culture_con .w1600{padding-top: 0;}
    .page_culture .culture_con .culture_left{padding: 20px 30px;}
    .page_culture .culture_con .culture_left h3{font-size: 16px;}
    .page_culture .culture_con .culture_left p{font-size: 15px;}
    .page_culture .culture_con .culture_right{padding: 20px 30px;}
    .page_culture .culture_con .culture_right p{font-size: 15px;}

    .page_speech{padding-top: 40px;}
    .page_speech .speech_right{padding: 0; background: #fff}
    .page_speech .speech_right p{font-size: 15px; line-height: 2}

    .page_team .team_con .team_left .li h3{font-size: 18px;}
    .page_team .team_con .team_left .li h3 i{font-size: 15px;}
    .page_team .team_con .team_left .li p{font-size: 15px;}

    .page_events .events_con .events_list .list li h3{font-size: 18px;}

    .page_company .company_con .list li{width: 100%;}

    .page_companyshow .companyshow_con .companyshow_title h3{font-size: 18px;}
    .page_companyshow .companyshow_con .companyshow_title p{font-size: 15px;}
    .page_companyshow .companyshow_con .companyshow_conn p{font-size: 15px; line-height: 1.8}

    .page_style .style_con .list{margin-right: -2%;}
    .page_style .style_con .list li{width: 48%; margin-right: 2%; }

    .honor-con .list li{width: 48%;}

    .page_cooperative .cooperative_con .list li{width: 48%;}

    .page_productshow .productshow_con .productshow_img h3{font-size: 20px;}
    .page_productshow .productshow_con .productshow_img h3 i{font-size: 15px;}

    .page_productshow .productshow_con .productshow_conn .con h6{font-size: 16px;}
    .page_productshow .productshow_con .productshow_conn .con h6 i{font-size: 14px;}

    .page_research .research_con .research_left p{font-size: 15px;}

    .page_rdteam .rdteam_con .rdteam_left{padding: 10px 0}
    .page_rdteam .rdteam_con .rdteam_left h3{font-size: 18px;}
    .page_rdteam .rdteam_con .rdteam_left p{font-size: 15px;}

    .page_equipment .equipment_con .equipment_left{background: transparent; padding: 10px 0}
    .page_equipment .equipment_con .equipment_left h3{font-size: 18px;}
    .page_equipment .equipment_con .equipment_left p{font-size: 15px;}
    .page_equipment .equipment_con .equipment_right{height: 140px; background: url("../image/page_img23.jpg") no-repeat center; background-size: cover}

    .page_development .development_con .development_left h3{font-size: 18px; }
    .page_development .development_con .development_left p{font-size: 15px;}

    .page_scientific .scientific_con{background: #fff; padding: 0}
    .page_scientific .scientific_con .scientific_left{padding: 0}
    .page_scientific .scientific_con .scientific_left h3{font-size: 18px;}
    .page_scientific .scientific_con .scientific_left p{font-size: 15px;}

    .page_network .network_con p{font-size: 15px;}

    .page_contact .contact_con .contact_left h3{font-size: 18px;}
    .page_contact .contact_con .contact_left p{font-size: 15px;}

    .page_contact .contact-list{flex-wrap: wrap;}
    .page_contact .contact-list .li{width: 100%; padding: 20px; margin-bottom: 10px;}

    .page_reserve .join-con .li-title{flex-wrap: wrap;}
    .page_reserve .join-con .li-title span:nth-child(1){width: 40%;}
    .page_reserve .join-con .li-title span:nth-child(2){width: 40%;}
    .page_reserve .join-con .li-title span:nth-child(3){width: 100%;}
    .page_reserve .join-con .li-title span:nth-child(4){width: 40%;}
    .page_reserve .join-con .li-title span:nth-child(5){width: 40%;}

    .page_reserve .join-con .li-item .li-li{flex-wrap: wrap;}
    .page_reserve .join-con .li-item .li-li span:nth-child(1){width: 40%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(2){width: 40%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(3){width: 100%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(4){width: 40%;}
    .page_reserve .join-con .li-item .li-li span:nth-child(5){width: 40%;}

    .page_reserve .join-con .li-title{padding: 20px;}
    .page_reserve .join-con .li-item{padding: 20px;}

    .page_reserve .join-con .li-item .li-con h6{font-size: 16px;}
    .page_reserve .join-con .li-item .li-con p{font-size: 15px;}

    .page_reserve .join-con .li-item.active .li-con{height: 300px}


    /*-----公共样式-------*/
    /*----page_message----*/
    .page_message{width: 100%; padding: 20px 0;}
    .page_message p {margin: 7px 0; padding-left: 70px;}
    .page_message p span {width: 70px;}

    /*----page_search----*/
    .page_search .list{margin-right: -2%;}
    .page_search .list li{width: 48%; margin-right: 2%;}
    .page_search .list li p{font-size: 13px; line-height: 20px;}

    /*----tag_show----*/
    .page_tag .list{margin-right: -2%;}
    .page_tag .list li{width: 48%;  margin-right: 2%;}
    .page_tag .list li p{font-size: 13px; line-height: 24px;}

    /*----product_show----*/
    .productshow_hot .list{list-style: none; margin-right: -2%}
    .productshow_hot .list li{width: 48%; margin-right: 2%;}
    .productshow_hot .list li .txt h1{font-size: 13px;}

    .product_key a{ padding: 4px 10px;}

    .product_city a{padding: 4px 10px;}

    /*-----page_tag----*/
    .tag{margin-top: 20px;}

    /*----page_city----*/
    .page_city{padding: 120px 0 40px 0;}
    .page_city .w1200{width: 92%;}
    .page_city .title h1{font-size: 18px;}
    .page_city .title .city_link{width: 100px; padding: 8px 0;}

    /*----site_map----*/
    .page_webmap{padding: 120px 0 40px 0;}
    .page_webmap .title h1{font-size: 18px; }
    .page_webmap .title .city_link{width: 100px; padding: 8px 0; }

    
}