<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#282828;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}

input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}


body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden;}
@media screen and (max-width:768px){
html{ font-size:26px;}
body{ font-size:26px;}

}
DIV.green-black{ width:100%;  padding:20px 0; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 9px;PADDING-LEFT: 9px;PADDING-BOTTOM: 2px;COLOR: #000;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #ddd 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #ddd;}
DIV.green-black A:hover{BORDER: #91b000 1px solid;COLOR: #fff;font-size:100%;background-color: #91b000;}
DIV.green-black A:active{BORDER: 1px solid #91b000;COLOR: #fff;font-size:100%;background-color: #91b000;}

DIV.green-black SPAN.current{PADDING-RIGHT: 9px;PADDING-LEFT: 9px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #91b000;font-size:100%;background-color: #91b000;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 9px;PADDING-LEFT: 9px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #91b000 1px solid;font-size:100%}

::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}
@font-face{

font-family:'AlibabaSans';
font-family:'AlibabaSans';
	src:url('../fonts/AlibabaSans.eot.html') format('eot');/*IE*/
	src:url('../fonts/AlibabaSans.TTF') format('truetype');/*non-IE*/

}

img{ max-width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.kd{ margin:0 auto; width:91%; max-width:1300px; }
@media screen and (max-width:768px){
.kd{ width:95%;}
}
.head{ height:95px;}

.me1{ width:41%; margin-top:40px;}
.me2{ width:41%;margin-top:40px;}

.mpc li{ float:left; background:url(../images/txx_03.jpg) right center no-repeat; padding:0 20px;}
.mpc li:nth-child(1){ padding:0 20px 0 0;}
.mpc li a{ display:inline-block; position:relative;}
.mpc li a:hover{ font-weight:bold; color:#86a301}
.mpc li a.cur{ font-weight:bold; color:#86a301}
.mpc li a span{ position:absolute; bottom:-20px; width:100%; height:3px; background:#aacd06; left:0;transform:scale(0,1); transition:all 0.5s;}
.mpc li a:hover span{ transform:scale(1,1);}
.mpc li a.cur span{ transform:scale(1,1)}
.me2 li{ float:right;}
.me2 li:nth-child(1){ padding:0 0 0 20px; background:none;}
.me1 li:nth-child(4){ background:none;}
.logo{ width:18%; margin-top:20px; text-align:center;}

.tlan{ background:url(../images/tlan.png) center no-repeat; height:52px; line-height:38px; position:relative; z-index:999}
.tlan .jyu i{ display:inline-block; border:2px solid #fff; border-radius:50%; width:3px; height:3px; position:relative; top:-1px;}
.tlan .jyu span{ color:#fff;}

.tlan .pas1{ float:left; position:relative; margin-top:2px;}
.tlan .pas1 span{ position:absolute; top:100%; left:0; opacity:0; visibility:hidden; width:200px; background:rgba(145,176,0,0.8); transition:all 0.5s; text-indent:2rem; color:#fff; padding:5px 0;}
.tlan .pas1:hover span{ opacity:1; visibility:visible;}
@media screen and (max-width:768px){
.me1{ display:none;}
.me2{ display:none;}

.head{  box-shadow:0 2px 5px 2px rgba(0,0,0,0.1); height:100px; position:fixed; width:100%; background:#fff; z-index:999;}
.logo{ width:30%;}
.tlan{ display:none;}
.ctop{ height:100px; width:100%;}
}
/*m*/
/*导航样式*/
.mobile-inner-nav{ display:none;}
.mobile-inner-header{ display:none;}
@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav{ display:block;}
.mobile-inner-header{ display:block}
.mobile-inner-nav li{ margin:0; background:none}
.mobile-inner-nav li:nth-child(3){ width:100%;}
.mobile-inner-nav li:nth-child(5){ width:100%;}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p img{ display:none; margin:0 auto 12px;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#000; right:55px; top:38px; width:70px; font-size:1rem; position:absolute;}
.mobile-inner-header{width: 100%;height:100px; position: absolute;top: 0px;left: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:35px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#000; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #000;
    position: absolute;
    left: 25%;
    bottom: 1.55em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:100px;left: 0px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #000;
    position: absolute;
    left: 25%;
    bottom: 0.95em;
    display: block;
	border-radius:5px;
}

	.mobile-inner-nav{top:100px; width:50%; right:0%; left:auto;}
}
/*m*/


/*banner*/
.banner{ width:100%; overflow:hidden; background:#1174c8; margin-top:-14px; border-bottom:5px solid #91b000}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.slide_tabs {
  list-style: none;
  padding: 0;
  font-size: 18px;
  list-style: none;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  position:absolute;
  z-index:222;
  top:92%;
  }

.slide_tabs li {
	display:inline-block;
  margin-right: 5px;
  height:15px; overflow:hidden;
  }
.slide_tabs li.slide_here a{ background:#aacd06; width:48px;}
.slide_tabs a {
  width: 28px;
  line-height: 90px;
  height: 10px;
  background:#fff;
  display:block;
  color:#000;
  overflow:hidden;
 
  border-radius:5px;
  }

.slide_tabs li:first-child {
  margin-left: 0;
  }

.slide_container {
 
  position: relative;
  float: right;
  width: 100%;
 
   overflow:hidden;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  bottom: 0%;
  left: 0;
  margin-left:10%;
  opacity: 1;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 40px;
  width: 42px;
  background: transparent url("../images/prne.jpg.html") no-repeat left top;
  margin-top: -45px;}

.slide_nav:active { opacity: 1.0;}

.slide_nav.next {left: 42px;background-position: right top;right: 42px;margin-right:10%;
}

.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
/*图片切换*/
	.device {
  width: 760px;
  height: 600px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 600px;
  width: 760px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode &gt; .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}



/*规模*/
.in-gui{ padding:41px 0;}
.gutt{ text-align:center;}
.gutt h4{ font-size:2.25rem; color:#282828; font-weight:bold;}
.gutt h4 b{ color:#91b000; font-size:4rem; position:relative; bottom:-8px; font-family:'AlibabaSans';}
.gutt p{ font-size:1.25rem; color:#595858}

.gushu{ margin:48px 0;}
.gushu li{ float:left; width:33.33%; background:url(../images/gu1.jpg) right center no-repeat; text-align:center;}
.gushu li h4{ font-family:'AlibabaSans'; color:#91b000; font-size:80px;}
.gushu li h4 font{ position:relative; top:-5px; font-weight:lighter; font-family:'微软雅黑'; font-size:60px;}
.gushu li h4 em{ font-size:1.125rem; color:#282828}
.gushu li p{ font-size:1.875rem; color:#282828;}
.gushu li span{ color:#282828}
@media screen and (max-width: 768px){
.gushu li{ float:left; width:100%; background:none; text-align:center;}
}
/*公司简介*/
.in-ab{ padding:47px 0 118px; width:100%; background:#f4f4f4;}
.in-ab .fl{ width:48%;}
.in-ab .acc{ width:50%;}
.in-ab .acc h4{ font-weight:bold; font-size:1.875rem; color:#91b000}
.in-ab .acc b{ font-size:1.375rem; color:#454545; margin-bottom:32px; display:block;}
.in-ab .acc p{ color:#444444; line-height:1.5em;}
.in-ab .acc ul{ margin-top:39px;}
.in-ab .acc li{ float:left; margin-right:16px;}
.in-ab .acc li img{ margin-bottom:-5px;}
.in-ab .acc li span{ font-size:1.125rem; color:#676767}
.in-ab .pa-ab{ position:absolute; left:42%; bottom:-177px; z-index:2;}
@media screen and (max-width: 768px){
.in-ab .fl{ width:100%;}
.in-ab .fl img{ width:100%;}
.in-ab .acc{ width:100%;}
.in-ab .pa-ab{ position:absolute; left:36%; bottom:-177px; z-index:2;}
}
/*品质*/
.in-pin{ background-image:url(../images/caoping.jpg); background-position:center; background-attachment:fixed; background-repeat:no-repeat; padding:91px 0 61px; position:relative;}

.piyin{ position:absolute; z-index:1; background:rgba(0,0,0,0.2); width:100%; height:100%; top:0; left:0;}
.pintit{ text-align:center; position:relative; z-index:2;}
.pintit h4{ font-size:2.25rem; color:#fff; font-weight:bold;}
.pintit p{ font-size:1.125rem; color:#fff;}

.pinul{ border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5); margin-top:39px; position:relative; z-index:2; max-height:425px; overflow:hidden;}
.in-pin .prev{ position:absolute; left:46.5%; bottom:10px;}
.in-pin .next{ position:absolute; right:46.5%; bottom:10px;}
.pinul li{ width:24.9%; border-left:1px solid rgba(255,255,255,0.5); text-align:center; padding:132px 0; transition:all 0.8s;max-height:425px; overflow:hidden; position:relative; cursor:pointer}
.pinul li .d1{ transition:all 0.8s;}
.pinul li p{ font-size:1.5rem; color:#fff; margin:24px 0 0; }
.pinul li span{ display:block; width:60%; margin:0 auto;border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5); padding:16px 0; color:#ffffff; opacity:0; height:0; margin-top:24px; transition:all 0.8s; text-align:center;}
.pinul li:hover { background:rgba(71,86,0,0.5)}
.pinul li:hover .d1{margin-top:-73px;}
.pinul li:hover .d1 span{ opacity:1; height:100%;}
.pinul .kd{border-right:1px solid rgba(255,255,255,0.5);}
@media screen and (max-width: 768px){

.pinul li{ width:49.9%; max-height:600px;}
.pinul li span{ width:90%;}
.in-pin .prev{ position:absolute; left:36.5%; bottom:10px; z-index:222;}
.in-pin .next{ position:absolute; right:36.5%; bottom:10px; z-index:222;}
.pinul .kd{ overflow:hidden; width:720px;}
}
/*产品*/
.in-pro{ padding:56px 0;}
.in-pro .kd{ overflow-x:hidden}
.prtit{ text-align:center;}
.prtit h4{ font-size:2.25rem; color:#91b000; font-weight:bold;}
.prtit p{ font-size:1.25rem; color:#484848;}

.psort1{ margin-top:47px;}
.psort2{ margin-top:19px}
.psort1 .slink{ width:17%}
.psort1 .slei{ width:82%;}
.psort1 .slei li{padding:10px 0; background:#91b000;width:49%; }
.psort1 .slei li a{ display:flex}
.psort1 .slei li p{  width:10%; float:left; font-size:1.125rem; color:#fff; text-align:center; align-self:center }
.psort1 .slei li div{ float:right; width:88%; overflow:hidden;}
.psort1 .slei li div img{ width:100%; transition:all 0.5s; transform:scale(1)}
.psort1 .slei li:hover div img{ transform:scale(1.05);}
.psort2 .sle4 { width:82%;}
.psort2 .slink{ width:17%}
.psort2 .sle4 li{ float:left; width:23.8%; margin-right:1.6%; box-sizing:border-box; padding:10px; background:#627700}
.psort2 .sle4 li div{ width:100%; overflow:hidden;}
.psort2 .sle4 li div img{ transition:all 0.5s; transform:scale(1);}
.psort2 .sle4 li:hover div img{transform:scale(1.05);}

.psort2 .sle4 li p{ color:#ffffff; font-size:1.125rem; text-align:center; margin:10px 0 5px;}
.psort2 .sle4 li:nth-child(4){ margin-right:0;}
@media screen and (max-width: 768px){
.psort1 .slink{ display:none;}
.psort1 .slei{ width:100%;}
.psort1 .slei li{padding:10px 0; background:#91b000;width:100%; margin-bottom:20px; }
.psort1 .slei li p{ width:12%;}
.psort1 .slei li div{ float:right; width:86%; overflow:hidden;}
.psort2 .slink{ display:none;}
.psort2 .sle4{ width:100%;}
.psort2 .sle4 li{ width:49%; margin-right:2%; margin-bottom:20px;}
.psort2 .sle4 li:nth-child(2){ margin-right:0;}
.psort2 .sle4 li:nth-child(4){ margin-right:0;}
.psort2 .sle4 li img{ width:100%;}
}
/*板材*/
.in-bc{ padding:20px 0 0;}
.bctit{ text-align:center;}
.bctit p{ font-size:1.625rem; color:#444444;}
.bctit h4{ font-size:2.25rem; color:#91b000; font-weight:bold; background:url(../images/kx_02.jpg) center no-repeat;}
.bctit span{ font-size:1.125rem; color:#6e6e6e;}
@media screen and (max-width: 768px){
.in-bc{ display:none}
}
.bci{ margin-top:50px; height:670px; background:#fff; position:relative;}
.bci .hd{ height:166px;position: absolute; z-index: 100; width:100%; }
.bci .hd li{ float:left; font-size: 1.125em;width:16.66%; box-sizing:border-box ;padding:29px 0; height:166px;text-align:center;}
.bci .hd li a{ display:block;}
.bci .hd li .si{ position:relative; margin-top:10px;}
.bci .hd li .si .sl{ position:absolute; width:100%; top:0; z-index:-1;}
.bci .hd li.cur{ background:#91b000; color:#FFF;}
.bci .hd li.cur .si .sl{ z-index:1;}
.bci .hd li.cur a{ color:#fff}
.bci .hd li.last{ margin-right:0;}

.bci .bd{ height:522px;}
.bci .bd ul{height:522px;}
.bci .bd ul li{ position: relative; box-sizing:border-box;}
.bci .bd ul li span{ display: block;}
.bci .bd ul li img{ width:100%}

.bci .bd ul li div{ position:absolute; width:91%; bottom:28px; box-sizing:border-box; left:4.5%; background:rgba(112,136,0,0.9); z-index:99; max-width:1300px; padding:25px 30% 25px 49px;}
.bci .bd ul li div p{ color:#fff; font-size:1.5rem;}
.bci .bd ul li div em{ color:#fff; font-size:1rem; margin-top:12px; line-height:1.5em;}
.bci .z_h{ position: relative;top: 150px;}
@media screen and (min-width:1680px){
.bci{  height:845px; background:#fff; position:relative;}
.bci .bd ul li div{ left:310px;padding:25px 28% 25px 49px;}
}

.bci .jt{padding:53px 32px; position:absolute; right:4.7%; bottom:25px; width:12%; box-sizing:border-box; z-index:222; background:#364100;}
.bci .jt1{ float:left; }
.bci .jt2{ float:right;}
@media screen and (min-width:1680px){
.bci .jt{ right:304px;padding:53.5px 32px}
}
@media screen and (max-width:1366px){
.bci{  height:600px; }
.bci .bd{ height:500px;}
.bci .bd ul{height:500px;}
.bci .jt{ padding:53px 20px; bottom:2px}
}

/*新闻资讯*/
.in-news{ padding:43px 0;}
.n-tit{ text-align:center;}
.n-tit h4{ font-size:2.25rem; color:#91b000; font-weight:bold;}
.n-tit span{ font-size:1.375rem; color:#505050; display:block; background:url(../images/nxx.jpg.html) center no-repeat;}
.sss{ text-transform:uppercase; margin-top:-20px;}
.i-nlist{ width:60%; float:left}
@media screen and (max-width: 768px){
.n-tit h4{ font-size:1.5rem; }
.n-tit span{ font-size:1.25rem;}
}
#tab3{position:relative; margin:70px 0 15px 0;}
#tab3 .tabList3{   white-space:nowrap; }
#tab3 .tabList3 ul{ width:auto; border-left:3px solid #91b000; padding-left:16px;}
#tab3 .tabList3 ul li{ float:left; text-align:center; cursor:pointer; transition:all 0.5s;font-size:1.25rem; color:#919191;}
#tab3 .tabList3 ul li:hover{ color:#91b000; font-weight:bold;}
#tab3 .tabList3 ul li.cur{color:#91b000; font-weight:bold;}
#tab3 .tabCon3{  margin-top:30px;  width:100%; position:relative;  border-radius:5px}
#tab3 .tabCon3 *{}
#tab3 .tabCon3&gt;div{ display:none;}
#tab3 .tabCon3&gt;div.cur{display:block;}
.tabCon3 dl{ width:100%; border-bottom:1px solid #d3d3d3; padding-bottom:1.5rem;}
.tabCon3 dl dt{ width:47%; float:left;}
.tabCon3 dl dt img{ width:100%;}
.tabCon3 dl dd{ width:50%; float:right;}
.tabCon3 dl dd p{ font-size:1.125rem; color:#3c3c3c; font-weight:bold;}
.tabCon3 dl dd span{ display:block; padding-left:8px; margin:16px 0 30px;}
.tabCon3 dl dd em{ display:block; margin-left:8px; width:129px; height:38px; background:#91b000; text-align:center; color:#fff; line-height:38px; border-radius:30px;}
.tabCon3 ul{ margin-top:20px;}
.tabCon3 ul li{ display:block; line-height:40px; background:url(../images/dd1.jpg) left center no-repeat; padding-left:1rem;}
.tabCon3 ul li span{ float:left; color:#636363}
.tabCon3 ul li em{ float:right; color:#636363}
@media screen and (max-width: 768px){
.i-nlist{ width:100%;}
.tabCon3 dl dd p{ font-size:1.25rem; color:#3c3c3c; font-weight:bold;}
.tabCon3 dl dd span{ display:none}
.tabCon3 dl dd em{ margin-top:30px; font-size:1.25rem; line-height:1.5em;width:150px; height:50px;}
.tabCon3 ul li{ line-height:60px; overflow:hidden; height:60px; border-bottom:1px dashed #ddd}
.tabCon3 ul li span{ font-size:1.25rem;}
.tabCon3 ul li em{ font-size:1.25rem; display:none}
.sss{ display:none}
}
/*常见问题*/
.faq{ width:36%; margin:70px 0 55px 0;}
.fa-tit{ border-left:3px solid #91b000;}
.fa-tit p{ float:left; font-size:1.125rem; color:#91b000; margin-left:16px; font-weight:bold;}
.fa-tit a{ float:right;}
.fa-dl dl{ border-bottom:1px dotted #c1c1c1; padding:30px 0;}
.fa-dl dl dt{ background:url(../images/as.jpg) left top no-repeat; padding-left:30px; font-size:1rem; color:#0e0e0e}
.fa-dl dl dd{ background:url(../images/qu.jpg) left top no-repeat;padding-left:30px; font-size:1rem; color:#5d5d5d; margin-top:16px; line-height:1.5em}
@media screen and (max-width: 768px){
.faq{ width:100%;}
.fa-tit p{  font-size:1.25rem; }
.fa-dl dl dt{  font-size:1.25rem;background:url(../images/as.jpg) left center no-repeat; }
.fa-dl dl dd{ font-size:1.25rem;background:url(../images/qu.jpg) left center no-repeat;}
}

/*客户*/
.in-ke{ background:#f0f0f0; padding:44px 0;}
.in-ke .keshow{ position:relative;}
.in-ke .keshow .prev{ position:absolute; left:0; z-index:22; top:12px;}
.in-ke .keshow .next{ position:absolute; right:0; z-index:22; top:12px;}
.in-ke .keshow li{ width:14.5%; margin-right:17px; float:left;}
.keshow .tempWrap{ margin-left:41px; }
@media screen and (max-width: 768px){
.in-ke{ display:none;}
}

/*底部*/
.foot{ height:100%; background:url(../images/fbg.jpg) center top no-repeat; width:100%; padding-top:50px; position:relative;}
.ftop{ position:absolute; background:url(../images/fshang.png) center no-repeat; height:34px; width:100%; top:-34px;}
.fcon{ width:40%}
.fcon h6{ color:#fff; font-size:1.125rem; margin-bottom:16px;}
.fcon h6 span{ color:#fff; font-size:2rem;}
.fcon p{ color:#fff; font-size:1rem; line-height:1.5em;}
.fcon .wx{ margin-top:20px;}
.fcon .wx img{ float:left;}
.fcon .wx p{ float:left; margin-left:10px; margin-top:30px;}

.fmenu{ width:55%;}
.fmenu dl{ float:left; width:20%;}
.fmenu dl dt{ margin-bottom:25px;}
.fmenu dl dt a{ color:#fff; font-size:1.125rem;}
.fmenu dl dd a{ color:#fff; font-size:1rem; line-height:1.5em}

.f2{ border-top:1px solid #899d33; line-height:48px; margin-top:24px;}
.f2 p{ color:#fff; font-size:0.875rem;}
.f2 p a{ color:#fff}
@media all and (max-width: 1366px) {
.f2{ margin-top:32px}
}
@media screen and (max-width:768px){
.foot{ background-size:cover; height:510px; margin-bottom:100px;}
.fcon{ width:100%}
.fmenu{ display:none}
.f2{ margin-top:40px;}
.f2 p{ display:block; float:left;}
}

.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#91b000; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #899d33; float:left;}
.fudong li p{ color:#fff;}
}


.cbbfixed {position: fixed;right: 20px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #91b000;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
</pre></body></html>