@charset "utf-8";
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#008a3d; text-decoration:none;}
img { max-width:100%; height:auto;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.clear{ clear:both;}
/*头部*/
.lg{ width:100%; margin-top:10px; }
.cn{ float:right;}
.cn a{ font-size:12px; color:#c2c2c2; padding-left:2px;}
.en{ float:right; margin-left:10px; margin-right:50px;}
.en a{ font-size:12px; color:#c2c2c2; padding-left:2px;}

.wrap{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.inner{ width:95%; max-width:1400px; margin:0 auto; position:relative;}
header{position:absolute; top:0; left:0; right:0; z-index:300;}
#web_logo{ font-size:0px; position:relative; z-index:999;}
.top-logo{ float:left; opacity:0.6;}
.head-r { float:right;}

/*导航*/
nav{ height:40px; overflow:hidden; margin-top:38px;}
nav ul li{ float:left; text-align:center; height:40px; line-height:40px; overflow:hidden; }
nav ul li a{ display:block; font-size:16px; transition:.3s;color:white;}
nav ul li.hover a,nav ul li.navdown a{ color:#008a3d;}
/*导航按钮*/
.menu_h { display:none; background:none; border:none; outline:none; width:30px; height:20px; position:absolute; right:0; z-index:399; cursor:pointer;}
.menu_h::before,.menu_h::after,.menu_h span { display:block; background: #008a3d; border-radius:2px;}
.menu_h::before,.menu_h::after { content:''; position:absolute; height:3px; width:100%; left:0; top:50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.25s; transition:transform 0.25s;}
.menu_h span { position:absolute; width:100%; height:3px; left:0; overflow:hidden; text-indent:200%; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;}
.menu_h::before { -webkit-transform:translate3d(0, -8px, 0); transform:translate3d(0, -8px, 0);}
.menu_h::after { -webkit-transform:translate3d(0, 8px, 0); transform:translate3d(0, 8px, 0);}
.menu-open .menu_h span {opacity: 0;}
.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
/*banner*/
.met_flash{ font-size:0px; overflow:hidden; position:relative;} 
.met_flash ul{ margin:0px; padding:0px;} 
/*关于我们*/
.about{ width:95%; max-width:1200px; margin:60px auto; }
.cateout{ text-align: center;}
.cate{ display: inline-block; height: 24px; color: #151515; padding: 0 40px 28px; position: relative; margin: 0 auto;}
.catecn{ font-size: 30px; line-height: 24px; margin-right: 8px;}
.cateen{ font-size: 25px; line-height: 24px; font-family: 'arial';
	 font-style: italic; text-transform: uppercase; color: #1a1a1a;}
.cate:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 0; width: 100%; height: 40px; overflow: hidden;top:40px;
	background:  url('../images/car.png') 100% no-repeat;}
	.cate:after,.cate2:after{ -webkit-animation: bgleft1 5s  linear 1; animation: bgleft1 5s  linear 1;
	-moz-animation: bgleft1 5s  linear 1; -o-animation: bgleft1 5s  linear 1;}
@-webkit-keyframes bgleft1
	{0%{ width: 0;}
	80%{ width: 100%;}
	100%{ width: 100%;}
}@-moz-keyframes bgleft1
	{0%{ width: 0;}
	80%{ width: 100%;}
	100%{ width: 100%;}
}@-ms-keyframes bgleft1
	{0%{ width: 0;}
	80%{ width: 100%;}
	100%{ width: 100%;}
}@keyframes bgleft1
	{0%{ width: 0;}
	80%{ width: 100%;}
	100%{ width: 100%;}
}
.ab{width:100%;}
.al{ float:left;background:#008a3d; width:50%; margin-top:88px;}
.al p{width:73%; font-size:14px; color:white;padding-top:80px; padding-bottom:65px; margin-left:7%}
.al .ore{ float:right; margin-right:44px; margin-bottom:36px;}
.ar{ float:right; width:50%;}
/*产品展示*/
.pb{ width:100%; background:#fafafa; }
.pro{ width:95%; max-width:1300px; margin:0 auto; padding-top:70px; }


/*荣誉资质*/
.ixwitbox { width: 71%; float: left; overflow: hidden; height: 100%; }
.ch{ line-height:2.4; }
.hn{ line-height:1.1; }
.ico,
.aw{ width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; transition:300ms; -webkit-transition:300ms; }
.wsqh { height: 900px; }
.abti2 .ch { font-size: 22px; }
.abti .ch { color: #1a1a1a; margin-bottom: 10px; }
.abti2 .hn { font-size: 60px; }
.abti .hn { color: #333;  font-size: 60px; line-height: 0.8;  margin-bottom: 2;  font-weight:bold;}
.abti .hn .c { color: #a2192b; }
em,i{
	font-style:normal;
	}
	.abmore { margin-top: 32px; display: block; width: 38px; height: 38px; border-radius: 100%; border: 1px solid #666; }
.abmore .ico { background-image: url(../images/abm.png); background-position: right center; transition: none; -webkit-transition: none; }
	.abti .line { width: 14px; height: 6px; background: #a2192b; }

.ixwitti { width: 27.9%; float: left; height: 100%; background: #e8e8e8 url(../images/ixabhw.png) no-repeat right bottom; background-size: cover; margin-left:20px;}
.ixwitti .pa { padding: 32.5% 0 0 15%; }
.ixwitti .abti .txx { width:74%; margin-top: 36px; text-align: justify; font-size:14px; color:#666666 }

.ixwitti .abti .line2 { margin: 0; margin-top: 40px; margin-left: 5px; }
.ixwitbox { width: 71%; float: left; overflow: hidden; height: 100%; }
.ixwitList .item { width: 25%; overflow: hidden; }
.ixwitList .item a { width: auto; margin: 15px; }
.ixwitList { margin: 64px 0 0 64px; }
.ixnwList li{ float:left;}
.ixwitList .item.ione{position: absolute; left: 0px; top: 0px; animation-delay:0.1s;}
.ixwitList .item.itwo{position: absolute; left: 314px; top: 0px; animation-delay:0.3s;}
.ixwitList .item.it{position: absolute; left: 629px; top: 0px; animation-delay:0.5s;}
.ixwitList .item.if{position: absolute; left: 944px; top: 0px; animation-delay:0.7s;}
.ixwitList .item.ig{position: absolute; left: 944px; top: 225px; animation-delay:0.8s;}
.ixwitList .item.ih{position: absolute; left: 0px; top: 273px; animation-delay:0.2s;}
.ixwitList .item.ii{position: absolute; left: 314px; top: 357px; animation-delay:0.4s;}
.ixwitList .item.is{position: absolute; left: 629px; top: 430px; animation-delay:0.6s;}
.ixnwList a { display: block; width: 26.33%; margin-left: 7%; float: left; color: #8f8f8f; }
.ixnwList { margin-left: -7%; margin-top: 65px; }
.ixnwList .nowti { font-size: 18px; color: #333; margin-bottom: 10px; }
.ixnwList .line { width: 32px; height: 5px; background: #666; margin-bottom: 20px; transition: 400ms; -webkit-transition: 400ms; }
.ixnwList .date { font-size: 16px; color: #999; font-family: 'moolbor'; line-height: 1; margin-bottom: 8px; }
.ixnwList .tx { line-height: 20px !important; height: 40px; }
.ixnwmore { width: 22px; height: 22px; border: 1px solid #666; border-radius: 100%; margin-top: 40px; transition: 300ms; -webkit-transition: 300ms; }
.ixwitList .item a{  transform:translateX(0px); transition:0.8s;}
.ixwitList .item:hover a{ transform:translateY(-10px);}
.abti .line2 { width: 1px; height: 95px; display: block; margin: 0 auto; background: #a2192b; margin-top: 43px; }
.ixnwmore .ico{ background-image: url(../images/abm2.png); background-position: right center; }
.pic{display:block;overflow:hidden;position:relative;background-size:cover;background-repeat:no-repeat;background-position: center center;}
.pic > img{ display:block;  transition:600ms; -webkit-transition:600ms; }

.ixwitti .abti .abmore { margin-top: 50px; }
.ixwitti .abti .abmore:hover{ background:#b20101;border: 1px solid #b20101;}
/*新闻*/
.fnews{ background: url(../images/xb.jpg) top no-repeat; padding-top:70px;padding-bottom:58px; margin-top:70px;}

.fnewslist{ position: relative; padding-bottom: 20px; margin-top: 38px;}
.fnewslist:before{ content: ''; position: absolute; left:50%; width: 2px;
	 background-color: #fff; z-index: 1; top:20px; bottom:0; margin-left: -1px;}

.fnewslist li{ padding-right: 50%; overflow: hidden; position: relative; margin-bottom: 55px;
	 color: #fff; text-align: right; font-size: 16px;}
.fnewslist li:after{ content: ''; position: absolute; left:50%; width: 31px; height: 34px;
	z-index: 2; top:14px; background:url(../images/scar.png) center no-repeat; margin-left: -16px; }
.seemore3{ display: block; width: 124px; height: 34px; border: 2px solid #fff; margin: 0 auto;
	line-height: 34px; font-size: 14px; color: #fff; text-align: center;}
.seemore3:hover span{ color:white;}
.seemore3:hover{ background-color:#b20101;}
.fnewslist li h3{ padding:0 40px; height: 30px; line-height: 30px; font-weight:normal; }
.fnewslist li p{ padding:0 40px;  line-height: 36px;}
.fnewslist li p a{ color: #fff;}

.fnewslist li:nth-child(odd){ padding-left: 50%; padding-right: 0; text-align: left;}
/*底部单*/

.foot{ width:100%; background:#333333;height:412px;}
.fc{ width:100%; max-width:1200px; margin:0 auto; padding-top:86px;}
.ft dl{ float:left; margin-right:11%;}
.ft dl dt{ color:white; font-size:20px; padding-bottom:10px;}
.ft dl dd{font-size:14px;}
.ft dl dd a{ color:#9a9a9a; font-size:14px; line-height:32px;}
.ft dl dd a:hover{ color:white;}
.wx{ float:right;}
.wx dl dt{ color:white; font-size:20px;}
.wx dl{ float:left; margin-top:20px; margin-left:20px;}
.wx dl dd{ float:left; margin-right:10px; margin-top:10px;}
.wh{ float:left;}
.fc span{ font-size:24px; color:white;font-weight:bold; float:left; display:block; width:100%; margin-top:30px;}
.foot .line{ width:100%; height:1px; background:#9d9d9d; margin-top:86px;}
.sp{width:100%; max-width:1200px; margin:22px auto;}
.sp span{ display:block; font-size:14px; float:left;}
.sp span a{ color:#9a9a9a; font-size:14px;}
.sp p{ float:right;}
.sp p a{ color:#9a9a9a; font-size:14px;}
/*右侧漂浮菜单*/
.right_bar{ display:none; position:fixed; top:200px; right:0; width:50px; height:203px; z-index:9999;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; left:0px; transition:0.5s;}
.right_bar li.rtbar_li1:hover { left:-116px;}
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px;  transition:0.5s;}
.right_bar li.rtbar_li3:hover { left:-70px;}
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#008a3d; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#00682e; opacity:1;}
.right_bar li.rtbar_li2:hover .rtbar_shwx { opacity:1; left:-160px;}
.rtbar_shwx{ opacity:0; position:absolute; top:0px; left:50px;  transition:0.5s;}
.rtbar_shwx img{ padding:5px; background-color:#FFF; width:142px; height:142px; }

/*内页侧栏*/
.sidebar { padding-bottom:40px;}
.sidebar .sb_nav{ width:100%; z-index:999; background:#f9f9f9; position:relative; top:-35px; -webkit-box-shadow:0 5px 15px 0 rgba(0, 0, 0, .1); box-shadow:0 5px 15px 0 rgba(0, 0, 0, .1);}
.sidebar .sb_nav h3.title { display:none;}
.sidebar .sb_nav .active{ text-align:center; width:100%;}
.sidebar .sb_nav dl{ display:inline-block; width:15%; position:relative;}
.sidebar .sb_nav dl dt { padding:20px 0;}
.sidebar .sb_nav dl dt.on,.sidebar .sb_nav dl dt:hover { background:#008a3d;}
.sidebar .sb_nav dl dt a{ font-size:18px;}
.sidebar .sb_nav dl dt.on a,.sidebar .sb_nav dl dt:hover a{ color:#fff;}
.sidebar .sb_nav dl dd{ width:100%; background:#fff; background:rgba(255,255,255,.85); position:absolute; left:0px; right:0; top:100%; z-index:2; max-height:160px; overflow-y:scroll; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar { width:3px; background-color:#ededed; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar-thumb { border:none; width:3px;background-color:#ca171c; }
.sidebar .sb_nav dl dd::-webkit-scrollbar-corner { background-color:#ededed; }
.sidebar .sb_nav dl dd h4{ font-weight:normal;}
.sidebar .sb_nav dl h4 a { display:block;line-height:2.5; font-size:16px;}
.sidebar .sb_nav dl h4.on a{ color:#ca171c;}
.sidebar .sb_nav dl h4 a::before { display:inline-block; content:""; width:0px; vertical-align:middle; border-top:1px solid #ca171c; margin-right:5px; transition:.4s;}
.sidebar .sb_nav dl h4:hover a::before,.sidebar .sb_nav dl h4.on a::before { width:10px;}
.sidebar .sb_box{ width:100%; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; line-height:1.6; font-weight:normal; position:relative;}
.sidebar .sb_box h3.title span{ float:left; font-size:30px; color:#666; padding:0px 26px;}
.sidebar .sb_box h3.title div.position{ float:right; color:#666; margin-top:20px;}
.sidebar .sb_box h3.title div.position a{ color:#999;}
.sidebar .sb_box .active { margin-top:20px;}
.sidebar .sb_box h3.title .moresidebar { display:none; float:right; font-weight:normal; padding:0 10px 0 20px; background:url(../images/side.png) no-repeat left center; background-size:12px; margin-top:20px;}
#imglist li{ margin-top:12px;}
#imglist li h3{padding: 24px 0px 10px;font-weight:normal;line-height: 2.5; font-size:16px;}
/*内页侧栏结束*/
.met_page a { color:#b08046;}
#showimg .imgshow{ display:none;}
/*产品列表*/
#productlist li { width:31%; height:auto !important; margin:18px 1% 23px 1%;}
#productlist li a{display: block;overflow: hidden;}
#productlist li a.img img { display:block; width:100%; border:none; transform:scale(1,1); transition:0.4s;}
#productlist li:hover a.img img { transform:scale(1.05,1.05);}
#productlist li a.text h3 { font-size:18px;  line-height:1.6; padding:30px 0 0 0;}
#productlist li a.text p { color:#999; line-height:1.4; display:none;}
/*产品内容页*/
#showproduct h1.title { font-size:28px; font-weight:normal; padding:0;}
#showproduct .pshow::after { content:""; display:block; clear:both;}
#showproduct .pshow dt { width:50% !important;}
#showproduct #imgqwe { display:block;  float:left;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:27% !important; float:right; margin:0; max-height:658px; overflow:auto;}
#showproduct .smallimg::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px;}
#showproduct .smallimg::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#ca171c; }
#showproduct .smallimg::-webkit-scrollbar-corner { background-color:#ededed; }
#showproduct .smallimg span.spic { display:block;}
#showproduct .smallimg span img { width:100% !important;}
#showproduct .pshow dd { width:50% !important;}
#showproduct .pshow dd ul { margin:0 15px;}
#showproduct .ctitle { font-size:2em; font-weight:normal; border-bottom:none; border-top:1px solid #ccc; margin:40px 0px 0px; padding:20px 10px; background:none;}
#showproduct .ctitle::after { content:""; display:block; width:40px; border-top:2px solid #ca171c; margin-top:15px;}
/*新闻模块*/
#newslist { padding:0;}
#newslist li { float:left; width:49%; margin-right:14px; border-bottom:1px solid #e5e5e5; margin-bottom:40px; box-sizing:border-box; padding:20px 30px; background:none;} 
#newslist li:hover { background:#f5f5f5; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.2);}
#newslist li a { display:block; margin-right:0;}
#newslist li .left { width:31%; float:left;}
#newslist li .left img { display:block; width:100%;}
#newslist li .right {width:63%; float:left; margin-left:5%;}
#newslist li .right h3 { font-size:18px; font-weight:normal; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#newslist li .right span { display:block; float:none; color:#999; margin-top:3px;}
#newslist li .right p { line-height:2; color:#666666; max-height:4em; margin-top:5px; overflow: hidden;}
#newslist li .right label { display:block; margin-top:6px;}
/*简介模块*/
.editor h3.title { font-size:30px; text-align:center; border-bottom:none !important;}
.editor h6.subtitle { font-weight:normal; text-align:center; color:#999;}
.editor h6.subtitle::before { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
.editor h6.subtitle::after { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
/*联系我们*/
.contactus ul { width:60%; padding:0; float:left; margin-right:3%;}
.contactus li { margin-bottom:10px; padding:20px 0; border-bottom:1px dashed #ccc;}
.contactus .erweima { width:36%; float:left; text-align:center; line-height:1;}
.contactus .erweima .er-img { width:48%; margin:0 1%; float:left;}
.contactus .erweima img { display:block; width:100%;}
#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
/*公司简介*/
.profile .honor img { width:33%;}
/*品牌营销*/
.marketing .network-img img { width:50%;}
.marketing h5 { font-size:22px; font-weight:normal; color:#b08046;}
/*招商加盟*/
.join .guarantee { width:50%; float:left;}
.join .reward { width:50%; float:right; padding-left:5%; box-sizing:border-box;}
.join img { width:50%;}

/*响应式开始*/
@media screen and (max-width: 1680px) {
	.ixwitti{ width:22.9% !important;}
	.ixwitbox{ width:74% !important;}
	.ixwitList{ margin:0 !important}
	.index-prod li .text { left:6%;}
	.index-prod li:nth-child(3) .text, .index-prod li:nth-child(4) .text { right:6%;}
	.index-prod li .text h3 { font-size:30px; padding-bottom:20px;}
	.index-prod li .text span { width:200px;}
	.index-prod li .text p { font-size:14px;}
	.index-prod li .text a.more-btn { width:128px; height:32px; font-size:14px; line-height:32px; margin-top:25px;}
	.ubanner { margin-top:60px;}
	#showproduct .smallimg { max-height:616px;}
}
@media screen and (max-width: 1440px) {
	.index-prod li .text { left:6%;}
	.index-prod li:nth-child(3) .text, .index-prod li:nth-child(4) .text { right:6%;}
	.index-prod li .text h3 { font-size:30px; padding-bottom:20px;}
	.index-prod li .text span { width:200px;}
	.index-prod li .text p { font-size:14px;}
	.index-prod li .text a.more-btn { width:128px; height:32px; font-size:14px; line-height:32px; margin-top:25px;}
	.ubanner { margin-top:60px;}
	#showproduct .smallimg { max-height:616px;}
}
@media screen and (max-width: 1360px) {
		.ixwitbox{width: 74% !important;}
.ixwitList .item.ione{position: absolute; left: 0px; top: 0px; animation-delay:0.1s;}
.ixwitList .item.itwo{position: absolute; left: 249px; top: 0px; animation-delay:0.3s;}
.ixwitList .item.it{position: absolute; left: 497px; top: 0px; animation-delay:0.5s;}
.ixwitList .item.if{position: absolute; left: 742px; top: 0px; animation-delay:0.7s;}
.ixwitList .item.ig{position: absolute; left: 742px; top: 181px; animation-delay:0.8s;}
.ixwitList .item.ih{position: absolute; left: 0px; top: 217px; animation-delay:0.2s;}
.ixwitList .item.ii{position: absolute; left: 249px; top: 282px; animation-delay:0.4s;}
.ixwitList .item.is{position: absolute; left: 497px; top: 342px; animation-delay:0.6s;}
}
@media screen and (max-width: 1280px) {
	.ixwitList .item.ione{position: absolute; left: 0px; top: 0px; animation-delay:0.1s;}
.ixwitList .item.itwo{position: absolute; left: 233px; top: 0px; animation-delay:0.3s;}
.ixwitList .item.it{position: absolute; left: 463px; top: 0px; animation-delay:0.5s;}
.ixwitList .item.if{position: absolute; left: 705px; top: 0px; animation-delay:0.7s;}
.ixwitList .item.ig{position: absolute; left: 705px; top: 181px; animation-delay:0.8s;}
.ixwitList .item.ih{position: absolute; left: 0px; top: 217px; animation-delay:0.2s;}
.ixwitList .item.ii{position: absolute; left: 233px; top: 282px; animation-delay:0.4s;}
.ixwitList .item.is{position: absolute; left: 463px; top: 342px; animation-delay:0.6s;}
	#newslist li{ margin-right:11px !important;}
	nav{ display:none; position:fixed; left:0; top:0px; width:100%; height:100%; float:none; margin:0; background:rgba(43,43,43,.50); padding-top:60px;}
	nav ul li { float:none; width:100% !important; padding:10px;}
	nav ul li.line { display:none;}
	.menu_h {display:block; top:40px;}
	#showproduct .smallimg { max-height:546px;}
	#newslist li .right span { margin-top:10px;}
	#newslist li .right p { margin-top:10px;}
	#newslist li .right label { margin-top:5px;}
	#newslist li .left { margin-top:20px;}
}
@media screen and (max-width: 1152px) {
	.ixwitList .item.ione{position: absolute; left: 0px; top: 0px; animation-delay:0.1s;}
.ixwitList .item.itwo{position: absolute; left: 204px; top: 0px; animation-delay:0.3s;}
.ixwitList .item.it{position: absolute; left: 410px; top: 0px; animation-delay:0.5s;}
.ixwitList .item.if{position: absolute; left: 615px; top: 0px; animation-delay:0.7s;}
.ixwitList .item.ig{position: absolute; left: 615px; top: 158px; animation-delay:0.8s;}
.ixwitList .item.ih{position: absolute; left: 0px; top: 192px; animation-delay:0.2s;}
.ixwitList .item.ii{position: absolute; left: 204px; top: 243px; animation-delay:0.4s;}
.ixwitList .item.is{position: absolute; left: 410px; top: 290px; animation-delay:0.6s;}
	#newslist li{ margin-right:11px !important;}
	nav{ display:none; position:fixed; left:0; top:0px; width:100%; height:100%; float:none; margin:0; background:rgba(43,43,43,.50); padding-top:60px;}
	nav ul li { float:none; width:100% !important; padding:10px;}
	nav ul li.line { display:none;}
	.ft dl{ margin-right:4% !important;} 
	.menu_h {display:block; top:40px;}
	#showproduct .smallimg { max-height:546px;}
	#newslist li .right span { margin-top:10px;}
	#newslist li .right p { margin-top:10px;}
	#newslist li .right label { margin-top:5px;}
	#newslist li .left { margin-top:20px;}
}

@media screen and (max-width: 1100px) {
	
	.ixwitbox{width: 65% !important;}
	.ixwitList .item.ione{position: absolute; left: 0px; top: 0px; animation-delay:0.1s;}
.ixwitList .item.itwo{position: absolute; left: 204px; top: 0px; animation-delay:0.3s;}
.ixwitList .item.it{position: absolute; left: 410px; top: 0px; animation-delay:0.5s;}
.ixwitList .item.if{position: absolute; left: 615px; top: 0px; animation-delay:0.7s;}
.ixwitList .item.ig{position: absolute; left: 615px; top: 158px; animation-delay:0.8s;}
.ixwitList .item.ih{position: absolute; left: 0px; top: 192px; animation-delay:0.2s;}
.ixwitList .item.ii{position: absolute; left: 204px; top: 243px; animation-delay:0.4s;}
.ixwitList .item.is{position: absolute; left: 410px; top: 290px; animation-delay:0.6s;}
	#newslist li{ margin-right:4px !important;}
	.index-prod li .text h3 { font-size:25px; padding-bottom:16px;}
	.index-prod li .text span { width:170px;}
	.index-prod li .text p { font-size:12px; margin-top:10px;}
	.index-prod li .text a.more-btn { width:118px; height:28px; line-height:28px; margin-top:20px;}
	.sidebar { padding-bottom:20px;}
	.sidebar .sb_nav1100 { display:none; position:fixed; width:100%; height:100%; left:0; top:0; bottom:0; z-index:399; background:#008a3d; opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9;}
	.sidebar .sb_nav1100 h3.title { display:block;}
	.sidebar .sb_nav1100 .active { text-align:left;}
	.sidebar .sb_nav1100 h3.title { text-align:center; height:46px; line-height:46px; padding:0px 10px; background:#007836 url(../images/navmore.png) no-repeat 95% center; background-size:12px;}
	#sidebar dl { display:block; width:100%; padding:0;}
	#sidebar dl dt { border-bottom:1px solid #132b4e; background: url(../images/navmore.png) no-repeat 95% center; background-size:12px; margin-top:0; line-height:1.4; padding:0;}
	#sidebar dl dt.on { background-color:#1b2c45;}
	#sidebar dl dt a { display:block; color:#fff; padding:12px 3%; font-size:14px;}
	#sidebar dl dt.on a { color:#fff;}
	.sidebar .sb_nav1100 dl dd { display:block !important; position:inherit; background:none; padding:0 4%; box-sizing:border-box;}
	.sidebar .sb_nav1100 dl dd h4 { float:left; padding:0 20px;}
	.sidebar .sb_nav1100 dl h4 a { color:#fff; font-size:14px;}
	.sidebar .sb_nav1100 h3.title { font-size:16px; color:#fff;}
	.sidebar .sb_box1100 h3.title .moresidebar { display:block;}
	.sidebar .sb_box1100 h3.title div.position { display:none;}
	#showproduct .smallimg { max-height:466px;}
	#newslist li .right { width:65%;}
	#allmap { height:300px;}
	.profile .honor img { width:50%;}
}
@media screen and (max-width: 960px) {
	.index-prod li { width:100% !important;}
	.index-prod li .text h3 { font-size:36px; padding-bottom:30px;}
	.index-prod li .text span { width:260px;}
	.index-prod li .text p { font-size:18px; margin-top:15px;}
	.index-product .hide li:nth-child(2) { display:block;}
	.index-prod li .text a.more-btn { width:158px; height:38px; line-height:38px; margin-top:35px;}	
	.index-product .flip .xian { margin-top:16px;}
	#trigger a.current::before { font-size:30px;}
	.sidebar .sb_box h3.title .moresidebar { margin-top:10px;}
	.index-product .prev, .index-product .next { top:16px;}
	.index-product dl { width:48%;}
	.ubanner img.img1 { display:none;}
	.ubanner img.img2 { display:block;}
	.sidebar .sb_box h3.title span { font-size:24px;}
	#productlist li { width:47%; margin:0 1.5% 20px 1.5%;}
	#showproduct .smallimg { max-height:404px;}
	#newslist li .left { margin-top:36px;}
	.contactus ul { width:75%;}
	.contactus .erweima { width:20%;}
	.contactus .erweima .er-img { width:100%;}
}
@media screen and (max-width: 1000px) {
	.combina >img{ padding-top:81% !important;}
	.ixwitti{width: 30.9% !important; height:663px !important;}
		.ixwitList .item.ione{position: absolute; left: 0px; top: 0px; animation-delay:0.1s;}
.ixwitList .item.itwo{position: absolute; left: 118px; top: 0px; animation-delay:0.3s;}
.ixwitList .item.it{position: absolute; left: 226px; top: 0px; animation-delay:0.5s;}
.ixwitList .item.if{position: absolute; left: 338px; top: 0px; animation-delay:0.7s;}
.ixwitList .item.ig{position: absolute; left: 338px; top: 84px; animation-delay:0.8s;}
.ixwitList .item.ih{position: absolute; left: 0px; top: 95px; animation-delay:0.2s;}
.ixwitList .item.ii{position: absolute; left: 118px; top: 131px; animation-delay:0.4s;}
.ixwitList .item.is{position: absolute; left: 226px; top: 151px; animation-delay:0.6s;}
.ft dl{margin-right:5px !important;}
	#newslist li{ margin-right:11px !important;}
	.top-logo img { height:50px;}
	.menu_h { top:22px;}
	.style-1 h2.title { margin-bottom:15px;}
	.style-1 h2.title img { height:54px;}
	.index-prod { margin-top:26px;}
	.index-product { margin-top:30px;}
	.foot-text h3 { font-size:30px;}
	#showproduct .smallimg { max-height:333px;}
	.contactus ul { width:100%; margin-right:0;}
	.contactus .erweima { width:100%;}
	.contactus .erweima .er-img { width:48%;}
}
@media screen and (max-width: 720px) {
	.index-prod li .text h3 { font-size:30px; padding-bottom:20px;}
	.index-prod li .text span { width:200px;}
	.index-prod li .text p { font-size:14px;}
	.index-prod li .text a.more-btn { width:128px; height:32px; font-size:14px; line-height:32px; margin-top:25px;}
	.index-product .flip .xian { margin-top:13px;}
	#trigger a.current::before { font-size:24px;}
	.index-product .prev, .index-product .next { top:10px;}
	.index-product dl { margin-top:30px;}
	.copy-right p { float:none !important;}
	#productlist li a.text h3 { font-size:16px;}
	#showproduct .smallimg { max-height:297px;}
	.profile .honor img { width:100%;}
	.marketing .network-img img { width:100%;}
	.join .guarantee { width:100%;}
	.join .reward { width:100%; padding-left:0;}
	.join img { width:100%;}
}
@media screen and (max-width: 560px) {
	.index-prod li .text h3 { font-size:25px; padding-bottom:16px;}
	.index-prod li .text span { width:170px;}
	.index-prod li .text p { font-size:12px; margin-top:10px;}
	.index-prod li .text a.more-btn { width:118px; height:28px; line-height:28px; margin-top:20px;}
	#trigger { width:80%;}
	.index-product .prev, .index-product .next { display:none;}
	.index-product dl { margin-top:20px;}
	.index-product dd h3 { font-size:15px;}
	.ubanner { margin-top:40px;}
	.foot-text { padding:5px 0;}
	.foot-text h3 { font-size:26px;}
	#showproduct .smallimg { max-height:227px;}
	#newslist li { padding:10px 15px;}
	#newslist li .left { width:100%; margin-top:0;}
	#newslist li .right { width:100%; margin-left:0;}
	#newslist li .right h3 { font-size:18px;}
}
@media screen and (max-width: 400px) {
	.top-logo img { height:30px;}
	.menu_h { width:18px; top:14px;}
	.menu_h::before { -webkit-transform:translate3d(0, -6px, 0); transform:translate3d(0, -6px, 0);}
	.menu_h::after { -webkit-transform:translate3d(0, 6px, 0); transform:translate3d(0, 6px, 0);}
	.style-1 h2.title { margin-bottom:8px;}
	.style-1 h2.title img { height:32px;}
	.index-prod { margin-top:15px;}
	.index-prod li .text { left:3%;}
	.index-prod li:nth-child(3) .text, .index-prod li:nth-child(4) .text { right:3%;}
	.index-prod li .text h3 { font-size:22px; padding-bottom:14px;}
	.index-prod li .text span { width:150px;}
	.index-prod li .text p { font-size:12px; margin-top:10px;}
	.index-prod li .text a.more-btn { width:118px; height:28px; line-height:28px; margin-top:20px;}
	.foot-text h3 { font-size:24px;}
	#showproduct .smallimg { max-height:156px;}
}