.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: 40px 0px; border-bottom: #DDDDDD 1px dashed; overflow:hidden;} 
.con_news_ ul li:hover{} 
.con_news_ ul li img{ float:left; width: 500px; height: 320px;} 

.con_news_ .con_news_more{ float:right; line-height: 175%; width: 700px; margin-top: 20px;} 
.con_news_ .con_news_more p{ font-size: 18px; margin-bottom:10px; color: #333; text-transform:capitalize; } 
.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: 13px; line-height: 27px; 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: 100%; background: #FFFFFF; padding:0px; box-sizing: border-box;} 
.con_news_m H1{ font-size: 30px; text-align: center; font-weight: bold; line-height: 175%; text-transform:capitalize;} 
.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: 15px; line-height: 30px;} 
.con_news_m #MyContent p{font-size: 15px; 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 #MyContent img{ max-width:100%;}
.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;} 

.t_page{ overflow:hidden; margin:30px auto 30px; width:100%; text-align:center;
	padding:10px 0px;
	
	}	
.t_page a{margin:0px 5px;
    padding: 6px 14px;
    height: 24px;
    border: 1px #cccccc solid;
    background: #fff;
    text-decoration: none;
    color: #434343;
    font-size: 12px;
    line-height: 24px;
    border-radius: 5px;
    font-family: Verdana,Arial;
}
.ListDate{ padding-left:20px;}


