@charset="utf-8";
/* ---- content ---- */
.content {
	width: 1200px;
	margin: 0 auto;
}
.content .position {
	width: 100%;
	/*border-bottom: 1px dashed #9c9c9c;*/
	margin: 20px 0;
}
.content .position .place {
	user-select: none;
	display: inline-block;
	margin: 20px 0 20px 50px;

}
.content .position p a {
	user-select: none;

}
.content .position p a:hover {
	color: #fa6020;
	text-decoration:underline;
}
/* ---- position结束 ---- */

.content .left {
	width: 260px;
	padding-right: 20px;
	float: left;
	margin-bottom: 1em;
}
.left-head {width: 100%;height: 150px;background: url(../images/title1.png) top left no-repeat #16a4ad;padding: 1.5em;}
.left-head h3 {font-size: 2em;font-weight: normal;line-height: 1em;text-transform: uppercase;color: white;font-family: "Impact";}
.left-head strong {font-size: 0.875em;font-weight: normal;line-height: 1em;color: white;}
.left-head span {display: block;font-size: 1.125em;line-height: 2em;color: white;}
.left-body {border: 1px solid #cccccc;}
/*.left-body ul {border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}*/
.left-body ul a {display: block;line-height: 3em;padding-left: 3em;border-bottom: 1px dotted #dddddd;}
.left-body ul h3 {background-color: #cccccc;position: relative;}
.left-body ul h3 i {display: block;width: 1.5em;height: 3em;background: url(../images/title2.png) 50% 50% no-repeat #5a5a5a;cursor: pointer;position: absolute;right: 0;top: 0;z-index: 999;}
.left-body ul h3 i.down {background: url(../images/title3.png) 50% 50% no-repeat #5a5a5a;}
.left-body ul li {display: none;}
.left-body ul:nth-of-type(2) li {display: block;}
.left-body ul li a:hover {background-color: #7E7E7E;color: white;}

.content .left .left-nav {
	margin: 20px;
	user-select: none;
}
.content .left .left-nav h3 {
	font-size: 20px;
	margin: 30px 0 20px 30px;
}
.content .left .left-nav ul li {
	margin: 10px 0 10px 20px;
	border-bottom: 1px solid #9c9c9c;
}
.content .left .left-nav ul li a {
	color: #9c9c9c;
	font-size: 16px;
	margin-left: 20px;
	line-height: 30px;
	padding: 10px;
}
.content .left .left-nav ul li:hover {
	border-bottom: 1px solid #fa6020;
}
.content .left .left-nav ul li:hover a {
	color: #fa6020;
}
/* ---- 左导航结束 ---- */
.content .left .left-contact {
	margin: 20px;
	user-select: none;
}
.content .left .left-contact h3 {
	font-size: 16px;
	margin: 30px 0 20px 30px;
}
.content .left .left-contact p {
	font-size: 12px;
	margin-left: 30px;
	line-height: 24px;
}
.content .left .left-contact p a {font-size: 12px;}
.content .left .left-contact p:hover {
	color: #fa6020;
	text-decoration:underline;
}
.content .left .left-contact p:hover a {
	color: #fa6020;
	text-decoration:underline;
}
/* ---- 左联系方式结束 ---- */
.content .right {
	width: 940px;
	float: left;
	user-select: none;
}
.content .right .right-body {
	/*margin: 20px;*/
}
.sell-well {padding: 1em 2em;}
.sell-well li {float: left;width: 20%;padding: 10px;border: 2px solid white;}
.sell-well li:hover {border: 2px solid #d40205;}
.sell-well li .img-box {width: 100%;height: 128px;overflow: hidden;}
.sell-well li .img-box img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;}
.sell-well li p {text-align: center;line-height: 2em;}
.content .right .right-body .article-details {
	margin: 0.5em 0;
	background-color: #efefef;
}
.content .right .right-body .article-details p {
	background-color: white;
	padding: 0 2em;
	font-size: 1.25em;
	line-height: 1.5em;
	border-left: 5px solid #d40205;
	display: inline-block;
}
.content .right .right-body .article-details span {
	margin: 0 1em;
	color: #666;
	font-family: "Impact";
}
.content .right .right-body .right-title {
	text-align: center;
	font-size: 20px;
	margin: 30px 0 20px 0;
}
.content .right .right-body .right-info {
	margin: 20px 0;
	text-align: center;
}
.content .right .right-body .right-info span {
	color: #9c9c9c;
	margin: 0 20px;
	font-size: 12px;
}
.content .right .right-body .right-text {
	margin: 10px 20px;
	padding: 0 20px;
}
.content .right .right-body .right-text img {
	padding: 10px;
	box-shadow: 0px 0px 5px 3px #dddddd;
	width: calc(100% - 2em) !important;
	max-width: calc(100% - 2em) !important;
	display: block;
	margin: 1em auto;
}
.content .right .right-body .right-text p {
	text-indent: 2em;
	line-height: 30px;
	color: #666666;
}
.content .right .right-body .turn-page {
	margin: 20px;
	padding: 30px;
}
.content .right .right-body .turn-page ul li {
	float: left;
	margin: 0 20px;
}
.content .right .right-body .turn-page ul li a:hover {
	color: #fa6020;
	text-decoration: underline;
}
/* ---- text主体内容结束 ---- */

.content .right .right-body .product-list {
	/*margin: 0 10px;*/
}
.content .right .right-body .product-list ul li {
	overflow: hidden;
	float: left;
	width: 280px;
	margin: 10px;
	padding: 10px;
	box-shadow: 0px 0px 5px 3px #dddddd;
	/*border: 2px solid #b6b6b6;*/
}
.content .right .right-body .product-list ul li .img-box {width: 100%;height: 12.1875em;overflow: hidden;}
.content .right .right-body .product-list ul li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	min-height: 100%;
	transition: all 0.5s;

}
.content .right .right-body .product-list ul li p {
	text-align: center;
	margin: 5px;
}
.content .right .right-body .product-list ul li p a {
	color: #9c9c9c;
}
.content .right .right-body .product-list ul li:hover {
	/*border: 2px solid #fa6020;*/
}
.content .right .right-body .product-list ul li:hover img {
	transform: scale(1.1);
}
.content .right .right-body .product-list ul li:hover a {
	color: #fa6020;
}
.proimg-list{width:530px;height: 450px;float: left;overflow:hidden}
.large_box{margin-bottom:10px;width:530px;height:350px;overflow:hidden}
.large_box .img-box	{width: 530px;height: 350px;overflow: hidden;background-color: #dddddd;}
.large_box img{display:block;margin: 0 auto;max-width: 100%;min-height: 100%;max-height: 100%;}
.small_box{width:530px;height:73px;overflow:hidden}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden}
.small_list ul{height:73px;overflow:hidden}
.small_list ul li{position:relative;float:left;margin-right:10px;width:110px}
.small_list ul li .img-box {width: 110px;height: 73px;overflow: hidden;background-color: #dddddd;}
.small_list ul li img{display:block;margin: 0 auto;max-width: 100%;min-height: 100%;max-height: 100%;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:110px;height:73px;background:#000;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.small_list ul li.on .bun_bg{display:block}
.btn{display:block;width:20px;height:73px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.btn:hover{background-color:#e7000e}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png)}
.right_btn{float:right;background-image:url(../images/right_btn.png)}

.proinfo-box {float: left;width: calc(100% - 540px);height: 433px;padding: 0.625em;margin-left: 0.625em;border: 1px solid #cccccc;}
.proinfo-box h3 {font-size: 1.5em;line-height: 2em;border: 1px solid #cccccc;border-bottom: none;padding: 0.125em}
.proinfo-text {width: 100%;height: calc(100% - 55px);border: 1px solid #cccccc;padding: 0.25em;}
.proinfo-text p {font-size: 1em !important; text-align: left !important;line-height: 1.5em;padding-left: 1em;}

/* ---- 右项目列表结束 ---- */
.content .right .right-body .list-page {
	text-align: center;
	margin: 20px;
}
.content .right .right-body .list-page ul li {
	float: left;
}
.content .right .right-body .list-page ul li a {
	display: block;
	margin: 5px;
	padding: 5px 10px;
	color: #b6b6b6;
}
.content .right .right-body .list-page ul li a:hover {
	color: white;
	background-color: #fa6020;
}
/* ---- 右列表分页结束 ---- */
.content .right .right-body .news-list {
	margin: 0 50px;
}
.content .right .right-body .news-list ul li {
	
}
.content .right .right-body .news-list ul li img {
	float: left;
	display: inline-block;
	width: 180px;
	height: 120px;
	margin: 10px;
}
.content .right .right-body .news-list ul li div {
	float: left;
	width: 600px;
}
.content .right .right-body .news-list ul li div h3 {
	border-left: 5px solid #fa6020;
	margin:  10px;
	padding: 0 10px;
}
.content .right .right-body .news-list ul li div h3 a {
	font-size: 20px;
	line-height: 20px;
}
.content .right .right-body .news-list ul li div p {
	display: inline-block;
	overflow: hidden;
	width: 480px;
	height: 80px;
	margin: 10px;
}
.content .right .right-body .news-list ul li div p a {
	font-size: 14px;
	line-height: 26px;
	color: #b6b6b6;
}
.content .right .right-body .news-list ul li div p a:hover {
	color: #fa6020;
}
.content .right .right-body .news-list .news-time {
	display: inline-block;
	text-align: center;
	color: #fa6020;
	width: 80px;
	height: 80px;
	float: right;
}
.content .right .right-body .news-list .news-time span {
	color: #fa6020;
	font-size: 32px;
}
/* ---- 底部 ---- */

/* ---- 快速通道 ---- */
.bottom-nav {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.bottom-nav .title {
	padding: 20px 0;
}
.bottom-nav .title h3 {
	margin: 0 25px;
	font-size: 24px;
	color: #fe6800;
	display: inline-block;
}
.bottom-nav .title h3 i {
	color: #3d9602;
	font-size: 24px;
	font-style: normal;
}
.bottom-nav .title hr:nth-child(1),.bottom-nav .title hr:nth-child(5) {
	display: inline-block;
	width: 132px;
	height: 4px;
	background-color: #dddddd;
	border-bottom: 3px solid #3a9603;
}
.bottom-nav .title hr:nth-child(2),.bottom-nav .title hr:nth-child(4) {
	display: inline-block;
	width: 395px;
	height: 1px;
	background-color: #dddddd;
}
.bottom-nav-content ul li {
	float: left;
	line-height: 40px;
}
.bottom-nav-content ul li:nth-child(1) {
	margin: 0;
	padding-left: 36px;
	font-size: 20px;
	line-height: 40px;
	color: #3d9602;
	font-weight: bold;
	background: url(../image/icon-nav.png) no-repeat;
	background-position: 0 12px;
}
.bottom-nav-content ul li a {
	display: block;
	padding: 0 30px;
}
/* ---- 快速通道结束 ---- */

/* ---- 友情链接 ---- */
.links {
	width: 1903px;
	height: 90px;
}
.links .left {
	float: left;
	width: 571px;
	height: 90px;
	background-color: #3d9602;
}
.links .left p {
	float: right;
	margin: 0 55px;
	line-height: 90px;
	font-size: 22px;
	font-weight: bold;
	color: white;
}
.links .right {
	float: left;
	width: 1332px;
	background-color: #f5f5f5;
}
.links .right a {
	display: inline-block;
	margin-left: 40px;
	line-height: 90px;
}
/* ---- 友情链接结束 ---- */

/* ---- footer ---- */
.footer {
	width: 1903px;
	height: 246px;
	background: url(../image/footer.jpg) no-repeat;
}
.footer-content {
	width: 1200px;
	margin: 0 auto;
	padding-top: 45px;
}
.footer-content .left {
	float: left;
	width: 280px;
	height: 140px;
	padding: 35px 23px;
	border-radius: 5%;
	background-color: #e9eced;
}
.footer-content .left img {
	display: block;
}
.footer-content  .center {
	float: left;
	width: 500px;
	margin: 0 100px;
}
.footer-content  .center p {
	font-size: 14px;
	line-height: 23px;
}
.footer-content  .right {
	float: left;
	width: 220px;
	height: 140px;

}
.footer-content  .right img {
	margin-left: 13px;
}
.footer-content  .right p {
	font-size: 12px;
	width: 117px;
	float: right;
	text-align: center;
}