*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}

img{border:0px;}
li,ol, ul {list-style:none;}

@font-face {font-family: 'plantc';src: url('../fonts/impact.ttf');}
.w1200{ width:1200px; margin:0 auto;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}

/*主导航多级菜单*/
.hbg{width: 100%;height: 104px;position: absolute;top: 0;z-index: 999;text-align: center;}
#logo{margin: 1.5% 0 0 9%;position: absolute;}
#nav{width: 45%;height: 100%;margin: 0 2% 0 0;display: inline-block;}
#nav>ul{width:100%;}
#nav>ul::after{content:'';clear:both;display:block;visibility:hidden;}
#nav>ul>li{width:11.2%;text-align:center;float:left;padding: 0 1.5%; margin-top:30px;}
#nav>ul>li a{display:block;position:relative;z-index:1;line-height:56px;padding: 0 2%;color: #000; }
#nav>ul>li a:hover{background:#106e32;}
#nav>ul>li a.act, #nav>ul>li a:hover{color: #fff;}
#nav>ul>li>a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:5px;z-index:-1;background:#f49e1b;opacity:0;transition:all .3s;}
#nav>ul>li>a:hover::after{content:'';opacity:1;width:100%;}
#nav>ul>li>a.act:after{width:100%;opacity:1; background:##106e32;}
#nav ul ul{display:none;width:100%;top:104px;position:absolute;left:0;background:#ffffff80;color:#fff;z-index: 9999;}
#nav ul ul li{float:left;width:10%;margin:0}
#nav>ul>li ul li a{padding:2%!important;}
#nav>ul>li ul li a span{display:block;}
#nav>ul>li ul li a img{width:100%;display:block;}
#nav>ul>li ul li a p{line-height:30px;font-size: 14px;}
#nav>ul>li ul li a:hover{background:#f90;}
.ttel{position: absolute;right: 8%;margin-top: 30px;top: 0;}
/*banner*/
.banner{ height:886px; width:100%; position:relative; overflow:hidden; z-index:1;}
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}

