/*--如果你的网站已经安装了reset.css请去掉上面的代码段--*/ 
.nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.mobNav { display: none; } 
.dropdown { width: 1200px; } 
.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
.menu li {-webkit-box-flex: 1; -ms-flex: 1; flex: 1;} 
.menu li:last-child a { border-right: none; } 
.xl{ display: none; z-index:999999999; position:absolute; border-top:5px solid #285502; background:#FFF; border-bottom-right-radius:6px; border-bottom-left-radius:6px;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.xl a{ display:block; line-height:2;white-space: nowrap;}
.xl a:hover{ background: rgba(40, 85, 2, 0.2)}
.menu li{ position:relative;}
.menu li:hover .xl{ display:block;}


/*闪图*/
.target {width:100%;overflow:hidden;position:relative;}
.target_p2{ width:100%; background:#285502; color:#fff;}
.target_p3 p{ position: relative; width:100%; padding-bottom:55.13%;}
.target_p3 p img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.target_p6{ color:#eac903;}
.target2 {width:100%;overflow:hidden;position:relative;margin:0px auto;}
.target2_p1{ overflow:hidden; clear:both;}
.target2_p3 p{ position: relative; width:100%; padding-bottom:51.84%;}
.target2_p3 p img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.target2_p41{ background:#285502; color:#fff; line-height:38px;height:38px; overflow:hidden; padding-left:2%;}
.target2_p42{ margin:2% 2% 1% 2%; line-height:26px; height:104px; overflow:hidden;}
.target2_p43{ color:#999; margin-left:2%;}

.hy-box  .target2_p43{display:none}
.hy-fade-show .target2_p43{display:block}
.hy-fade .hy-box{display:none}
.hy-box.hy-fade-show{display:block}


.hy-target{overflow:hidden}
.hy-relative{position:relative}
.hy-wrapper{overflow:hidden;position:absolute;top:0;left:0;height:100%}
.hy-wrapper *{box-sizing:border-box}
.hy-fade .hy-box{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.hy-box.hy-fade-show{opacity:1}
.hy-slide{display:-webkit-flex;display:-moz-flex;display:flex;justify-content:space-between;-webkit-transition-timing-function:cubic-bezier(.6,0,.52,1);-moz-transition-timing-function:cubic-bezier(.6,0,.52,1);transition-timing-function:cubic-bezier(.6,0,.52,1)}
.hy-slide .hy-box{position:relative}
.hy-box{overflow:hidden}
.hy-next,.hy-prev{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:9;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;background:rgba(0,0,0,.3);-webkit-transition:opacity .35s;-moz-transition:opacity .35s;transition:opacity .35s}
.hy-next i,.hy-prev i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:14px;height:14px;opacity:.7;-webkit-transition:.2s;;-moz-transition:.2s;transition:.2s;background:url(../images/m10.png) center no-repeat}
.hy-next:hover i,.hy-prev:hover i{opacity:1}
.hy-prev{left:20px;-webkit-transform:translate(0,-50%) rotate(180deg);-moz-transform:translate(0,-50%) rotate(180deg);-ms-transform:translate(0,-50%) rotate(180deg);transform:translate(0,-50%) rotate(180deg)}
.target .hy-next{right:20px}
.hy-next.hy-hovershow,.hy-prev.hy-hovershow{opacity:0}.hy-target:hover .hy-next.hy-hovershow,.hy-target:hover .hy-prev.hy-hovershow{opacity:1}
.target .hy-dot{position:absolute;bottom:30px;z-index:9;height:12px}
.hy-dot-left{left:10px}
.hy-dot-right{right:10px}
.target .hy-dot-center{right:2%;/*-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)*/}
.target .hy-dot i.active{background:rgba(96,167,38,1);}



@media (max-width:768px){
.target{ height:420px;}
.target_p3{ width:100%;}
.target_p4{ width:100%; padding:2.5%; line-height:1.6;}
.target_p4 .tt4{ height:44px; line-height:22px; overflow:hidden;}
.target_p5{ height:100px; overflow:hidden; padding-top:5%;}
.target .hy-dot i{display:block;float:left;width:15px;height:15px;/*border-radius:50%;*/cursor:pointer;margin:0 5px;background:rgba(77,136,29,1);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.target2{ height:394px;}
.target2_p3{width:100%;}
.target2_p4{width:100%; margin-top:5px;}

.target2 .hy-dot-center{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.target2 .hy-dot{position:absolute;bottom:calc(50% - 10px);z-index:9;height:12px}
.target2 .hy-dot i{display:block;float:left;width:10px;height:10px; border:1px solid #fff;border-radius:50%;cursor:pointer;margin:0 5px;background:rgba(0,0,0,.3);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.target2 .hy-dot i.active{background:#FFF; border:1px solid #ddd;}
.target2 .hy-next{right:20px}

}

@media (min-width:769px) {
.target{ height:430px;}
.target_p3{ float:left; width:65%;}
.target_p4{ float:right; width:35%; padding:2.5%; line-height:1.6;}
.target_p4 .tt4{ height:64px; line-height:32px; overflow:hidden;}

.target_p5{ height:200px; overflow:hidden; padding-top:5%;}
.target .hy-dot i{display:block;float:left;width:25px;height:25px;/*border-radius:50%;*/cursor:pointer;margin:0 5px;background:rgba(77,136,29,1);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.target2{ height:197px;}
.target2_p3{ float:left; max-width:380px; width:31.666%;}
.target2_p4{ float:right; max-width:790px; width:65.8333%;}
.target2 .hy-dot-center{left:14%;/*-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)*/}
.target2 .hy-dot{position:absolute;bottom:15px;z-index:9;height:12px}
.target2 .hy-dot i{display:block;float:left;width:10px;height:10px; border:1px solid #fff;border-radius:50%;cursor:pointer;margin:0 5px;background:rgba(0,0,0,.3);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.target2 .hy-dot i.active{background:#FFF;}
.target2 .hy-next{left:27%}
}






@media (min-width:769px) {
.menu a { color: #8b8b8b; display:block; text-align:center; line-height:2;} 
.menu a span{ display:block;}
.menu a:hover{ color:#285502; -webkit-transition: all 300ms linear; transition: all 300ms linear; } 
.menu li:hover a{ color:#285502; -webkit-transition: all 300ms linear; transition: all 300ms linear; } 
.menu a img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);}
.menu a:hover img,.no img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
.menu li:hover img,.no img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
.menu .no a{ color:#285502; -webkit-transition: all 300ms linear; transition: all 300ms linear; } 
.menu .no img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}


.xl{ left:0; top:82px; min-width:100%; padding-bottom:10px;}
.xl a{ padding:0 20px;  text-align:left;}
}
@media screen and (max-width: 750px) { 
.nav { background: #fff; position: relative; } 
.mobNav { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } 
/*.toolBar { display: -webkit-box; display: -ms-flexbox; display: flex; height: 8vw; overflow: hidden; } 
*/
.mobNav a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center;  display:block; float:left} 
.mobNav a img { height:66px} 
.mobNav span { width: 8vw; height: 8vw; } 
.menuB{ float:right; padding-top:3%; padding-right:3%;}
.menuBtn { padding: 0; margin: 0; height: 8vw; width: 8vw; background: orange url(../images/bar.png) center center no-repeat; background-size: 7vw 7vw; border: none; outline: none; border-radius: 1px; } 
.menuBtn:active { opacity: 0.8; } 
.menuBtn.close { background: orange url(../images/close.png) center center no-repeat; background-size: 5vw 5vw; } 

.dropdown { position: absolute; left: 0; top:66px; width: 100vw; background: rgba(255, 255, 255, 0.9); z-index: 999; display: none; } 
.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.menu li { width: 90vw; padding:0 5vw} 
.menu li:last-child a { border-bottom: 0; } 
.menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: none; text-indent: 2vw; border-bottom: 1px solid #ddd;color:#285502; padding:5px 0;} 
.menu a span{ width:24px; padding-right:15px;}
.menu a img{ width:24px; padding-right:10px;}
.show { display: block; } 
.xl{left:5vw; top:30px; min-width:calc(100% - 10vw); padding-bottom:2vw;}
.xl a{ padding:0 2vw; }

}