@charset "utf-8";
/* CSS Document */

@font-face {
/* font-test*/
font-family:SourceHanSans;
src:url('/fonts/SourceHanSansOLD-Normal-2.otf');
}

*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:SourceHanSans; margin:auto; padding: 0px;} 
a{color:#151515;text-decoration:none;} /*
a:link {text-decoration:none;color:#151515;} 
a:active {text-decoration:none;color:#151515;} 
a:hover {text-decoration:none;color:#9c2923;} 
/*a:visited {text-decoration:none;color:#151515;} */

.clearfix:after{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
/*** effect zoom in ***/
.img-zoom-in img
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*** effect zoom in ***/

.img-zoom-deg img{
transition:All 0.5s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}

.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
}

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }


/****************************20220519*******************************/





.weizhi{width: 1280px; margin: 50px auto 35px; background: #F8F8F8;} 
.weizhi_{ } 
.us_menu{ float: left;} 
.us_menu ul{} 
.us_menu ul li{ float: left; } 
.us_menu ul li a{ display: block; margin: 0px 0px 0px 0px; font-size: 14px; padding:18px 30px; color: #666666;} 
.us_menu ul li a:hover{background: #9c2923; color: #FFFFFF;} 
.us_menu ul li a.on{ background: #9c2923; color: #FFFFFF; } 
.us_top{ float: right; color: #999999;font-size: 12px; padding: 18px 20px 0px 0px;} 
.us_top a{color: #999999;font-size: 12px;} 
.us_top_pro{color: #999999;font-size: 12px; padding: 15px 0px 10px 20px;} 
.us_top_pro a{color: #999999;font-size: 12px;} 
.us_menu_pro{ padding: 0px 0px 20px 12px;} 
.us_menu_pro ul{} 
.us_menu_pro ul li{ float: left; } 
.us_menu_pro ul li a{ display: block; margin: 5px 8px; font-size: 14px; padding:10px 0px; color: #666666; border: #CCCCCC 1px solid; border-radius: 10px; width: 160px; text-align: center;} 
.us_menu_pro ul li a:hover{background: #9c2923; color: #FFFFFF;border: #9c2923 1px solid; } 
.us_menu_pro ul li a.on{ background: #9c2923; color: #FFFFFF;border: #9c2923 1px solid;  } 



.con_about_tit{ width:1280px;margin:80px auto 0px; text-align: center;} 
.con_about_tit h5{font-size: 28px; color: #2a2a2a; font-weight: normal; margin-bottom: 2px;} 
.con_about_tit span{ font-size: 12px; color: #999999;} 
.con_about_tit em{ display: block; background: #9c2923; width: 50px; margin:20px auto; height: 2px;} 



.con_about_con{ margin: 0px auto; width: 1280px;} 
.con_about_con_{ margin: 60px auto;} 
.con_about_con_ .fl{ float: left; width: 640px;padding-right: 100px; box-sizing: border-box; margin-top: 50px;} 
.con_about_con_ .fr{ float: right; width: 640px; height: 300px; overflow: hidden;} 
.con_about_con_ .fc{ float: left; width: 640px;  height: 300px; overflow: hidden;} 
.con_about_con_ .fz{ float: right; width: 640px; text-align: right; padding-left: 100px; box-sizing: border-box; margin-top: 50px;} 
.con_about_con_ h3{font-size: 28px; color: #000000; line-height: 150%; margin-bottom: 30px;} 
.con_about_con_ p{ line-height: 175%; font-size: 14px; color: #000000; text-align: justify;} 
.con_about_con_ img{ width: 100%;} 

.con_about_wh{ background: url("/images/about02.jpg"); padding: 80px 0px; width: 100%; margin: 80px 0px;} 
.con_about_wh_{margin: 0px auto; width: 1280px;} 
.con_about_wh_l{ float:left; width:550px;} 
.con_about_wh_l h5{font-size: 28px; color: #FFFFFF; font-weight: normal; margin-bottom: 5px;} 
.con_about_wh_l span{  display: block;font-size: 28px; color: #9c2923; text-transform: uppercase;} 
.con_about_wh_l em{ display: block; background: #9c2923; width: 30px; margin:50px 0px; height: 1px;} 
.con_about_wh_l p{ line-height: 175%; color: #FFFFFF;} 
.con_about_wh_l p strong{ } 
.con_about_wh_r{ float:right; width: 600px; height: auto; overflow: hidden; margin-top: 5px;} 



.con_about_lc{ width:1280px;margin:50px auto;} 
.con_about_lc ul{ } 
.con_about_lc ul li{ float: left; margin-right:2.5%; width: 18%; padding: 30px; box-sizing: border-box; background: #F2F2F2; height: 350px;} 
.con_about_lc ul li:nth-child(2n){background: #FAFAFA;} 
.con_about_lc ul li:last-child{ float: right; margin-right: 0;} 
.con_about_lc ul li h2{ color: #000000;font-size: 22px;}
.con_about_lc ul li h5{ color: #9c2923; font-size: 18px; margin-bottom: 30px;} 
.con_about_lc ul li p{line-height: 175%; color: #000000;font-size: 12px; margin: 10px 0px;} 
.con_about_lc ul li:hover{ background: url("/images/about05.jpg") no-repeat center;} 
.con_about_lc ul li:hover h2{color: #FFFFFF;} 
.con_about_lc ul li:hover h5{color: #FFFFFF;} 
.con_about_lc ul li:hover p{color: #FFFFFF;} 






.con_about_js{ width:1280px;margin:50px auto 0px;} 
.con_about_js img{ width: 100%;} 

.con_about_re{ width:1280px;margin:50px auto 100px;} 
.con_about_re img{ width: 100%;} 

.con_pro_{  width: 100%; background: #F2F2F2; padding: 30px 0px 80px;} 
.con_pro{ margin: 0px auto; width: 1280px;}
.con_pro ul{ margin: 0px ; padding: 0px;} 
.con_pro ul li{ float: left; margin: 0px 25px 25px 0px; width: 410px;height: 473px; overflow: hidden; position: relative;} 
.con_pro ul li:nth-child(3n){ float: right; margin:0px 0px 25px 0px; } 
.con_pro ul li img{ position: absolute; z-index: 9; width: 410px; height: 473px; } 
.con_pro ul li a{ display: block;position: absolute; z-index: 999; width: 410px;height: 320px; top: 320px;  background: rgba(0,0,0,0.5);color: #FFFFFF;padding: 120px 0px 0px; box-sizing: border-box; font-size: 36px; text-align: center;transition: all 0.6s;} 

.con_pro ul li:hover a{ top: 0px;} 



.con_case{ margin: 50px auto; width: 1280px;} 
.con_case ul{ margin: 0px ; padding: 0px;} 
.con_case ul li{ float: left; margin: 0px 25px 25px 0px; width: 410px; border: #DDDDDD 1px solid; padding: 10px; box-sizing: border-box;} 
.con_case ul li:nth-child(3){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:nth-child(6){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:nth-child(9){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:nth-child(12){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:hover{} 
.con_case ul li div{  width: 100%; height: 100%; overflow: hidden; } 
.con_case ul li img{  width: 100%; height: 100%; } 
.con_case ul li p{ color: #333333; text-align: left; padding: 15px 0px; text-align: center;font-size: 18px;} 
.con_case ul li:hover p{color: #9c2923;} 


.con_store{ margin: 80px auto; width: 1200px;} 
.con_store ul{ margin: 0px ; padding: 0px;} 
.con_store ul li{ float: left; margin: 0px 30px 30px 0px; width: 380px; background: #FFFFFF;} 
.con_store ul li:nth-child(3n){ float: right; margin:0px 0px 30px 0px; } 
.con_store ul li div{  width: 380px; height: auto; overflow: hidden; } 
.con_store ul li img{  width: 380px; height: 269px; } 
.con_store ul li p{/* display: none;*/ font-size:18px; line-height:30px; margin-top:12px; text-align:center; color:#333;} 

.con_pro_m{ margin:30px auto 60px; width: 1280px; background: #FFFFFF; box-sizing: border-box; padding: 30px 0px;} 

.con_pro_m_left{ float: left; width: 260px;}
.con_pro_m_left ul{} 
.con_pro_m_left ul li{ margin-bottom: 8px;} 
.con_pro_m_left ul li a{ display: block; border: #DDDDDD 1px solid; text-align: center; padding: 10px 0px; font-size: 14px;} 
.con_pro_m_left ul li a:hover{color: #FFFFFF; background: #9c2923;border: #9c2923 1px solid;} 
.con_pro_m_left_tit{ width: 260px; text-align: center; font-size: 30px; font-weight: bold; color: #FFFFFF; background: #9c2923; padding: 30px 0px; margin-bottom: 15px;} 

.con_pro_m_right{ margin:auto; width: 100%; text-align: left;} 
.con_pro_m_right h1{font-size: 36px; padding: 0px 0px 30px; margin: 0px auto 30px; border-bottom: #DDDDDD 1px dashed;display: block;} 
.con_pro_m_right h5{ background: #F6F6F6; box-sizing: border-box; padding: 30px; font-weight: normal;font-size: 16px; line-height: 175%; text-align: justify; margin-bottom: 50px;} 

.con_pro_m_right #MyContent p{ margin: 3px 0px; font-size: 16px; color: #000000; line-height: 175%;} 
.con_pro_m_right #MyContent p strong{ display: block; font-size: 24px; margin-bottom: 25px;} 
.con_pro_m_right #MyContent img{ width:100%;} 
.con_pro_m_more{ margin: 35px auto; width: 1200px; background: #FFFFFF; box-sizing: border-box; padding: 30px 0px;} 
.con_pro_m_more h4{ display: inline-block; margin: 0px 0px 20px; font-size: 30px;} 
.con_pro_m_more ul{} 
.con_pro_m_more ul li{ float: left;  margin-right: 27px; border: #DDDDDD 1px solid;} 
.con_pro_m_more ul li:last-child{ float: right; margin-right: 0px;} 
.con_pro_m_more ul li div{width: 380px; height: 380px; overflow: hidden;} 
.con_pro_m_more ul li img{width: 380px; height: 380px;} 
.con_pro_m_more ul li p{ color: #FFFFFF;background: #333333; text-align: center; padding: 10px 0px; font-size: 14px; font-weight: normal;} 






.con_news{ width: 100%; margin:20px auto;} 

.con_news_{margin: 0px auto; width: 1280px; } 
.con_news_ ul{ margin: 0px ; padding: 0px; } 
.con_news_ ul li{ margin: 0px; padding: 50px 0px; border-bottom: #DDDDDD 1px dashed; overflow:hidden;} 
.con_news_ ul li:hover{} 
.con_news_ ul li img{ float:left; width: 400px; height: 240px;} 

.con_news_ .con_news_more{ float:left; line-height: 175%; width: 780px; margin-left: 100px; margin-top: 20px;} 
.con_news_ .con_news_more p{ font-size: 24px; color: #9c2923; } 
.con_news_ .con_news_more em{ display: block; font-style: normal; color:#999999; margin: 10px 0px; font-size: 12px;} 
.con_news_ .con_news_more span{ display: block; font-size: 14px; line-height: 175%; margin:15px 0px 30px; color: #999999;} 
.con_news_ .con_news_more h5 a{color: #999999; font-size: 12px;display: block;} 
.con_news_ .con_news_more h5 a:hover{color: #9c2923; } 


.con_news_m{margin: 50px auto; width: 1000px; background: #FFFFFF; padding:0px; box-sizing: border-box;} 
.con_news_m H1{ font-size: 36px; text-align: left; font-weight: bold; padding: 35px 0px 15px; line-height: 175%;} 
.con_news_m h5{ text-align: left; display: block; padding: 5px 0px 10px;border-bottom: #CCCCCC 1px dashed; font-weight: normal; color: #666666; font-size: 12px;} 
.con_news_m #MyContent{ padding: 30px 0px;font-size: 16px; line-height: 30px;} 
.con_news_m #MyContent p{margin: 35px 0px; font-size: 16px; line-height: 30px;} 
.con_news_m #MyContent p img{ max-width: 800px; display: block; margin: 20px auto;} 
.con_news_m #MyContent a{ font-size: 14px;} 
.con_news_m_more{ width: 1200px; background: #FFFFFF; padding: 30px 0px 50px 50px; box-sizing: border-box; margin: 0px auto 0px;} 
.con_news_m_more h4{ display: inline-block; margin-bottom: 20px; font-size: 30px;} 
.con_news_m_more ul{} 
.con_news_m_more ul li{ padding: 3px 0px;} 
.con_news_m_more ul li a{ color: #000000;} 
.con_news_m_more ul li a:hover{ color: #9c2923;} 
.con_news_m_more ul li span{ font-size: 12px; color: #999999;} 




.con_join_d{width: 100%; height:auto; margin:0px 0px 80px; padding:80px 0px; background: url("/images/join04.jpg") no-repeat center; box-sizing: border-box;} 
.con_join_d_tit{ text-align: center; width: 1280px; margin: 0px auto;} 
.con_join_d_tit h3{ font-size: 36px;  color: #FFFFFF;} 
.con_join_d_tit span{display: block; font-size:18px;color:#CCCCCC; margin: 5px 0px 15px; text-transform: uppercase;} 

.con_join_d_{margin: 50px auto 0px; width:1280px; } 
.con_join_d_ ul{} 
.con_join_d_ ul li{ float: left; margin:0px 107px 0px 0px; text-align: center;} 
.con_join_d_ ul li:last-child{ float: right; margin: 0px 0px 0px 0px;} 
.con_join_d_ ul li img{ width: 80px; height: 80px;} 
.con_join_d_ ul li p{   color: #FFFFFF;font-size:16px; text-align: center; text-align: center; margin-top: 15px;}

.con_join_a{ width: 1280px; margin: 100px auto;text-align: center;} 
.con_join_a_tit h3{ font-size: 36px; font-weight: bold; color: #9c2923;} 
.con_join_a_tit span{display: block; font-size:18px;color:#999999; margin: 5px 0px 15px; text-transform: uppercase;} 
.con_join_a img{ width: 100%;} 

.con_join_b{width: 100%;  margin: 80px 0px;} 
.con_join_b_{width: 100%;} 
.con_join_b_tit{ text-align: center; width: 1280px; margin: 0px auto;} 
.con_join_b_tit h3{ font-size: 36px; font-weight: bold; color: #9c2923;} 
.con_join_b_tit span{display: block; font-size:18px;color:#999999; margin: 5px 0px 15px; text-transform: uppercase;} 
.con_join_b_tit p{font-size:16px; color:#000000;} 
.con_join_b_con{ width: 1280px; margin: 60px auto 0px;} 
.con_join_b_con .fl{ float: left; width: 600px; height: 360px; overflow: hidden;} 
.con_join_b_con .fl img{ width: 100%;} 
.con_join_b_con .fr{ float: right; width: 600px;} 
.con_join_b_con .fc{ float: left; width: 600px;} 
.con_join_b_con .fb{ float: right; width: 600px; height: 360px; overflow: hidden;} 
.con_join_b_con .fb img{ width: 100%;} 
.con_join_b_con div span{ color: #9c2923;} 
.con_join_b_con div h3{ font-size: 28px; margin-top: 5px;} 
.con_join_b_con div p{ margin:10px 0px; text-align: justify; line-height: 175%; color:#666666;} 
.con_join_b_con div em{display: block; background: #9c2923; width: 35px; height:3px;} 

.con_join_b_b{ margin-top: 80px;} 


.con_join_c{width: 100%; height:auto; margin:0px; padding:80px 0px; background: url("/images/join06.jpg") no-repeat center; box-sizing: border-box;} 
.con_join_c_tit{ text-align: center; width: 1280px; margin: 0px auto;} 
.con_join_c_tit h3{ font-size: 36px; font-weight: lighter; color: #FFFFFF;} 
.con_join_c_tit span{display: block; font-size:18px;color:#9c2923; margin: 5px 0px 15px; text-transform: uppercase;} 
.con_join_c_tit p{font-size:16px; color:#CCCCCC;} 
.con_join_c_{width: 1280px; margin: 50px auto;} 
.con_join_c_ ul{} 
.con_join_c_ ul li{ float: left; width: 282px; margin-right:50px; text-align: center; margin-bottom:15px;}
.con_join_c_ ul li:nth-child(4n+0){ float: right; margin-right: 0px;} 
.con_join_c_ ul li img{ display: block; margin: 0px auto 20px;} 
.con_join_c_ ul li p{ font-size: 18px; color: #FFFFFF; text-align: center; margin-bottom: 10px;} 
.con_join_c_ ul li span{font-size: 14px; color: #CCCCCC; line-height: 175%;} 


.join_con_02_{ margin: 80px auto; width: 600px;} 
.join_con_11_txt01{ font-size: 36px; font-weight: lighter; border-bottom: #999999 1px solid; padding:60px 0px 20px 0px; text-align: center;} 
.join_con_11_txt02{ margin: 20px 0px;} 
.join_con_11_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 

.join_con_11_txt03{ margin: 20px 0px;} 
.join_con_11_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 

.join_con_11_txt04{ margin: 20px 0px;} 
.join_con_11_txt04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; height: 200px; vertical-align: top; font-family: "微软雅黑";} 

.join_con_11_txt05{ margin: 50px 0px;text-align: center;} 
.join_con_11_txt05 input{ border: none; background: #9c2923; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; } 






.con_contact{ margin: 80px auto; width: 1200px;background: #FFFFFF;}
.con_contact ul{ margin: 0px; padding: 0px;}
.con_contact h2{ text-align:center; font-size:26px; color:#333; line-height:50px; margin-bottom:20px;}
.con_contact ul li{ float: left; border-right:#DDDDDD 1px solid;  text-align: center; width:50%; box-sizing: border-box;}
.con_contact ul li:last-child{ border-right: none;}
.con_contact ul li img{width:75px; height:75px;}
.con_contact ul li p {color:#000000;font-size:18px;margin:30px 0px 5px;}
.con_contact ul li span{color: #999999;font-size:14px;line-height: 175%;}
.con_contact_map{ margin: 0px auto 60px; width: 1280px;}









/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#CCCCCC 1px solid;padding:8px 15px;margin:2px;color:#666666;text-decoration:none; border-radius: 5px;}
div.black2 a:hover{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
div.black2 a:active{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#9c2923;border:#9c2923 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 

.fenye{padding:10px;margin:10px;text-align:center;}
.fenye a{border:#CCCCCC 1px solid;padding:8px 15px;margin:2px;color:#666666;text-decoration:none;}
.fenye a:hover{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
.fenye a:active{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
.fenye a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#9c2923;border:#9c2923 1px solid;} 


@media screen and (max-width:768px){
	
    .weizhi{width: 85%; margin: 0px auto 30px; } 
	.weizhi_{ } 
	.us_menu{ float: left;} 
	.us_menu ul{} 
	.us_menu ul li{ float: left; } 
	.us_menu ul li a{  font-size: 0.8em; padding:8px 12px; } 
	
	.us_top{ float: right; font-size: 0.6em; padding: 10px 10px 0px 0px;} 
	.us_top a{ font-size: 1em;} 

	.us_top_pro{font-size: 0.8em; padding: 10px 0px 10px 20px;} 
	.us_top_pro a{font-size: 1em;} 
	
	
	.us_menu_pro{ padding: 0px 0px 10px 12px;} 
	.us_menu_pro ul li a{   margin: 2px 2px; font-size: 0.6em; padding:8px 0px;  width: 89px; color: #000000;} 
	
	
	.con_about_tit{ width:85%;margin:30px auto 0px; } 
	.con_about_tit h5{font-size: 1.5em;} 
	.con_about_tit span{ font-size: 0.8em; } 
	.con_about_tit em{} 
	
	.con_about_con{  width: 85%;} 
	.con_about_con_{ margin: 30px auto;} 
	.con_about_con_ .fl{ float: none; width: 100%; padding-right: 0px; margin-top: 0px;}
	.con_about_con_ .fr{ float: none; width: 100%; height: auto;margin-top: 20px;}
	.con_about_con_ .fc{ float: none; width: 100%;  height: auto;margin-top: 20px;}
	.con_about_con_ .fz{ float: none; width: 100%; text-align: left; padding-left: 0px; margin-top: 20px;}
	.con_about_con_ h3{font-size: 1.2em;  margin-bottom: 10px;}
	.con_about_con_ p{ line-height: 160%; font-size: 0.8em;}
	
	
	
	.con_about_wh{ background-size: cover; padding: 30px 0px; margin: 30px 0px;} 
	.con_about_wh_{  width: 85%;} 
	.con_about_wh_l{ float:none; width:100%;} 
	.con_about_wh_l h5{font-size: 1.3em; line-height: 150%;} 
	.con_about_wh_l span{ font-size: 1.5em; } 
	.con_about_wh_l em{  margin:20px 0px; } 
	.con_about_wh_l p{ line-height: 160%; font-size: 0.8em;} 
	.con_about_wh_r{ float:none; width: 100%; height: auto;margin-top:20px;} 
	.con_about_wh_r img{ width: 100%;} 
	
	.con_about_lc{ width:85%;margin:30px auto;} 
	.con_about_lc ul li{ float: none; margin-right:0; width: 100%; padding: 20px; height: auto;} 
	.con_about_lc ul li:nth-child(2n){background: #FAFAFA;} 
	.con_about_lc ul li:last-child{ float: none; margin-right: 0;} 
	.con_about_lc ul li h2{ font-size: 1.2em; margin-bottom: 5px;}
	.con_about_lc ul li h5{ font-size: 1em; margin-bottom: 20px;} 
	.con_about_lc ul li p{line-height: 150%;  font-size: 0.8em; margin: 3px 0px;} 
	.con_about_lc ul li:hover{ background-size: cover;} 

	
	.con_about_js{ width:85%;margin:30px auto 0px;} 
	.con_about_re{ width:85%;margin:30px auto 30px;} 
	
	
	.con_pro_{  padding: 30px 0px 30px;} 
	.con_pro{ margin: 0px auto; width: 85%;}
	.con_pro ul li{ float: none; margin: 0px 0px 10px 0px; width: 100%;height: auto;} 
	.con_pro ul li:nth-child(3n){ float: none; margin:0px 0px 10px 0px; } 
	.con_pro ul li img{ position: relative;  width: 100%; height: 100%; display: block; margin: 0px;} 
	.con_pro ul li a{  position: relative;   width: 100%; height: auto; top:0px;  background:#FFFFFF;color: #000000; padding:15px 0px 15px;  font-size: 1.2em;} 
	.con_pro_m{ margin:30px auto 30px; width: 94%; padding:0px;} 
	.con_pro_m_left{ float: none; width: 85%; margin: 0px auto;}
	.con_pro_m_left ul{} 
	.con_pro_m_left ul li{ float: left;  width: 32.5%; margin-right: 3px; margin-bottom: 2px;} 
	.con_pro_m_left ul li:nth-child(3n){ float: right; margin-right: 0px;} 
	.con_pro_m_left ul li a{  padding: 5px 0px; font-size: 0.6em; color: #000000;} 
	.con_pro_m_left_tit{ display: none;} /*
	.con_pro_m_right{ float: none; width: 85%; margin: 0px auto; clear: both; margin-top: 25px;} */
	.con_pro_m_right h1{font-size: 1.5em; padding: 0px 0px 20px; margin: 0px auto 20px; } 
	.con_pro_m_right h5{ padding: 20px; font-size: 1em; line-height: 160%; margin-bottom: 30px;} 
	.con_pro_m_right #MyContent p{ font-size: 1em;  line-height: 160%;} 
	.con_pro_m_right #MyContent p strong{ font-size: 1.2em; margin-bottom:15px;} 
	.con_pro_m_more{ display: none;} 
	
	
	
	
	.con_join_b{width: 100%;  margin: 30px 0px;} 
	.con_join_b_{width: 100%;} 
	.con_join_b_tit{ width: 85%; margin: 0px auto;} 
	.con_join_b_tit h3{ font-size: 1.5em; } 
	.con_join_b_tit span{ font-size:0.8em; } 
	.con_join_b_tit p{font-size:1em; color:#000000;} 
	.con_join_b_con{ width: 85%; margin: 30px auto 0px;} 
	.con_join_b_con .fl{ float: none; width: 100%; height: auto;} 
	.con_join_b_con .fr{ float: none; width: 100%; margin-top: 20px;} 
	.con_join_b_con .fc{ float: none; width: 100%;} 
	.con_join_b_con .fb{ float: none; width: 100%; height: auto;}
	.con_join_b_con div span{ } 
	.con_join_b_con div h3{ font-size: 1.2em; } 
	.con_join_b_con div p{ margin:10px 0px; line-height: 160%;  font-size: 1em; color: #000000;} 
	.con_join_b_con div em{ } 

	.con_join_b_b{ margin-top: 30px;}

	
	.con_join_d{  margin:30px 0px; padding:30px 0px; background-size: cover; } 
	.con_join_d_tit{ width: 85%; margin: 0px auto;} 
	.con_join_d_tit h3{ font-size: 1.5em; } 
	.con_join_d_tit span{ font-size:1em;} 

	.con_join_d_{margin: 30px auto 0px; width:85%; } 
	.con_join_d_ ul{} 
	.con_join_d_ ul li{ float: left; width: 33%; margin:0px 0px 20px 0px; text-align: center;} 
	.con_join_d_ ul li:nth-child(3){ float: right; margin: 0px 0px 20px 0px;} 
	.con_join_d_ ul li img{ width: 50px; height: 50px;} 
	.con_join_d_ ul li p{ font-size:0.7em; margin-top: 10px;}

	
	
	.con_join_a{ width: 85%; margin: 30px auto; } 
	.con_join_a_tit h3{ font-size: 1.5em;  } 
	.con_join_a_tit span{ font-size:1em;} 
	
	
	.con_join_c{  padding:30px 0px; background-size: cover; } 
	.con_join_c_tit{ width: 85%;} 
	.con_join_c_tit h3{ font-size: 1.5em;} 
	.con_join_c_tit span{ font-size:1em;} 
	.con_join_c_tit p{font-size:1em; } 
	.con_join_c_{width: 85%; margin: 20px auto;} 
	.con_join_c_ ul{} 
	.con_join_c_ ul li{ width: 50%; margin-right:0px; text-align: center; padding: 2%; box-sizing: border-box;}
	.con_join_c_ ul li:last-child{ float: right; margin-right: 0px;} 
	.con_join_c_ ul li img{ } 
	.con_join_c_ ul li p{ font-size: 1.2em;} 
	.con_join_c_ ul li span{font-size: 0.7em;line-height: 160%;} 


	.join_con_02_{ margin: 30px auto; width: 70%;} 
	.join_con_11_txt01{ font-size: 1.5em;  padding:0px 0px 20px 0px; } 
	.join_con_11_txt02{ margin: 10px 0px;} 
	.join_con_11_txt02 input{   padding: 10px; font-size: 0.8em; width: 49%; box-sizing: border-box;} 

	.join_con_11_txt03{ margin: 10px 0px;} 
	.join_con_11_txt03 input{  padding: 10px; font-size: 0.8em; width: 100%; box-sizing: border-box;} 

	.join_con_11_txt04{ margin: 10px 0px;} 
	.join_con_11_txt04 textarea{  padding: 10px; font-size: 0.8em; width: 100%; height: 100px;box-sizing: border-box;} 

	.join_con_11_txt05{ margin: 20px 0px;text-align: center;} 
	.join_con_11_txt05 input{ padding: 10px;width: 50%; font-size: 1.2em; } 
	
	
	.con_news{ width: 100%; margin:30px auto;} 
	.con_news_{ width: 85%; } 
	.con_news_ ul li{padding: 20px 0px;} 
	.con_news_ ul li img{ float:none; width: 100%; height: auto;} 

	.con_news_ .con_news_more{ float:none; line-height: 160%; width: 100%; margin-left:0px; margin-top: 15px;} 
	.con_news_ .con_news_more p{ font-size: 1em;} 
	.con_news_ .con_news_more em{ font-size: 0.8em;} 
	.con_news_ .con_news_more span{  font-size: 0.8em; line-height: 160%; margin:10px 0px 20px;} 
	.con_news_ .con_news_more h5 a{  font-size: 0.8em; } 
	.con_news_ .con_news_more h5 a:hover{ } 


	.con_news_m{margin: 30px auto; width: 85%;} 
	.con_news_m H1{ font-size: 1.5em; padding: 0px 0px 15px; line-height: 150%;} 
	.con_news_m h5{  padding: 5px 0px 10px; font-size: 0.6em;} 
	.con_news_m #MyContent{ padding: 20px 0px;} 
	.con_news_m #MyContent p{margin: 25px 0px; font-size: 1em; line-height: 160%;} 
	.con_news_m #MyContent p img{ max-width: 100%; width: 100%;} 
	.con_news_m #MyContent a{ font-size: 1em;} 
	
	.con_news_m_more{display: none;} 

	.con_case{ margin: 30px auto; width: 85%;} 
	.con_case ul li{ float: none; margin: 0px 0px 25px 0px; width: 100%;} 
	.con_case ul li:nth-child(3){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:nth-child(6){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:nth-child(9){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:nth-child(12){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:hover{} 
	.con_case ul li p{ font-size: 1em;} 


	.con_store{ margin: 30px auto; width: 85%;} 
	.con_store ul li{ float: none; margin: 0px 0px 20px 0px; width: 100%;} 
	.con_store ul li:nth-child(2n){ float: none; margin:0px 0px 20px 0px; } 
	.con_store ul li div{  width: 100%; height: 100%; overflow: hidden; } 
	.con_store ul li img{  width: 100%; height: 100%; } 
	.con_store ul li p{ /*display: none;*/} 
	
	
	.con_contact{ margin: 30px auto; width: 85%; }
	.con_contact ul li{ float: none; border-right:none;width: 100%; border-bottom: #DDDDDD 1px solid; padding-bottom: 20px; margin-bottom: 20px;}
	.con_contact ul li p {font-size:1.5em;margin:20px 0px 5px;}
	.con_contact ul li span{ font-size:1em;line-height: 160%;}
	.con_contact_map{ margin: 0px auto 30px; width: 85%;}
	
	
	div.black2{padding:10px;margin:10px;text-align:center;}
	div.black2 a{ padding:3px 8px;margin:1px; font-size: 0.6em;}
	div.black2 a.curr{padding:3px 8px;font-weight:bold;margin:1px;} 
	
}



/*15*/
.jo-15{ background:url(/images/jobg15.jpg) center top no-repeat; width:100%; overflow:hidden; padding:57px 0;}
.liucheng{ background:url(/images/j15liu.jpg) no-repeat center; width:100%; overflow:hidden;}
.lc1{ margin-left:0%; margin-top:10px}
.lc1 li{ text-align:center; float:left; width:22%;}
.lc1 li p{ color:#9c2923; font-size:1.25rem; font-weight:bold; margin-top:8px;}
.lc1 li span{ height:57px; width:3px; margin:10px auto 3px; display:block; background:#1f3a6f}
.lc1 li i{ width:10px; height:10px; border:2px solid #1f3a6f; background:#fff; display:inline-block; border-radius:50%;}
.lc2{ position:relative; top:-19px !important;margin-left:10%}
.lc2 li{ text-align:center; float:left; width:25%;}
.lc2 li p{ color:#9c2923; font-size:1.25rem; font-weight:bold; margin-top:8px;}
.lc2 li span{ height:57px; width:3px; margin:3px auto 10px; display:block; background:#1f3a6f}
.lc2 li i{ width:10px !important; height:10px !important; border:2px solid #1f3a6f; background:#fff; display:inline-block; border-radius:50%;}
.lcmore{ text-align:center; margin-top:32px;}
.lcmore a{ display:inline-block; background:#b80607; border-radius:30px; padding:10px 30px; font-size:1.25rem; color:#fff;}
.liuchengm{ display:none;}
@media screen and (max-width: 768px){
.jo-15{ background-size:cover;}
.liucheng{ display:none}
.liuchengm{ display:block; text-align:center;}

}