/* CSS Document */
*{margin:0;padding:0;font-family:"microsoft yahei"}
html{font-size:14px; color:#595959;}
body{ font-weight:lighter; /*cursor:url('../image/shu1.png'),auto;*/}
a{text-decoration:none;transition:all .3s;color:#595959;/*cursor:url('../image/shu2.png'),auto;*/}
a:hover{color:#00489d;}
h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-size: 27px;
}
li{list-style:none}
.clear{ clear:both;}
.ico_show{ display: none; height: 100px;   width: 100px;   float: initial;  position: relative;  left: -30px;  top: 10px;}
.ico_show img{width:100%;}

.footer_body_follow li:hover .ico_show{ display:block;}
.container{width:1200px; margin:0 auto;}
 input::-webkit-input-placeholder{ color:#c1c1c1cc;}
 input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#c1c1c1cc; }
 input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#c1c1c1cc; }
 input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#c1c1c1cc;  } 
 textarea::-webkit-input-placeholder{color:#c1c1c1cc;}
 textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#c1c1c1cc; }
 textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#c1c1c1cc; }
 textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#c1c1c1cc;  } 

@media only screen and (min-width : 1200px) { 
    body{ 
     width:100%; 
    
    } 
} 
@media (min-width: 2000px){
  body .about_banner{height:833px;}
  body .show_banner{height:833px;}
  body .join_banner{height:833px;}
  body .news_banner{height:833px;}
  body .message_banner{height:833px;}
}


@media (max-width: 1024px){
	body{/*font-size:1.2rem;*/}

  
  body .Notice{width:90%;margin-top: 12rem;}
  body .Notice span{top:0; font-size: 4rem;}
  
	.navbar{display: none; position:relative;}
	body .wap-nav {display: block; position: fixed; z-index: 3; top: 0; left: 0; width: 100%; display: block; height: 4rem;background: #ffffff;box-shadow: 0 0 8px 0 #666;}
	.wap-nav img{width:5rem; margin: 0 0 0 0.5rem;}
	.wap-nav.on ul {-webkit-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;margin-top: 2rem;background: #014abb;height: 100vh;}
	.wap-nav.on ul li{}

	/*.wap-nav.on div::before { width: 1600px; height: 1600px; background-color: rgba(137, 26, 33, .9);}*/
	.wap-nav.on p {width: 0;background: #fff;}
	.wap-nav.on p::before {transform: translateY(2vh) rotate(45deg);background: #00489e;}
	.wap-nav.on p::after {transform: translateY(-2vh) rotate(-45deg);background: #00489e;}
	.wap-nav h1 img { display: block; width: 3.2rem; }
	/*.wap-nav div::before { content: ''; width: 55px; height: 55px; border-radius: 50%; position: absolute; top: 50%; left: 89%; z-index: 3; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition-duration: 0.66s; transition-duration: 0.66s; }*/
	.wap-nav p {position: absolute;z-index: 4;top: 2rem;left: 85%;width: 12vw;height: 4px;background-color:#064a9a;border-radius: 2px;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;color: #fff;}
	.wap-nav p::before, .wap-nav p::after {content: "";width: 12vw;color: #064a9a;height: 4px;background-color: currentColor;border-radius: 2px;position: absolute;left: 0;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: swing;transition-timing-function: swing;}
	.wap-nav p::before {top: -2vh;}
	.wap-nav p::after {top: 2vh;}
	.wap-nav ul { position: absolute; z-index: 9; left: 0; top: 2rem; width: 100%; height: 100%; padding: 0 20px; visibility: hidden; opacity: 0; box-sizing: border-box; -webkit-transition-duration: 0.66s; transition-duration: 0.66s; -webkit-transition-timing-function: swing; transition-timing-function: swing; -webkit-transform: translateY(100%); transform: translateY(100%); }
	.wap-nav ul a {display: block;font-size: 1.8rem;line-height: 6rem;color: #fff;text-align: center; text-decoration: none; font-weight: lighter;}
	.wap-nav ul li:last-child a { border: none; }




	body .nav{height: 10vh; display: none;}

	body .index_banner{margin-top: 4rem;}
	body .index_about{ height: auto; margin: 3rem 0;}
	.index_about .index_about_box{width:100%;}
	
	.idnex_about_left{display:none;}
	.idnex_about_left img{  opacity:0.4; }
	.index_about_box .index_about_right{ float:none;width: 90%; margin: 0 auto;}
	.index_about_right .index_about_title{ font-size:3rem;}
	.index_about_right .index_about_title p{ font-size:1.4rem;}	
	.index_about_right .index_about_text{width: auto;height: 24rem;}
	.index_about_right .index_about_text p{ font-size:1.2rem; line-height:2rem;}
	.index_about_right .index_about_text>a{ margin-bottom:1rem;}
	
	
	.index_pro{width:100%;}
	.index_pro .index_pro_container{width:90%; }
	
	
	.index_pro .index_pro_title{font-size: 3rem;}
	.index_pro .index_pro_title p{font-size: 1.4rem;}
	.index_pro .index_pro_title a{font-size: 0.6rem;padding: 0.3rem;}
	.index_pro .swiper-container_pro{ display: none; }
	.index_pro .swiper-container_pro_mobile {display: block;}
	.index_pro .i_prp_m img{width:70%;}
	
	body .index_path {height:70rem;}
	.index_path .index_path_box{width: 94%; padding-top: 7rem; }
	.index_path .index_path_title{font-size: 3rem;}
	.index_path .index_path_title p{font-size: 1.4rem;}
	.index_path .index_path_axis{width: 94%; margin-top: 2rem; height: 70vh;}

	.index_path .index_path_axis1{left: 3.8rem; height: 40rem;;}
	.index_path .index_path_event{ font-size: 1.2rem; margin-bottom: 7vw;}
	.index_path .index_path_event i{margin-left: 0.3rem;    width: 1rem; height: 1rem;}
	.index_path .index_path_event li{margin-left: 2vw; font-size: 1rem;}

	body .index_brand{height: auto; padding-bottom: 10rem;}
	.index_brand .index_brand_container{width: 96%; margin: 0 auto; padding-top: 5rem;}
	.index_brand .index_pro_title{font-size: 3rem;}
	.index_brand .index_pro_title p{font-size: 1.4rem;}
	.index_brand .index_brand_table{width: 96%; margin:0 auto; margin-top: 3rem;}
	.index_brand .index_brand_table h3{width: 32%; font-size: 0.8rem;}
	.index_brand .index_brand_table li img{width:100%;}

	.index_brand  .index_brand_table li:nth-child(2) img{width: 30%;}



	.index_brand .index_brand_table li p{ font-size: 0.8rem; line-height: 1.5rem; margin-left: 0.3rem;}

	body .index_layout{width:100%;padding-top: 2rem; overflow: hidden;}
	.index_layout .index_layout_map{width: 94%; margin: 0 auto; height: auto; background:none;}
	.index_layout .index_layout_title{width: 98%; margin:0 auto; font-size: 2.5rem;}
	.index_layout .index_layout_title p{font-size: 1.8rem;}
	.index_layout .index_layout_txt p{ font-size: 1.2rem; }

	.index_layout .index_jointitle{ width: 94%; margin: 0 auto; height: 18vh; }
	.index_jointitle .index_jointitle_left{width:49%; margin-top: 5vh;     border-right: 2px solid #00489e;}
	.index_jointitle .index_jointitle_left img{width: 90%; }
	.index_jointitle .index_jointitle_right{width: 50%; font-size: 2.5rem; margin-top: 5vh;}
	.index_jointitle .index_jointitle_right p{margin-top: 4px;}	
	.index_jointitle .index_jointitle_right a{ font-size: .8rem; padding:0 3px; }

	.index_layout .index_message{ width: 94%; margin: 0 auto; }
	.index_layout .index_message_title{font-size: 2.8rem;}
	.index_layout .index_message_title p{font-size: .8rem;}

	.index_layout .index_message li{width: 95%;}
	.index_layout .index_message textarea{width: 90%;}


	body .footer{height: auto;}
	.footer .footer_body{height: auto;}
	.footer .footer_body{width:94%; margin: 0 auto;padding-bottom: 5vh;}
	.footer .footer_body_follow{padding: 2vh 0;}
	.footer .footer_body_follow span{font-size: 1.8rem; width: 100%;}
	.footer .footer_body_follow li{margin-left: 1rem; margin-top: 2rem;}

	.footer .footer_body_follow li:nth-child(5){margin-left: 3rem;}
	.footer .footer_body_follow_logo img{display: none;}
	.footer .footer_body_add{height: 35rem; border-bottom:none; background: none;}
	.footer .footer_body_add ul{font-size: 1rem; float:none;}
	.footer .foot-copy li:last-child{float:none;}
	.footer .foot_add2{margin-left: 0;}
	.footer .foot_add3{margin-left: 0;}
	.footer .footer_body_add .foot-copy{margin-top:2rem; width: 100%;}
	.footer .footer_body_add .foot-copy li{ width: 100%; }
	.footer .footer_body_add .foot-copy li:last-child{ text-align: left;}

	body .about_banner{ width: 100%; height: 15vh; margin-top: 4rem; background: url(../image/about_banner.jpg); background-size: 100%; }
	body .about_body {width:100%; overflow: hidden; margin-top: 3vh; }
	.about_body .about_body_title li{ font-size: 0.9rem; margin-left: 3vw; height: 4vh; }
	.about_body  .about_body_title{margin-bottom: 2rem;height: 4.3vh;}
	.about_body .about_content_txt{ width: 96%; margin: 0 auto;float: none; }
	.about_body .about_content_txt_i{width: 96%; margin: 0 auto; font-size: 2.5rem;}
	.about_body .about_content_txt_i p{font-size: 1.5rem;text-align: center;}
	.about_body .about_content_txt_b{width: 96%; margin: 0 auto; margin-top: 1.5rem;}
	.about_body .about_content_txt_b p{font-size: 1rem;}

	.about_body .about_content_pic{width: 100%;background-size: 100%;     height: 37vh;}

	.about_body .about_content{ margin-bottom: 0; }
	.about_body .about_idea{/*background-size:100%;*/padding-top: 5vh; padding-left: 7vw;}
	.about_body .about_idea_txt p b{font-size: 1.5rem;}
	.about_body .about_idea_title p{font-size: 1.3rem; text-align: center;}
	.about_body .about_idea_txt p{font-size: 1rem;}
	.about_body .about_idea02{ padding-top: 5vh; padding-left: 7vw; }
	.about_body .about_idea_title{font-size: 1.5rem;}
	.about_body .about_idea_title p{font-size: 1.3rem;}
	.about_body .about_body_title li:nth-child(5){ /*margin-left: 0; */}

	.about_body .about_content ul li{width: 90%; margin: 0 auto; margin-left: 5%; height: auto;}
	.about_body .about_content ul li:first-child{margin-left: 5%; height: auto;}
	.about_body .about_content ul li:nth-child(4){margin-left: 0; margin-left: 5%; height: auto;}

	.about_body .join_ad_up{font-size: 2.5rem; height: 12vh;}
	.about_body .join_ad_up p{ font-size: 1.7rem; }
	.about_body .join_ad_lower{font-size: 1rem;}

	body .join_banner{ height: 15vh; margin-top: 4rem;}
	.join_banner .join_banner_container{width: 100%;}
	.join_banner .join_banner_t{ display: none; width: 100%;  overflow: hidden; }

	.join_support .join_support_ico p{ font-size: 1.5rem; margin-top: 0; }
	.about_body .about_content .join_support>li:nth-child(5){ margin-left: 5%; }

	.about_content  .join_liucheng{ width: 100%; background-size: 100%;height: 42vh; margin-top: 9vh; }

	.about_content .join_youshi{width: 100%;}
	.join_youshi>ul>li{width: auto;}

	.about_content .join_youshi{display: none;}

	.about_content .join_youshi_m{display: block;text-align: center;}
	.about_content .join_youshi_m img{ width: 96%; margin:5vh 0; }
	.about_content .join_yugu_left{margin-left: 3vw;}
	.about_content .join_yugu_left span{ font-size: 1.4rem; }
	.about_content .join_yugu_left p{font-size: 1rem;}
	.about_content .join_yugu_right{width: 100%; height: 10rem; background-size: 100%;}

	.about_content .join_zc_hz img{width: 90%;}

	.about_content .join_yugu_form{width: 100%;}
	.about_content .join_yugu_form table{width: 100%;     margin-top: 2vh;}
	.about_content .join_yugu_form table tbody tr th{font-size: 1.2rem;}
	.about_content .join_yugu_form table tbody tr{font-size: 1rem;line-height: 2.5rem;}


	body .show_banner{height: 15vh; margin-top: 4rem; width: 100%;}
	.show_store .show_storetitle{font-size: 1.2rem;}
	.show_store .show_storetitle span{ font-size: 1rem; }

	.show_storetitle .show_storetitle_t{width: 100%;}
	.show_storetitle .show_storetitle_sp{width: 100%; }
	.show_storetitle .show_storetitle_sp span{margin-left: 0;}

	.about_body .show_products{margin-bottom:0;}
	.show_products .show_pro_left{display: none;}
	.about_body .show_pro_right{width: 100%;margin-top: 1rem;}
	.about_body .show_pro_right_title{font-size: 1.5rem;}
	.about_body .show_pro_right ul{margin-top: 2rem;}
	.about_body .show_pro_right ul li{width: 48%; margin:0 1%; }
	.about_body .show_pro_right ul li img{width: 100%; }
	.about_body .show_pro_right ul li:nth-child(1){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(5){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(9){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(13){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(17){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(21){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(25){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(29){margin-left: 1%;}
	.about_body .show_pro_right ul li:nth-child(33){margin-left: 1%;}
	.about_body .show_pro_right ul li p{font-size: 1.2rem;}

	.show_products  .fold_nav{display: block;margin-bottom: 2vw;background: #114493; color: #fff; padding: 1rem;}
	#child1{margin-bottom: 1rem;}
	#child1 a{background: #ccc; float: left;width: 26%; margin-left: 5%; margin-top: 1vh; text-align: center;color: #000;line-height: 2rem;}

	body .news_banner{width: 100%;height: 15vh; margin-top: 4rem;}

	.about_body .news_list ul li{width: 100%; margin:0; padding:0; text-align: center; border: none;}
	.about_body .news_list ul li img{width: 90%;  float: none; height: 90%;}
	.news_list .news_list_tag{ width: 100%; margin-left: 0;  text-align: left; width: 90%; margin-left: 5%;margin-top: 1rem; height: auto;}
	.news_list .news_list_tag h3{font-size: 1.2rem;}
	.news_list .news_list_tag p{margin-top: .8rem;font-size: 1rem;}
	.news_list .news_list_tag p:nth-child(4){margin-top: 0;}
	.about_body .page{margin-top: 1rem;}
	.page ul li {font-size: 0.8rem;}

	.about_body .news_article{width: 100%;padding: 1rem 0.5rem 1rem 0.5rem;}
	.about_body .news_article_title h3{font-size: 1.2rem;}
	.about_body .news_article_title img{width: 90%;}
	.news_article_title p{font-size: 0.8rem;}

	.about_body .news_article_article img{width: 90%;}


	.about_body .article_next li:nth-child(1){float: none;}

	.news_article .Related li{width: 100%;}
	.news_article .Related ul li:nth-child(even){float: none;text-align: inherit;}

	body .message_banner{width: 100%;height: 15vh; margin-top: 4rem;}
	.about_body .message_address{width: 100%; text-align: center; margin-bottom: 1rem;}
	.about_body .message_address img{width: 60%;margin-bottom: 1rem;}
	.about_body .message_address_t{font-size: 1.2rem;     float: none;}
	.about_body .message_address_t p{font-size: 1.2rem;}
	.about_body .message_address_t p span{font-size: 1rem;}

	.about_body .msg_message{width: 100%;padding-top: 1rem; font-size: 1.2rem;}
	.about_body .index_message_title p{font-size: 1rem;}
  
  .about_body .message_address_t ul li{display: block; font-size: 1.5rem; font-size: 1.5rem; border-bottom: 1px solid #666; width: 90%;margin: 0 auto;border-right:none; }
  .about_body .message_address ul li img{width: 0.8rem; margin-right: 0.3rem; margin-bottom: 0;}
  .about_body .message_address_t ul li:nth-child(3){float: none; border:none;}
  .about_body .message_address_t ul li p{font-size: 1.1rem;}
  
	.about_body .msg_message li{width: 96%; margin-bottom: 1rem;}
	.about_body .msg_message textarea{width: 90%;}
	.msg_message form{	padding: 1rem;}
	



}