@font-face {

    font-family: a_AvanteTitle;

    src: url('../font/');

}



body,html{margin: 0;padding: 0;}

h1,h2,h3,h4,h5,p{margin:0;padding:0;}

ul , li{margin:0;padding:0;list-style: none;box-sizing: border-box;}

img{width: 100%;height: auto;max-width: 100%!important;}

a {text-decoration: none}

a:hover {text-decoration: none;}

input:focus {outline: none;border: none;}



.g_top{ }

.g_body{ padding-top: 123px;}

.g_p{padding-left: 16.9%;padding-right:16.9%;}

.g_p2{padding-left: 16.6%;padding-right:16.6%;}

.g_center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}

.g_black{display: block; width: 100%;height: 100%;}

.g_a{transition: all 1s;}

.g_df{display: flex;justify-content: space-between;align-items: center}

.g_red{color:#ef3f56}

.line{width: 50px; height: 1px;border-bottom: 3px solid #007408;margin: 18px auto 0 auto;transition: all 1s;}



.container{width: 100%}

.closeVideo{display: none}



/*绿 ：#007408*/



/*pc导航-s*/





.i-nav{width: 100%; height: 123px;background: #24242a;justify-content: center;position: fixed;top: 0;z-index: 999;transition:all .5s ease}

.logoImg{margin-right: 60px}

.navU{height: 100%}



.navU-i {height: 100%;padding: 0 24px;position: relative}

.i-nav >ul>li>div>a{color:#fff}

.navU-i>div{height: 100%;display: flex;align-items: center}

.navU-i ul{ min-width: 100%;position: absolute;padding: 0 0 10px 0;left: 0;top:123px;background: #24242a;display: none;z-index: 99;overflow: hidden}

.navU-i ul li{padding: 10px 10px; }

.navU-i:nth-child(2) ul{ width: 130px;}

.navU-i:nth-child(4) ul{ width: 130px;}

.navU-i:nth-child(7) ul{width: 160px}

.navU-i ul li a{color:#fff;display: flex;justify-content: flex-start;align-items: center}

.navU-i ul b{width: 4px;height:4px;margin-right: 10px; border-radius:50%;border: 1px solid #819df1;opacity: 0 }



/*.navU-i:hover{background: #0c3092}*/

.navU-i:hover ul{display: block}

/*.navU-i:hover div>a{color:#fff}*/

/*.navU-i ul li:hover a{color:#fff}*/

.navU-i ul li:hover b{background:#fff}



/*导航开始web*/

.webNav{width: 100%;display: none;overflow: hidden}

.webNav *{transition: all 1s;}

.navShear{margin-left: 80px;margin-top: 70px !important;}

.myNav{ width: 100% !important; height :60px;margin: 0;padding: 8px 0 ;position: fixed;top:0; left: 0; background: #24242a;z-index: 99999}

.mynavBody{width:100%; height: 100%; position: relative}

.mynavBody h3{margin: 0;height: 100%}

.mynavBody h3 a {height: 100%;margin-left: 10px; display: inline-block;  vertical-align: middle;}

.mynavBody h3 a img {height:60%;width: auto;margin-top: 10px;}

.nav-btn{width: 36px; height: 100%; position: absolute ;top: 0; right: 10px}

.nav-table-cell{width: 100%;height: 100%;}

.nav-table-cell span {display: block; width: 80%; height: 1px; border-top:1px solid #fff ;  margin-top: 11px}

.close span:nth-of-type(1){-webkit-transform: translateY(12px) rotate(45deg);  transform: translateY(12px) rotate(45deg);}

.close span:nth-of-type(2){opacity: 0}

.close span:nth-of-type(3){-webkit-transform: translateY(-12px) rotate(-45deg);  transform: translateY(-12px) rotate(-45deg);}



.mynav-ul {width: 100%;height:0; padding: 0 50px; opacity: 0; overflow: hidden;position: fixed;top:60px; background:rgba(36,36,42,0.9);z-index: 10000}

.mynav-ul li {width: 100% ; padding: 8px 0; margin-bottom:4px; border-bottom: 1px solid #fff; }

.mynav-ul li a {color:#fff;font-size: 1em}

/*.mynav-ul li:hover a{color: #337ab7;}*/

.mynav-ul li a:hover{color: #0004ff;transition: none!important;}



.hideNav{

    height: 0;

    opacity: 0;

}

.showNav{

    display: block;

    height: 100%;

    opacity: 1;

}

/*导航结束web*/





/*************footer-s****************/



.footer-top{padding: 63px 2% 46px 14%;background: #00742f;color: #fff}

.footer-topList .g_df{justify-content: flex-start; align-items: self-start}

.footer-topList .g_df .g_df{align-items: center}

.footer-topList >div{padding: 10px 24px}

.footer-topList >div:nth-child(1){padding-left: 0}

.footer-topList >div:nth-child(3){padding-right: 0}

.footer-topInfo{min-width: 828px;width: 828px;margin-bottom: 30px;}

.footer-topInfo h3{padding-left: 20px}

.footer-topInfo>div{justify-content: flex-start;}

.footer-topInfo ul{padding: 0 20px;}

.footer-topInfo ul:nth-child(1){margin-right: 10px;}

.footer-topInfo ul:nth-child(3) li i { display: block; height: 58px;width: 58px;line-height: 58px;text-align: center; margin-right: 24px;border: 1px solid #fff;border-radius: 50%; font-size: 40px;}

.footer-topInfo ul li {margin-top: 20px}

.footer-topInfo ul li span{color: #fff}



.footer-topImg{min-width: 113px;width: 113px;margin-bottom: 30px;}.

.footer-topImg img{max-width: 113px;}

.footer-topLogo img{max-width: 100%;}

/*.footer-topLogo {width: 230px;text-align: center}*/

.footer-topLogoBox{width: calc(100% - 941);display: flex;}

.footer-topLogo {width: 33%;margin-left: 20px; display: flex; justify-content: flex-start; text-align: left}

.footer-topLogo>div{text-align: left}

/*.footer-topImg{margin-left: 60px;}*/

.footer-topImg p{text-align: center;margin-top: 14px;}

.footer-topLogo p{ display: none; text-align: center;margin-bottom: 14px;margin-top: 6px;}

.footer-topLogo a{display: block; }

.footer-topLogo a:nth-child(1){margin-bottom: 48px}

/*.footer-topLogo a:nth-child(3){margin-bottom: 0px;}*/



.footer-bottom{padding: 32px;text-align: center;color: #fff;background: #000}

.footer-bottom >div{display: flex; justify-content: center}

.footer-bottom a{color: #fff;padding: 0 14px;}

.footer-bottom span{padding:  0 6px}

.footer-bottom img{width: auto;height: 24px;}

/*************footer-e****************/



/*二级导航*/

.g_nav2{padding: 0 16%;background: #f6f6f6}

.g_nav2 > ul{display: flex;justify-content: flex-start;}

.g_nav2 > ul > li{width: 250px;height: 78px;text-align: center;display: flex;align-items: center;justify-content: center}

.g_nav2 > ul > li:hover a{color: #00742f}

.g_nav2 li:nth-child(1){background: #00742f}

.g_nav2 li:nth-child(1){color: #fff}

.g_nav2  li a{color: #000}

.g_nav2 .active a{color: #00742f}



.g_nav3-title{display: flex;justify-content: center;align-items: center;padding-bottom: 20px}

.g_nav3-title span{width: 78px;height: 1px;background: #c9c9c9;padding: 0 13px}

.g_nav3-title h3{padding: 0 13px}

.g_nav3 ul {margin-top: 62px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap}

.g_nav3 ul li{width: 192px;height: 62px;  margin:10px 14px;border: 1px solid #c9c9c9;text-align: center;border-radius: 30px;}

.g_nav3 ul li a{display: block; padding: 16px 30px;color: #000}

.g_nav3 ul li:hover{background: #cacccb}







/*分页*/

.fanye{ text-align:left; padding:30px 0;display: flex;}

/* .fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd;  background:#fff; color:#666; text-decoration:none;}

.fanye a:hover{ color:#00742f; border:1px solid #12418f;}

.fanye a.active{ background:#00742f; border:1px solid #00742f; color:#fff;}

.fanye a.active:hover{ color:#fff; border:1px solid #00742f;}

.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none} */

/* .fanye {
    display: flex;
}

.fanye .page-item {
    padding: 6px 12px;
    border:1px solid #ddd;
    background: #fff;
}
.fanye .page-item:not(:last-child) {
    margin-right: 5px ;
}
.fanye .page-item a,
.fanye .page-item p {
    color: #666;
    text-decoration: none;
}
.fanye .page-item:hover {
    border:1px solid #12418f;
}
.fanye .page-item:hover a,
.fanye .page-item:hover p {
    color:#00742f;
}
.fanye .page-item.active {
    border:1px solid #00742f;
}
.fanye .page-item.active a,
.fanye .page-item.active p {
    color:#fff;
} */
.fenye {
    display: flex;
}
.fenye li {
    
    border:1px solid #ddd;
    background: #fff;
}
.fenye li {
    margin-right: 5px;
}
.fenye li a,
.fenye li span {
    display: block;
    color: #666;
    text-decoration: none;
    padding: 6px 12px;
}
.fenye li:hover {
    border: 1px solid #12418f;
}
.fenye li:hover a,
.fenye li:hover span {
    color:#00742f;
}
.fenye li.active {
    background: #00742f;
}
.fenye li.active a,
.fenye li.active span {
    color: #fff;
}

.showImg{ position:fixed;height: 80%;padding: 40px;top: 50%;left: 50%;transform: translate(-50%,-50%)scale(0,0);z-index: 999;background: rgba(0,0,0,.5);transition: all 1s}

.showImg img{height: 100%;width: auto}



.zd{padding-top: 40px ;padding-bottom: 40px;padding-right: 10%;padding-left: 10%;}

.zd .row div{margin-top: 30px;text-align: center}

.zd a{color: #00742f}

.zd h4{margin-bottom: 16px}

.zd h4 a{border-bottom: 1px solid #00742f}

.zd p{margin-top: 10px}







/**************列表公共样式****************/

.list-item{width: 100%;}

.list-itemImg{width: 100%;overflow: hidden;position: relative}

.list-itemImg:before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.list-itemImg:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.list-itemImg img{transition: all 1s}

.list-itemImg:hover img{transform: scale(1.1,1.1);transition: all 1s}

.list-itemTitle h4{margin-top: 30px}

.list-itemInfo{margin-top: 16px;color:#b1b1b1}

.list-itemTitle a{color:#000}

.list-itemTitle p{min-height: 40px; margin-top: 30px; color: #5f5f60; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}



.goTOP{width: 39px; position: absolute;left:96%;  bottom: 30px;color: #a3a3a3;text-align: center;

    /*animation:goTOPM 1s infinite alternate;*/

    /*-webkit-animation:goTOPM 1s infinite alternate;*/

}

.goTOP p:nth-child(1){background: #00742f}

/*.goTOP p:nth-child(2){display: none}*/

.goTOP a{ color: #a3a3a3;}

.goTOP i{

    font-size: 30px;

    font-weight: 900;

    display: block;

    animation:goTOPM 1s linear  infinite alternate;

    -webkit-animation:goTOPM 1s linear infinite alternate;

}

.goTOP:hover a i{color: #fff}



@keyframes goTOPM

{

    from {transform: translateY(-3px)}

    to {transform: translateY(3px)}

}



@-webkit-keyframes goTOPM

{

    from {transform: translateY(-3px)}

    to {transform: translateY(3px)}

}



@media (min-width:1440px)and (max-width: 1600px){

    .g_p{padding-right: 8%!important;padding-left: 8%!important;}

    .footer-top{padding-right: 1%!important;padding-left: 5%!important;}



}

@media (min-width:1200px) and (max-width:1440px){

    .g_p2{padding-right: 8%!important;padding-left: 8%!important;}

    .footer-top{padding-right: 1%!important;padding-left: 5%!important;}

    .navU-i{padding: 0 20px!important;}

    .footer-topList .g_df{flex-wrap: wrap;justify-content: flex-start!important;}

    .footer-topInfo h3{padding-left: 14px;}

    .footer-topInfo ul{padding: 0 14px;}

    .footer-topLogoBox{margin-top: 30px;}

    .footer-topLogo{margin-left: 0;width: auto;}

    .footer-topLogo>div{display: flex;}

    .footer-topLogo>div a{margin-left: 14px;}

    /*.footer-topLogo{width: 12%}*/

    .footer-topImg{min-width: 0; width: auto; max-width: 100%;margin-left: 100px; }

}

@media (min-width:768px) and (max-width:1200px){

    .webNav{display: block!important;}

    .i-nav{display: none!important;}

    .g_body{padding-top: 60px!important;}

    .g_p{padding-right: 8%!important;padding-left: 8%!important;}

    .g_p2{padding-right: 4%!important;padding-left: 4%!important;}

    .g_nav2{padding: 0 8%!important;}

    .footer-topList .g_df{flex-wrap: wrap;justify-content: flex-start!important;}

    .footer-topInfo>div{flex-wrap: wrap}

    /*.footer-topLogo img{width: 90px;}*/



    /*.footer-topLogoBox{margin-top: 30px;}*/

    .footer-topLogo{margin-left: 0;width: auto;}

    .footer-topLogo>div{display: flex;}

    .footer-topLogo>div a{margin-left: 14px;}



    .footer-topInfo{min-width: 0; width: auto; max-width: 100%}

    .footer-topImg{min-width: 0; width: auto; max-width: 100%;margin-left: 20px;margin-top: 20px;}

}

@media (max-width:767px){

    /*img{max-width:100%!important;height: auto!important; }*/

    .webNav{display: block!important;}

    .i-nav{display: none!important;}

    .g_body{padding-top: 60px!important;}

    .g_p2{padding-right: 4%!important;padding-left: 4%!important;}

    .g_p{padding-right: 4%!important;padding-left: 4%!important;}

    .g_nav2{padding: 0 4%!important;}

    .g_nav2 > ul > li{width: auto!important;padding: 0 20px;}

    .g_nav2 > ul{flex-wrap: wrap}

    .footer-bottom >div{flex-wrap: wrap}

    .footer-topList>.g_df{display: block}

    .footer-topImg{margin-top: 20px;text-align: left}

    .footer-topImg p{text-align: left}

    .footer-topImg img{max-width: 110px!important;}

    .footer-topInfo>div{flex-wrap: wrap}

    .footer-topInfo ul{padding: 0!important;}

    .footer-topList >div{padding: 10px 16px!important;}

    .footer-topList >div:nth-child(3){padding-left: 0!important;padding-right: 0!important;}



    .footer-topLogoBox{width: 100%;display: block;}

    .footer-topLogo{width: 100%!important;  margin-left: 0;margin-top: 16px;}

    .footer-topLogo>div{width: 100%!important; display: flex; align-items: center; justify-content: space-between; margin-left: 0}

    .footer-topLogo>div a{width: 46%;min-width: 46%;}

    .footer-topLogo img{width: 100%!important; }

    .footer-topLogo *{text-align: left!important;}

    .footer-topLogo a:nth-child(1){margin-bottom: 0}

    /*.footer-topLogo img{width: 170px!important;}*/

    .goTOP{left: 89%!important;border-bottom: 10px!important;display: none!important;}

    .footer-topInfo ul:nth-child(3) li i{margin-right:14px!important; }

    .footer-topInfo h3{padding-left: 0!important;}

    .g_nav3-title h3{font-size: 16px!important;}







    .footer-topInfo{min-width: 0; width: auto; max-width: 100%}

    .footer-topImg{min-width: 0; width: auto; max-width: 100%;margin-left: 0px; }

}

@media (max-width:392px){

    .footer-topList>.g_df{display: block}

    .footer-topList >div:nth-child(3){padding-left: 16px!important;}

    .footer-topImg{margin-top: 20px;text-align: left}

    .footer-topImg p{text-align: left}

    .footer-topImg img{max-width: 110px!important;}

    .footer-topLogo *{text-align: left!important;}

    .footer-topLogo{width: 100%!important; display: flex;justify-content: space-between; margin-left: 0}

    /*.footer-topLogo>div{width: 100%!important; display: flex;justify-content: space-between; margin-left: 0}*/

    .footer-topLogo img{width: 100%!important; }

    .g_nav3-title h2 {font-size:20px }

}