body{margin:0;font:14px/1.5 "PingFang SC", "Microsoft Yahei", "微软雅黑", sans-serif;color:#333}a{text-decoration:none;color:#333}img{max-width:100%;border:0;vertical-align:top}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}.clearfix:before,.section:before,.section-image:before,#footer .container:before,#section-series ul:before,#section-a-contact .section-bd ul:before,.clearfix:after,.section:after,.section-image:after,#footer .container:after,#section-series ul:after,#section-a-contact .section-bd ul:after{content:"";display:table}.clearfix:after,.section:after,.section-image:after,#footer .container:after,#section-series ul:after,#section-a-contact .section-bd ul:after{clear:both}

.about{ width:100%; padding-top:50px; padding-bottom:50px; clear:both;}
.about-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#0b51b3; max-width:1200px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:30px;}
.about-content{ width:90%; text-align:left; line-height:200%; max-width:1200px; margin:0px auto; clear:both;}
.about-content-yw{ width:90%; text-align:left; line-height:160%; max-width:1200px; margin:0px auto; clear:both;}


.footer{ width:100%; margin:0px; padding-top:20px; padding-bottom:20px; text-align:center; background-color:#0b51b3; color:#f5f5f5; clear:both;}
.footer a{ color:#f5f5f5;}

.fenye{max-width:100%; margin:15px auto; padding-top:10px; padding-top:10px; text-align:center;}

@-webkit-keyframes move{
	0%{left:-80%;} 
	100%{left:0;}
	}
#wraper{width:90%; max-width:1200px; height:220px;position:relative;margin:5px auto 50px auto; overflow: hidden; clear:both;}
#lister{position:absolute;left:0;top:0; padding:0; margin:0; -webkit-animation:5s move infinite linear;width:200%;}
#lister li{list-style:none;text-align: center;float:left; margin-right:20px;}
#lister li img{height:220px; border:#eeeeee 1px solid;}
#wraper:hover #lister{-webkit-animation-play-state:paused;}

@media only screen and (min-width:960px) {

.about-content-f{width:90%; text-align:left; line-height:200%; max-width:1200px; margin:0px auto; clear:both;}
.about-content-f ul{ padding:0px; margin:0px;}
.about-content-f ul li:nth-child(1){ float:left; width:38%; max-width:380px; list-style-type:none; text-align:center; margin-right:2%;}
.about-content-f ul li:nth-child(2){ float:left; width:60%; max-width:800px; list-style-type:none; text-align:left; line-height: 150%; max-height: 275px; overflow: hidden;}

.shugao{height:100px;}

.Product-display{ width:100%; padding-top:50px; padding-bottom:50px; clear:both; background-color:#f5f5f5;}
.Product-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#0b51b3; max-width:1200px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:30px;}
.Product-class{}
.Product-content{width:90%; text-align:left; line-height:200%; max-width:1200px; margin:20px auto 0px auto; clear:both;}
.Product-content ul{ margin:0px auto; padding:0px; max-width:1200px;}
.Product-content ul li{ float:left; width:31.33%; margin-left:1%; margin-right:1%; list-style-type:none; height:370px; overflow:hidden; margin-bottom:25px;}
.Product-content ul li p{ margin:0px; padding:0px; height:320px; overflow:hidden;}
.Product-content ul li img{ width:100%; transition: all 0.6s;}
.Product-content ul li:hover img{transform: scale(1.1);}
.Product-content ul li:hover{ box-shadow:#CCC 5px 5px 5px 2px;}
.Product-text{ text-align:center; height:50px; line-height:50px; font-size:1.2em; overflow:hidden;}
.Product-content ul li:hover .Product-text{ color:#252122;}

.chanpinzhanshi4{width:90%; text-align:left; max-width:1200px; margin:20px auto 0px auto; clear:both;}
.chanpinzhanshi4 ul{ margin:0px auto; padding:0px; max-width:1200px;}
.chanpinzhanshi4 ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; list-style-type:none; height:370px; overflow:hidden; margin-bottom:25px; border-bottom:#ffffff 2px solid;}
.chanpinzhanshi4 ul li p{ margin:0px; padding:0px; height:295px; overflow:hidden;}
.chanpinzhanshi4 ul li img{ width:100%; transition: all 0.6s;}
.chanpinzhanshi4 ul li:hover img{transform: scale(1.1);}
.chanpinzhanshi4 ul li:hover{ box-shadow:#CCC 5px 5px 5px 2px;}
.Product-text1{ text-align:left; width:95%; margin:0px auto; line-height:150%; padding-top:7px; padding-bottom:5px; font-size:16px;}
.Product-text{ text-align:left; width:95%; margin:0px auto; line-height:150%; font-size:14px;}
.chanpinzhanshi4 ul li:hover{ border-bottom:#da251c 2px solid;}




.news-display{ width:100%; padding-top:50px; padding-bottom:50px; clear:both; background-color:#f9f9f9;}
.news-display1{ width:100%; padding-top:50px; padding-bottom:50px; clear:both;}
.news-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#0b51b3; max-width:1200px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:30px;}
.news-class{}
.news-content{width:90%; text-align:left; line-height:200%; max-width:1200px; margin:0px auto;}
.news-content ul{ margin:0px auto; padding:0px; max-width:1200px;}
.news-content ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; list-style-type:none; height:180%; overflow:hidden; margin-bottom:20px; background-color:#f5f5f5; border-radius:5px;}
.news-date{ float:left; width:18%; margin-right:2%; background-color:#eaeaea; padding-top:20px; padding-bottom:20px;}
.news-day{ text-align:center; font-size:2em;}
.news-year{ text-align:center; font-size:1em;}
.news-text{ float:left; width:80%; padding-top:5px; padding-bottom:5px;}
.news-text h3{ font-size:1.2em; text-align:left; padding:0px; margin:0px;}
.news-text p{ text-align:left; line-height:180%; color:#999; padding:0px; margin:0px; height:50px; overflow:hidden;}


.Contact-display{ width:100%; padding-top:50px; padding-bottom:0px; clear:both; background:url(images/map.png) no-repeat top; height:470px;}
.Contact-content{width:90%; text-align:left; max-width:1200px; margin:0px auto;}
.Contact-content ul{ margin:0px auto; padding:0px; max-width:1200px;}
.Contact-content ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; list-style-type:none; height:180%;}
.Contact-content-img{ width:80%; margin:0px auto; padding-top:60px; text-align:left;}
.Contact-content-title{width:80%; margin:0px auto; color:#FFF; font-size:1.2em; padding-top:18px; padding-bottom:20px; text-align:left;}
.Contact-content-add{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em;  background:url(images/add.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-content-email{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em; background:url(images/email.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-content-tel{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em; background:url(images/tel.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-message-title{width:100%; margin:0px auto 20px auto; color:#FFF; font-size:1.2em; padding-top:68px; padding-bottom:15px; text-align:left; background:url(images/xian.png) no-repeat left bottom;}
.Contact-message-con{width:100%; margin:0px auto 20px auto;}

.table td{ color:#FFF; padding-top:15px; text-align:left;}
.message-input{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:22px; line-height:22px;}
.message-textarea{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:100px; line-height:22px;}
.message-submit{ width:120px; height:40px; line-height:40px; background-color:#252122; color:#FFF; border:0px; font-size:1.3em;}


}


@media screen and (min-width:640px) and (max-width:960px){
.about-content-f{width:90%; text-align:left; line-height:200%; max-width:1200px; margin:0px auto; clear:both;}
.about-content-f ul{ padding:0px; margin:0px;}
.about-content-f ul li:nth-child(1){ float:left; width:48%; max-width:460px; list-style-type:none; text-align:center; margin-right:2%;}
.about-content-f ul li:nth-child(2){ float:left; width:50%; max-width:480px; list-style-type:none; text-align:center; display: -webkit-box;-webkit-line-clamp:8;-webkit-box-orient: vertical; height:200px; overflow: hidden;}

.shugao{height:100px;}
	
.Product-display{ width:100%; padding-top:50px; padding-bottom:50px; clear:both; background-color:#f5f5f5;}
.Product-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#0b51b3; max-width:960px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:30px;}
.Product-class{}
.Product-content{width:90%; text-align:left; line-height:200%; max-width:960px; margin:20px auto 0px auto; clear:both;}
.Product-content ul{ margin:0px auto; padding:0px; max-width:960px;}
.Product-content ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; list-style-type:none; height:310px; overflow:hidden; margin-bottom:25px;}
.Product-content ul li:hover{ box-shadow:#CCC 5px 5px 5px 2px;}
.Product-content ul li p{ margin:0px; padding:0px; height:260px; overflow:hidden;}
.Product-content ul li img{width:100%; transition: all 0.6s;}
.Product-content ul li:hover img{transform: scale(1.1);}
.Product-text{ text-align:center; height:40px; line-height:40px; font-size:1.1em; overflow:hidden;}
.mobile-nav-toggle .fa { padding-top:20px;
	font-size:2rem;
}


.chanpinzhanshi4{width:90%; text-align:left; max-width:960px; margin:20px auto 0px auto; clear:both;}
.chanpinzhanshi4 ul{ margin:0px auto; padding:0px; max-width:960px;}
.chanpinzhanshi4 ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; list-style-type:none; height:260px; overflow:hidden; margin-bottom:25px;}
.chanpinzhanshi4 ul li p{ margin:0px; padding:0px; height:175px; overflow:hidden;}
.chanpinzhanshi4 ul li img{ width:100%; transition: all 0.6s;}
.chanpinzhanshi4 ul li:hover img{transform: scale(1.1);}
.chanpinzhanshi4 ul li:hover{ box-shadow:#CCC 5px 5px 5px 2px;}
.Product-text1{ text-align:left; width:95%; margin:0px auto; line-height:150%; padding-top:7px; padding-bottom:5px; font-size:24px;}
.Product-text{ text-align:left; width:95%; margin:0px auto; line-height:150%; font-size:14px;}
.chanpinzhanshi4 ul li:hover{}


.news-display{ width:100%; padding-top:50px; padding-bottom:50px; clear:both;}
.news-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#d83d4d; max-width:960px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:30px;}
.news-class{}
.news-content{width:90%; text-align:left; line-height:200%; max-width:960px; margin:0px auto;}
.news-content ul{ margin:0px auto; padding:0px; max-width:960px;}
.news-content ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; list-style-type:none; height:180%; overflow:hidden; margin-bottom:20px; background-color:#f5f5f5; border-radius:5px;}
.news-date{ float:left; width:18%; margin-right:2%; background-color:#eaeaea; padding-top:20px; padding-bottom:20px;}
.news-day{ text-align:center; font-size:2em;}
.news-year{ text-align:center; font-size:1em;}
.news-text{ float:left; width:80%; padding-top:5px; padding-bottom:5px;}
.news-text h3{ font-size:1.2em; text-align:left; padding:0px; margin:0px;}
.news-text p{ text-align:left; line-height:180%; color:#999; padding:0px; margin:0px; height:50px; overflow:hidden;}


.Contact-display{ width:100%; padding-top:50px; clear:both;}
.Contact-content{width:100%; text-align:left; max-width:960px; margin:0px auto;}
.Contact-content ul{ margin:0px auto; padding:0px; max-width:960px;}
.Contact-content ul li{ float:left; width:100%; list-style-type:none; height:180%;}
.Contact-content ul li:nth-child(1){ background-color:#252122; padding-bottom:30px;}
.Contact-content ul li:nth-child(2){ background-color:#333333; padding-bottom:30px;}
.Contact-content-img{ width:80%; margin:0px auto; padding-top:60px; text-align:left;}
.Contact-content-title{width:80%; margin:0px auto; color:#FFF; font-size:1.2em; padding-top:18px; padding-bottom:20px; text-align:left;}
.Contact-content-add{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em;  background:url(images/add.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-content-email{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em; background:url(images/email.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-content-tel{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em; background:url(images/tel.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-message-title{width:80%; margin:0px auto 20px auto; color:#FFF; font-size:1.2em; padding-top:68px; padding-bottom:15px; text-align:left; background:url(images/xian.png) no-repeat left bottom;}
.Contact-message-con{width:80%; margin:0px auto 20px auto;}

.table td{ color:#FFF; padding-top:15px; text-align:left;}
.message-input{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:22px; line-height:22px;}
.message-textarea{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:100px; line-height:22px;}
.message-submit{ width:120px; height:40px; line-height:40px; background-color:#252122; color:#FFF; border:0px; font-size:1.3em;}


	}



@media only screen and (max-width:640px) {
.about-content-f{width:90%; text-align:left; line-height:200%; max-width:1200px; margin:0px auto; clear:both;}
.about-content-f ul{ padding:0px; margin:0px;}
.about-content-f ul li:nth-child(1){ float:left; width:100%; list-style-type:none; text-align:center; margin-right:2%;}
.about-content-f ul li:nth-child(2){ float:left; width:100%; list-style-type:none; text-align:left; padding-top:25px; max-height: 250px; overflow: hidden;}

.shugao{height:61px;}

.Product-display{ width:100%; padding-top:50px; padding-bottom:50px; clear:both; background-color:#f5f5f5;}
.Product-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#d83d4d; max-width:640px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:30px;}
.Product-class{}
.Product-content{width:90%; text-align:left; line-height:200%; max-width:640px; margin:0px auto;}
.Product-content ul{ margin:0px auto; padding:0px; max-width:640px;}
.Product-content ul li{ float:left; width:100%; margin-left:1%; list-style-type:none; height:370px; overflow:hidden; margin-bottom:25px;}
.Product-content ul li:hover{ box-shadow:#CCC 5px 5px 5px 2px;}
.Product-content ul li p{ margin:0px; padding:0px; height:320px; overflow:hidden;}
.Product-content ul li img{width:100%; transition: all 0.6s;}
.Product-content ul li:hover img{transform: scale(1.1);}
.Product-text{ text-align:center; height:30px; line-height:30px; font-size:1.1em; overflow:hidden;}

.mobile-nav-toggle{ padding-top:15px;}
.mobile-nav-toggle .fa {
	font-size:2rem;
}



.chanpinzhanshi4{width:90%; text-align:left; max-width:960px; margin:20px auto 0px auto; clear:both;}
.chanpinzhanshi4 ul{ margin:0px auto; padding:0px; max-width:960px;}
.chanpinzhanshi4 ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; list-style-type:none; height:250px; overflow:hidden; margin-bottom:25px;}
.chanpinzhanshi4 ul li p{ margin:0px; padding:0px; height:195px; overflow:hidden;}
.chanpinzhanshi4 ul li img{ width:100%; transition: all 0.6s;}
.chanpinzhanshi4 ul li:hover img{transform: scale(1.1);}
.chanpinzhanshi4 ul li:hover{ box-shadow:#CCC 5px 5px 5px 2px;}
.Product-text1{ text-align:left; width:95%; margin:0px auto; line-height:150%; padding-top:7px; padding-bottom:5px; font-size:12px;}
.Product-text{ text-align:left; width:95%; margin:0px auto; line-height:150%; font-size:14px;}
.chanpinzhanshi4 ul li:hover{}



.news-display{ width:100%; padding-top:50px; padding-bottom:50px; clear:both; background-color:#f5f5f5;}
.news-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#d83d4d; max-width:640px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:30px;}
.news-class{}
.news-content{width:90%; text-align:left; line-height:200%; max-width:640px; margin:0px auto;}
.news-content ul{ margin:0px auto; padding:0px; max-width:640px;}
.news-content ul li{ float:left; width:100%; list-style-type:none; height:180%; overflow:hidden; margin-bottom:20px; background-color:#f5f5f5; border-radius:5px;}
.news-date{ float:left; width:18%; margin-right:2%; background-color:#eaeaea; padding-top:20px; padding-bottom:20px;}
.news-day{ text-align:center; font-size:2em;}
.news-year{ text-align:center; font-size:1em;}
.news-text{ float:left; width:80%; padding-top:5px; padding-bottom:5px;}
.news-text h3{ font-size:1.2em; text-align:left; padding:0px; margin:0px;}
.news-text p{ text-align:left; line-height:180%; color:#999; padding:0px; margin:0px; height:50px; overflow:hidden;}

.Contact-display{ width:100%; padding-top:50px; clear:both;}
.Contact-content{width:100%; text-align:left; max-width:640px; margin:0px auto;}
.Contact-content ul{ margin:0px auto; padding:0px; max-width:640px;}
.Contact-content ul li{ float:left; width:100%; list-style-type:none;}
.Contact-content ul li:nth-child(1){ background-color:#252122; padding-bottom:30px;}
.Contact-content ul li:nth-child(2){ background-color:#333333; padding-bottom:30px;}
.Contact-content-img{ width:80%; margin:0px auto; padding-top:60px; text-align:left;}
.Contact-content-title{width:80%; margin:0px auto; color:#FFF; font-size:1.2em; padding-top:18px; padding-bottom:20px; text-align:left;}
.Contact-content-add{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em;  background:url(images/add.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-content-email{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em; background:url(images/email.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-content-tel{width:80%; margin:0px auto 16px auto; padding:0px; color:#FFF; font-size:1.1em; background:url(images/tel.png) no-repeat left top; height:27px; line-height:27px; text-align:left; padding-left:32px; }
.Contact-message-title{width:80%; margin:0px auto 20px auto; color:#FFF; font-size:1.2em; padding-top:68px; padding-bottom:15px; text-align:left; background:url(images/xian.png) no-repeat left bottom;}
.Contact-message-con{width:80%; margin:0px auto 20px auto;}

.table td{ color:#FFF; padding-top:15px; text-align:left;}
.message-input{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:22px; line-height:22px;}
.message-textarea{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:100px; line-height:22px;}
.message-submit{ width:120px; height:40px; line-height:40px; background-color:#252122; color:#FFF; border:0px; font-size:1.3em;}

}