@charset "utf-8";
/* CSS Document */
/*********************产品***********************/
.marqueeleft{
	/*height:90px;*/
	overflow:hidden;
	margin:0px auto;
	margin-top:30px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 12px;
	display:inline;
	width:252px;
	height:300px;
	overflow:hidden;
	text-align:center;
	
	}
.marqueeleft li .pic{
	display:block;
	width: 250px;
    height: 250px;
	overflow:hidden;
	border:1px solid #ddd;
	overflow:hidden; position:relative;
	}
.marqueeleft li .pic img {
	display: block;
	transition: all 0.5s;
	width:100%;
}
.marqueeleft li .pic:hover img {
	transform: scale(1.1);
}	
.marqueeleft li .txt{text-align:center;height:42px;line-height:42px;width:250px; font-size:14px;}
.marqueeleft a{ color:#666;}
.marqueeleft a:hover{ color:#F0B01C;}


/**************************产品**************************/
.products{ max-width:1180px; margin:30px auto; display:none;}
.products ul{ margin-left:-2%;}
.products li{ float:left; width:23%; margin-left:2%; text-align:center; line-height:30px; margin-bottom:2%;}
.products li .pic{ border:1px solid #DDD;}
.products li .pic img{ width:100%;}
.products li a{ color:#666; font-size:14px;}
.products li a:hover{ color:#F0B01C; }


@media screen and (max-width: 720px){

.marqueeleft{ display:none;}
.products {
    padding: 0px 3%; display:block;
}
.products li {
    width: 48%;
}
}


/*********************关于***********************/
.sy-about{ background:#F0B01C; padding:50px 0;}

.about{ width:98%; margin:0 auto;  }
.about{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0 auto;
	}

.about .abimg{
	width:50%;
	float:left;
	overflow:hidden;
	}
.about .abimg img{
	width:100%;
	}
.about .abtext{
	width:47%;
	float:right;
	overflow:hidden;
	}
.about .abtext h2{ font-size:24; margin-bottom:20px;} 	
.about .abtext p{
	font-size:14px;
	color:#333;
	line-height:24px;
	margin-bottom:5px;
	}
.about .abtext a{
	display:inline-block;
	margin-top:20px;
	font-size:12px;
	color:#fff;
	padding:10px 30px;
	background:#666;
	border-radius:5px;
	transition:background 1s;
	}
.about .abtext a:hover{
	background:#000;
	}
@media (max-width:1000px) {
.about .abimg{
	width:100%;
	float:none;
	margin-top:20px;
	overflow:hidden;
	text-align:center;
	}
.about .abtext h2{ font-size:20; margin-bottom:10px; margin-top:10px;} 	
.about .abtext{
	width:96%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	}
.about .abimg img{
	width:96%;
	}	
	}
@media (max-width:600px) {
.sy-about{ padding:20px 0;}
.about .abimg{
	width:100%;
	float:none;
	margin-top:15px;
	overflow:hidden;
	text-align:center;
	}
.about .abimg img{
	width:94%;
	}
.about .abtext{
	width:94%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	}
	
.about .abtext a{ margin-top:10px;}
.about .abtext p{ line-height:24px;}
	}
@media (max-width:500px) {
.about .abtext p{
	font-size:14px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	}
	}





/**************************产品**************************/
.product{
	width:100%;
	overflow:hidden;
	padding:30px 0px;
	background:#f7f7f7;
	}
.bt{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	}
.bt p:nth-of-type(1){
	font-size:30px;
	color:#000;
	}
.bt .btt{
	width:50px;
	height:1px;
	background:#666;
	margin:10px auto;
	}
.bt p:nth-of-type(2){
	font-size:14px;
	color:#666;
	}
@media (max-width:1000px) {
.bt{
	width:96%;
	}
	}
.Box {
	position: relative;
	overflow:hidden;
	margin:20px 0px 15px 0px;
}
.Box .content {
	width:1200px;
	margin: 0 auto;
}
.Box .Box_con {
	position: relative;
}
.Box .Box_con .btnl {
	position: absolute;
}
.Box .Box_con .btn {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 142px;
	cursor: pointer;
}
.Box .Box_con .btnl {
	background: url(../images/jtl02.png) no-repeat center;
	left: 0px;
}
.Box .Box_con .btnr {
	background: url(../images/jtr02.png) no-repeat center;
	right: 0px;
}
.Box .Box_con .btnl:hover {
	background: url(../images/jtl03.png) no-repeat center;
}
.Box .Box_con .btnr:hover {
	background: url(../images/jtr03.png) no-repeat center;
}
.Box .Box_con .conbox {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.Box .Box_con .conbox ul {
	position: relative;
	list-style: none;
}
.Box .Box_con .conbox ul li {
	float: left;
	width: 260px;
	margin-left: 20px;
	overflow: hidden;
}
.Box .Box_con .conbox ul li:first-child {
	margin-left: 0;
}
.Box .Box_con .conbox ul li .cptp {
	width: 260px;
	height: 195px;
	overflow: hidden;
	background:#fafafa;
}
.Box .Box_con .conbox ul li .cptp img {
	display: block;
	max-width: 260;
	max-height: 195;
	transition: all 0.5s;
}
.Box .Box_con .conbox ul li:hover .cptp img {
	transform: scale(1.1);
}
.Box .Box_con .conbox ul li .cpwz {
	width: 260px;
	height: 125px;
	background:#fff;
	padding:15px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	font-size:15px;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1) a {
	color:#333;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	font-size:12px;
	color:#999;
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-right:20px; 
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(3) {
	font-size:12px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(3) a {
	color:#ccc;
}
.Box .Box_con .conbox ul li .cpwz hr {
	height:1px;
	border:none;
	background-color:#e8eaeb;
	margin:15px 0px;
}
.Box .Box_con .conbox ul li .cpwz p a:hover{ color:#F0B01C;}

@media screen and (min-width:1100px) and (max-width:1200px) {
.Box .content {
	width: 1070px;
}
.Box .Box_con .conbox {
	width: 950px;
}
.Box .Box_con .btn {
	top: 120px;
}
.Box .Box_con .conbox ul li {
	width: 222.5px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 222.5px;
	height: 167px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 222.5px;
	max-height: 167px;
}
.Box .Box_con .conbox ul li .cpwz {
	width: 222.5px;
	height: 107px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:5px;
}
.Box .Box_con .conbox ul li .cpwz hr {
	margin:10px 0px;
}
	}
@media screen and (min-width:1000px) and (max-width:1100px) {
.Box .content {
	width: 980px;
}
.Box .Box_con .conbox {
	width: 870px;
}
.Box .Box_con .btn {
	top: 151.5px;
}
.Box .Box_con .conbox ul li {
	width: 276px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 276px;
	height: 207px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 276px;
	max-height: 207px;
}
.Box .Box_con .conbox ul li .cpwz {
	width: 276px;
	height: 133px;
}
	}
@media (max-width:1000px) {
.Box .content {
	width: 900px;
}
.Box .Box_con .conbox {
	width: 820px;
}
	}
@media screen and (min-width:800px) and (max-width:900px) {
.Box .content {
	width: 780px;
}
.Box .Box_con .conbox {
	width: 690px;
}
.Box .Box_con .btn {
	top: 185.5px;
}
.Box .Box_con .conbox ul li {
	width: 335px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 335px;
	height: 251px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 335px;
	max-height: 251px;
}
.Box .Box_con .conbox ul li .cpwz {
	width: 335px;
	height: 161px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	margin-top:10px;
	}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:15px;
}
.Box .Box_con .conbox ul li .cpwz hr {
	margin:20px 0px;
}
	}
@media screen and (min-width:700px) and (max-width:800px) {
.Box .content {
	width: 690px;
}
.Box .Box_con .conbox {
	width: 590px;
}
.Box .Box_con .btn {
	top: 156.5px;
}
.Box .Box_con .conbox ul li {
	width: 285px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 285px;
	height: 214px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 285px;
	max-height: 214px;
}
.Box .Box_con .conbox ul li .cpwz {
	width: 285px;
	height: 137px;
}
	}
@media (max-width:700px) {/*700*/
.Box .content {
	width: 620px;
}
.Box .Box_con .conbox {
	width: 540px;
}
	}
@media screen and (min-width:500px) and (max-width:620px) {
.Box .content {
	width: 460px;
}
.Box .Box_con .conbox {
	width: 360px;
}
.Box .Box_con .btn {
	top: 200px;
}
.Box .Box_con .conbox ul li {
	width: 360px;
}
.Box .Box_con .conbox ul li .cptp {
	width: 360px;
	height: 270px;
}
.Box .Box_con .conbox ul li .cptp img {
	width: 360px;
	max-height: 270px;
}
.Box .Box_con .conbox ul li .cpwz {
	width: 360px;
	height: 173px;
}

.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	margin-top:15px;
	}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:15px;
}
.Box .Box_con .conbox ul li .cpwz hr {
	margin:20px 0px;
}
	}
@media (max-width:500px) {/*400*/
.Box .content {
	width: 365px;
}
.Box .Box_con .conbox {
	width: 260px;
}
	}