@charset "utf-8";
@media screen and (min-width:960px){
.info{ padding:3% 0;}
.infolt{ width:250px; float:left;}
.infolt h2 { height: 106px; background: #e4581b; border-radius: 12px 12px 0 0; margin-bottom: 2px; font-weight: normal; text-align:center;}
.infolt h2 span{ line-height:106px; color:#fff; font-size:32px;}
.infolt_con{ border-bottom:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #ddd solid; padding:20px;}
.infolt_con li{ border-bottom:1px #ddd dashed; line-height:45px;}
.infolt_con li a{ display:block; padding-left:30px; font-size:16px;}
.infolt_con li a:hover{ color:#e4581b;}
.infolt_con li.lion a{ color:#e4581b;}
.inforig{ width: calc(100% - 300px); float:right;}
.inforig h2 { font-size: 24px; font-weight: 700; color: #333; line-height: 35px; border-bottom: 1px #ddd solid; margin-bottom: 25px; padding: 7px 20px 10px; background: url(../images/hong_yuan.jpg) left no-repeat; }
}
@media screen and (max-width:960px){
.infolt h2{ display:none;}
.infolt_con{ padding:10px 0; border-bottom:1px #ddd solid;}
.infolt_con li{ float:left; width:33.33%;}
.infolt_con li a{ font-size:15px; text-align:left; line-height:35px; display:block;}
.infolt_con li.lion a{ color:#e4581b;}
.inforig{ padding-top:25px;}
.inforig h2 { display:none;}
}

.conBox { margin: 0 auto 0; }
@media screen and (min-width:760px){
.conBox li { float: left; width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 20px; }
.conBox li:nth-child(3n+0) { margin-right: 0; }
.conBox li .Pic { height: 250px; }
.conBox li .Pic img { width:120%; display:block; margin:5px auto;}
.conBox li .intro { padding:20px 10px;}
}
@media screen and (max-width:760px){
.conBox li { float: left; width: calc(50% - 10px); margin-right:20px; margin-bottom: 20px;}
.conBox li:nth-child(2n+0) { margin-right: 0; }
.conBox li .Pic { height:150px; }
.conBox li .Pic img { height:100%;}
.conBox li .intro { padding:10px;}
}
.conBox li { border: 1px solid #e4e4e4; box-sizing: border-box;}
.conBox li .Pic { overflow: hidden; display: block; margin:10px;}
.conBox li .Pic img { display: block; transform: scale(1); transition: all 1s ease-out;}
.conBox li .intro { text-align: center; position: relative; background: #eee;}
.conBox li .intro a { text-decoration: none; display:block; color:#333; font-size:16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; padding:0 25px;}
.conBox li:hover .intro a{ color:#e4581b;}
.conBox li:hover .Pic img { transform: scale(1.08);}

.sidebarLinkUs {
	border: 1px solid #e4e4e4;
	margin-top: 20px;
	padding: 0 19px 20px;
	margin-bottom: 20px;
}
@media screen and (max-width:960px){
.sidebarLinkUs{ display:none;}
}
.sidebarLinkUs h3 {
	font-size: 18px;
	color: #e4581b;
	font-weight: normal;
	height: 59px;
	line-height: 59px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 18px;
	text-indent: 10px;
}
.sidebarLinkUs p {
	font-size: 14px;
	color: #333333;
	margin-bottom: 12px;
	line-height: 20px;
	padding: 0 10px;
	word-wrap:break-word;
}
.sidebarLinkUs .zxzx {
	display: block;
	width: 160px;
	height: 50px;
	overflow: hidden;
	background: #e4581b;
	text-decoration: none;
	margin-top: 20px;
}


.newsListSection li{ display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd dashed;}
.newsListSection li a{ display:block;}
.newsListSection li a img{ display:block;}
@media screen and (min-width:560px){
.newsListSection li a img{ float:left; width:30%; max-width:320px; margin-right:20px;}
}
@media screen and (max-width:560px){
.newsListSection li a img{ width:100%;  margin-bottom:20px;}
}
.newsListSection li a h5{ line-height:35px; font-size:20px; font-weight:100; color:#333;}
.newsListSection li:hover a h5{ color:#e4581b;}
.newsListSection li a p{ font-size:14px; color:#888; padding:10px 0;}
.newsListSection li a span{ color:#777; font-size:15px;}

.view_news{ padding:1% 0;}
.view_news_tit{ font-size:28px; line-height:1.5;}
.view_news_ps{ line-height:2; color:#777; margin:15px 0; font-size:15px;}
.view_news_ps span{ margin-right:15px;}
.view_news_body{ line-height:2; border-bottom:1px #ddd solid; padding-bottom:2%; font-size:16px;}
.view_news_body img{ max-width:100% !important; height:auto !important;}
.view_news_shxia{ line-height:2; padding-top:15px;}
@media screen and (min-width:760px){
.view_news_shxia a{ float:left; width:50%; font-size:16px;}
.view_news_shxia a:nth-child(2){ text-align:right;}
}
@media screen and (max-width:760px){
.view_news_tit{ font-size:21px;}
.view_news_body{ font-size:15px;}
.view_news_shxia a{ font-size:15px; display:block;}
}
.view_news_shxia a:hover{ color:#e4581b;}



@media screen and (min-width:960px){
.proDetailsSectionBox .conright { float: right; width:45%; height: 378px; position: relative;}
.proDetailsSectionBox .conright h3{ font-size:27px; line-height:45px;}
.proDetailsSectionBox .conright .box { position: absolute; bottom:0px; left: 0;}
}
@media screen and (max-width:960px){
.proDetailsSectionBox .conright h3{ font-size:21px; line-height:35px; margin-top:15px;}
.proDetailsSectionBox .conright .box{ margin-top:15px;}
}
.proDetailsSectionBox .conright h3 { color: #333; font-weight: bold; overflow: hidden; }
.proDetailsSectionBox .conright p { font-size:16px; color: #666; line-height:25px; margin-top: 3px; overflow: hidden; }

.proDetailsSectionBox .conright .box { width: 100%; background:#eee; padding:20px 25px; }
.proDetailsSectionBox .conright .box span{ line-height:1.5; font-size:23px; margin:0 25px; color:#e4581b;}
.proDetailsSectionBox .conright .box .zx {
    display: block;
    height: 37px;
    float: left;
    font-size: 15px;
    color: #fff;
    line-height: 37px;
	background:#e4581b;
    text-align: center;
    text-decoration: none;
	border-radius:15px;
	padding:0 35px;
}

.proDetailsSectionBox .conleft {
	position: relative;
	overflow: hidden;
}
@media screen and (min-width:960px){
.proDetailsSectionBox .conleft { width: calc(55% - 40px); float:left;}
}
.proDetailsSectionBox .conleft ul {
	position: relative;
}
.proDetailsSectionBox .conleft ul li {
	float: left;

}
.proDetailsSectionBox .conleft img { display: block; width: 100%; border: 1px solid #dedede; box-sizing: border-box; }
.view_body{ background:url(../images/view.png) left no-repeat; line-height:40px; margin-top:2%; border-bottom:1px #ddd solid;}
.view_body span{ font-size:19px; font-weight:700; padding:0px 25px 0; color:#e4581b;}
.view_bodys{ line-height:2; padding-top:2%;}
.view_bodys img{ max-width:100% !important; height:auto !important;}
@media screen and (min-width:960px){
.view_body span{ font-size:19px;}
.view_bodys{ font-size:16px;}
}
@media screen and (max-width:960px){
.view_body span{ font-size:17px;}
.view_bodys{ font-size:15px;}
}