﻿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}


.headTop{ width:100%; padding-top:10px; padding-bottom:10px; clear:both; text-align: left; background-color:#2a69b3; position: relative;}
.headTop ul{ margin: 0 auto; padding: 0px; width: 90%; max-width: 1440px;}
.headTop ul li{ text-align: left; color: #FCFCFC; list-style-type: none;}

.headLogo{ width: 90%; max-width: 1440px; margin: 0 auto; padding: 0px; clear:both; text-align: center;}

.headMenu{ width:100%; padding-top:20px; padding-bottom:20px; clear:both; text-align: left; background-color:#eeeeee; position: relative;}
.headMenu ul{ margin: 0 auto; padding: 0px; width: 90%; max-width: 1440px;}
.headMenu ul li{ text-align: left; color: #FCFCFC; list-style-type: none; float: left; width: 12.5%;}


.footer{width:100%; margin:0px; padding-top:20px; padding-bottom:20px; text-align:center; background-color:rgba(22,49,146,1); color:#f5f5f5; clear:both;}
.footer a{ color:#f5f5f5;}





.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:#005ba9; 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;}

.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) {

.shugao{height:10px; clear: both; width: 100%;}
.shugao1{height:250px; clear: both; width: 100%;}

.mainHeadlines{width: 90%; max-width: 1440px; margin:0px auto;  padding: 0px; height: 190px; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9; position: relative; clear:both;}
.mainHeadlines1{width:73px; position: absolute; background: url("images/toutiao.png") no-repeat; height: 33px; line-height: 33px; text-align:center; color:#FCFBFB; left: 20px; top: -10px; clear: both;}
.mainHeadlines2{width:90%; left: 5%; top:43px; position: absolute; clear: both;}
.mainHeadlines2-1{ text-align: center; height: 50px; line-height: 50px; font-size: 3em; margin-bottom: 15px; clear: both;
}
.mainHeadlines2-2{ text-align:left; height: 60px; line-height: 30px; font-size: 1em; overflow: hidden; clear: both;}

	
.mainZhuti{width: 100%; max-width: 1440px; margin: 0 auto; padding:0px; clear:both;}
.mainZhuti-left{float: left; width: 60%; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti-right{float:right; width:36%; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti1-left1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
.mainZhuti1-left2{width: 96%; margin: 0px auto; padding:10px;}
.mainZhuti1-left2 img{width:100%; }
.mainZhuti1-left3{width: 96%; margin: 0px auto; padding:0px; padding-bottom: 45px; font-size: 2em; height: 70px; line-height: 70px; text-align: left; overflow: hidden;}

.mainZhuti1-right1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
.mainZhuti1-right2{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}

.mainZhuti1{width: 90%; max-width: 1440px; margin: 0px auto; padding:0px; height: 150px; clear:both; border-radius: 10px;  box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti1-left{float: left; width: 60%;}
.mainZhuti1-right{float:right; width:36%; }

.mainZhutix{width: 100%; max-width: 1440px; margin: 0px auto; text-align: center; padding-top: 15px; padding-bottom: 15px; clear:both; border-radius: 10px;  box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhutix-1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
	



	
#buyichanpinxijie{margin:10px auto;width:100%; overflow:hidden;}
.buyichanpinxijie1 img{vertical-align:top;}
.buyichanpinxijie1 li{position:relative;float:left;margin-right:1%; margin-left:1%;width:23%;height:160px;overflow:hidden;cursor:pointer; margin-bottom:25px;}
.buyichanpinxijie1 li img{ min-width:100%; min-height:100%; transition: all 0.6s;}
.buyichanpinxijie1 li:hover img{transform: scale(1.1);}
.buyichanpinxijie1 div{position:absolute;left:0;top:110px;width:100%;height:50px;text-align:center;color:#e0dfdf;overflow:hidden; background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));}
.buyichanpinxijie1 p{display:none;margin:0px auto;width:90%;line-height:20px; height:40px; overflow:hidden; text-align:left; font-size:12px;}
.buyichanpinxijie1 h3{margin:11px 0;height:25px; color:#FFF;}
	
	
#buyichanpinxijie-1{margin:10px auto;width:100%; max-width: 1440px; overflow:hidden;}
.buyichanpinxijie1-1 img{vertical-align:top;}
.buyichanpinxijie1-1 li{position:relative;float:left;margin-right:1%; margin-left:1%;width:31.33%;height:300px;overflow:hidden;cursor:pointer; margin-bottom:25px;}
.buyichanpinxijie1-1 li img{ min-width:100%; min-height:100%; transition: all 0.6s;}
.buyichanpinxijie1-1 li:hover img{transform: scale(1.1);}
.buyichanpinxijie1-1 div{position:absolute;left:0;top:230px;width:100%;height:70px;text-align:center;color:#e0dfdf;overflow:hidden; background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));}
.buyichanpinxijie1-1 p{margin:0px auto;width:90%;line-height:20px; padding-bottom: 25px; overflow:hidden; text-align:left; font-size:12px;}
.buyichanpinxijie1-1 h3{margin:11px 0;height:25px; color:#FFF;}
	
	
.bannerpic{width:100%; margin:0px auto; padding:0px; clear:both; overflow:hidden; height:400px;}
.bannerpict{width:100%; margin:0px auto; padding:0px; clear:both; text-align:center; font-size:2.2em; color:#FFFFFF; padding-top:150px;}
.bannerpicn{width:100%; max-width:1200px; margin:0px auto; padding:0px; clear:both; text-align:center; font-size:1.2em; color:#FFFFFF; font-weight:normal; padding-top:10px;}
.bannerpich{width:100%; margin:0px auto; padding:0px; clear:both; height:10px;}
.bannerpicb{position: relative; width:100%; height:400px; cursor: pointer; border: none; clear:both; background-color:rgba(0,0,0,0.3);}
.bannerpicb:after,.bannerpicb:before {content: '';position: absolute; left: 0; bottom:0; width:100%;height:0%; z-index:-2; background-color:rgba(0,0,0,0.3);}
.bannerpicb:hover{z-index:1;background:transparent; color:#FFFFFF; transition:1s;}
.bannerpicb:before {transition:1s; background-color:rgba(0,0,0,0.5); z-index:-1;}
.bannerpicb:hover:after,.bannerpicb:hover:before {height: 100%; }


.about-content-f{width:100%; text-align:left; line-height:200%; margin:0px auto; clear:both; padding:0px;}
.about-content-f ul{ padding:0px; margin:0px;}
.about-content-f ul li:nth-child(1){ float:left; width:50%; list-style-type:none; text-align:center; background:url(images/ditu.png) no-repeat center center; background-size:cover; height:400px; overflow:hidden;}
.about-content-f ul li:nth-child(2){ float:left; width:50%; list-style-type:none; height:400px; overflow:hidden;}
.about-content-f ul li:nth-child(2) img{ width:100%; height:100%;}
.about-content-f1{ width:85%; float:right; max-width:670px; font-size:2em; padding-top:50px; padding-bottom:30px; clear:both; text-align:left; margin-right:5%;}
.about-content-f2{ width:85%; float:right; max-width:670px; font-size:1.2em; line-height:200%; color:#999; clear:both; text-align:left; margin-right:5%; height:200px; overflow:hidden;}
.about-content-f3{ width:85%; float:right; max-width:670px; clear:both; text-align:right; margin-right:5%; overflow:hidden;}

.about-content1{width:90%; margin:0px auto; padding:0px; clear:both;  text-align:left; font-size:1.1em; font-weight:normal; line-height:190%; padding-top:30px; padding-bottom:20px; }
.message-input{width:100%; height:30px; line-height:30px; text-align:left; color:#999999; background-color:#dddddd;}
.message-textarea{width:100%; height:200px; padding-top:10px; padding-bottom:10px; background-color:#dddddd;}
.message-submit{width:100%; height:60px; line-height:60px; background-color:#8fc31f; color:#FFFFFF; font-size:1.5em;}


.jiejuefangan{width:100%; text-align:left; line-height:200%; margin:0px auto; clear:both; padding:0px;}
.jiejuefangan ul{ padding:0px; margin:0px;}
.jiejuefangan ul li{float:left; height:250px; list-style-type:none; text-align:center;  overflow:hidden;}
.jiejuefangan ul li:nth-child(1){width:33%;}
.jiejuefangan ul li:nth-child(2){width:34%;}
.jiejuefangan ul li:nth-child(3){width:33%;}
.jiejuefangan1{ width:85%; margin:0px auto; max-width:480px; font-size:2em; padding-top:40px; padding-bottom:20px; clear:both; text-align:left; color:#FFF;}
.jiejuefangan2{ width:85%; margin:0px auto; max-width:480px; font-size:1.2em; line-height:200%; height:100px; padding-bottom:20px; color:#FFF; clear:both; text-align:left;}
.jiejuefangan3{ width:85%; float:right; max-width:670px; clear:both; text-align:right; margin-right:5%; overflow:hidden;}
.jiejuefangan3 a{color:#FFF;}

.jiejuefanganb{position: relative; width:100%; height:250px; cursor: pointer; border: none; clear:both;}
.jiejuefanganb:after,.jiejuefanganb:before {content: '';position: absolute; left: 0; bottom:0; width:100%;height:0%; z-index:-2;}
.jiejuefanganb:hover{z-index:1;background:transparent; color:#FFFFFF; transition:1s;}
.jiejuefanganb:before {transition:1s; background-color:rgba(0,0,0,0.5); z-index:-1;}
.jiejuefanganb:hover:after,.jiejuefanganb:hover:before {height: 100%; }








.buyianniu{position: relative; width: 130px; padding:10px;text-align: center; background-color:#dddddd; cursor: pointer; border-radius: 4px; border: none; clear:both; margin-top:10px;}
.buyianniu:after,.buyianniu:before {content: '';position: absolute; left: 0; top:0; width: 0;height:100%; background-color:#dddddd; z-index:-2;border-radius: 4px;}
.buyianniu:hover{z-index:1;background:transparent; color:#FFFFFF; transition:1s;}
.buyianniu:before {transition:1s;  background-color:#005ba9; z-index:-1;}
.buyianniu:hover:after,.buyianniu:hover:before {width: 100%; }

.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:#005ba9; 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;}

.jianyaoshuoming{ width:90%; max-width:1200px; margin:20px auto; padding-bottom:20px; padding-top:20px; clear:both; border:#ddd 1px solid;}
.jianyaoshuoming ul{ margin:0px; padding:0px;}
.jianyaoshuoming ul li{float:left; list-style-type:none;}
.jianyaoshuoming ul li:nth-child(1){width:43%; margin-right:2%;}
.jianyaoshuoming ul li:nth-child(1) img{ width:100%;}
.jianyaoshuoming ul li:nth-child(2){width:55%;}
.jianyaoshuoming1{ font-size:2em; padding-top:50px; padding-bottom:30px; width:90%; margin:0px auto; text-align:left; color:#666;}
.jianyaoshuoming2{ font-size:1.2em; width:90%; margin:0px auto; text-align:left; line-height:180%; color:#999;}
.jianyaoshuoming3{ font-size:2em; padding-top:50px; padding-bottom:30px; width:100%; margin:0px auto; text-align:left;}

.fuwu{width:100%; max-width:1200px; margin:0px auto; padding:0px; clear:both;}
.fuwu img{ width:100%;}

.about-Navigation{ width:100%; margin:0px auto; padding:0px; clear:both; background-color:#f1f0f0;}
.about-Navigation ul{ padding:0px; margin:0px auto; width:90%; max-width:1440px;}
.about-Navigation ul li{list-style-type:none; font-size:15px; color:#666666; padding-top:20px; padding-bottom:20px;}
.about-Navigation ul li:nth-child(1){float:left; text-align:left;} 
.about-Navigation ul li:nth-child(2){float:right; text-align:right;}



.chanpinzhanshi4{width:90%; text-align:left; max-width:1440px; margin:40px auto 0px auto; clear:both;}
.chanpinzhanshi4 ul{ margin:0px auto; padding:0px; max-width:1440px;}
.chanpinzhanshi4 ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; list-style-type:none; height:330px; overflow:hidden; margin-bottom:25px; border-bottom:#ffffff 2px solid;}
.chanpinzhanshi4 ul li p{ margin:0px; padding:0px; height:330px; overflow:hidden;}
.chanpinzhanshi4 ul li img{ width:100%; transition: all 0.6s;}
.chanpinzhanshi4 ul li:hover img{transform: scale(1.02);}
.Product-text1{ text-align:center; width:95%; margin:0px auto; line-height:150%; padding-top:14px; font-size:24px;}


.zzsc { width:100%; height:330px; margin:0 auto; position:relative; }
.zzsc img{ width:100%;}
.text { width:70%; height:auto; background-color:rgba(0,0,0,0.5); position:absolute; left:15%; bottom:25%; padding:60px 0px; color:#FFF; font-size:16px; display: none; text-align:center; border-radius:10px;}


.news-display{ width:100%; padding-top:50px; padding-bottom:50px; clear:both; background-color:#fff;}
.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:#005ba9; 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:1440px; margin:0px auto;}
.news-content ul{ margin:0px auto; padding:0px; max-width:1440px;}
.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-date-img{ width: 100%;}
.news-date-img{width: 100%;}
.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;}

.kefu{width:90%; max-width:1440px; margin:0px auto; padding-top:0px; padding-bottom:50px; clear:both; text-align:center;}

.Contact-display{ width:100%; padding-top:0px; padding-bottom:0px; clear:both; background:url(images/map.png) no-repeat center top;}
.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-input1{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:22px; line-height:22px;}
.message-textarea1{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:100px; line-height:22px;}
.message-submit1{ 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){
	
	
.shugao{height:10px; clear: both; width: 100%;}

.mainHeadlines{width: 90%; max-width: 960px; margin:0px auto;  padding: 0px; height: 190px; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9; position: relative; clear:both;}
.mainHeadlines1{width:73px; position: absolute; background: url("images/toutiao.png") no-repeat; height: 33px; line-height: 33px; text-align:center; color:#FCFBFB; left: 20px; top: -10px; clear: both;}
.mainHeadlines2{width:90%; left: 5%; top:43px; position: absolute; clear: both;}
.mainHeadlines2-1{ text-align: center; height: 50px; line-height: 50px; font-size: 3em; margin-bottom: 15px; clear: both;
}
.mainHeadlines2-2{ text-align:left; height: 60px; line-height: 30px; font-size: 1em; overflow: hidden; clear: both;}

	
.mainZhuti{width: 90%; max-width:960px; margin: 0 auto; padding:0px; clear:both;}
.mainZhuti-left{float: left; width: 60%; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti-right{float:right; width:36%; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti1-left1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
.mainZhuti1-left2{width: 96%; margin: 0px auto; padding:10px;}
.mainZhuti1-left3{width: 96%; margin: 0px auto; padding:0px; padding-bottom: 45px; font-size: 2em; height: 70px; line-height: 70px; text-align: left; overflow: hidden;}

.mainZhuti1-right1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
.mainZhuti1-right2{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}

.mainZhuti1{width: 90%; max-width: 1440px; margin: 0px auto; padding:0px; height: 150px; clear:both; border-radius: 10px;  box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti1-left{float: left; width: 60%;}
.mainZhuti1-right{float:right; width:36%; }

.mainZhutix{width: 90%; max-width: 1440px; margin: 0px auto; text-align: center; padding-top: 15px; padding-bottom: 15px; clear:both; border-radius: 10px;  box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhutix-1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
	
	
	
.footer{width:100%; margin:0px; padding-top:20px; padding-bottom:20px; text-align:center; background-color:#005ba9; color:#f5f5f5; clear:both;}
.footer a{ color:#f5f5f5;}
.footer1{ display:none;}


.floating_ck{position:fixed;right:7px;top:25%;z-index:9999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;border-radius:5px;margin-top:3px;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8; }
.floating_ck dl dd:nth-child(1) {background-color:#0089e1;}
.floating_ck dl dd:nth-child(2) {background-color:#eb4a3e;}
.floating_ck dl dd:nth-child(3) {background-color:#24b728;}
.floating_ck dl dd:nth-child(4) {background-color:#626262;}
.floating_ck dl dd:hover{background-color:#333;}
.floating_ck dl dd:hover .floating_left{display:block;margin-left:-5px;border-radius:5px;}
.consult{background:url(qqicon.png) no-repeat center center;}
.words{background-image:url(zxicon.png);}
.quote{background-image:url(kficon.png);}
.qrcord{background-image:url(erweima.png);}
.return{background-image:url(fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:45px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#333;border-bottom:solid 1px #555666;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:205px;top:-125px;}
.floating_ewm i{background-image:url(ffewm.jpg);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p,.floating_left p{color:#fff;margin-top:5px;}
.qrcord_p01{font-size:12px;line-height:20px;}
.qrcord_p02{font-size:18px;}

	
.content-center{margin:10px auto;width:90%; max-width:960px;overflow:hidden; padding-top:30px; clear:both;}
	.content-left{float: left; width: 20%;}
	.content-right{float: right; width: 78%;}
	.content-left0{margin:10px auto;width:90%; height: 60px; line-height: 60px; text-align:left; background-color: #005ba9; color: #FCFBFB; font-size:20px;}
	.content-left1{margin:10px auto;width:90%; height: 40px; line-height: 40px; text-align:left; border-bottom: #9b9a9a 1px solid;}
	.content-left1 a{ font-size: 16px;}

#buyichanpinxijie{margin:10px auto;width:90%; max-width:960px;overflow:hidden; padding-top:30px;}
.buyichanpinxijie1 img{vertical-align:top;}
.buyichanpinxijie1 li{position:relative;float:left;margin-right:1%; margin-left:1%;width:48%;height:160px;overflow:hidden;cursor:pointer; margin-bottom:25px;}
.buyichanpinxijie1 li img{ min-width:100%; min-height:100%; transition: all 0.6s;}
.buyichanpinxijie1 li:hover img{transform: scale(1.1);}
.buyichanpinxijie1 div{position:absolute;left:0;top:110px;width:100%;height:50px;text-align:center;color:#e0dfdf;overflow:hidden; background-color:rgba(0,0,0,0.5);}
.buyichanpinxijie1 p{display:none;margin:0px auto;width:90%;line-height:20px; height:40px; overflow:hidden; text-align:left; font-size:12px;}
.buyichanpinxijie1 h3{margin:11px 0;height:25px; color:#FFF;}
	
#buyichanpinxijie-1{margin:10px auto;width:90%; max-width:960px;overflow:hidden; padding-top:30px;}
.buyichanpinxijie1-1 img{vertical-align:top;}
.buyichanpinxijie1-1 li{position:relative;float:left;margin-right:1%; margin-left:1%;width:48%;height:200px;overflow:hidden;cursor:pointer; margin-bottom:25px;}
.buyichanpinxijie1-1 li img{ min-width:100%; min-height:100%; transition: all 0.6s;}
.buyichanpinxijie1-1 li:hover img{transform: scale(1.1);}
.buyichanpinxijie1-1 div{position:absolute;left:0;top:150px;width:100%;height:50px;text-align:center;color:#e0dfdf;overflow:hidden; background-color:rgba(0,0,0,0.5);}
.buyichanpinxijie1-1 p{display:none;margin:0px auto;width:90%;line-height:20px; height:40px; overflow:hidden; text-align:left; font-size:12px;}
.buyichanpinxijie1-1 h3{margin:11px 0;height:25px; color:#FFF;}
	


.bannerpic{width:100%; margin:0px auto; padding:0px; clear:both; overflow:hidden; height:300px;}
.bannerpict{width:100%; margin:0px auto; padding:0px; clear:both; text-align:center; font-size:2.2em; color:#FFFFFF; padding-top:150px;}
.bannerpicn{width:100%; max-width:1200px; margin:0px auto; padding:0px; clear:both; text-align:center; font-size:1.2em; color:#FFFFFF; font-weight:normal; padding-top:10px;}
.bannerpich{width:100%; margin:0px auto; padding:0px; clear:both; height:10px;}
.bannerpicb{position: relative; width:100%; height:400px; cursor: pointer; border: none; clear:both; background-color:rgba(0,0,0,0.3);}
.bannerpicb:after,.bannerpicb:before {content: '';position: absolute; left: 0; bottom:0; width:100%;height:0%; z-index:-2; background-color:rgba(0,0,0,0.3);}
.bannerpicb:hover{z-index:1;background:transparent; color:#FFFFFF; transition:1s;}
.bannerpicb:before {transition:1s; background-color:rgba(0,0,0,0.5); z-index:-1;}
.bannerpicb:hover:after,.bannerpicb:hover:before {height: 100%; }


.about-Navigation{ width:100%; margin:0px auto; padding:0px; clear:both; background-color:#f1f0f0;}
.about-Navigation ul{ padding:0px; margin:0px auto; width:90%; max-width:960px;}
.about-Navigation ul li{list-style-type:none; font-size:15px; color:#666666; padding-top:20px; padding-bottom:20px;}
.about-Navigation ul li:nth-child(1){float:left; text-align:left;} 
.about-Navigation ul li:nth-child(2){float:right; text-align:right;}


.about-content-f{width:100%; text-align:left; line-height:200%; margin:0px auto; clear:both; padding:0px;}
.about-content-f ul{ padding:0px; margin:0px;}
.about-content-f ul li:nth-child(1){ float:left; width:50%; list-style-type:none; text-align:center; background:url(images/ditu.png) no-repeat center center; background-size:cover; height:400px; overflow:hidden;}
.about-content-f ul li:nth-child(2){ float:left; width:50%; list-style-type:none; height:400px; overflow:hidden;}
.about-content-f ul li:nth-child(2) img{ width:100%; height:100%;}
.about-content-f1{ width:85%; float:right; max-width:670px; font-size:2em; padding-top:50px; padding-bottom:30px; clear:both; text-align:left; margin-right:5%;}
.about-content-f2{ width:85%; float:right; max-width:670px; font-size:1.2em; line-height:200%; color:#999; clear:both; text-align:left; margin-right:5%; height:200px; overflow:hidden;}
.about-content-f3{ width:85%; float:right; max-width:670px; clear:both; text-align:right; margin-right:5%; overflow:hidden;}


.about-content1{width:90%; margin:0px auto; padding:0px; clear:both;  text-align:left; font-size:1.1em; font-weight:normal; line-height:190%; padding-top:30px; padding-bottom:20px;}
.message-input{width:100%; height:30px; line-height:30px; text-align:left; color:#999999; background-color:#dddddd;}
.message-textarea{width:100%; height:200px; padding-top:10px; padding-bottom:10px; background-color:#dddddd;}
.message-submit{width:100%; height:60px; line-height:60px; background-color:#8fc31f; color:#FFFFFF; font-size:1.5em;}


.jiejuefangan{width:100%; text-align:left; line-height:200%; margin:0px auto; clear:both; padding:0px;}
.jiejuefangan ul{ padding:0px; margin:0px;}
.jiejuefangan ul li{float:left; height:250px; list-style-type:none; text-align:center;  overflow:hidden;}
.jiejuefangan ul li:nth-child(1){width:33%;}
.jiejuefangan ul li:nth-child(2){width:34%;}
.jiejuefangan ul li:nth-child(3){width:33%;}
.jiejuefangan1{ width:85%; margin:0px auto; max-width:480px; font-size:2em; padding-top:40px; padding-bottom:20px; clear:both; text-align:left; color:#FFF;}
.jiejuefangan2{ width:85%; margin:0px auto; max-width:480px; font-size:1.2em; line-height:200%; height:100px; padding-bottom:20px; color:#FFF; clear:both; text-align:left;}
.jiejuefangan3{ width:85%; float:right; max-width:670px; clear:both; text-align:right; margin-right:5%; overflow:hidden;}
.jiejuefangan3 a{color:#FFF;}

.jiejuefanganb{position: relative; width:100%; height:250px; cursor: pointer; border: none; clear:both;}
.jiejuefanganb:after,.jiejuefanganb:before {content: '';position: absolute; left: 0; bottom:0; width:100%;height:0%; z-index:-2;}
.jiejuefanganb:hover{z-index:1;background:transparent; color:#FFFFFF; transition:1s;}
.jiejuefanganb:before {transition:1s; background-color:rgba(0,0,0,0.5); z-index:-1;}
.jiejuefanganb:hover:after,.jiejuefanganb:hover:before {height: 100%; }

.jianyaoshuoming{ width:90%; max-width:1200px; margin:20px auto; padding-bottom:20px; padding-top:20px; clear:both; background-color:#f1f0f0;}
.jianyaoshuoming ul{ margin:0px; padding:0px;}
.jianyaoshuoming ul li{float:left; list-style-type:none;}
.jianyaoshuoming ul li:nth-child(1){width:43%; margin-right:2%;}
.jianyaoshuoming ul li:nth-child(1) img{ width:100%;}
.jianyaoshuoming ul li:nth-child(2){width:55%;}
.jianyaoshuoming1{ font-size:2em; padding-top:50px; padding-bottom:30px; width:90%; margin:0px auto; text-align:left;}
.jianyaoshuoming2{ font-size:1.2em; width:90%; margin:0px auto; text-align:left; line-height:180%;}
.jianyaoshuoming3{ font-size:2em; padding-top:50px; padding-bottom:30px; width:100%; margin:0px auto; text-align:left;}

.fuwu{width:100%; max-width:960px; margin:0px auto; padding:0px; clear:both;}
.fuwu img{ width:100%;}


.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:#005ba9; 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:480px; overflow:hidden; margin-bottom:25px;}
.chanpinzhanshi4 ul li p{ margin:0px; padding:0px; height:410px; 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:center; width:95%; margin:0px auto; line-height:150%; padding-top:7px; padding-bottom:5px; font-size:24px;}
.chanpinzhanshi4 ul li:hover{ border-bottom:#fa8a02 2px solid;}


.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:#005ba9; 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-input1{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:22px; line-height:22px;}
.message-textarea1{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:100px; line-height:22px;}
.message-submit1{ 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) {
	
.shugao{height:30px; clear: both; width: 100%;}

.mainHeadlines{width: 90%; max-width: 640px; margin:0px auto;  padding: 0px; height: 190px; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9; position: relative; clear:both;}
.mainHeadlines1{width:73px; position: absolute; background: url("images/toutiao.png") no-repeat; height: 33px; line-height: 33px; text-align:center; color:#FCFBFB; left: 20px; top: -10px; clear: both;}
.mainHeadlines2{width:90%; left: 5%; top:43px; position: absolute; clear: both;}
.mainHeadlines2-1{ text-align: center; height: 50px; line-height: 50px; font-size:1.5em; margin-bottom: 15px; clear: both; overflow: hidden;
}
.mainHeadlines2-2{ text-align:left; height: 60px; line-height: 30px; font-size: 1em; overflow: hidden; clear: both;}

	
.mainZhuti{width: 90%; max-width:640px; margin: 0 auto; padding:0px; clear:both;}
.mainZhuti-left{float: left; width: 100%; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti-right{float:right; width:100%; border-radius: 10px; box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti1-left1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
.mainZhuti1-left2{width: 96%; margin: 0px auto; padding:10px;}
.mainZhuti1-left3{width: 96%; margin: 0px auto; padding:0px; padding-bottom: 45px; font-size: 2em; height:50px; line-height:50px; text-align: left; overflow: hidden;}

.mainZhuti1-right1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
.mainZhuti1-right2{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}

.mainZhuti1{width: 90%; max-width: 640px; margin: 0px auto; padding:0px; height: 150px; clear:both; border-radius: 10px;  box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhuti1-left{float: left; width: 60%;}
.mainZhuti1-right{float:right; width:36%; }

.mainZhutix{width: 90%; max-width: 640px; margin: 0px auto; text-align: center; padding-top: 15px; padding-bottom: 15px; clear:both; border-radius: 10px;  box-shadow: 0 5px 10px 2px #e9e9e9;}
.mainZhutix-1{width: 96%; margin: 0px auto; padding:10px; padding-top: 20px;}
	

.footer{width:100%; margin:0px; padding-top:20px; padding-bottom:20px; text-align:center; background-color:rgba(22,49,146,1); color:#f5f5f5; clear:both;}
.footer a{ color:#f5f5f5;}

.weixin {position:relative; cursor:pointer;}
.weixinimg{width:150px;position:absolute;display:none; bottom:45px; left:-50px; filter:alpha(opacity=90);background-color:#ffffffff;background-color:rgba(255,255,255,0.9); border-radius:0px 0px 5px 5px;  border-radius:0px 0px 5px 5px; z-index:100000; padding-top:5px; padding-bottom:5px;}
.weixin:hover .weixinimg{display:block}


.floating_ck{ display:none;}

	
.content-center{margin:10px auto;width:90%; max-width:960px;overflow:hidden; padding-top:30px; clear:both;}
	.content-left{ display:none;}
	.content-right{float: right; width: 100%;}
	.content-left0{margin:10px auto;width:90%; height: 60px; line-height: 60px; text-align:left; background-color: #005ba9; color: #FCFBFB; font-size: 20px;}
	.content-left1{margin:10px auto;width:90%; height: 40px; line-height: 40px; text-align:left; border-bottom: #9b9a9a 1px solid;}
	.content-left1 a{ font-size: 16px;}
	
#buyichanpinxijie{margin:10px auto;width:90%; max-width:640px;overflow:hidden; padding-top:30px;}
.buyichanpinxijie1 img{vertical-align:top;}
.buyichanpinxijie1 li{position:relative;float:left;margin-right:1%; margin-left:1%;width:48%;height:200px;overflow:hidden;cursor:pointer; margin-bottom:25px;}
.buyichanpinxijie1 li img{ min-width:100%; min-height:100%; transition: all 0.6s;}
.buyichanpinxijie1 li:hover img{transform: scale(1.1);}
.buyichanpinxijie1 div{position:absolute;left:0;top:150px;width:100%;height:50px;text-align:center;color:#e0dfdf;overflow:hidden; background-color:rgba(0,0,0,0.5);}
.buyichanpinxijie1 p{display:none;margin:0px auto;width:90%;line-height:20px; height:40px; overflow:hidden; text-align:left; font-size:12px;}
.buyichanpinxijie1 h3{margin:11px 0;height:25px; color:#FFF;}
	
#buyichanpinxijie-1{margin:10px auto;width:90%; max-width:640px;overflow:hidden; padding-top:30px;}
.buyichanpinxijie1-1 img{vertical-align:top;}
.buyichanpinxijie1-1 li{position:relative;float:left;margin-right:1%; margin-left:1%;width:48%;height:140px;overflow:hidden;cursor:pointer; margin-bottom:25px;}
.buyichanpinxijie1-1 li img{ min-width:100%; min-height:100%; transition: all 0.6s;}
.buyichanpinxijie1-1 li:hover img{transform: scale(1.1);}
.buyichanpinxijie1-1 div{position:absolute;left:0;top:90px;width:100%;height:50px;text-align:center;color:#e0dfdf;overflow:hidden; background-color:rgba(0,0,0,0.5);}
.buyichanpinxijie1-1 p{display:none;margin:0px auto;width:90%;line-height:20px; height:40px; overflow:hidden; text-align:left; font-size:12px;}
.buyichanpinxijie1-1 h3{margin:11px 0;height:25px; color:#FFF; font-size:12px;}

.bannerpic{width:100%; margin:0px auto; padding:0px; clear:both; overflow:hidden; height:200px;}
.bannerpict{width:100%; margin:0px auto; padding:0px; clear:both; text-align:center; font-size:1.5em; color:#FFFFFF; padding-top:30px;}
.bannerpicn{width:100%; max-width:640px; margin:0px auto; padding:0px; clear:both; text-align:center; font-size:1.1em; color:#FFFFFF; font-weight:normal; padding-top:10px;}
.bannerpich{width:100%; margin:0px auto; padding:0px; clear:both; height:10px;}
.bannerpicb{position: relative; width:100%; height:200px; cursor: pointer; border: none; clear:both; background-color:rgba(0,0,0,0.3);}
.bannerpicb:after,.bannerpicb:before {content: '';position: absolute; left: 0; bottom:0; width:100%;height:0%; z-index:-2; background-color:rgba(0,0,0,0.3);}
.bannerpicb:hover{z-index:1;background:transparent; color:#FFFFFF; transition:1s;}
.bannerpicb:before {transition:1s; background-color:rgba(0,0,0,0.5); z-index:-1;}
.bannerpicb:hover:after,.bannerpicb:hover:before {height: 100%; }

.about-Navigation{ width:100%; margin:0px auto; padding:0px; clear:both; background-color:#f1f0f0;}
.about-Navigation ul{ padding:0px; margin:0px auto; width:90%; max-width:960px;}
.about-Navigation ul li{list-style-type:none; font-size:15px; color:#666666; padding-top:20px; padding-bottom:20px;}
.about-Navigation ul li:nth-child(1){ text-align:left; line-height:150%;} 
.about-Navigation ul li:nth-child(2){ display:none;}

.about{ width:100%; padding-top:20px; padding-bottom:20px; clear:both;}
.about-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#005ba9; max-width:640px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:10px;}
.about-content{ width:90%; text-align:left; line-height:200%; max-width:640px; margin:0px auto; clear:both;}
.about-content-yw{ width:90%; text-align:left; line-height:160%; max-width:640px; margin:0px auto; clear:both;}

.about-content-f{width:100%; text-align:left; line-height:200%; margin:0px auto; clear:both; padding:0px;}
.about-content-f ul{ padding:0px; margin:0px;}
.about-content-f ul li:nth-child(1){width:100%; margin:0px auto; list-style-type:none; text-align:center; background:url(images/ditu.png) no-repeat center center; background-size:cover;  overflow:hidden;}
.about-content-f ul li:nth-child(2){width:100%; margin:0px auto; list-style-type:none; overflow:hidden;}
.about-content-f ul li:nth-child(2) img{ width:100%; height:100%;}
.about-content-f1{ width:90%; margin:0px auto; max-width:640px; font-size:2em; padding-top:30px; padding-bottom:10px; clear:both; text-align:left; }
.about-content-f2{ width:90%; margin:0px auto; max-width:640px; font-size:1.2em; line-height:200%; color:#999; clear:both; text-align:left;  height:200px; overflow:hidden;}
.about-content-f3{ width:90%; margin:0px auto; max-width:640px; clear:both; text-align:right; overflow:hidden;}

.about-content1{width:90%; margin:0px auto; padding:0px; clear:both;  text-align:left; font-size:1.1em; font-weight:normal; line-height:190%; padding-top:30px; padding-bottom:20px;}
.message-input{width:100%; height:30px; line-height:30px; text-align:left; color:#999999; background-color:#dddddd;}
.message-textarea{width:100%; height:200px; padding-top:10px; padding-bottom:10px; background-color:#dddddd;}
.message-submit{width:100%; height:60px; line-height:60px; background-color:#8fc31f; color:#FFFFFF; font-size:1.5em;}




.jiejuefangan{width:100%; text-align:left; line-height:200%; margin:0px auto; clear:both; padding:0px;}
.jiejuefangan ul{ padding:0px; margin:0px;}
.jiejuefangan ul li{float:left; height:250px; list-style-type:none; text-align:center;  overflow:hidden;}
.jiejuefangan ul li:nth-child(1){width:100%;}
.jiejuefangan ul li:nth-child(2){width:100%;}
.jiejuefangan ul li:nth-child(3){width:100%;}
.jiejuefangan1{ width:85%; margin:0px auto; max-width:480px; font-size:2em; padding-top:40px; padding-bottom:20px; clear:both; text-align:left; color:#FFF;}
.jiejuefangan2{ width:85%; margin:0px auto; max-width:480px; font-size:1.2em; line-height:200%; height:100px; padding-bottom:20px; color:#FFF; clear:both; text-align:left;}
.jiejuefangan3{ width:85%; float:right; max-width:670px; clear:both; text-align:right; margin-right:5%; overflow:hidden;}
.jiejuefangan3 a{color:#FFF;}

.jiejuefanganb{position: relative; width:100%; height:250px; cursor: pointer; border: none; clear:both;}
.jiejuefanganb:after,.jiejuefanganb:before {content: '';position: absolute; left: 0; bottom:0; width:100%;height:0%; z-index:-2;}
.jiejuefanganb:hover{z-index:1;background:transparent; color:#FFFFFF; transition:1s;}
.jiejuefanganb:before {transition:1s; background-color:rgba(0,0,0,0.5); z-index:-1;}
.jiejuefanganb:hover:after,.jiejuefanganb:hover:before {height: 100%; }

.jianyaoshuoming{ width:90%; max-width:640px; margin:20px auto; padding-bottom:20px; padding-top:20px; clear:both; background-color:#f1f0f0;}
.jianyaoshuoming ul{ margin:0px; padding:0px;}
.jianyaoshuoming ul li{float:left; list-style-type:none;}
.jianyaoshuoming ul li:nth-child(1){width:90%; margin:0px auto; text-align:center;}
.jianyaoshuoming ul li:nth-child(1) img{ width:100%;}
.jianyaoshuoming ul li:nth-child(2){ display:none;}
.jianyaoshuoming1{ font-size:2em; padding-top:50px; padding-bottom:30px; width:90%; margin:0px auto; text-align:left;}
.jianyaoshuoming2{ font-size:1.2em; width:90%; margin:0px auto; text-align:left; line-height:180%;}
.jianyaoshuoming3{ font-size:2em; padding-top:50px; padding-bottom:30px; width:100%; margin:0px auto; text-align:left;}

.fuwu{width:100%; max-width:640px; margin:0px auto; padding:0px; clear:both;}
.fuwu img{ width:100%;}



.Product-display{ width:100%; padding-top:20px; padding-bottom:20px; clear:both; background-color:#f5f5f5;}
.Product-title{ width:90%; text-align:center; line-height:200%; font-size:2em; color:#005ba9; max-width:640px; margin:0px auto 20px auto; padding-bottom:10px; background:url(images/xian.png) no-repeat bottom center; clear:both; padding-top:10px;}
.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:640px; margin:30px auto 0px auto; clear:both;}
.chanpinzhanshi4 ul{ margin:0px auto; padding:0px; max-width:640px;}
.chanpinzhanshi4 ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; list-style-type:none; height:230px; overflow:hidden; margin-bottom:25px;}
.chanpinzhanshi4 ul li p{ margin:0px; padding:0px; height:180px; 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{ border-bottom:#fa8a02 2px solid;}






.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:#005ba9; 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-input1{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:22px; line-height:22px;}
.message-textarea1{ width:90%; background-color:#FFF; color:#666; text-align:left; border:0px; height:100px; line-height:22px;}
.message-submit1{ width:120px; height:40px; line-height:40px; background-color:#252122; color:#FFF; border:0px; font-size:1.3em;}

}