
/* CSS Document */

.about_banner{width:100%; height:624px; background:url(../image/about_banner.jpg) no-repeat; margin-top:100px; background-size:100%; }
.about_body{ margin-top:45px;}
.about_body_title{ height:52px; border-bottom:1px solid #ccc; margin-bottom:75px;}
.about_body_title li{ float:left; font-size: 27px;  font-weight: normal; margin-left:90px; height: 49px; color: #999999;}
.about_body_title li:first-child{ margin-left:0;}
.about_active{border-bottom: 6px solid #00489d; color:#00489d;}
.about_active a{color:#00489d;}

.about_content{ margin-bottom:100px;}
.about_content_txt{width:404px; float:left;}
.about_content_txt_i{ font-size:40px; color:#00489d;}
.about_content_txt_i p{ font-size:22px; border:1px solid #00489d; width: 90px;  padding: 0 5px;}
.about_content_txt_b{ margin-top:35px;}
.about_content_txt_b p{ margin-bottom:25px; font-size:15px; line-height:25px;}
.about_content_txt_b b{ font-size:22px;}


.about_content_pic{ height:594px; width:761px; background:url(../image/company_show.jpg) no-repeat; float:right;}


.about_idea{width:100%; height:587px; background:url(../image/brand_idear.jpg) no-repeat; padding-left: 65px; padding-top:70px;}
.about_idea_title{font-size: 40px; color: #fff;}
.about_idea_title p{border: 1px solid #fff; width: 90px; padding: 0 5px; font-size:22px;}
.about_idea_txt{font-size: 20px;color: #fff; margin-top: 50px;}
.about_idea_txt p b{ font-size:25px;}
.about_idea_txt p{ line-height:42px; font-weight:inherit;letter-spacing: 2.5px;}
.about_idea_txt p img{ margin-bottom:10px; height:10vh;}

.about_idea02{width:100%; height:587px; background: url(../image/brand_03.jpg) no-repeat; padding-left: 65px; padding-top:70px;}


.join_banner{width:100%; height:624px; background:url(../image/join_banner.jpg) no-repeat; margin-top:100px; background-size:100%;}
.join_banner_container{width: 1200px; margin: 0 auto; padding-top: 110px;}
.join_banner_container p{font-size: 55px; color:#fff; margin-top: 20px; font-weight: bolder;}
.join_banner_container p span{ font-size: 30px; }

.about_content ul li{width:356px; float: left; margin-left: 66px; margin-bottom: 22px;height: 280px;}
.about_content ul li:first-child{margin-left: 0;}
.about_content ul li:nth-child(4){margin-left: 210px;}
.join_ad_up{height: 145px; width: 100%; border-bottom: 4px solid #00489d;font-size: 55px;text-align: center; font-weight: bold;color: #999999;}
.join_ad_up p{font-size: 44px; color:#00489d;}
.join_ad_lower{font-size: 16px;line-height: 30px;}

.about_content .join_support>li{width:180px; height: auto; margin-left: 160px; margin-top: 80px;margin-bottom: 80px;}
.about_content .join_support>li:nth-child(4){ margin-left: 160px;}
.about_content .join_support>li:nth-child(5){margin-left: 0;}
.join_support_ico{ text-align: center; }

 .join_support_ico p{line-height: 50px; font-size: 28px;margin-top: 30px;}

 .join_liucheng{width: 1200px; height: 648px; background:url(../image/join_liucheng.png) no-repeat;}
 .join_youshi{width: 1200px; height: 670px; overflow: hidden;}
 .join_youshi ul li{width: 234px; height: 234px; border-radius: 234px; border: 1px solid; text-align: center; font-size: 42px; font-weight: 900; line-height: 234px;}
 .join_youshi ul li:nth-child(1){margin-left: 290px;}
 .join_youshi ul li:nth-child(2){margin-left: 155px;  margin-right: 280px;}
 .join_youshi ul li:nth-child(3){margin-left: 0; margin-top: -50px;}
 .join_youshi ul li:nth-child(4){width: auto; height: auto; border: none; margin-left: 226px;}
 .join_youshi ul li:nth-child(5){margin-top: -50px; margin-left: 200px;}
 .join_youshi ul li:nth-child(6){position: relative; top: -50px; left: -540px;}
 .join_youshi ul li:nth-child(7){position: relative; right: -620px; top: -306px;}

 .join_yugu_left{width: 232px; height: 315px; float: left;}
 .join_yugu_right{height: 315px; width: 895px; background: url(../image/join_yugu.jpg) no-repeat; float: right;}
 .join_yugu_left div{margin-top: 20px;}
 .join_yugu_left span{font-size: 32px; color: #00489d; margin-bottom: 20px;font-weight: bold;}
 .join_yugu_left div p{line-height: 26px; font-size: 16px;}
 .join_yugu_left div p span{    font-size: 24px; font-weight: bolder; color: #000;line-height: 40px;}
 .join_yugu_form table {width: 1200px;margin-top: 60px;}
 .join_yugu_form table tbody tr{width:100%; line-height: 45px; font-size: 18px; text-align: center;}
 .join_yugu_form table tbody tr:first-child{background: #5e8bc2;}
 .join_yugu_form table tbody tr:nth-child(even){background: #f8f8f8;}
 .join_yugu_form table tbody tr th{font-size: 22px; color: #fff;} 
 .join_yugu_form table tbody tr th:nth-child(3){width: 60%;}
 .join_yugu_form table tbody tr td:first-child{color: #000; font-weight: 600;}
 .join_yugu_form table tbody tr td:nth-child(2){color:#00489e;font-weight: 800;}

 .join_youshi_m{display: none;}

 .join_zc_hz{text-align: center;}
 .join_zc_hz img{max-width: 1000px;}




 .show_banner{ height:625px; background:url(../image/show_banner.jpg) no-repeat; margin-top:100px; background-size:100%;}
 .show_storetitle{ font-size: 28px; color:#00489e;font-weight: bolder; padding-bottom: 20px; margin-bottom: 50px;border-bottom: 2px solid;}
 .show_storetitle span{font-size: 16px; color:#595959;margin-left: 33px; font-weight: lighter;}
 .show_store01{margin-bottom: 100px;}

 .show_products{margin-bottom: 100px;}
 .show_pro_left{ float: left; width: 170px;background: #f7f7f7; }
 .show_pro_left img{width:100%;margin-bottom: 26px;}
 .show_pro_left ul li{height: 76px; width: 100%; text-align: center; font-size: 22px;background: #f7f7f7;line-height: 80px;font-weight: 500;} 
 .show_pro_right{width: 970px; float: right;}

 .fold_nav{display: none;}

 .show_pro_right_title{font-size: 30px;  color:#00489e; width: 100%; border-bottom: 2px solid;padding-bottom: 5px;font-weight: 500;}
 .show_pro_right ul li{float: left; margin-left: 30px; text-align: center; margin-top: 50px; }
 .show_pro_right ul li img{border: 1px solid #E1E1E1;width: 218px; height: 180px;}
 .show_pro_right ul li p{font-size: 18px; line-height: 33px; margin-top: 10px;} 

 .show_pro_right ul li:nth-child(1){margin-left: 0px;}
 .show_pro_right ul li:nth-child(5){margin-left: 0px;}
 .show_pro_right ul li:nth-child(9){margin-left: 0px;}
 .show_pro_right ul li:nth-child(13){margin-left: 0px;}
 .show_pro_right ul li:nth-child(17){margin-left: 0px;}
 .show_pro_right ul li:nth-child(21){margin-left: 0px;}
 .show_pro_right ul li:nth-child(25){margin-left: 0px;}
 .show_pro_right ul li:nth-child(29){margin-left: 0px;}
 .show_pro_right ul li:nth-child(33){margin-left: 0px;}
 .show_pro_right ul li:nth-child(37){margin-left: 0px;}

 .show_storetitle_t{width: 12%;   float: left;}
 .show_storetitle_sp{width: 88%;   float: left;margin-top: 16px;}

 .news_banner{ height:625px; background:url(../image/news_bar.jpg) no-repeat; margin-top:100px;width: 100%; background-size:100%;}

 .news_list ul li{ border: 1px solid #E1E1E1; padding: 25px; margin-bottom: 50px;}
 .news_list ul li img{float: left; width:460px;height: 320px;}
 .news_list_tag{float: left; width: 610px; margin-left: 40px;height: 310px;}
 .news_list_tag p i{font-style:normal;}
 .news_list_tag p{margin-top: 20px; line-height: 28px;}
 .news_list_tag p:nth-child(4){margin-top:100px;}
 .page{width: 100%; margin: 0 auto; margin-bottom: 100px;} 
 .page ul{text-align: center;} 
 .page ul li{display: inline-block; border: 1px solid #00489d;vertical-align: middle; padding: 5px 10px; cursor: pointer; border-radius:15px;}
 .page ul li a{color:#023e94;font-weight: normal;} 
 .thisclass{background: #00489d; color:#fff;}

 .news_article{width: 100%; padding:20px; margin-bottom: 100px;}
 .news_article_title{text-align: center; line-height: 55px;}
 .news_article_article div{margin-top:20px; line-height: 40px; }
 .news_article_article{line-height:30px;}
 .news_article_article img{max-width:640px;}
 .article_next{margin-top: 30px;}
 .article_next li:nth-child(1){float: right;}
 .Related{margin-top: 30px;line-height: 35px;}
 .Related li{width: 50%;} 
 .Related ul li:nth-child(odd){float: left;}  
 .Related ul li:nth-child(even){float: right;text-align:right} 

 .message_banner{width: 100%; background: url(../image/message_bar.jpg) no-repeat; height: 625px; margin-top: 100px; background-size:100%;}
 .message_address{margin-bottom: 25px; text-align: center;}
 .message_address_t ul{margin-top: 5rem; }
 .message_address_t ul li{ display: inline-block; width: 33%; border-right: 1px solid #666; font-size: 26px; font-weight: 600; }
 .message_address_t ul li:nth-child(3){border-right: none;float: right; line-height: 65px;}
 .message_address_t ul li p{font-size: 17px; font-weight: lighter; line-height: 3rem;}
 .message_address_t ul li p img{margin-right: 10px;}
 .message_address_t p span{font-size: 30px; font-weight: lighter; color: #595959;} 

 .msg_message{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:80px;
	font-size:50px;
	font-weight:bold;
	color:#00489e;
	border-top: 1px dashed #595959;
	margin-bottom: 80px;}	
.msg_message_title{
	margin-bottom:30px;}	
	
.msg_message p{
	font-size:20px;
	font-weight:100;
	color:#383838;
  margin-top: 15px;
	}	
.msg_message li{
	float:left;
	width:48%;}	
.msg_message li:first-child{
	margin-right:40px;
	}	
.msg_message li input{
	width:94%;
	height:60px;
	border-radius:10px;
	border:1px solid #00489e;
	font-size:22px;
	outline:none;
	padding:0 15px
	}	
.msg_message textarea{
	width:97%;
	height:210px;
	border-radius:10px;
	border:1px solid #00489e;
	margin-top:30px;
	font-size:22px;
	outline:none;
	padding:15px
}	
.msg_message .submit{
	width:100%;
	margin-top: 30px;
    background: #014abb;
    color: #fff;
    line-height: 56px;
    border-radius: 10px;
	font-size: 25px;
	border: none;
	}	