@charset "utf-8";
section.product{}
section.product .leftside{ width:22%; float:left;}
section.product .rightside{ width:76%; float:right;}

section.product .leftside .menu{ margin-bottom:15px;}
section.product .leftside .menu .menu_bar{ width:100%; -size:22px; padding:15px 0; text-align:center; color:#fff; background:#027BD7; display:inline-block}
section.product .leftside .menu .menu_container{ width:100%; border:1px solid #CCC; padding:4px 8px;}
section.product .leftside .menu .menu_container ul.menu_pro_list{ width:100%; }
section.product .leftside .menu .menu_container ul.menu_pro_list li{border-bottom: 1px dotted #ccc;width:100%; clear:both;background:#f7f7f7; margin-top:2px;}
section.product .leftside .menu .menu_container ul.menu_pro_list li a{ height:40px; line-height:40px;  display:inline-block; text-align:center; color:#000; -size:14px; width:100%;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;}
section.product .leftside .menu .menu_container ul li:last-child{ border:none}
section.product .leftside .menu .menu_container ul.menu_news_list li a{ text-align:left; text-indent:18px;background:url(../images/news-j1.png) no-repeat 10px center;padding-left:5px;} 
section.product .leftside .menu .menu_container ul.menu_pro_list li a:hover,section.product .leftside .menu .menu_container ul.menu_pro_list li a.hover{ background-color:#027BD7; color:#fff;}
section.product .leftside .menu .menu_container ul.menu_news_list li a:hover,section.product .leftside .menu .menu_container ul.menu_news_list li a.hover{ background-image:url(../images/news-j.png);}

.contact_side_box{padding:0 5px 10px 10px;}
.contact_side_box .contact_tel {background: url(../images/Teln.gif) no-repeat scroll 0 18px transparent;color: #666;line-height: 20px;padding: 10px 0 10px 55px;}
.contact_side_box .contact_tel span {display: block;:18px "Impact";color:#017AD7;height:23px;overflow:hidden;}
.contact_side_box p{line-height:24px;-size:13px;color: #333;}



.product_list{ width:100%; overflow:hidden}
.product_list figure{width:31%;float:left; margin-left:3.5%; padding:15px 0; text-align:center; overflow:hidden; }
.product_list figure:nth-child(3n+1){ margin-left:0;} 
.product_list figure>a{display:inline-block; width:100%; overflow:hidden;}
.product_list figure figcaption a{ color:#FF3737; padding-top:10px; display:block;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  height:30px;
 }
 
 
 dl.news_list{ width:100%; line-height:1.8; padding-top:5px;}
  dl.news_list dt {width:100%;clear:bold; overflow:hidden;-weight:normal; line-height:2; margin-top:10px;}
  dl.news_list dd{width:100%;clear:bold;overflow:hidden;line-height:1.8;border-bottom: 1px dotted #aaa; padding-bottom:10px;}
 dl.news_list dt a{float:left;-weight:bold; color:#FF0000;}
 dl.news_list dt time{float:right;color:#999;-size:13px;}
 
 
 
 
 
 
 
 
 

.showside{}
@media (max-width:768px){
	section.product{ position:relative;}
	section.product .leftside{position:absolute; right:0; width:100%; display:none}
    section.product .rightside{ width:100%; float:inherit;}
	section.product .showside{display:block;width:50%;top:58px; z-index:999; right:5%}
	section.product .showside .menu .menu_container ul li{ margin-top:0!important;}
	section.product .showside .menu .menu_container{ padding:0;}
	}
	
	
	
	
	
	.pdetail{ }
	.pdetail figure{ width:100%;padding-top:20px; }
	.pdetail figure>a {float:left; width:40%; overflow:hidden; display:block;}
	.pdetail figure>a img{ max-height:332px;}
	 .pdetail figure figcaption{float:right; width:58%}
	
	.pdetail figure figcaption h1{ color:#16853B; font-size:22px; font-weight:normal; padding-top:10px;}
	.pdetail figure figcaption .intro{padding:20px 0; line-height:1.8; border-top:1px dashed #D7D7D7;border-bottom:1px dashed #D7D7D7; margin:20px 0; overflow:hidden;}
	.pdetail figure figcaption p.pro_tel{ display:block; float:left;box-shadow: 5px 10px 10px 2px rgba(0,0,0,0.5);height:40px; line-height:40px; background:#017AD7; color:#fff; font-size:20px!important; text-align:center; width:70%; margin:0 auto;}

	
	
	
.pdetail article{border-top:1px dashed #D7D7D7; line-height:2; padding:20px 10px; width:100%; clear:both;margin-top:40px; overflow:hidden; color:#333;border-bottom:1px dashed #D7D7D7;}	

.others { padding-top:20px; width:100%; margin-bottom:15px;}
	.others p{ color:#000; border-bottom:2px solid #017AD7; height:32px; -size:16px; -weight:bold; line-height:32px; text-indent:5px;}
	.others ul{ width:100%; float:left}
	.others ul li { width:31.3%; margin-right:2%; overflow:hidden; text-align:center; float:left;}
	.others ul li img{ max-height:250px; width:100%;}
	.others ul li  span a{ color:#FF0052; padding-top:10px; display:block;}
	
	
@media (max-width:768px){
.pdetail{ padding:0 3%;}

	.pdetail figure figcaption h1{font-size:16px;weight:bold; padding-top:0;}	
	.pdetail figure>a {width:100%; float:inherit; text-align:center;}
	.pdetail figure>a img{ width:100%;}
	.pdetail figure figcaption{ width:100%;float:inherit;;clear:both}
	.pdetail figure figcaption h1{ text-align:center}
	.pdetail figure figcaption .intro{  margin:10px 0; padding:10px 0;}
	.pdetail figure figcaption p.pro_tel{ height:30px; line-height:30px;}
	.pdetail article{margin-top:10px;}
	.pdetail figure figcaption p.pro_tel{  font-size:14px!important; width:100%; float:none; }
		}		

	
	.rightside>article{ width:100%; padding:2%; overflow:hidden; color:#000;}
	.rightside>article>h1{ text-align:center; font-size:20px;}
	.rightside>article time{border-bottom:1px dashed #CCC;border-top:1px dashed #CCC; padding:5px 0; width:100%; display:block; text-align:center; margin:20px 0;}
	.rightside>article .detail{ line-height:2; padding:10px 0;}
	
	p.copylink{ padding-top:30px;}
	p.copylink a{ text-decoration:underline}
	
	
	p.otherbar{color:#000; border-bottom:2px solid #017AD7; height:32px; -size:16px; -weight:bold; line-height:32px; text-indent:5px;}
	
	.othersnews ul{}
	.othersnews ul li{float:left; width:48%; margin-left:4%; height:36px; line-height:36px; display:block; border-bottom:1px dashed #ccc;}
	.othersnews ul li:nth-child(2n+1){ margin-left:0;}
	.othersnews ul li a{float:left; color:#24537D;}
	.othersnews ul li time{ float:right}
	
	
	@media (max-width:768px){
		.rightside>article time{ display:none!important}
		.othersnews ul li{ width:100%; float:inherit;margin-left:2%;}
			.othersnews ul li time{display:none}
			.othersnews ul li:nth-child(2n+1){ margin-left:2%;}
	}