.con_store{ margin: 80px auto; width: 90%; overflow:hidden;} 
.con_store ul{ margin: 0px ; padding: 0px;} 
.con_store ul li{ float: left; margin: 0px 2% 2% 0px; width: 32%; background: #FFFFFF;} 
.con_store ul li:nth-child(3n){ float: right; margin:0px } 
.con_store ul li div{  width: 380px; height: auto; overflow: hidden; } 
.con_store ul li img{  width: 380px; height: 254px; } 
.con_store ul li p{/* display: none;*/ font-size:16px; line-height:30px; margin-top:12px; text-align:center; color:#333; text-transform:capitalize;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;} 



.con_stores{ margin: 30px auto; width: 100%; overflow:hidden;} 
.con_stores ul{ margin: 0px ; padding: 0px; overflow:hidden; width:100%;} 
.con_stores ul li{ float: left; margin: 0.5%; width: 24%; background: #FFFFFF;} 
.con_stores ul li img{ width:100%; vertical-align:middle;}

/*¹¤³ÌÏêÇéÒ³*/
.products-con{overflow: hidden;width: 100%;}
.caselist{width: 100%;}
.caselist .title{line-height: 50px;}
.caselist .title p.tit{font-size: 24px;font-weight: 400;}
.products{overflow: hidden;width: 1300px;margin: 0 auto;/*padding-bottom: 3%;*/margin-bottom:3%;border-bottom:1px solid #eeeeee; overflow:hidden;}
.products .products-pic{display: block;float: left;width: 42%;overflow: hidden;position: relative;}
.products .products-pic img{display: block;width: 100%;}
.products .products-con{width: 100%; margin:auto; overflow:hidden;}
.products-con .title{overflow: hidden;line-height: 38px; margin-bottom:12px; text-align:center; margin-top:30px;}
.products-con .title p.tit{font-size: 38px;font-weight: bold; }
.products-con .title p.titxrt{font-size: 38px;font-weight: bold; text-align: center; line-height:45px; text-transform:capitalize;}
.products-con .title p.en{font-size: 12px;}
.products-con .content{font-size: 16px;line-height: 25px;/*margin: 2% 0;*/}
.products-con .content p{ font-size:16px; line-height:28px;}
.products-con .content p img{max-width: 100%;}
.products-con .content img{ margin-bottom:13px;}
.products-con .range span{display: inline-block;float: left;font-size: 20px;font-weight: bold;line-height: 30px;}
.products-con .range p{display: inline-block;float: left;font-size: 16px;line-height: 34px}
.r-ico{width: 100%;position: absolute;}
.r-ico a{display: block;}
.r-ico a:nth-child(1),.r-ico a:nth-child(3){width: 52.5%;float: left;}
.r-ico a:nth-child(2),.r-ico a:nth-child(4){width: 47%;float: right;}
.r-ico a img{display: block;width: 100%;}


/*img list*/
/*img list*/

.ImageList{
	width:1200px; margin:auto; overflow:hidden;}

.ImageList .ImageBlockBG{
    padding: 10px 20px 15px 0px;
    width: 285px;
    overflow: hidden;
    float: left;}

.ImageList .ImageBlockBG:nth-child(4){padding-right: 0px;}
.ImageList .ImageBlockBG:nth-child(8){padding-right: 0px;}
.ImageList .ImageBlockBG:nth-child(12){padding-right: 0px;}
.ImageList .ImageBlockBG:nth-child(16){padding-right: 0px;}

.content .ImageList .ImageBlockBG{ float:none; margin:auto; width:800px;

	padding:10px 10px 20px 15px;}

.ImageList .ImageBlock{

	width: 285px;
	overflow:hidden;
	cursor:pointer;}

.content .ImageList .ImageBlock{

	height:auto;

	float:none; width:800px;
	 margin:auto;
}	

.ImageList .ImageBlock .ImageNote{

	padding:5px;

	line-height:25px;

	color:#FFFFFF;

	font-size:11px;}

.ImageList .ImageBlock p a{

	color:#FFFFFF;}		 

.content .ImageList .ImageBlock img{
    width: 100%;
    height: auto;
    display: block;
    transform: scale(1);
    transition: all 2s ease-out;}
.ImageList .ImageBlock img{
    width: 285px;
    height: 237px;
    display: block;
    transform: scale(1);
    transition: all 2s ease-out;}
.ImageList .ImageBlock a: hover img{
	transform: scale(1.2);}

	

.ImageList .ImageBlock p{

	text-align:center;

	bottom:0px;

	background-color:#333;

	color:#FFFFFF;

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	opacity:0.8;

	height:40px;

	line-height:40px; font-size:14px;}

.content .ImageList .ImageBlock p{ display:none;

	color:#FFFFFF;}	

.ImageList .ImageBlock a{

	text-decoration:none;}
.content .ImageList .ImageBlock p{
	color:#FFFFFF;}	
.ImageList .ImageBlock a{
	text-decoration:none;}
.inside_top{ display:none;}
.inside_top .in_title h3{ display:none;}



@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_news_m #MyContent img,.con_news_m #MyContent p img{ width:100%;}
	
	.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: 180%; width: 100%; margin-left:0px; margin-top: 15px;} 
	.con_news_ .con_news_more p{ font-size: 1.1em;} 
	.con_news_ .con_news_more em{ font-size: 0.9em;} 
	.con_news_ .con_news_more span{  font-size: 0.9em; line-height: 170%; margin:10px 0px 20px;} 
	.con_news_ .con_news_more h5 a{  font-size: 0.9em; } 
	.con_news_ .con_news_more h5 a:hover{ } 


	.con_news_m{margin: 30px auto; width: 95%;} 
	.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: 15px auto; width: 100%;} 
	.con_store ul li{ float: left; margin:1%; width: 48%;} 
	.con_store ul li:nth-child(3n){ margin:1%;}
	.con_store ul li div{  width: 100%; height: 100%; overflow: hidden; } 
	.con_store ul li img{  width: 100%; height: 120px; } 
	.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;} 
	
	.ImageList{ width:96%; margin:auto;}
	.content .ImageList .ImageBlockBG {
    float: none;
    margin: auto; padding:0;
    width: 100%;
}
.content .ImageList .ImageBlock {
    height: auto;
    float: none;
    width: 100%;
    margin: auto;
}
.products { width:100%; margin:auto;}
.content .ImageList .ImageBlock img{ border:0;}
.products-con .content p{ width:96%; margin:auto;}
	
}



/*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;}

}