/* 导航 */

.header{ width: 100%; position: fixed; z-index:99999; background: #ffffff40;
    padding-top: 15px;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }
.header .container{max-width: 1400px;padding: 0;}
.header .logo{ display: inline-block; height: 60px; width: 25%;margin: 10px 0;float: left;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.header .logo img{ height: 60px; -webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.header .menu{position: absolute; right: 0; line-height: 90px; top: 0;display: none;}
.header .menutit{
    position: absolute;
    margin-top: 14px;
    font-weight: bold;
}
.header .menutit h6{
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.header .menutit p{    line-height: 1.8;}
.header .menu .icon{ float: left;justify-content: center;align-items: center;height: 90px;display: flex; margin-left: 15px; font-size: 16PX}

.header .menu .Language{ font-size: 16px; color: #333; float: left; margin: 0 15px;}

.header .menu .site_menu{width:32px;float:left;position:relative;cursor:pointer;height:18px; margin-top: 35px;margin-left: 48px;}

.header .site_menu span{display:block;background:#333;width:25px;height:2px;position:absolute;transition:all ease 0.5s}

.header .site_menu span:nth-of-type(1){top:0px; right: 0;}

.header .site_menu span:nth-of-type(2){top:8px;}

.header .site_menu span:nth-of-type(3){top:16px; right: 0;}

.header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.header .sp_nav_se span:nth-of-type(2){width:0}

.header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.header .nav{ width: 70%; float: left;margin-left: 5%;}

.header .nav ul{}

.header .nav .drop{display: inline-block;text-align: center;width: 12%;  position:relative; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }

.header .nav .drop.on:after{border: 10px solid transparent; border-bottom: 10px solid #ff0018; width: 0; height: 0; position: absolute; content: ''; bottom: 0;left: 50%; margin-left: -5px;}

.header .nav .drop.on:first-child:after{ display: none;}

.header .nav .drop>a{ font-size: 16px; color: #333; line-height: 80px;display: block;font-weight: 600; -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s; }
.header .nav .drop>a:hover,.header .nav .drop>a.on{color: #ff0018;}
.header .nav .drop .subnav{display: none;width: 100%; left: 0%; top: 80px; margin-left: 0px; position: absolute; background: #fff; }
/*.header .nav .drop:nth-child(3) .subnav,.header .nav .drop:nth-child(5) .subnav{
    width: 140px;margin-left: -70px; 
}*/
.header .nav .drop .subnav:last-child{ right: 0;}

.header .nav .drop .subnav .subnavl{ width: 100%; background: #f1f1f1;}

.header .nav .drop .subnav .subnavl ul{padding: 20px 5px;margin: 0;}

.header .nav .drop .subnav .subnavl li{ border-bottom: #e0e0e0 1px solid;    position: relative;z-index: 1;}
.header .nav .drop .subnav .subnavl li:last-child{border:0;}
.header .nav .drop .subnav .subnavl li a{padding: 0; width: 100%;line-height: 45px; color: #242424; font-size: 14px; display: block;font-weight: normal;margin: 0;}

.header .nav .drop .subnav .subnavl li a:before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%;  opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #64b955, #018d3d);background: -o-linear-gradient(-110deg, #64b955, #018d3d);background: -moz-linear-gradient(-110deg, #64b955, #018d3d);background: linear-gradient(-110deg, #64b955, #018d3d);}

.header .nav .drop .subnav .subnavl li:hover a:before{opacity: 1; visibility: visible; transform: none; width: 100%;}

.header .nav .drop .subnav .subnavl li:hover a{ color: #fff;}

.header .nav .drop .subnav .subnavr{ width: 64%; float: right;}

.header .nav .drop .subnav .subnavr .navcover{ padding: 30px 20px;}

.header .nav .drop .subnav .subnavr .navcover .Img{ width: 100%; position: relative;}

.header .nav .drop .subnav .subnavr .navcover .Img img{ width: 100%;}

.header .nav .drop .subnav .subnavr .navcover .tit{ font-size: 18px;padding: 15px 0px 4px; text-align: left; font-weight: bold;}

.header .nav .drop .subnav .subnavr .navcover .sec{font-size: 13px; color: #5a5a5a; line-height: 26px; text-align: left; font-weight: normal;}

.header.scroll{background: #fff;box-shadow: 0 0 6px #ddd; padding-top: 0;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }

.header.scroll .nav .drop{-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.header.scroll .logo{ height: 50px; margin: 15px 0;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; } 

.header.scroll .logo img{ height: 50px;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }

.header.scroll .menu{ line-height: 80px; }

.header.scroll .menu .icon{ height: 80px }

.header.scroll .menu .site_menu{ margin-top: 30px; }







.sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height:100%;font-size:14px;line-height:40px;top:-140%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.5s;border-top: 1px #ddd solid; padding: 10% 0;}

.nav_show{top:0;}

.sjj_nav .t1 li{ width: 100%; float: left; text-align: center;}

.sjj_nav .t1 .t1Name{ font-size: 20px; font-weight: bold; color: #333;}

.sjj_nav .t1 .t2{ width: 100%;    overflow: hidden;    display: none;}

.sjj_nav .t1 .t2 li{ display:  inline-block; float: left;width: 100%; text-align: center;}

.sjj_nav .t1 .t2 li a{ font-size: 15px; color: #666;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.5s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

/*.sjj_nav ul li ul{display:none}*/

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}





#top{
    bottom: 20%;
    z-index: 999;
    right: 10px;
    position: fixed;
}
.gotop{
	font-size: 0;
    position: relative;
    transition: 0.3s linear 0s;
    cursor: pointer;
    margin-bottom: 1px;
    display: block;
    width: 60px;
    height: 60px;
    white-space: nowrap;
    line-height: 60px;
}

.gotop .slide-img{
	transition: 0.3s linear 0s;
    text-align: center;
    background: rgba(2, 141, 62, .7);
    height: 60px;
    width: 60px;
     vertical-align: top;    display: inline-block;
}
.gotop:hover .slide-img{
    background: #028d3e;
}
.gotop img{
	vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
.frbox{
	font-size: 0;
    position: relative;
    transition: 0.3s linear 0s;
    cursor: pointer;
    margin-bottom: 1px;
    display: block;
    width: 60px;
    height: 60px;
    white-space: nowrap;
    line-height: 60px;
}
.frbox .slide-img{
	transition: 0.3s linear 0s;
    text-align: center;
    background: rgba(2, 141, 62, .7);
    height: 60px;
    width: 60px;
     vertical-align: top;    display: inline-block;
}
.frbox:hover .slide-img{
    background: #028d3e;
}
.frbox img{
	vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
#top .img1 { vertical-align: middle; max-width: 100%; display: inline-block; }
#top .slide-text { opacity: 0; transition: 0.3s linear 0s; background: #7f7f7f; color: #fff; font-size: 24px;height: 60px;  width: 200px; text-align: center; vertical-align: top;    display: inline-block; }
#top .frbox:nth-child(3):hover .slide-hover { display: block; }
#top .slide-hover:before { z-index: 2; right: -7px; border-color: transparent transparent transparent #fff; border-width: 7px 0 7px 8px; margin-top: -7px; }
#top .slide-hover:after { margin-top: -8px;  right: -10px; border-color: transparent transparent transparent #ddd; border-width: 8px 0 8px 10px; }
#top .slide-hover:before, .slide-hover:after { transform: rotateZ(0deg); border-style: solid; position: absolute; content: ''; width: 0; box-sizing: border-box; top: 30px; }
#top .slide-hover { background: #fff; display: none; border: 1px solid #ddd; height: 140px; width: 140px; position: absolute; right: 80px; top: 0; }
#top .frbox:nth-child(2):hover{ transform: translateX(-200px); }
#top .slide-text a { display: block; font-size: 18px; line-height: normal; padding: 3px 0; }
#top .frbox:hover, #top .frbox:hover .slide-img, #top .frbox:nth-child(2):hover span.slide-text{ opacity: 1; background: #028d3e; }



/* footer */

.footer{width: 100%; position: relative; background:rgba(1, 141, 61, .1); border-top: 4px #018d3d solid;}

.footer .footTop{ padding: 50px 0; width: 100%;}

.footer .footTop .footLogo{ float: left; width: 25%;}
.footer .footTop .footLogo img{
  margin: 0;
}
.footer .footTop .fmeun{ margin-top: 20px;}

.footer .footTop .fmeun p{ font-size: 14px;  line-height: 30px; position: relative;}
.footer .footTop .fmeun i{width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;}
.footer .footTop .fmeun img{width: 100%;}
.footer .footTop .fmeun a{ font-size: 14px;padding: 0 15px; color: #666;  position: relative;}

.footer .footTop .fmeun a:before{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 14px; background: #999;}

.footer .footTop .fmeun a:last-child:before{display:  none;}

.footer .footTop .footNav{ float: left; width: 50%;margin-left:8%;}

.footer .footTop .footNav dl{padding: 0 53px;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;  float: left; position: relative;text-align: center;}

.footer .footTop .footNav dl:before{content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #999;}

.footer .footTop .footNav dl:last-child:before{display:  none;}

.footer .footTop .footNav dl:first-child{ padding-left: 0;}

.footer .footTop .footNav dl:last-child{ padding-right: 0;}

.footer .footTop .footNav dl dt{font-size: 16px; color: #333; }

.footer .footTop .footNav dl dd{ margin-top: 10px;}

.footer .footTop .footNav dl dd a{ display: block; font-size: 14px; color: #999; line-height: 28px;}

.footer .footTop .footNav dl dd a:hover{ color: #018d3d;}

.footer .footerweima{
    width: 14%;
    height: 210px;
    padding: 0px 10px;
    border-left: 0px solid #76bc85;
    text-align: center;
    float: right;
    font-size: 14px;
}
.footer .footerweima img{width: 160px;}
.flex {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.footer .copy{ width: 100%; border-top: 1px #dbe0e3 solid;color: #666; }

.footer .copy .copyl{ float: left; line-height: 60px; font-size: 14px;}

.footer .copy .copyr{ float: right;}

.footer .copy .copyr a{ position: relative;line-height: 60px;color: #666;}

.footer .copy .copyr a:hover{color: #028d3e;}

.navlist {
    display: none;
}
@media (max-width: 800px){
.header{    padding-top: 0;}
.header .nav{display: none;}
.header .menu{display: block;right: 20px;}
.header .logo img,.header .logo{height: 40px;width: auto;}
.header .menu .site_menu{    margin-top: 20px;}
.header.scroll .menu .site_menu{margin-top: 20px;}
.header.scroll .logo img,.header.scroll .logo{height: 40px;width: auto;}
.header.scroll .logo{margin: 10px 0;}
.sjj_nav{    padding: 30% 0;}
.footer .footTop{    padding: 20px 0;}
.footer .footTop .footLogo{width: 100%;}
.footer .footTop .footNav{display: none;}
.footer .footerweima{display: none;}
.footer .copy .copyr{float: left;}
.footer .copy .copyl,.footer .copy .copyr a{line-height: 20px;font-size: 12px;}
.footer .copy{padding: 10px 0;}

#top{
  display: none;
}


}



@media screen and (max-width: 480px) {
   
  
    img{ max-width:100%;}



    /*首页导航*/

.navlist {
    display: block;

	background: #099339;

	width: 100%;

	max-width: 640px;

	min-width: 320px;

	margin: 0 auto;

}

.navlist ul {

	padding: 0;

}

.navlist li {

	float: left;

	width: 25%;

	text-align: center;

	display: block;

}

.navlist li a {

	display: block;

}

.navlist li h3 {

line-height:.66rem;

font-size:.24rem;

	color: #fff;

height:.66rem;

	border-right: 1px solid #ffffff;

	border-bottom: 1px solid #ffffff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.navlist li:nth-child(4n) h3 {

	border-right: 0;

}


    }