@charset "utf-8";
/* CSS Document */

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

html{font-size: 10px;}
body {
	overflow-y: scroll;
	background: #fff;
	font-size: 1.2rem;
}


a:hover,a:active{ color: #ea5a22;}
::selection{background:#ea5a22; color:#fff;}
::-moz-selection{background:#ea5a22; color:#fff;}

.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
#map label,#map img{max-width: none;}
.BMap_stdMpCtrl{display: none;}

@media (max-width: 319px) {
	html {
		background: #fff url(../images/displaynone.png) center center no-repeat;
	}
	body {
		display: none;
	}
}

@media (min-width: 320px) {
	
.zsxx-list-02,.zsxx-list-02 li{ padding: 0; margin: 0; list-style: none;}
.zsxx-list-02{ margin-top: 30px;}
.zsxx-list-02 div{ background: #eee;line-height: 2;}
.zsxx-list-02 i{ display: inline-block; background: #de1e3e; color: #fff; padding: 0 8px; font-style: normal;}
.zsxx-list-02 span{ display: inline-block; padding-right: 5px;background: url(../images/faq-ico.jpg) right center no-repeat; margin-right: 5px;}
.zsxx-list-02 p{ font-size: 12px; margin-top: 10px; margin-bottom: 20px;line-height: 2;}
.zsxx-list-02 .zsxx-tit{ color: #f77400;}
.zsxx-list-02 p a{ color: #f77400;}
	
	
	.header-box{ height: 4.4rem; background: #ea5a22;}
	.nav-box{ position: absolute; width: 100%;}
	.logo{font-weight: normal; padding: 0; margin: 0; float: left; position: absolute; z-index: 999; margin-left: -0.5rem; height: 4.4rem; overflow: hidden;}
	.logo img{ height:92%;}
	.logo span{display: none;}
	.nav-w{ width: 18rem;}
	.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
	.nav-btn{position: relative; top: 0rem; width: 2.8rem; margin-top: 0.7rem; cursor: pointer; z-index: 9999; cursor: pointer; float: right;}
	.nav-btn span{width: 100%; height: 0.3rem; display: block; float: left; background: #002f7b; margin: 3px 0; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	
	.nav-btn div.btn-02{
		background: url(../images/nav-btn.png) center top no-repeat; -webkit-background-size: 3rem;
		background-size: 3rem; width: 3rem; height: 3rem;
		/*-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;*/
	}
	.nav-btn-show span{ background: #ea5a22;}
	.nav-btn-show div.btn-02{ background-position: center bottom;}
	.nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; z-index: 99; padding: 1.5rem 0 6rem 0; height: 100%;-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;}
	.nav ul,.nav li{padding: 0; margin: 0; list-style: none;}
	.nav .nav-list{position: absolute; width: 18rem; top: 0; height: 100%; padding-top: 12rem; overflow: hidden;}
	.nav ul{ overflow: hidden; height: 100%; overflow-y: scroll;}
	.nav li{ border-bottom: solid 1px #ededed;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; display: block; -webkit-transform: translateX(18rem);
	-moz-transform: translateX(18rem);
	-ms-transform: translateX(18rem);
	-o-transform: translateX(18rem);
	transform: translateX(18rem);}
	.nav li a{ padding-left: 2.5rem; line-height: 4.4rem; font-size: 1.6rem; display: block;}
	
	.body-box{ width: 100%; height: 100%; position: relative; background: #fff; -webkit-transition: 0.3s; 
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.body-box-show{ position: fixed;}
	.nav ul div{display: none;}
	.nav li div a{font-size: 1.4rem;}
	.nav-show{ width: 18rem;}
	.nav-show li:nth-child(1){ -webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;}
	.nav-show li:nth-child(2){ -webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;}
	.nav-show li:nth-child(3){ -webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;}
	.nav-show li:nth-child(4){ -webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
	transition-delay: 0.35s;}
	.nav-show li:nth-child(5){ -webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;}
	.nav-show li:nth-child(6){ -webkit-transition-delay: 0.45s;
	-moz-transition-delay: 0.45s;
	-ms-transition-delay: 0.45s;
	-o-transition-delay: 0.45s;
	transition-delay: 0.45s;}
	.nav-show li:nth-child(7){ -webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;}
	.nav-show li:nth-child(8){ -webkit-transition-delay: 0.55s;
	-moz-transition-delay: 0.55s;
	-ms-transition-delay: 0.55s;
	-o-transition-delay: 0.55s;
	transition-delay: 0.55s;}
	.nav-show li:nth-child(9){ -webkit-transition-delay: 0.65s;
	-moz-transition-delay: 0.65s;
	-ms-transition-delay: 0.65s;
	-o-transition-delay: 0.65s;
	transition-delay: 0.65s;}
	.nav-show li{ -webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	}
	.nav li{
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	}
	.nav li.nav-on>a,.nav li a.on{ background: #ea5a22; color: #fff;}
	.nav li div{ background: #f5f5f5;}
	.nav li .nav-rj-on{ color: #ea5a22;}
	.max dl,.max dt,.max dd{padding: 0; margin: 0;}
	.lang-box{ width: 20rem; height: 3.8rem;}
	.lang{ padding-left: 0.5rem; float: left; position: relative; text-transform:Capitalize;}
	.lang dt{ background: url(../images/lang-ico.png) right center no-repeat; padding:0 1.5rem 0 0.5rem; cursor: pointer;}
	.lang dt a{ font-weight: normal;}
	.lang dd{ width: 150%; background: #181a1e; position: absolute; z-index: 99; padding: 0 0.5rem; margin-top: 0.5rem; display: none;}
	.lang .lang-show{ display: block;}
	.lang a{padding-left: 25px; display: block;}
	
	.lang dd a{ color: #fff; line-height: 3rem;}
	.lang a.en{ background: url(../images/lang-en.png) left center no-repeat;}
	.lang a.cn{ background: url(../images/lang-cn.png) left center no-repeat;}
	.lang a.jp{ background: url(../images/lang-jp.png) left center no-repeat;}
	.lang a.ara{ background: url(../images/lang-ara.png) left center no-repeat;width:100%;}
    .lang a.fra{ background: url(../images/lang-fra.png) left center no-repeat;}
	
	
	.search-box{ padding: 2rem 1rem 1rem 1rem; position: relative; width: 18rem;}
	.search-txt{ width: 100%; padding: 0 4rem 0 1rem; height: 4.2rem;border: solid 1px #cbcbcb; -webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	border-radius: 0.3rem; outline: none; font-size: 1.4rem;}
	
	.search-btn{ width: 3rem; position: absolute; top: 2rem; right: 1rem; height: 4.2rem; background: url(../images/search-ico.png) left center no-repeat; -webkit-background-size: 1.8rem;
	background-size: 1.8rem; border: none; outline: none;}
	
	.banner{ position: relative; background: #456;}
	.swiper-banner .swiper-wrapper,.swiper-banner .swiper-slide{ height: 100% !important;}
	.banner-pic{ width: 100%; height: 16rem; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover;
	background-size: cover;}
	.pagination{ position: absolute; bottom: 1rem; margin: 0; padding: 0; text-align: center; width: 100%; z-index: 99;}
	.pagination span{ background: none; width: 1.2rem; height: 1.2rem; display: inline-block; background:#cccccc ; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin: 0 0.5rem; cursor: pointer;}
	.pagination span.swiper-active-switch{ background: none; border: solid 1px #ea5a22;}
	.banner-01-txt{ font-family:syhtl; text-align: center; color: #fff; font-size: 3rem; padding-top: 26rem;}
	
	.banner .container{padding: 0;}
		
	.box-01{ overflow: hidden; padding-top: 1px;}
	.box-01 *{ padding: 0; margin: 0; list-style: none;}
	.box-01 li{ width: 50%; overflow: hidden; float: left; text-align: center; padding: 1px;}
	.box-01 li a{ background: #f2f2f2; display: block; padding: 0.5rem;}
	.box-01 li img{width: auto; max-width: 100%;}
	.box-01 li span{ font-size: 1.4rem; text-transform: uppercase;display: block; padding-bottom: 0.5rem;}
	
	.news-box{ padding-top: 1.5rem;}
	.news-l{ width: 100%; padding: 0; margin: 0;}
	.news-l img{width: 100%;}
	.news-l *{ padding: 0; margin: 0;}
	.news-l dd a.news-l-tit{ font-weight: bold; padding: 0.5rem 0; display: block;}
	.news-l dd p{ color: #666;}
	.news-l dd p a{ color: #006df3;}
	
	.news-r{ overflow: hidden; padding: 1.5rem 0;}
	.news-tab,.news-tab *{ padding: 0; margin: 0; list-style: none;}
	.news-tab{ background: #ea5a22; overflow: hidden; line-height: 3rem;}
	.news-tab .active{ background: #de1e3e;}
	.news-tab .active a{ color: #fff;}
	.news-tab li{ float: left; padding: 0 0.5rem;}
	.news-tab li a{ color: #333;}
	.tab-content .tab-box .more-btn{ display: none;}
	.tab-content .tab-box p{ display: none;}
	.tab-content .tab-box dl{ overflow: hidden; margin: 0; padding: 1rem 0; border-bottom: solid 1px #e5e5e5;}
	.tab-content .tab-box dt{ float: left; background: #f2f2f2; width: 6rem; height: 6rem;}
	.tab-content .tab-box dt b{ display: block; color: #b0b0b0; font-size: 2.8rem; line-height: 3.2rem; padding-top: 0.5rem; text-align: center; font-weight: normal;}
	.tab-content .tab-box dt span{ display: block; text-align: center; color: #b0b0b0; font-weight: normal;}
	.tab-content .tab-box dd{ padding-left: 0.5rem; display: table; font-weight: bold;}
	
	.footer-bg{background: #f2f2f2;}
	.footer-l{display: none;}
	
	.ly-tit{padding-top: 1.5rem; font-size: 1.6rem; font-weight: normal; text-transform: uppercase; color: #666;}
	.ly-mess{ overflow: hidden; margin: 0 -0.5rem; padding-bottom: 1rem;}
	.ly-m{ width: 50%; float: left; padding: 0.5rem;}
	.ly-l{ width: 100%; float: left; padding: 0.5rem;}
	.ly-txt-01{ width: 100%; height: 3rem; background: none; border: solid 1px #bcbcbc; padding: 0 0.5rem;}
	.ly-txt-02{ width: 100%; max-width: 100%; height: 6rem; max-height: 6rem; background: none; border: solid 1px #bcbcbc; padding:0.5rem;}
	.ly-btn{ width: 100%; height: 3rem; border: none; background: #727272; color: #c8c8c8;}
	.ly-btn:hover{ background: #ea5a22; color: #181a1e;}
	.footer-b{ background: #454545; color: #c6c6c6; text-align: center; padding: 1.5rem 0;}
	
	div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		float: left;
		padding: 0;
		margin: 20px 0 0 0;
	}
	div.pages a {
		TEXT-DECORATION: none;
		background: #fff;
		border: 1px solid #dcdcdc;
		padding: 5px 9px;
		margin: 0 2px 5px 2px;
		color: #333333;
		font-size: 12px;
		display: inline-block;
	}
	div.pages a:hover {
		background: #ea5a22;
		color: #fff;
		border: 1px solid #ea5a22;
		padding: 5px 9px;
		margin: 0 2px;
	}
	div.pages a:active {
		background: #ea5a22;
		padding: 5px 9px;
		border: 1px solid #ea5a22;
		margin: 0 2px;
		color: #fff;
	}
	div.pages span.current {
		background: #ea5a22;
		padding: 5px 10px;
		border: 1px solid #ea5a22;
		color: #fff;
		margin: 0 2px;
		font-size: 12px;
		display: inline-block;
	}
	div.pages span.disabled {
		background: #ea5a22;
		border: 1px solid #ea5a22;
		padding: 1px 10px;
		margin: 0 2px;
		color: #fff;
		display: inline-block;
	}
	
	.banner-min{ width: 100%; -webkit-background-size: cover;
	background-size: cover; background-position: center top;margin-top:-20px;}
	.banner-min .container{ height: 100%; position: relative;}
	.dz{position: absolute; bottom: 0; background: url(../images/dz-bg.png) left center no-repeat; width: 100%; color: #fff; margin-left: -15px; padding:0 15px; height: 30px; line-height: 30px;}
	.dz span{ padding-left: 15px; background: url(../images/dz-ico.png) left center no-repeat;}
	.dz *{color: #fff;}

	.menu-box{overflow: hidden;}
	.menu-tit{ width: 100%; background: #ea5a22; text-align: center; line-height: 5rem; margin-top: 1.5rem; font-size: 1.6rem; font-weight: bold; text-transform: uppercase; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom: solid 4px #de1e3e;}
	.menu-tit span{ display: inline-block; height: 1.4rem; line-height: 1.5rem;}
	.menu-tit span i{ width: 0.3rem; height: 1.4rem; float: left; background: #181a1e; margin-right: 0.5rem;}
	
	.menu-list *{ padding: 0; margin: 0; list-style: none;}
	.menu-list ul{ background: #ea5a22; padding-bottom: 1.5rem;}
	.menu-list li{ border-bottom: solid 1px #de1e3e;}
	.menu-list li a{ padding:0 20px; line-height: 4rem; font-size: 1.4rem; display: block;}
	.menu-list li a.on,.menu-list li a:hover { background: #181a1e; color: #fff;}
	.menu-list li a.on span,.menu-list li a:hover span{ display: block; background: url(../images/menu-ico.png) right center no-repeat;}
	
	
	.cont-r{ overflow: hidden; width: 100%; position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem;}
	.cont-r img{ width: auto; max-width: 100%;}
	.about-tit{ font-size: 1.6rem; color: #de1e3e; text-transform: uppercase;}
	.about-tit-02{ margin: 1.5rem 0; text-align: center; height: 1.4rem;}
	.about-tit-02 span{text-transform: uppercase; font-size: 1.4rem;background: #fff; padding: 0 0.5rem;}
	.about-tit-02 hr{ padding: 0;margin: 0;margin-top: -1rem;}
	
	
	.fzlc-bg{ background: #f8f8f8; padding: 2rem 0;}
	.fzlc-tit{ text-align: center;}
	.fzlc-tit {color: #333; font-size: 1.6rem;}
	.fzlc-tit span{ color: #999; display: block; font-size: 1.2rem; font-weight: normal; text-transform: uppercase;}
	
	.fzlc-prev{ background: url(../images/lc-prev.png) left top; width: 30px; height: 30px; overflow: hidden; position: relative; top: 50%; margin-top: -15px; left: 0; position: absolute; z-index: 8;}
	
	.fzlc-next{ background: url(../images/lc-next.png) left top; width: 30px; height: 30px; overflow: hidden; position: relative;top: 50%; margin-top: -15px; right: 0; position: absolute;  z-index: 8;}
	
	.fzlc-box{ height: 500px; position: relative; padding: 0 45px; width: 100%; left: 0;}
	.fzlc-max{ height: 500px; overflow: hidden; position: relative;}
	.fzlc-bg-l{ height: 100%; background: url(../images/lc-bg-l.png) left center no-repeat; padding-left: 20px; margin-right: 20px;}
	
	.fzlc-bg-r{ height: 100%; background: url(../images/lc-bg-r.png) right center no-repeat; padding-right: 20px; margin-right: -20px; overflow: hidden; position: relative;}
	
	.lc-cont-box{ overflow: hidden; position: relative; width: 100%; height: 100%; }
	.lc-cont{ height: 100%; background: url(../images/lc-bg-c.png) 40px center repeat-x; padding-left: 85px; position: absolute; left: 0;}
	.lc-cont div{ width: 254px; text-align: center; margin-left:-127px; float: left;}
	.lc-cont div b{display: block; font-size: 16px; font-weight: normal; color: #222;}
	.lc-cont div p{  bottom: 0; padding: 0 50px; font-size: 12px; color: #555555; width: 100%;}
	.lc-cont .t p{ position: absolute; }
	.lc-cont .t{ height: 145px; position: relative;}
	.lc-cont .b{ padding-top: 350px;}
	.fzlc-max .on{ background-position: left bottom; cursor: pointer;}
	
	.honors-list,.honors-list li{ padding: 0; margin: 0; list-style: none;}
	.honors-list li{ padding-bottom: 1.5rem;}
	.honors-list .honors-box{ height: 16rem; display: table; width: 100%; padding: 0 1.5rem; border: solid 1px #ebebeb;}
	.honors-list .honors-c{display: table-cell; vertical-align: middle; }
	.honors-list b{ padding-bottom: 1rem; display: block;}
	.honors-list p{ margin: 0; padding: 0 0 1rem 0;}
	.honors-list a{ background: url(../images/more-ico-02.jpg) right center no-repeat; padding-right: 10px;}
	.honors-list img{ width: 100%;}
	
	.cart-list,.cart-list li{ padding: 0; margin: 0; list-style: none;}
	.cart-list{ margin: -1rem;}
	.cart-list li{ width: 50%; float: left; padding: 1rem;}
	.cart-list img{ border: solid 1px #ebebeb;}
	
	.swiper-pic .swiper-slide,.swiper-pic .swiper-wrapper{ height: 100% !important;}
	
	.pic-tit{ border-bottom: solid 1px #f2f2f2; padding: 1rem 0 0.5rem 0; font-weight: bold; font-size: 1.4rem;}
	.pic-txt{ padding: 1rem 0 0 0;}
	
	.pic-list .tabs{ overflow: hidden; margin: 0 -0.5rem;}
	.pic-list .tabs a{ width: 33.333%; float: left; padding:0.5rem ;}
	.pic-list .tabs a span{display: block; border: solid 3px #f2f2f2; background: #000;}
	.pic-list .tabs a img{width: 100%; opacity: 0.4;}
	.pic-list .tabs a.active img{ opacity: 1;}
	.pic-list .tabs a.active span{ border-color: #f78601;}
	
	.pic-btn-box{ top: 50%; position: absolute; width: 100%; }
	.pic-btn-box .pic-prev{ background: url(../images/pic-prev.png) left top no-repeat; width: 60px; height: 90px; float: left; margin-top: -45px; cursor: pointer;}
	.pic-btn-box .pic-next{ background: url(../images/pic-next.png) left top no-repeat; width: 60px; height: 90px; float: right; margin-top: -45px; cursor: pointer;}
	.pic-btn-box .pic-prev:hover,.pic-btn-box .pic-next:hover{ background-position: left bottom;}
	
	.pro-list{ width: 100%;}
	.pro-list,.pro-list li{ padding: 0; margin: 0; list-style: none;}
	.pro-list ul{ overflow: hidden;}
	.pro-list li{ width: 50%; float: left; padding: 0.5rem;}
	.pro-list li a span{ border: solid 2px #f2f2f2; display: block;}
	.pro-list li a span img{ width: 100%;}
	.pro-list li a p{ background: #181a1e; color: #fff; padding: 0.5rem; margin: 0; height: 6.1rem; overflow: hidden;}
	.pro-list li a:hover p{ background: #ea5a22; color: #181a1e;}
	
	.pro-tit{ text-transform: uppercase; color: #de1e3e; font-weight: bold; font-size: 1.6rem; padding-bottom: 1rem;}
	
	.pro-l .swiper-pic{ border: solid 2px #f2f2f2; position: inherit;}
	.pro-l .swiper-pic img{width: 100%;}
	.pro-l .pic-list .tabs a img{opacity: 1;}
	
	
	.pro-tit-02{ background: #ea5a22; padding: 1rem; font-size: 1.4rem;}
	.pro-qd-tit{ margin-top: 1rem; padding: 1rem 0; border-bottom: solid 1px #e2e2e2;}
	.pro-qd{ padding-top: 1rem; overflow: hidden;}
	
	.pro-fx{ padding: 1rem 0;}
	.pro-fx a{ margin-left: 5px;}
	
	.pro-det{ background: #f2f2f2; color: #333; padding: 1rem; margin: 1rem 0;}
	.pro-det-tit{ color: #f88600; font-weight: bold; padding: 1rem 0; font-size: 1.4rem;}
	.pro-det-txt{ padding-bottom: 1rem; overflow: hidden; background: url(../images/pro-line.jpg) left bottom no-repeat;}
	
	.pro-det-pic{ padding-top: 1rem;}
	.fdj-box{ position: relative;}
	.fdj{ position: absolute; right: 10px; top: -40px; z-index: 9; pointer-events: none;}
	
	.ld-list,.ld-list li{ padding: 0; margin: 0; list-style: none;}
	.ld-list li{ padding: 0.5rem; border: solid 1px #eeeeee; overflow: hidden; margin-bottom: 1rem;}
	.ld-list i.ld-ico{ background: url(../images/dl-ico-01.png); width: 40px; height: 46px; display: block; float: left; margin: 0 2rem 0 1rem;}
	.ld-list p{ display: table; margin: 0;}
	.ld-list b{display: block; padding-bottom: 10px; font-weight: normal;}
	.ld-list span{ background: url(../images/ld-time-ico.png) left center no-repeat; padding-left: 20px; color: #999;}
	.ld-list li:hover{ background: #ea5a22;}
	.ld-list li:hover b{ color: #181a1e;}
	.ld-list li:hover span{ background: url(../images/ld-time-ico-on.png) left center no-repeat; color: #181a1e;}
	.ld-list li:hover i.ld-ico{ background: url(../images/dl-ico-02.png);}
	
	.news-t,.news-t *{padding: 0; margin: 0; list-style: none;}
	.news-t{ padding-bottom: 2rem; overflow: hidden;}
	.news-t dt img{ width: 100%;}
	.news-t dd{ padding-top: 1rem;}
	.news-t dd a.news-tit{ font-size: 1.6rem;}
	.news-t dd p{ padding: 1rem 0;}
	.news-t dd span a{ display: inline-block; padding: 0 1.5rem; background: #ea5a22; line-height: 1.8; color: #181a1e;}
	.news-t dd span i{ background: #f0f0f0; color: #999; display: inline-block; line-height: 1.8; font-style: normal; padding: 0 1.5rem;}
	
	.news-list-02,.news-list-02 li{ padding: 0; margin: 0; list-style: none;}
	.news-list-02 span{display: block;}
	.news-list-02{ border-top: solid 1px #e2e2e2;}
	.news-list-02 li{ border-bottom: solid 1px #e2e2e2;}
	.news-list-02 a{ display: block; padding: 0.5rem; overflow: hidden;}
	.news-list-02 b{font-weight: normal; padding-bottom: 0.5rem; display: block;}
	.news-list-02 span{color: #999;}
	.news-list-02 li a{ color: #555;}
	.news-list-02 li:hover{ background: #f9f9f9;}


	.contact-box{ padding-top: 1rem; padding-bottom: 1rem;}
	.contact-box span{ display: block; padding: 0.5rem 0 0.5rem 3rem; background-position: left center; background-repeat: no-repeat; -webkit-background-size: 2rem;
	background-size: 2rem; color: #666;}
	.contact-box .add{ background-image: url(../images/lxwm-ico-01.jpg);}
	.contact-box .tel{ background-image: url(../images/lxwm-ico-02.jpg);}
	.contact-box .fax{ background-image: url(../images/lxwm-ico-03.jpg);}
	.contact-box .mail{ background-image: url(../images/lxwm-ico-04.jpg);}
	
	.honors-list-box,.honors-list-box li{ padding: 0; margin: 0; list-style: none;}
	.honors-list-box img{ width: 100%;}
	.honors-list-box li{ padding-bottom: 1.5rem;}
	.honors-list-box b{ display: block; padding: 0.5rem 0;}
	.honors-list-box span{ display: block; color: #999;}
	.honors-list-box p{ padding: 0; margin: 0;}
	
	.news-info-tit{ text-align: center; padding: 0; margin: 0; line-height: 1.4; padding-bottom: 1rem; font-size: 1.6rem;}
	.news-mess{ display: block; width: 100%; text-align: center; color: #999;}
	.news-cont{ width: 100%; padding: 1rem 0 0 0; margin: 0; overflow: hidden; position: relative; line-height: 1.8;}
	
}


@media (min-width: 384px) {
	html {font-size: 11px;}
}


@media (min-width: 480px) {
	html {font-size: 13px;}
}

@media (min-width: 640px) {
	html {font-size: 15px;}
}



@media (min-width: 768px) {
	html {font-size: 20px;}
	.container{width: 100%;}
.zsxx-list-02 .zsxx-tit{ line-height: 45px; font-size: 18px;}
.zsxx-list-02 i{ padding:0 15px; font-size: 18px;}
.zsxx-list-02 p{ font-size: 14px; margin-top: 10px; margin-bottom: 25px;}
}


@media (min-width: 992px) {
	.container{ width: 960px; padding: 0 15px;}
	body {font-size: 14px;}
	.logo {z-index: 99999; position: relative; margin-left: -5px; height: 44px;}
	.logo img{height: 40px;}
	.nav-btn{display: none;}
	.header-box{ height: 44px;}
	.nav-box {position: absolute; width: 100%;}
	.nav{ position: relative; width: auto; height: auto; background: none; padding: 0; z-index: 9999;}
	.nav ul{ height: auto; overflow: visible; padding-left: 1px; margin-right: 10px;}
	.nav li{-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); float: left; border: none; padding: 0 10px 0 0;}
.nav li{ padding: 0px;}
.nav li a{line-height: 44px; font-size: 14px; color: #333333; padding:0 0; height: 44px; padding: 0 15px;}
	.nav .nav-list{ width: auto; position: relative; padding: 0;}
	.nav li.nav-on>a,.nav li a.on,.nav li a:hover{color: #fff; background: #de1e3e; line-height: 44px;}
	.nav li div{ background: #f3f3f3;filter:alpha(opacity=50);  background: rgba(243,243,243,.9); text-align: center;}
	.nav li div a{padding: 0; font-size: 14px; height: 40px; line-height: 40px;}
	.nav li div a.sj-nav{display: none;}
	.nav li div a:hover{ border-top:none; padding: 0; line-height: 40px;}
	.nav li.nav-on .nav-rj-on{ color: #ed7219;}
	.lang-box{ width: auto; height: 44px;}
	.lang{ padding-left: 10px;}
	.lang dt{ margin-top: 12px; padding: 0 15px 0 5px;}
	.lang dd{ top: 34px;}
	.lang dd a{ width: 30px; height: 30px; font-size: 14px; line-height: 30px;}
	.lang a:hover{ color: #fff;}
	
	.nav ul{ float: right;}
	.body-box-show{ float: right;}
	.banner-pic{ height: 620px;}
	.pagination span{height: 12px; width: 12px; margin: 0 8px;}
	
	.lang-box{ float: right;}
	
	.box-01 li{ width: 25%;}
	.box-01 li a{ padding:15px 35px;}
	.box-01 li span{ font-size: 22px; padding-bottom: 5px;}
	.news-box{ overflow: hidden; padding-top: 50px;}
	.news-l{ width: 420px; float: left;}
	.news-l dd a.news-l-tit{ padding: 10px 0;}
	
	.news-r{ width: 480px; float: right; padding-top: 0;}
	
	.news-tab{ height: 39px; line-height: 39px;}
	.news-tab li{ padding: 0 10px; font-size: 12px;}
	.news-tab li a{ font-weight: bold;}
	.tab-content .tab-box dl{ padding: 10px 0;}
	.tab-content .tab-box dt{ width: 80px; height: 80px;}
	.tab-content .tab-box dt b{ font-size: 36px; line-height: 42px; padding-top: 10px;}
	.tab-content .tab-box dt span{ font-size: 12px;}
	.tab-content .tab-box dd{ padding-left: 15px;}
	.tab-content .tab-box p{ display: block; font-weight: normal; font-size: 12px;}
	.tab-content .tab-box .more{ color: #006df3;}
	.footer-r{ float: right; width: 275px;}
	.ly-m,.ly-l{ padding: 5px;}
	.ly-tit{ padding-top: 15px; font-size: 20px;}
	.ly-mess{ padding-bottom: 15px; margin: 0 -5px;}
	.ly-txt-01{ height: 35px;}
	.ly-txt-02{ height: 90px; max-height: 90px;}
	.ly-btn{ height: 40px;}
	
	.footer-bg{ position: relative;}
	.footer-b{ padding: 20px 0;}
	
	.footer-l{ display: block; float: left; width: 600px;}
	.footer-l .maps{ overflow: hidden;}
	.footer-l dl{ float: left; margin-top: 15px; padding:0 10px; border-right: solid 1px #e1e1e1;}
	.footer-l *{ font-size: 12px;}
	.footer-l a{ line-height: 24px;}
	.footer-l dd a{color: #888; display: block;}
	.footer-l dd a:hover{color: #ea5a22;}
	.footer-l .fx{ position: absolute; bottom: 20px;}
	.footer-l .fx span{ float: left; line-height: 25px;}
	.footer-l .fx a{ float: left; margin-left: 5px;}
	.footer-b{ font-size: 12px;}
	.footer-l .maps-m{ border: none;}
	.tab-content .tab-box{ position: relative;}
	.tab-content .tab-box .more-btn{ display: block; position: absolute; right: 10px; top: -29px; padding:0 15px 0 10px; font-size: 12px; border: solid 1px #333333; height: 20px; line-height: 20px; -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; background: url(../images/more-ico.png) 50px center no-repeat; color: #333;}
	
	.dz{ width: 690px; bottom: 10px; right: 15px;}
	
	.menu-box{ width: 200px; position: relative; top: -95px; float: left;}
	.menu-tit{ margin-top: 0; line-height: 61px; padding-top: 30px; border-top-right-radius:0; font-size: 22px; text-align: left; padding-left: 15px; border-top-left-radius:30px;}
	.menu-tit span{ height: 17px; line-height: 18px;}
	.menu-tit span i{width: 6px; height: 17px;}
	.menu-list li a{ padding: 0 15px; font-size: 14px; line-height:48px;}
	
	.cont-r{ float: right; width: 690px; margin: 30px 0;}
	.about-tit{ font-size: 20px; font-weight: bold; padding-bottom: 20px;}
	
	.about-tit-02{ margin: 15px 0;}
	.about-tit-02 span{ font-size: 20px; padding: 0 10px;}
	.about-tit-02 hr{ margin-top: -15px;}
	.honors-list{ padding: 15px 0; overflow: hidden;}
	.honors-list li{ width: 230px; height: 288px; float: left; margin-right: -1px; padding: 0; position: relative;}
	.honors-list .honors-box{ height: 144px;}
	.honors-list b{ padding-bottom: 10px;}
	.honors-list p{ padding-bottom: 10px; font-size: 12px;}
	.honors-list .honors-box{ padding: 0 15px;}
	.honors-t img{ position: absolute; top: 0;}
	.honors-t div.honors-box{ position: absolute; bottom: 0;}
	
	.cart-list{ margin: 0 -10px; overflow: hidden; padding: 10px 0;}
	.cart-list li{ width: 25%; padding: 0 10px; height: 199px;}
	.honors-list li i{border-color:transparent; border-style:solid; border-width: 10px 10px 0 10px; border-top-color: #fff; display: block; position:absolute; top: 143px; z-index: 9; right: 15px;}
	.honors-list li.honors-t i{border-color:transparent; border-style:solid; border-width: 0 10px 10px 10px; border-bottom-color: #fff; display: block; position:absolute; top: auto; bottom: 143px; z-index: 9; right: 15px;}
	
	.box-bg{ background: url(../images/menu-bg.jpg) 15px top repeat-y;}
	.pic-list{ margin-top: 15px;}
	.pic-list .tabs{ margin: 0 -5px; margin-top: 5px; height: 109px;}
	.pic-list .tabs-box{ position: absolute;}
	.pic-list .tabs a{ width: 194px;}
	
	.pic-tit{ font-size: 18px; padding: 20px 0 10px 0;}
	.pic-txt{padding-top: 10px;}
	.pro-list li{ width: 33.333%;}
	.pro-list li a p{ height: 80px;}
	.pro-list{ margin: 0 -20px;}
	.pro-list li{ padding: 20px;}
	.pro-list li a p{ padding: 10px;}
	
	.pro-tit{ font-size: 20px; padding-bottom: 0px;}
	
	.pro-box{ margin-top: 15px; overflow: hidden;}
	.pro-l{width: 336px; float: left;}
	.pro-l .pic-list .tabs a{ width: 33.333%;}
	
	.pro-r{ float: right; width: 320px;}
	
	.pro-tit-02{ padding: 10px 20px; font-size: 20px;}
	.pro-qd-tit{ margin-top: 10px; padding: 10px 0; font-size: 16px;}
	.pro-qd{ padding-top: 10px; font-size: 12px; line-height: 2.2;}
	
	.pro-det{ margin: 15px 0; padding: 10px; font-size: 16px;}
	.pro-det-tit{ font-size: 14px; padding: 15px 0;}
	.pro-det-txt{ padding-bottom: 15px;}
	.pro-det-pic{ padding-top: 15px;}
	.ld-list{ margin-top: 15px;}
	.ld-list li{ margin-bottom: 10px; padding: 15px 10px;}
	.ld-list i.ld-ico{ margin: 0 30px 0 10px;}
	.ld-list b{ font-size: 16px;}
	.ld-list span{ font-size: 12px;}
	.news-t{ margin-top: 15px; padding-bottom: 20px;}
	
	.news-t dt{ width: 361px; float: left; margin-right: 20px;}
	.news-t dd{ display: table; padding: 0;}
	.news-t dd a.news-tit{ font-size: 28px; line-height: 30px;}
	.news-t dd p{ padding: 10px 0;}
	.news-t dd span a{padding: 0 20px; font-size: 12px;}
	.news-t dd span i{ padding: 0 20px; font-size: 12px;}
	
	.news-list-02 li{ overflow: hidden;}
	.news-list-02 b{ float: left; width: 560px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; padding: 0; line-height: 60px;}
	.news-list-02 span{ float: right; line-height: 60px;}
	.news-list-02 li{ padding: 0;}
	.news-list-02 a{ padding: 0 10px;}
	
	#map{ margin-top: 15px;}
	
	.contact-box{ padding-top: 20px; text-align: center;}
.contact-box span{ padding: 10px 10px 10px 35px; display: inline-block; -webkit-background-size: 28px;
	background-size: 28px;}
	.cont-tit{ font-size: 22px; padding-bottom: 15px;}
	.honors-list-box { overflow: hidden; margin: 0 -10px;}
	.honors-list-box li{ width: 33.333%; float: left; padding: 10px;}
	.honors-list-box p{ height: 77px; overflow: hidden;}
	
	.news-info-tit{ font-size: 28px; padding-bottom: 20px; margin-top: 15px;}
	.news-cont{ padding-top: 20px;}
}



@media (min-width: 1250px){
	.container{width: 1230px;}
	.footer-l{ width: 870px;}
	.news-r{ width: 745px;}
	.maps a{width: 140px; line-height: 32px;}
	.maps dt a{ font-size: 16px; font-weight: normal;}
	.maps-max{ width: 310px;}
	.maps-max dt{width: 100%;}
	.maps-max dd{ overflow: hidden; width: 100%;}
	.maps-max a{ float: left;}
	
	.nav li{ padding: 0 5px;}
	.dz{ width: 960px;}
	.cont-r{ width: 960px;}
	
	.honors-list li{ width: 320px; height: 400px;}
	.honors-list .honors-box{ height: 200px;}
	.honors-list li i{ top: 199px;}
	.honors-list li.honors-t i{ bottom: 199px;}
	
	.cart-list li{ height: auto;}
	.pro-list li a p{ height: 60px;}
	
	.pro-r{ width: 590px;}
	.news-t dd p{ line-height: 28px; font-size: 16px;}
}

.proNav{ margin:0; padding:5px 0; display:block; clear:none; overflow:hidden;}
.proNav li{ margin:0 5px; line-height:24px;list-style-type:none; float:left;}
.proNav li a{font-size:12px; background:#E9E9E9; border:1px solid #D3D3D3; padding:5px;}
.proNav li a:hover{font-size:12px; background:#ff9000; border:1px solid #ff9000; padding:5px; color:#FFFFFF}
.proNav li > .on{font-size:12px; background:#ff9000; border:1px solid #ff9000; padding:5px; color:#FFFFFF}