﻿/* base公共样式 */

* {padding: 0;margin: 0;  box-sizing: border-box;}
html {font-size: calc(100vw/19.2);}
@media (min-width: 1921px) {html {font-size: 100px;}}
@media (max-width: 1920px) {html {font-size: 90px;}}
@media (max-width: 1680px) {html {font-size: 85px;}}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
body {color: #333;font-size: 16px;font-family:"思源黑体";}
@media (max-width: 1440px) {body {font-size: 14px;}}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;text-decoration: none;}
i {font-style: normal;}
ol,ul,li {list-style: none;} 

 
/* End */
.icen {max-width: 1240px;width: 100%;padding:0 20px;margin:0 auto; position:relative;}
@media (min-width: 992px) {.icen {width: 90%;}}
@media (min-width: 1200px) {.icen {width: 88.888%;}}
@media (min-width: 1600px) {.icen {width: 75.67%;}}
 

/* header */
.header{width: 100%;padding: 0 5%; background:#d09c56;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s;}
.header .icen{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .icen .logo{display: block;}
.header .icen .logo img{display: block;width: 240px;}
.header .icen .nav{display: flex;justify-content: flex-start;align-items: center;}
.header .icen .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .icen .nav ul li{position: relative;display: flex;align-items: center;}
.header .icen .nav ul li>a{display: block;height: 0.8rem;line-height: 0.8rem;font-size: 0.18rem;color: #333;position: relative;padding: 0 0.2rem;display: flex;align-items: center;}
.header .icen .nav li:hover>a{color: #6eaa35;}

#about .header{background:#f9f9f9;}
 
/*banner*/
.banner{width:100%;position:relative;}
.banner .con-box{width:100%; height:100vh;position:relative;}
.banner .con-box .swiper1{width:100%; position:relative; overflow:hidden;}
.banner .con-box .swiper-slide img{width:100%;height:100vh;}
.banner .con-box .swiper-slide .txt{width:100%;height:100%; position:absolute; left:0; top:30%;}
.banner .con-box .swiper-slide .txt h1{width:100%; font-size:48px; font-weight:700; color:#dca459; line-height:30px; margin-bottom:30px;}
.banner .con-box .swiper-slide .txt h2{width:100%; font-size:17px; font-weight:500; color:#dca43f; line-height:30px;}
.banner .con-box .swiper-slide:nth-child(1) .txt h1{ color:#156d00;}
.banner .con-box .swiper-slide:nth-child(1) .txt h2{ color:#156d00;}
.banner .con-box .button{ width:100%; position:absolute; top:26%; right:0; z-index:10;}
.banner .con-box .button .icen{ height:3rem;}
.banner .con-box .button-next{position:absolute;top:20%;right:0;height:0.5rem;width:0.5rem;border-radius:50%;z-index:10; background:rgba(255,255,255,0.5)}
.banner .con-box .button-next:hover{background:rgba(255,255,255,1)}
.banner .con-box .button-next img{width:0.1rem;}
.banner .con-box .button-next a{ height:0.5rem;width:0.5rem;display: flex;justify-content:center;align-items: center;}
.banner .con-box .button-prev{position:absolute;top:40%;right:0;height:0.5rem;width:0.5rem;border-radius:50%;z-index:10;background:rgba(255,255,255,0.5)}
.banner .con-box .button-prev:hover{background:rgba(255,255,255,1)}
.banner .con-box .button-prev img{width:0.1rem;}
.banner .con-box .button-prev a{ height:0.5rem;width:0.5rem;display: flex;justify-content:center;align-items: center;}
.banner .nav-box{width:100%; position:absolute; left:0; bottom:20%; z-index:10;}
.banner .nav-box .swiper2{ width:510px; margin-left:0; position:relative; overflow:hidden;}
.banner .nav-box .swiper-slide{ width:100%; position:relative;}
.banner .nav-box .swiper-slide .img{ width:100%; position:relative; overflow:hidden;} 
.banner .nav-box .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;transition: all 0.4s ease;}
.banner .nav-box .swiper-slide .img .hezi{padding-bottom: 56% !important;}
.banner .nav-box .swiper-slide .tit{width:100%;height:45px; line-height:45px; background:#4f7a29; text-align:center; color:#ccc;}
.banner .nav-box .swiper-slide.on .tit{background:#6eaa35; color:#fff;}

 
.ind01 { width:100%; position:absolute; bottom:0.2rem; font-size:0.14rem; color:rgba(255,255,255,1); z-index:10;}
.ind01 a{ margin-right:5px; font-size:0.14rem; color:rgba(255,255,255,1);}
.ind01 .ewm01 {cursor: pointer;position: relative;}
.ind01 .ewm01 .ewm {display: none;border: 1px solid #eee;position: absolute;z-index: 10;top: -1.4rem;left: -0.4rem;width:1rem;height:1rem;text-align: center;background: #fff;transition: all 200ms;}
.ind01 .ewm01:hover .ewm{display: block;}

 /* footer */
.footer {padding: 40px 0 50px;position: relative;background:#6eaa35;}
.footer .icen{display: flex;justify-content: space-between;}
.footer .fo01 { width:75%; position:relative;}
.footer .fo01 .top{ width:100%; position:relative;display: flex;justify-content: space-between;border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:15px;}
.footer .fo01 .top .f_logo { width:200px; position:relative;}
.footer .fo01 .top .f_logo img{ width:100%;}
.footer .fo01 .top ul {display: flex;justify-content: space-between;}
.footer .fo01 .top ul li { margin-left:10px;}
.footer .fo01 .top ul li img{ width:35px;}
.footer .fo01 .top ul li .ewm01 {cursor: pointer;position: relative;}
.footer .fo01 .top ul li .ewm01 .ewm {display: none;border: 1px solid #eee;position: absolute;z-index: 10;top: -2.12rem;left: 0rem;width:1.36rem;height:1.92rem;text-align: center;transition: all 200ms; border:none;}
.footer .fo01 .top ul li .ewm01 .ewm img{width:1.36rem;height:1.92rem;}
.footer .fo01 .top ul li .ewm01:hover .ewm{display: block;}
.footer .fo01 .bot { width:100%; font-size:0.14rem; color:rgba(255,255,255,1); z-index:10; padding-top:15px;}
.footer .fo01 .bot a{ margin-right:5px; font-size:0.14rem; color:rgba(255,255,255,1);}
.footer .fo01 .bot .ewm01 {cursor: pointer;position: relative;}
.footer .fo01 .bot .ewm01 {display: none;border: 1px solid #eee;position: absolute;z-index: 10;top: -1.3rem;left: -0.4rem;width:1rem;height:1rem;text-align: center;background: #fff;transition: all 200ms;}
.footer .fo01 .bot .ewm01:hover .ewm{display: block;}
.footer .fo02 { width:25%; position:relative; font-size:0.14rem; color:rgba(255,255,255,.8); text-align:center;}
.footer .fo02 .con{display: flex;justify-content: flex-end;align-items: center;}
.footer .fo02 .con .re { margin-left:0.2rem;}

.side{position:fixed;width:60px;right:0;top:30%;z-index:100;}
.side ul li{width:60px;height:60px;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:60px;height:60px;line-height:30px;top:0;right:0;transition:all 0.3s;background:rgba(0,0,0,0.5);color:#fff;font-size:14px;overflow:hidden;display:flex;align-items: center;}
.side ul li .sidebox .txt{line-height:20px;}
.side ul li .sidebox .txt p{ width:100%;}
.side ul li .img{ width:60px; height:60px; margin-right:5px;}
.side ul li .img img{ width:60px;}

.n_banner{width: 100%;position: relative; margin-top:0.8rem;}
.n_banner img{width: 100%;display: block;}

.n_menu{width: 100%; position:relative;}
.n_menu ul{width: 100%;display: flex; margin-top:-50px;background: rgba(230,230,230,0.8); z-index:1;}
.n_menu li{width: 150px; height: 50px;line-height: 50px;transition: all .4s ease;}
.n_menu li a{width: 150px; display:block;font-size: 18px;color: #6eaa35;font-weight: 500; text-align:center;}
.n_menu li:hover, .n_menu li.active{background: #6eaa35; color:#fff;}
.n_menu li:hover a, .n_menu li.active a{background: #6eaa35; color:#fff;}

.n_home { width:100%;font-size:0.14rem;color: #747679; height:0.7rem;display:flex;align-items: center;}
.n_home .icen{ display:flex;align-items: center;}
.n_home img{ margin-right: 0.1rem; width: 0.15rem; height:0.15rem;}
.n_home span, .n_home a, .n_home i,.n_home em {font-size:0.14ren;color: #333;font-style: normal;}
.n_home i{margin: 0 0.06rem;font-style: normal; width: 4px; }
.n_home em { color: #333;font-style: normal;}


.n_main{ width:100%; position:relative;}
.n_main .n_tit{ font-size:0.36rem; text-align:center;margin: 0 auto;}
.n_main img{max-width:100%; height:auto;}

.n_about{width: 100%;overflow: hidden;margin:0.3rem 0 0.6rem;}
.n_about .box{width: 100%; font-size:0.16rem; line-height:0.3rem; text-align:justify; min-height:3rem; margin-top:0.3rem;}

.xw01{ width:100%; position:relative; margin:0.3rem 0 0.6rem;}
.xw01 .item{ width:100%; position:relative; margin-bottom:0.2rem;}
.xw01 .item a{ width:100%; display: flex;flex-wrap:wrap; justify-content:space-between;background:rgba(0,0,0,0.05); padding:0.2rem 0.3rem;}
.xw01 .item .wen{width: calc(100% - 2rem);}
.xw01 .item .wen h1{font-size: 0.18rem;color: #333;font-weight: 500;margin-bottom: 0.1rem;}
.xw01 .item .wen h2{font-size: 0.12rem;color: #999;font-weight: 500;line-height: 0.25rem;}
.xw01 .item .shi{width: 2rem; text-align:right;}
.xw01 .item .shi .top{font-size: 0.14rem; font-weight:500;color: #888;}
.xw01 .item .shi .bot{font-size: 0.36rem; font-weight:700;color: #666;}
.xw01 .item a:hover{background:rgba(0,0,0,0.1);}
.xw01 .item a:hover .top{color: #6eaa35;}
.xw01 .item a:hover .bot{color: #6eaa35;}

.xw_show { width:100%; position:relative; margin-bottom:0.6rem;display: flex;justify-content: space-between;}
.xw_show .img {width: 73%;overflow: hidden; background:#fff; padding:0.3rem; line-height:0.3rem;}
.xw_show .img .time{display: flex;align-items:center;font-size: 14px;color: #aaaaaa;margin-bottom: 0.3rem;}
.xw_show .img .time img{ width:0.15rem; margin-right:0.1rem;}
.xw_show .img .x_tit{font-size: 0.26rem;color: #000;margin-bottom: 0.25rem;font-weight: 500;}
.xw_show .txt {width: 24%;position: relative; background:#fff; padding:0.2rem;}
.xw_show .txt .top {gap: 20px;display: flex !important;}
.xw_show .txt .top h5{ font-size:0.2rem; font-weight:700;flex-shrink: 0 !important;margin-bottom: 0 !important;}
.xw_show .txt .top span {display: block;width:100%;height:2px;background:rgba(11,22,63,0.005);position: relative;transform: translateY(-4px);border-bottom:1px solid rgba(11,22,63,0.2);align-self: flex-end !important;}
.xw_show .txt .top span::before {content: "";position: absolute;left: 0;top: 0;width: 45px;height: 2px;background: #0054a7;}
.xw_show .txt .bot{width: 100%; position: relative; margin-top:0.3rem;}
.xw_show .txt .bot li{height: 0.5rem;line-height: 0.5rem;font-size: 0.14rem; padding:0 0.1rem;color: #333333;background:rgba(0,0,0,0.05); margin-bottom:0.1rem;}
.xw_show .txt .bot li a{color: #333333;display: block;}
.xw_show .txt .bot li:hover,.xw_show .bot li.cur{background:#6eaa35;}
.xw_show .txt .bot li:hover a,.xw_show .bot li.cur a{color: #fff;}
.xw_show .txt .bot i{display: block;width: 3px;background: #044b2d;position: absolute;left: -1px;top: 0;z-index: 9;}

 
.search{ width:100%; height:100%; position:absolute; left:0; top:0;display: flex;flex-wrap:wrap; justify-content:center;align-items: center; z-index:1000;}
.search input{ width:6rem; height:0.58rem; line-height:0.58rem; vertical-align:middle;outline:none; padding-left:15px; border:none; border-radius:0.1rem 0 0 0.1rem;}
.search button{ height:0.6rem; line-height:0.6rem; vertical-align:middle; background:#6eaa35; border:none; padding:0 0.3rem; margin-left:-0.05rem; border-radius:0 0.1rem 0.1rem 0; color:#fff;}

 