﻿
.news{ width:100%; height:auto; margin-top:40px; margin-bottom:75px;}
.news_list{ width:100%; height:auto;}
.news_list li{ width:100%; height:220px; margin-bottom:20px; border:1px solid #eeeeee;}
.news_list li a{ display:block;}
.news_date{ width:168px; vertical-align:middle; text-align:center; float:left; padding-top:60px;}
.news_date h1{ font-size:48px; color:#666666;}
.news_date p{ color:#666666; font-size:16px;}
.news_text{ display:inline-block; height:220px; border-left:1px solid #e5e5e5; padding-left:55px; width:657px; float:left;}
.news_text h3{ font-size:18px; color:#333333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:15px; padding-top:61px;}
.news_text p{ font-size:14px; line-height:26px; color:#666666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; height:56px; -webkit-box-orient: vertical;}
.news_pic{ width:270px; display:inline-block; margin-left:30px; text-align:center; font-size:0; float:right;}
.news_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.news_pic img{ max-height:220px; max-width:340px; vertical-align:middle;}
.news_list li a:hover .news_text h3{ color:#a00710;}
.news_more{ margin-top:55px;}

/*D????��o?��|*/
.news01{ width:1200px; height:auto; margin:0 auto; margin-top:40px;}
.news01_title{ width:100%; height:auto; text-align:center;}
.news01_title h2{ color:#666666; font-size:26px; text-align:center; margin-bottom:20px;}
.news01_title p{ text-align:center; color:#999999; font-size:12px;}
.news_content{ width:100%; height:auto; margin-top:35px;}
.news_content p{line-height:1.8em;}
.video_bottom{margin-bottom:120px;}
.news_p{ font-size:14px; color:#666666; line-height:28px; margin-bottom:35px; text-indent:30px;}
.news01_bottom{ width:100%; height:auto; margin-top:35px; padding-top:45px; border-top:1px solid #eeeeee; margin-bottom:45px; overflow:hidden;}
.news01-left{ width:1045px; height:auto; float:left;}
.news01-left p{ width:100%; height:auto; color:#666666; font-size:14px; margin-bottom:15px;}
.news01-left p>a{ color:#999999; font-size:14px;}
.news01-left p>a:hover{ color:#a00710;}
.news01-right{ float:right; padding-right:65px; width:150px;}
.news01-right a{ color:#999999; font-size:14px;}
.news01-right a:hover{ color:#a00710;}


.show{ width:1017px; height:auto; margin:0 auto; margin-top:80px;}
.show_dao{ width:100% ; height:auto; margin-top:40px;}
.show_dao ul{ text-align:center; width:100%; height:auto;}
.show_dao ul li{ display:inline-block; text-align:center; margin:0px 41px;color:#666666; font-size:18px;cursor:pointer;}
.show_dao ul li:hover{ border-bottom:2px solid #a62128;}
.show_dao ul li.sactive{border-bottom:2px solid #a62128;}
.show_content{ width:100%; height:auto; margin-top:30px;}
.show_list{ width:100%; height:auto; display:none;}
.show_list ul{ overflow:hidden;}
.show_list li{ width:270px; height:auto; float:left; margin-right:100px;}
.show_list li a{ display:block; width:100%; height:100%; cursor:pointer;}
.show_list li a:hover .show_pic img{ transform:scale(1.1);}
.show_list li a:hover h3{ color:#a62128;}
.show_list li:nth-child(3n){ margin-right:0px;}
.show_list li .show_pic{ width:270px; height:368px; border:1px solid #d8d8d8; text-align:center; font-size:0; overflow:hidden;}
.show_list li .show_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.show_list li .show_pic img{ max-height:366px; max-width:268px; vertical-align:middle; transition:all 0.3s linear;}
.show_list li h3{ font-size:18px; text-align: center; color:#333; padding:0px 5px; margin-top:20px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;transition:all 0.3s linear;}
.show_list li p{ font-size:14px; color:#666666; text-align:center; padding:0px 5px; margin-top:10px;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.show_list li p>span{ color:#a62128; font-size:14px;}
.show_lian{ width:120px; height:40px; margin:0 auto; margin-top:30px; clear:both;}
.show_lian a{ display:block; width:100%; height:100%; border:1px solid #a62128; color:#a62128; font-size:14px; text-align:center; line-height:40px; transition:all 0.3s linear;}
.show_lian a:hover{ color:#fff; background:#a62128;}
/*2??��?2?????��?1??��?o?*/
.product{ width:100%; height:auto; margin-bottom:65px;}
.product_title{ width:1170px; height:auto; margin:0 auto; margin-top:54px;}
.product_title ul{ width:100%; height:auto;}
.product_title ul li{/*width:101px;*/height:45px; line-height:45px; text-align:center; overflow:hidden; float:left; margin-right:50px; margin-bottom:10px;}
.product_title ul li a{padding-left:10px;padding-right:10px;display:block; width:100%; color:#666666; font-size:16px; transition:all 0.3s linear; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_title ul li a:hover{ background:#535353; color:#fff;}
.product_title ul li a.cactive{background:#535353; color:#fff;}
.product_title ul li:nth-child(8n){ margin-right:0px;}
.product_content{ width:1180px; height:auto; margin:0 auto; margin-top:60px;}
.product_list{ width:100%; height:auto;}
.product_list li{ width:280px; height:430px; float:left; margin-right:20px; margin-bottom:38px;}
.product_list li a{ display:block; width:100%; height:100%; cursor:pointer;}
.product_list li a:hover .show_pic img{ transform:scale(1.1);}
.product_list li a:hover h3{ color:#a62128;}
.product_list li:nth-child(4n){ margin-right:0px;}
.product_list li .show_pic{ width:280px; height:350px; border:1px solid #d8d8d8; text-align:center; font-size:0; overflow:hidden;}
.product_list li .show_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.product_list li .show_pic img{ max-height:350px; max-width:230px; vertical-align:middle; transition:all 0.3s linear;}
.product_list li h3{ font-size:18px; text-align: center; color:#333; padding:0px 5px; margin-top:20px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;transition:all 0.3s linear;}
.product_list li p{ font-size:14px; color:#666666; text-align:center; padding:0px 5px; margin-top:10px;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product_list li p>span{ color:#a62128; font-size:14px;}
.product_more{ width:190px; height:55px; line-height:55px; text-align:center; margin:0 auto; margin-top:25px;}
.product_more a{ display:block; width:100%; height:100%; border:1px solid #d8d8d8; cursor:pointer; transition:all 0.3s linear; font-size:14px; color:#999999; background:url(../images/more.png) no-repeat; background-position:53px 50%; padding-left:10px;cursor:pointer;}
.product_more a:hover{ color:#a62128; border:1px solid #a62128;}
/*2??��?2?????��???��?o???��?|*/
.product01{ width:1200px; height:auto; margin:0 auto; margin-top:55px; margin-bottom:55px;}
.pro-top{ width:100%; height:auto;}
.pro-t-pic{ width:309px; height:368px; text-align: center; font-size:0; float:left;}
.pro-t-pic span{ display:inline-block; height:100%; vertical-align:middle;}
.pro-t-pic img{ max-height:368px; max-width:309px; vertical-align:middle;}
.pro-t-text{ width:835px; height:auto; float:right; margin-top:40px;}
.pro-title{ width:100%; height:auto;}
.pro-title h3{ float:left; color:#333333; font-size:24px; margin-right:95px; }
.pro-title h3 span{color: #aa8149; font-size:14px;text-align: center;}
.pro-title p{ float:left; font-size:24px; color:#aa8149;}
.pro-content{ width:100%; height:auto; margin-top:85px;}
.pro1{ float:left; width:188px; height:auto; margin-right:75px;}
.pro1 h3{ font-size:20px; color:#999999; padding-bottom:10px; border-bottom:1px solid #d8d8d8; margin-bottom:10px;}
.pro1 p{ font-size:14px; color:#666666; line-height:28px;}
.pro2{ margin-top:45px;}

.pro_main{ width:100%; height:auto; margin-top:430px; background:#eeeeee; position:relative; padding-bottom:120px;}
.pro-m-pic{ width:100%; height:auto; text-align:center; position:relative; top:-215px;}
.pro-m-pic img{ max-width:100%; height:428px !important; vertical-align:middle;}
.pro-m-text{ width:625px; height:auto; margin:0 auto; margin-top:-180px;}
.pro-m-text h3{ font-size:30px; color:#666666; text-align:center;}
.pro-m-text p{ color:#999999; font-size:16px; line-height:28px; margin-top:15px;}

.pro_center{ width:100%; height:auto; margin-top:130px;}
.pro-c_left{ width:600px; height:287px; float:left; text-align:center; font-size:0; margin-right:15px;}
.pro-c_left span{ display:inline-block; height:100%; vertical-align:middle;}
.pro-c_left img{ max-height:287px; max-width:600px; vertical-align:middle;}
.pro-c-right{ width:589px; height:287px; text-align:center; display:table-cell; vertical-align:middle; padding-right:30px;}
.pro-c-right p{ color:#666666; font-size:16px; line-height:32px; text-align:left;}

.pro_bottom{ width:100%; height:auto; /*margin-top:125px;*/}
.pro_list{ width:100%; height:auto; overflow:hidden;}
.pro_list li:nth-of-type(1){height:545px;}
.pro_list li:nth-of-type(2){background:#fff;height:545px;}
.pro_list li:nth-of-type(2) .pic-box-p{background:#fff;height:545px;}
.pro_list li:nth-of-type(2) .pic-box-p .pic-n-box{width:560px;}
.pro_list li:nth-of-type(1) .pro-l-pic{height:545px;}
.pro_list li:nth-of-type(1) .pro-l-pic img{max-height:545px !important;}
.pro_list li{ width:600px; height:595px; float:left;}
.pro_list li .pic-box-p{ background:#f4f4f4;}
.pro_list li .pic-box-p .pic-n-box{width:350px;margin:0 auto;}
/*.pro_list li .pic-box p{ text-align:center;}*/
.pro_list li:last-child{ background:#f4f4f4;}
.pro_list li .pic-box-p{ width:600px; height:595px; display:table-cell; vertical-align:middle;}
.pro_list li .pic-box-p h3{ color:#666666; font-size:22px; margin-bottom:15px;text-align:center}
.pro_list li .pic-box-p p{ font-size:16px; color:#999999; /*padding:0px 125px; text-align:left;*/ line-height:28px;}
.pro_list li .pro-l-pic{ width:600px; height:595px; text-align:center; font-size:0;}
.pro_list li .pro-l-pic span{ display:inline-block; vertical-align:middle; height:100%;}
.pro_list li .pro-l-pic img{ max-height:595px; max-width:600px;}

.tb-s310, .tb-s310 img {
	max-height: 100%;
	max-width: 309px;
	text-align: center;
}.box_top_left {
	float: left;
	width: 309px;
	height: 368px;
}
.cont {
	width: 1200px;
	max-min: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: none;
}.clear {
	clear: both;
}