.banner ol li{ display:inline-block; width:16px; height:16px; font-size:12px; background:#333; color:#fff; text-align:center; line-height:16px; border-radius:50%; margin:0 3px; cursor:pointer;}
.banner ol{ position:absolute; bottom:20px; left:0; width:100%; font-size:0px; text-align:center;}
.banner ol li.on{ background:#106e32;}

.banner .btn{ width:40px; height:80px; font-size:50px; position:absolute; top:50%; margin-top:-40px; text-align:center; line-height:80px; color:#fff; cursor:pointer; transition:0.3s; opacity:0;}
.banner:hover .btn{ opacity:1;}
.banner .btn_l{ left:11%;}
.banner:hover .btn_l{ left:5%;}
.banner .btn_r{ right:11%;}
.banner:hover .btn_r{ right:5%;}
/*banner*/

/*产品分类*/
.cpbox{width: 100%; min-width:1200px;}
.cpbox h2{font-size: 38px;color: #07963a;text-align: center;line-height: 70px;background: url(../images/img6.jpg) bottom center no-repeat;}
.cpbox p{font-size: 18px;color: #333;text-align: center;line-height: 40px;width: 100%;}
.btc h2{font-size: 38px;color: #07963a;text-align: center;line-height: 70px;background: url(../images/img6.jpg) bottom center no-repeat;}
.btc p{font-size: 18px;color: #333;text-align: center;line-height: 40px;width: 100%;}
.cpmore{width: 500px;height: 63px;margin: 0 auto;}
.cpdh{color: #acacac;font-size: 16px;width: 350px;height: 35px;border: 1px solid #cccccc;padding-left: 30px;line-height: 35px;padding-top: 10px;padding-bottom: 10px;float: left;}
.cpdh img{float: left;padding-top: 7px;margin-right: 5px;}
.cpdh span{color: #f68612;font-family: Impact;font-size: 30px;}
.cpmore a{display: block;width: 118px;height: 57px;background: #f68612;color: #fff;font-size: 16px;text-align: center;line-height: 57px;float: right}
.cpmore a:hover{background: #14a800;}


.pnav{width:1200px;position: relative;margin: 0 auto 0 auto;margin-top: 30px;}
.pnav ul{text-align: center;}
.pnav ul li {display: block;margin: 0 18px;overflow: hidden;transition: all .3s;float: left;}
.pnav ul span{
	overflow: hidden;position: relative;border-radius: 50%;border: 7px solid #dfdfdf;width: 210px;height: 210px;
}
.pnav ul em{
	position: absolute;bottom: 30px;width: 100%;background: rgba(255,255,255,.7);color: #000;text-align: center;left: 0;font-size: 16px;
}
.pnav ul a:hover em{background: #f68612;color: #fff;}
.pnav ul a:hover span{border: 7px solid #f68612;}
.pnav ul li a{display: block;position: relative;}
.pnav ul li a img{transition:  1s;width: 210px;height: 210px;border-radius: 50%;display: block;}
.pnav ul li a p{text-align: center;font-size: 14px;color: #fff;margin-top: 5px;background: #e10312;padding: 5px 0 25px 0;margin: 0 auto;transition: .5s;bottom: 0px;width: 100%;}
.pnav ul li a i{position: absolute;bottom: 6px;font-style: normal;font-size: 18px;left: 123px;transition: .5s;}
.pnav ul li a:hover img{filter: brightness(120%);}
.pnav ul li a:hover p {background: #e10312;color: #fff;}
.pnav ul li a:hover i{color: #fff;}
.pnav .btnLeft,.pnav .btnRight{position:absolute;top:40%;width:37px;height:70px;transition: 0.5s;opacity: 0.6;}
.pnav .btnLeft{left:-80px;background: url(../images/guanqi_07.jpg)no-repeat center;}
.pnav .btnLeft:hover{left: -90px;opacity: 1;}
.pnav .btnRight{right:-80px;background:url(../images/guanqi_10.jpg) no-repeat center;}
.pnav .btnRight:hover{right: -90px;opacity: 1;}


#ruanti_scroll1 img{width: 100%;overflow: hidden;border-radius: 50%;transition-duration: .3s;height: 100%;}
#ruanti_scroll1 em{display: block;text-align: center;font-size: 18px;line-height: 35px; margin: 0 auto;margin-top: 10px;transition-duration: .3s;height: 35px; font-style:normal;}
#ruanti_scroll1 a{display: block;float: left;margin: 0 11px;}
#ruanti_scroll1 span{display: block;}
/*产品展示*/
/*产品展示*/
#pro-box1{
  width: 85%;
  overflow: hidden;
  margin: 50px auto;
}
@media (max-width: 1366px) {
  #pro-box1{
  width: 100%;
  overflow: hidden;
  margin: 50px auto;
  }
}
#pro-box1 li{
    width: 24%;
    height: 336px;
    background: #fff;
    margin: 0 0.5% 40px 0.5%;
    float: left;
    list-style: none;
    position: relative;
    z-index: 0;
    border-bottom: solid 1px #e0e0e0;
    box-sizing: border-box;
    
}
#pro-box1 li .Img div{
    width: 100%;
    height: 285px;
    padding: 0;
    margin: 0;
    display: block;
}
#pro-box1 li p{
  position: absolute;
  width: 100%;
  height: 40px;
  background: #fff;
  z-index: 999;
  left: 0;
  bottom: 0;
  text-align:center;
}

#pro-box1 li p .sytitle{
    width: 100%;
    line-height:36px;
    font-size: 18px;
    color: #555;
}
#pro-box1 li p .smore{
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  display: block;
  text-align: center;
  width: 35%;
  z-index: 3;
  margin: 0 auto;
  border-radius: 20px;
  position: absolute;
  right: 8px;
  bottom: 20px;
  border: 1px #dcdcdc solid;
  background:#fd8103;
 
}
#pro-box1 li:hover{box-shadow: 0px 0px 10px #ccc;text-align: center;}
#pro-box1 li:hover p{
  background: #038934;
}
#pro-box1 li:hover p .sytitle{
  text-align: center;
  color: #fff;
}
#pro-box1 li:hover p .smore{
  background:#fd8103;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  display: block;
  text-align: center;
  width: 70%;
  position: absolute;
  z-index: 3;
  margin: 0 auto;
  bottom: -20px;
  left: 0;
  right: 0;
  border-radius: 20px;
}

#pro-box1 li .avatar{
    position: relative;
}
#pro-box1 li .avatar{
    display: block;
    height: 285px;
    overflow: hidden;
    width:100%;
}
#pro-box1 li .avatar .myClass{
    height: 285px;
}

.middle-banner {margin-top:40px;height:196px;background:#106e32;/*background: url(../Image/middle_banner.png) center;*/ position:relative;}
.middle-banner .middle_left_img {position:absolute;left:0px;top:26px;}
.middle-banner .middle_center {line-height:40px;text-align:center;color:#fff;font-size:20px;width:420px;position:absolute;left:50%;top:35px;margin-left:-210px;}
.middle-banner .middle_center b {font-size:36px;display:block;}
.middle-banner-panel {padding-top:20px;position:absolute;right:0%;top:0px;width:285px;height:151px;border:7px solid #ff9900;text-align:center;color:#fff;border-top:0px;}
.middle-banner-panel .f24 {display:block;line-height: 1.8; font-size:28px;}
.middle-banner-panel .f16 {display:block;line-height: 1.2; font-size:18px; margin-top:20px;}
.middle-banner-panel .btn {margin-top:10px; background: #ff9900;width: 108px; margin: 0 auto;line-height: 2.2; border-radius:60px;}

.ysbox {width:100%; min-width:1200px; background:url(https://bannerqd.oss-cn-qingdao.aliyuncs.com/whx_banner/deyuancomysbg.jpg) no-repeat center center;}
.fang{height:609px;}
.fang .fang_t{ text-align:center; margin-bottom:45px; padding:30px 0 0 0}
.fang .fang_t strong{  font-size:20px; color:#fff; display:block; line-height:50px; width:680px; margin:0 auto;background:#ff9900; border-radius:20px; font-weight:normal;}
.fang .fang_t p{  font-size:16px; color:#fff; background:url(../images/fang_line.png) no-repeat center center; line-height:30px;}
.fang .fang_t span{  font-size:17px; color:#fff; display:block; line-height:30px;}

.fang .w1200{ overflow:hidden;}
.fang ul{ width:1220px; }
.fang li{ width:284px; height:360px; float:left; position:relative; background:#fff; margin:0 20px 0 0; transition:all 3s ease 0s; -webkit-transition:all 3s ease 0s;}
.fang li .fang_bg_hover{ width:284px; height:360px; position:absolute; left:0; top:0; background:#4e9de1; opacity:0;}
.fang .fang_pic{ width:160px; height:160px; left:47%; margin-left:-70px; top:23px; overflow:hidden; position:absolute; z-index:1}
.fang li p{ position:absolute; width:100%; line-height:35px; text-align:center; z-index:2; bottom:120px; font-size:24px; font-weight:bold; color:#272727}
.fang  li span{ position:absolute; width:250px; display:block; left:45%; margin-left:-110px; line-height:25px; text-align:center; z-index:2; top:270px; font-size:15px; color:#4d535f}
.fang .fang_line{ position:absolute; width:40px; left:50%; margin-left:-20px; bottom:110px; background:#5e6066; height:1px; z-index:2;}
.fang .hz_tel{ text-align:center; font-size:25px; font-weight:700; padding-top:20px;}
.fang .hz_tel span{ background-color:#fdf000; color:#222; display:inline-block; height:50px; line-height:50px; padding:0px 50px; border-radius:50px;}
/*案例*/
/*案例*/
.ys{margin:30px auto 20px auto}
.ys ul{margin-top:20px}
.ys ul li{float:left;width:138px;margin-left:40px;text-align:center;background:#fe9800;border-radius:50%;height:138px;border:2px solid #efefef;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ys ul li span{display:block;font-size:32px;color:#fff;margin-top:39px;font-family:Arial;font-weight:bold;text-align:center}
.ys ul li em{font-size:18px;color:#fff; font-style:normal;}
.ys ul li:hover{background:#106e32}
.ys ul li:hover span{color:#fff}
.ys ul li:hover em{color:#fff}.

.case_con .rtCont{margin:4px 0 10px 0;position:relative;padding: 20px 0 0;}
.case_con .rtCont ul{margin:30px auto 0;width:1080px;overflow:hidden;}
.case_con .rtCont li{margin:0 10px 0 0 ;width:310px;float:left;text-align:center;}
.case_con .rtCont li a img{display:block;font-size:0px;width:310px;height:228px;}
.case_con .rtCont li h5{font-weight:normal;background:#fff;width:100%;padding:1px 0;font-size:16px;color:#000;transition: .4s; background:#e4e4e3; height:36px; line-height:2;}
.case_con .rtCont li a:hover h5{background:#106e32;color:#fff;}
.case_con .rtCont li a:hover h5 span{color:#fff;}
.case_con .rtCont .btnLeft,.case_con .rtCont .btnRight{position:absolute;top:28%;margin-top:-15px;width:60px;height:60px;opacity: .8;}
.case_con .rtCont .btnLeft:hover,.case_con .rtCont .btnRight:hover{opacity: 1;}
.case_con .rtCont .btnLeft{left:9%; top:56%;background:url(../images/btnl.png) no-repeat center;}
.case_con .rtCont .btnRight{right:10%;top:56%;background:url(../images/btnr.png) no-repeat center;}


.jj{background: url(https://bannerqd.oss-cn-qingdao.aliyuncs.com/whx_banner/deyuancomabbg.jpg) no-repeat center top; overflow: hidden; width:100%; min-width:1200px; margin-bottom:30px; padding-bottom:30px; margin-top:30px;}
.jjbt{color: #fff; padding-top: 46px;}
.jjbt p{font-size: 36px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.jjbt h2{font-size: 16px; font-weight: normal;}
.jjny{width: 836px; height: 277px; padding: 50px 20px; margin-top: 30px; overflow: hidden; line-height: 2;}
.sc_cpbt p{font-size: 20px;line-height: 3;}
.jjnyan{margin-left: 40px;   }
.jjnyan a{ display: block;width: 98px; height: 98px; text-align: center; float: left; font-size: 20px; color: #fff; padding-top:35px; margin:0 10px; position: relative; }
.jjnyan a p{position: absolute; top: 75px; left: 0; right: 0; bottom: 0; margin: auto; width: 98px; height: 98px;}
.jjnyan a img{display: block; }
.jjnyan a:hover img{animation: roate 1.5s infinite linear;}
@keyframes roate {
            0% {
                transform: rotateZ(360deg)
            }
            100% {
                transform: rotateZ(0)
            }
        }
/*首页新闻*/
.albt1{text-align: center; font-size: 18px; color: #000;}
.albt1 i{font-size:40px; color: #1ba400; font-style:normal;}
.synewsnr{margin:0 auto;width: 1200px; padding-top:20px;}
.synewsnr dl{float:left; width:380px; margin:0 8px;}
.synewsnr dl dt{width: 380px; overflow: hidden;}
.synewsnr dl dt a{width: 380px; overflow: hidden; height: 250px; display: block;}
.synewsnr dl dt a img{width: 380px; height: 250px;transition:all .5s ease; }
.synewsnr dl dt a:hover img{transform: scaleX(1.1) scaleY(1.1);}
.synewsnr dl dd{font-size:12px;color:#a7a7a7;}
.synewsnr dl dd h4{font-size:16px;color:#000; height:40px; line-height: 50px;}
.synewsnr dl:hover dd h4{color: #ff7b00}
.synewsnr dl dd p{height: 70px; line-height: 200%; overflow: hidden; margin-bottom: 20px;}
.synewsnr dl dd a{color: #ff8a00; font-size: 16px;}
.synewsa{display: block;padding: 10px 0;background:#ff7b00; color: #fff;text-align:center; margin-top:30px ;}
.nmore .nn1{ margin-top:30px; line-height: 2.2; border:1px solid #106e32; color:#106e32; width:360px; text-align:center; margin-right:30px;}
.nmore .nn2{ background:#fe9800;line-height: 2.2; width:300px; margin-top:30px; text-align:center; color:#fff;}
.yqlj { width:100%; min-width:1200px; background:url(../images/yq.jpg) no-repeat center center; height:155px;}

/*底部*/
.footNav {
	background-color:#106e32;
	padding:20px 0;
	height:42px;
}
.footNav ul {
	padding:18px 0;
	border-top:1px solid #ffffff30;
	border-bottom:1px solid #ffffff30;
}
.footNav li {
	float:left;
	width:171px;
	text-align:center;
	height:20px;
	line-height:20px;
}
.footNav li.indexLi {
}
.footNav li a {
	display:block;
	color:#fff;
	font-size:16px;
	width:100%;
	margin:auto;
}
.footNav li a:hover {
	color:#ffcc33;
}
.footNav .lastA {
	display:block;
	float:right;
	height:56px;
	line-height:56px;
	text-align:center;
	width:160px;
	color:#fff;
	font-size:15px;
	background-color:#eea200;
}
.foot {
	background-color:#106e32;
	position:relative;
	height:86px;
}
.foot .footLogo {
	width:396px;
	height:107px;
	background:url(../images/flogo.jpg) center center no-repeat;
   margin-top: 26px;
}
.foot>.baseDiv {
	position:relative;
	padding:45px 0;
}
.foot .foot_cotact {
	padding-left:88px;
	padding-right:0px;
	width:420px;
	line-height:31px;
}
.foot .foot_cotact div {
	float:left;
	margin-right:20px;
	color:#fff;
	font-size:15px;
}
.foot .foot_cotact p {
	float:left;
}
.foot .foot_cotact div a {
	color:#858282;
}
.foot .foot_cotact div a:hover {
	color:#fff;
}
.foot .dianhua {
	padding-left:35px;
}
.foot .dianhua .span1 {
	display:block;
	background-color:#015ebb;
	color:#fff;
	width:200px;
	height:45px;
	line-height:45px;
	font-size:14px;
	text-align:center;
}
.foot .dianhua .span2 {
	display:block;
	text-align:center;
	font-size:26px;
	font-weight:700;
	color:#bcbcbc;
	padding-top:10px;
}
.foot .gzwm {
	float: right;
	
}
.foot .gzwm .ewm {
	margin-top:10px;
}
.foot .gzwm .ewm img {
	display:block;
	margin: auto;
}
.foot .gzwm .z {
	text-align: center;
	z-index:10;
	height:20px;
	line-height:30px;
	width:100%;
	color:#ccc;
	font-size:12px;
	text-align:center;
}
.copyright {
	ine-height:25px;
	font-size:12px;
	color:#999;
	padding:15px 24px 0 0;
	text-align:left;
}
.copyright span {
	padding:0 8px;
}
.copyright a {
	color:#999;
}
.copyright a:hover {
	color:#fff;
}