@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"思源黑体","Source Han Sans CN","Noto Sans", sans-serif; font-size:14px; line-height:1.7; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {       /* 标准语法 */
  background-color:#fff; /* 透明背景 */
}

/*浮动*/
@media screen and (min-width:1440px){
.sd{ position:fixed; right:0px; bottom:10%; z-index:5; opacity:0;}
.sd.animated{ opacity:1;}
.sd .sd01{ display: block; width: 70px; text-align: center;}
.sd .sd01 a{ background:#52b932; box-shadow:0px 15px 30px rgba(0, 0, 0, 0.2); padding:25px; display:block;}
.sd .sd01 a p{ display:block; color:#fff; font-size:16px; font-weight:700; letter-spacing:2px; line-height:20px; width:20px; text-align:center; writing-mode:vertical-rl; -ms-writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; overflow-wrap:anywhere; word-break:break-word;}
.sd .sd01 a img{ width:20px; display:block; margin:auto; margin-top:8px;}
.sd .sd01 a:hover{ background-color: #208b36;}
    
.sd02{ width: 70px;}
.sd02 a{ display:block; margin-top: .52vw; position: relative; cursor: pointer;}
.sd02 a span{ width:70px; height: 70px; display: block; background:#52b932; box-shadow:0px 15px 30px rgba(0, 0, 0, 0.2); overflow: hidden;}
.sd02 a span img{ height:30px; margin:20px auto; display: block;}
.sd02 a p{ position: absolute; bottom: 0; right: 84px; width: 180px; background-color: #52b932; z-index: 99; display: none !important; padding: 10px;}
.sd02 a p img { width: 180px; display: block;}
.sd02 a p:before { content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #52b932; position: absolute; left:100%; bottom:25px;}
.sd02 a:hover p{ display: block !important;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.sd{ position:fixed; right:0px; bottom:20%; z-index:5; opacity:0;}
.sd.animated{ opacity:1;}
.sd .sd01{ display: block; width: 60px; text-align: center;}
.sd .sd01 a{ background:#52b932; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.2); padding:20px; display:block;}
.sd .sd01 a p{ display:block; color:#fff; font-size:14px; font-weight:700; letter-spacing:2px; line-height:18px; width:18px; text-align:center; writing-mode:vertical-rl; -ms-writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; overflow-wrap:anywhere; word-break:break-word;}
.sd .sd01 a img{ width:18px; display:block; margin:auto; margin-top:5px;}
.sd .sd01 a:hover{ background-color: #208b36;}
    
.sd02{ width: 60px;}
.sd02 a{ display:block; margin-top: .52vw; position: relative; cursor: pointer;}
.sd02 a span{ width:60px; height: 60px; display: block; background:#52b932; box-shadow:0px 15px 30px rgba(0, 0, 0, 0.2); overflow: hidden;}
.sd02 a span img{ height:24px; margin:18px auto; display: block;}
.sd02 a p{ position: absolute; bottom: 0; right: 72px; width: 160px; background-color: #52b932; z-index: 99; display: none !important; padding: 7px;}
.sd02 a p img { width: 160px; display: block;}
.sd02 a p:before { content: ''; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #52b932; position: absolute; left:100%; bottom:22px;}
.sd02 a:hover p{ display: block !important;}
}
@media only screen and (max-width:1023px){
.sd{ position:fixed; right:0px; bottom:30%; z-index:5; opacity:0;}
.sd.animated{ opacity:1;}
.sd .sd01{ display: block; width: 46px; text-align: center;}
.sd .sd01 a{ background:#52b932; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.2); padding:15px; display:block;}
.sd .sd01 a p{ display:block; color:#fff; font-size:12px; font-weight:700; letter-spacing:2px; line-height:16px; width:16px; text-align:center; writing-mode:vertical-rl; -ms-writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; overflow-wrap:anywhere; word-break:break-word;}
.sd .sd01 a img{ width:16px; display:block; margin:auto; margin-top:3px;}
.sd .sd01 a:hover{ background-color: #208b36;}
    
.sd02{ width: 46px;}
.sd02 a{ display:block; margin-top: 5px; position: relative; cursor: pointer;}
.sd02 a span{ width:46px; height: 46px; display: block; background:#52b932; box-shadow:0px 15px 30px rgba(0, 0, 0, 0.2); overflow: hidden;}
.sd02 a span img{ height:18px; margin:14px auto; display: block;}
.sd02 a p{ position: absolute; bottom: 0; right: 54px; width: 160px; background-color: #52b932; z-index: 99; display: none; padding: 4px;}
.sd02 a p img { width: 160px; display: block;}
.sd02 a p:before { content: ''; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #52b932; position: absolute; left:100%; bottom:22px;}
}
@media screen and (min-width:1440px){  
.shipin{ width:100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,.5); z-index: 99999999999; display: none;}
.shipin .box{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.shipin .box .video{ padding:6px; background-color: #fff; position: relative; z-index: 1;}
.shipin .box .video video{ display: block; max-width: 80vw; max-height: 80vh;}
.shipin .box .close{ width:30px; height: 30px; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; right: -10px; top: -10px; z-index: 3; box-shadow: 0 0 1.04vw rgba(0,0,0,.1);}
.shipin .box .close img{ height:12px; display: block; margin: 9px auto; cursor: pointer;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.shipin{ width:100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,.5); z-index: 99999999999; display: none;}
.shipin .box{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.shipin .box .video{ padding:4px; background-color: #fff; position: relative; z-index: 1;}
.shipin .box .video video{ display: block; max-width: 80vw; max-height: 80vh;}
.shipin .box .close{ width:28px; height: 28px; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; right: -10px; top: -10px; z-index: 3; box-shadow: 0 0 1.04vw rgba(0,0,0,.1);}
.shipin .box .close img{ height:10px; display: block; margin: 9px auto; cursor: pointer;}
}
@media only screen and (max-width:1023px){
.shipin{ width:100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,.5); z-index: 99999999999; display: none;}
.shipin .box{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.shipin .box .video{ padding:2px; background-color: #fff; position: relative; z-index: 1;}
.shipin .box .video video{ display: block; max-width: 80vw; max-height: 80vh;}
.shipin .box .close{ width:26px; height: 26px; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; right: -10px; top: -10px; z-index: 3; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.shipin .box .close img{ height:8px; display: block; margin: 9px auto; cursor: pointer;}
}

/*header*/
@media screen and (min-width:1440px){
.index01{ width:100%; min-height:46.875vw; padding:5.2vw 8.335%; box-sizing:border-box; position:relative; z-index:1;}
.index01 .logo{ height:70px;}
.index01 .logo img{ display:block; height:70px;}
.index01 .left{ position:relative; z-index:3; float: left; margin-top:3.3854vw;}
.index01 .left .w01{ font-size:36px; line-height:46px; font-weight:bold; color:#408741;}
.index01 .left .w02{ position:absolute; left:217px; top:47px;}
.index01 .left .w02 img{ display:block;}
.index01 .left .w03{ margin-top:1.82vw;}
.index01 .left .w03 .tab_menu{ display:flex; flex-direction:column; float:left; margin-top:-0.52vw;}
.index01 .left .w03 .tab_menu li{ flex:1; margin-top:0.52vw; display:block;}
.index01 .left .w03 .tab_menu li a{ display:block; padding-top:8px; padding-bottom:12px; overflow:hidden; position:relative; cursor: pointer;}
.index01 .left .w03 .tab_menu li strong{ display:block; height:70px; position:absolute; left:0; top:0;}
.index01 .left .w03 .tab_menu li:nth-child(2n) strong{ left:auto; right:0;}
.index01 .left .w03 .tab_menu li strong img{ display:block; height:70px;}
.index01 .left .w03 .tab_menu li strong img.img02{ display:none;}
.index01 .left .w03 .tab_menu li.on strong img.img01{ display:none;}
.index01 .left .w03 .tab_menu li.on strong img.img02{ display:block;}
.index01 .left .w03 .tab_menu li p{ margin-left:25px; width:calc(100% - 33px); padding:2px; border:2px solid #87b932; border-radius:50px;}
.index01 .left .w03 .tab_menu li:nth-child(2n) p{ margin-left:0; margin-right:25px;}
.index01 .left .w03 .tab_menu li.on p{ border:2px solid #408741;}
.index01 .left .w03 .tab_menu li span{ font-size:20px; line-height:42px; height:42px; display:block; background-color:#87b932; padding:0 1.04vw; border-radius:50px; overflow:hidden; text-transform: uppercase; font-weight: bold; color: #fff;}
.index01 .left .w03 .tab_menu li:nth-child(2n) span{ text-align: right;}
.index01 .left .w03 .tab_menu li.on span{ background-color:#408741;}
.index01 .mil{ width:38.75%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2;}
.index01 .mil .w01{ width:100%;}
.index01 .mil .w01 img{ max-width:100%; display:block; margin:auto;}
.index01 .mil .w02{ width:100%; margin-top: -0.677vw;}
.index01 .mil .w02 img{ max-height:12.5vw; display:block; margin:auto;}
.index01 .mil .w03{ width:100%; margin-top: 3.6458vw; display:flex; justify-content:center;}
.index01 .mil .w03 a{ min-width:280px; height: 60px; line-height: 60px; font-size: 18px; color: #fff; background-color: #208b36; padding: 0 1.04vw; display:flex; justify-content:center; align-items:center; border-radius: 10px; overflow: hidden;}
.index01 .mil .w03 a img{ display:block; height:20px; margin-right: 10px;}
.index01 .mil .w03 a:hover{ background-color: #52b932;}
.index01 .right{ width:20.83%; position:absolute; bottom:5.2vw; margin-bottom: -6px; right:8.335%; z-index:1;}
.index01 .right .w01{ width:100%;}
.index01 .right .w01 img{ width:100%; display:block; margin:auto;}
.index01 .right .w02{ width:100%; font-size: 18px; line-height: 30px; font-weight: bold; color: #208b36; margin-top: 0.57vw;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.index01{ width:100%; min-height:46.875vw; padding:5.2vw 5%; box-sizing:border-box; position:relative; z-index:1;}
.index01 .logo{ height:55px;}
.index01 .logo img{ display:block; height:55px;}
.index01 .left{ position:relative; z-index:3; float: left; margin-top:3.3854vw;}
.index01 .left .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#408741;}
.index01 .left .w02{ position:absolute; left:187px; top:45px;}
.index01 .left .w02 img{ display:block; width: 50px;}
.index01 .left .w03{ margin-top:1.82vw;}
.index01 .left .w03 .tab_menu{ display:flex; flex-direction:column; float:left; margin-top:-0.52vw;}
.index01 .left .w03 .tab_menu li{ flex:1; margin-top:0.52vw; display:block;}
.index01 .left .w03 .tab_menu li a{ display:block; padding-top:7px; padding-bottom:11px; overflow:hidden; position:relative; cursor: pointer;}
.index01 .left .w03 .tab_menu li strong{ display:block; height:66px; position:absolute; left:0; top:0;}
.index01 .left .w03 .tab_menu li:nth-child(2n) strong{ left:auto; right:0;}
.index01 .left .w03 .tab_menu li strong img{ display:block; height:66px;}
.index01 .left .w03 .tab_menu li strong img.img02{ display:none;}
.index01 .left .w03 .tab_menu li.on strong img.img01{ display:none;}
.index01 .left .w03 .tab_menu li.on strong img.img02{ display:block;}
.index01 .left .w03 .tab_menu li p{ margin-left:24px; width:calc(100% - 32px); padding:2px; border:2px solid #87b932; border-radius:50px;}
.index01 .left .w03 .tab_menu li:nth-child(2n) p{ margin-left:0; margin-right:24px;}
.index01 .left .w03 .tab_menu li.on p{ border:2px solid #408741;}
.index01 .left .w03 .tab_menu li span{ font-size:18px; line-height:40px; height:40px; display:block; background-color:#87b932; padding:0 1.04vw; border-radius:50px; overflow:hidden; text-transform: uppercase; font-weight: bold; color: #fff;}
.index01 .left .w03 .tab_menu li:nth-child(2n) span{ text-align: right;}
.index01 .left .w03 .tab_menu li.on span{ background-color:#408741;}
.index01 .mil{ width:38.75%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2;}
.index01 .mil .w01{ width:100%;}
.index01 .mil .w01 img{ max-width:100%; display:block; margin:auto;}
.index01 .mil .w02{ width:100%; margin-top: -0.677vw;}
.index01 .mil .w02 img{ max-height:12.5vw; display:block; margin:auto;}
.index01 .mil .w03{ width:100%; margin-top: 3.6458vw; display:flex; justify-content:center;}
.index01 .mil .w03 a{ min-width:240px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background-color: #208b36; padding: 0 1.04vw; display:flex; justify-content:center; align-items:center; border-radius: 10px; overflow: hidden;}
.index01 .mil .w03 a img{ display:block; height:18px; margin-right: 7px;}
.index01 .mil .w03 a:hover{ background-color: #52b932;}
.index01 .right{ width:20.83%; position:absolute; bottom:5.2vw; margin-bottom: -6px; right:8.335%; z-index:1;}
.index01 .right .w01{ width:100%;}
.index01 .right .w01 img{ width:100%; display:block; margin:auto;}
.index01 .right .w02{ width:100%; font-size: 16px; line-height: 28px; font-weight: bold; color: #208b36; margin-top: 0.57vw;}
}
@media only screen and (max-width:1023px){
.index01{ width:100%; min-height:100%; padding:40px 50px; padding-bottom: 35px; box-sizing:border-box; position:relative; z-index:1;}
.index01 .logo{ height:40px; display: none;}
.index01 .logo img{ display:block; height:40px; margin: auto;}
.index01 .left{ position:relative; z-index:3;}
.index01 .left .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#408741;}
.index01 .left .w02{ position:absolute; left:125px; top:30px;}
.index01 .left .w02 img{ display:block; width: 42px;}
.index01 .left .w03{ margin-top:10px;}
.index01 .left .w03 .tab_menu{ display: block; padding-top: 5px;}
.index01 .left .w03 .tab_menu li{ display:block; width:calc(100% - 40px); float:left; margin-top: -5px;}
.index01 .left .w03 .tab_menu li:nth-child(2n){ float:right;}
.index01 .left .w03 .tab_menu li a{ display:block; padding-top:7px; padding-bottom:11px; overflow:hidden; position:relative; cursor: pointer;}
.index01 .left .w03 .tab_menu li strong{ display:block; height:60px; position:absolute; left:0; top:0;}
.index01 .left .w03 .tab_menu li:nth-child(2n) strong{ left:auto; right:0;}
.index01 .left .w03 .tab_menu li strong img{ display:block; height:60px;}
.index01 .left .w03 .tab_menu li strong img.img02{ display:none;}
.index01 .left .w03 .tab_menu li.on strong img.img01{ display:none;}
.index01 .left .w03 .tab_menu li.on strong img.img02{ display:block;}
.index01 .left .w03 .tab_menu li p{ margin-left:21px; width:calc(100% - 29px); padding:2px; border:2px solid #87b932; border-radius:50px;}
.index01 .left .w03 .tab_menu li:nth-child(2n) p{ margin-left:0; margin-right:21px;}
.index01 .left .w03 .tab_menu li.on p{ border:2px solid #408741;}
.index01 .left .w03 .tab_menu li span{ font-size:16px; line-height:34px; height:34px; display:block; background-color:#87b932; padding:0 15px; border-radius:50px; overflow:hidden; text-transform: uppercase; font-weight: bold; color: #fff;}
.index01 .left .w03 .tab_menu li:nth-child(2n) span{ text-align: right;}
.index01 .left .w03 .tab_menu li.on span{ background-color:#408741;}
.index01 .mil{ width:100%; position: relative; z-index: 3;}
.index01 .mil .w01{ width:100%; padding-top: 20px;}
.index01 .mil .w01 img{ max-width:100%; display:block; margin:auto;}
.index01 .mil .w02{ width:100%; margin-top: -10px;}
.index01 .mil .w02 img{ max-height:120px; display:block; margin:auto;}
.index01 .mil .w03{ width:100%; margin-top: 20px; display:flex; justify-content:center;}
.index01 .mil .w03 a{ min-width:190px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background-color: #208b36; padding: 0 15px; display:flex; justify-content:center; align-items:center; border-radius: 5px; overflow: hidden;}
.index01 .mil .w03 a img{ display:block; height:16px; margin-right: 4px;}
.index01 .mil .w03 a:hover{ background-color: #52b932;}
.index01 .right{ width:100%; margin-top: 20px;}
.index01 .right .w01{ width:100%;}
.index01 .right .w01 img{ width:100%; display:block; margin:auto;}
.index01 .right .w02{ width:100%; font-size: 14px; line-height: 24px; font-weight: bold; color: #208b36; margin-top: 10px;}
}

@media screen and (min-width:1440px){
.index02{ width:100%; min-height:44.27vw; position:relative; z-index:1; background-color: #b4d031;}
.index02 .logo{ height:70px; position: absolute; left: 8.335%; top: 5.2vw; z-index: 3;}
.index02 .logo img{ display:block; height:70px;}
.index02 .left{ width:50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.index02 .left .tabox{ width:100%; height: 100%;}
.index02 .left .tabox img{ width:100%; height: 100%; display:block; object-fit:cover;}
.index02 .right{ width:50%; padding: 5.2vw 8.335%; padding-left: 5.2%; box-sizing: border-box; float: right;}
.index02 .right .w01{ font-size:36px; line-height:46px; font-weight:bold; color:#fff;}
.index02 .right .w02{ font-size:16px; line-height:30px; color:#fff; margin-top:0.9375vw; margin-bottom: 3.02vw;}
.index02 .right .w05{ font-size:36px; line-height:46px; font-weight:bold; color:#fff;}
.index02 .right .w03{ width: 100%; margin-top: 1.04vw; border-radius: 20px; overflow: hidden;}
.index02 .right .w03 dl{ display:block; background-color: #fff; text-align: center;}
.index02 .right .w03 dl dt{ padding: 1.04vw; display:block; font-size:30px; line-height:40px; font-weight:bold; background-color:#e9061f; color: #fff;}
.index02 .right .w03 dl dd{ padding: 1.04vw; display:block; font-size:24px; line-height:34px; color:#e9061f; font-weight: bold;}
.index02 .right .w04{ font-size:14px; line-height:24px; color:#fff; margin-top:0.9375vw;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.index02{ width:100%; min-height:44.27vw; position:relative; z-index:1; background-color: #b4d031;}
.index02 .logo{ height:55px; position: absolute; left: 5%; top: 5.2vw; z-index: 3;}
.index02 .logo img{ display:block; height:55px;}
.index02 .left{ width:50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.index02 .left .tabox{ width:100%; height: 100%;}
.index02 .left .tabox img{ width:100%; height: 100%; display:block; object-fit:cover;}
.index02 .right{ width:50%; padding: 5.2vw 5%; box-sizing: border-box; float: right;}
.index02 .right .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.index02 .right .w02{ font-size:15px; line-height:27px; color:#fff; margin-top:0.9375vw; margin-bottom: 3.02vw;}
.index02 .right .w05{ font-size:30px; line-height:30px; font-weight:bold; color:#fff;}
.index02 .right .w03{ width: 100%; margin-top: 1.04vw; border-radius: 15px; overflow: hidden;}
.index02 .right .w03 dl{ display:block; background-color: #fff; text-align: center;}
.index02 .right .w03 dl dt{ padding: 1.04vw; display:block; font-size:24px; line-height:34px; font-weight:bold; background-color:#e9061f; color: #fff;}
.index02 .right .w03 dl dd{ padding: 1.04vw; display:block; font-size:20px; line-height:30px; color:#e9061f; font-weight: bold;}
.index02 .right .w04{ font-size:13px; line-height:23px; color:#fff; margin-top:0.9375vw;}
}
@media only screen and (max-width:1023px){
.index02{ width:100%; position:relative; z-index:1; background-color: #b4d031;}
.index02 .logo{ height:40px; position: absolute; left: 50px; top: 40px; z-index: 3;}
.index02 .logo img{ display:block; height:40px;}
.index02 .left{ width:100%; height:88.54vw; position: relative; z-index: 1;}
.index02 .left .tabox{ width:100%; height: 100%;}
.index02 .left .tabox img{ width:100%; height: 100%; display:block; object-fit:cover;}
.index02 .right{ width:100%; padding: 35px 50px; box-sizing: border-box; float: right;}
.index02 .right .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.index02 .right .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px; margin-bottom: 20px;}
.index02 .right .w05{ font-size:24px; line-height:24px; font-weight:bold; color:#fff;}
.index02 .right .w03{ width: 100%; margin-top: 1.04vw; border-radius: 15px; overflow: hidden;}
.index02 .right .w03 dl{ display:block; background-color: #fff; text-align: center;}
.index02 .right .w03 dl dt{ padding: 10px; display:block; font-size:20px; line-height:30px; font-weight:bold; background-color:#e9061f; color: #fff;}
.index02 .right .w03 dl dd{ padding: 10px; display:block; font-size:16px; line-height:26px; color:#e9061f; font-weight: bold;}
.index02 .right .w04{ font-size:12px; line-height:22px; color:#fff; margin-top:5px;}
}

@media screen and (min-width:1440px){
.index03{ width:100%; padding:5.2vw 8.335%; box-sizing:border-box; position:relative; z-index:1; background-color: #87b932;}
.index03 .top{ width:100%;}
.index03 .logo{ height:70px; float: left;}
.index03 .logo img{ display:block; height:70px;}
.index03 .top .wen{ width:48.125%; font-size:16px; line-height:30px; color:#fff; float: right; margin-top: -7px; margin-bottom: -7px;}
.index03 .box{ width:100%; display: block; padding-top: .52vw;}
.index03 .box li{ width:48.125%; display: block; float:left; margin-left: 3.75%; margin-top: 2.08vw;}
.index03 .box li:nth-child(2n+1){ clear:left; float:left; margin-left: 0;}
.index03 .box li strong{ width:100%; display: block; position: relative; border-radius: 20px; overflow: hidden;}
.index03 .box li strong:before{ width:100%; padding-top: 55.84%; content: ""; display: block;}
.index03 .box li strong img{ width:100%; height: 100%; display:block; object-fit:cover; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.index03 .box li:hover  strong img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.index03 .box li b{ width:100%; display: block; margin-top: 1.04vw; overflow: hidden; font-size: 20px; line-height: 30px; color: #fff; font-weight: bold;}
.index03 .box li b img{ display:block; height:30px; float:left; margin-right: 10px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.index03{ width:100%; padding:5.2vw 5%; box-sizing:border-box; position:relative; z-index:1; background-color: #87b932;}
.index03 .top{ width:100%;}
.index03 .logo{ height:55px; float: left;}
.index03 .logo img{ display:block; height:55px;}
.index03 .top .wen{ width:48.125%; font-size:15px; line-height:27px; color:#fff; float: right; margin-top: -6px; margin-bottom: -6px;}
.index03 .box{ width:100%; display: block; padding-top: .52vw;}
.index03 .box li{ width:48.125%; display: block; float:left; margin-left: 3.75%; margin-top: 2.08vw;}
.index03 .box li:nth-child(2n+1){ clear:left; float:left; margin-left: 0;}
.index03 .box li strong{ width:100%; display: block; position: relative; border-radius: 15px; overflow: hidden;}
.index03 .box li strong:before{ width:100%; padding-top: 55.84%; content: ""; display: block;}
.index03 .box li strong img{ width:100%; height: 100%; display:block; object-fit:cover; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.index03 .box li:hover  strong img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.index03 .box li b{ width:100%; display: block; margin-top: 1.04vw; overflow: hidden; font-size: 18px; line-height: 28px; color: #fff; font-weight: bold;}
.index03 .box li b img{ display:block; height:28px; float:left; margin-right: 7px;}
}
@media only screen and (max-width:1023px){
.index03{ width:100%; padding:40px 50px; box-sizing:border-box; position:relative; z-index:1; background-color: #87b932;}
.index03 .top{ width:100%;}
.index03 .logo{ height:40px;}
.index03 .logo img{ display:block; height:40px;}
.index03 .top .wen{ width:100%; font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.index03 .box{ width:100%; display: block; margin-top:-5px;}
.index03 .box li{ width:100%; display: block; margin-top: 20px;}
.index03 .box li strong{ width:100%; display: block; position: relative; border-radius: 10px; overflow: hidden;}
.index03 .box li strong:before{ width:100%; padding-top: 55.84%; content: ""; display: block;}
.index03 .box li strong img{ width:100%; height: 100%; display:block; object-fit:cover; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.index03 .box li:hover  strong img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.index03 .box li b{ width:100%; display: block; margin-top: 10px; overflow: hidden; font-size: 16px; line-height: 26px; color: #fff; font-weight: bold;}
.index03 .box li b img{ display:block; height:26px; float:left; margin-right: 5px;}
}

@media screen and (min-width:1440px){
.index04{ width:100%; position:relative; z-index:1; background-color: #52b932;}
.index04 .logo{ height:70px;}
.index04 .logo img{ display:block; height:70px;}
.index04 .left{ width:37.5%; padding: 5.2vw 8.335%; padding-right: 5.2%; box-sizing: border-box; float:left;}
.index04 .left .w01{ font-size:36px; line-height:46px; font-weight:bold; color:#fff; margin-top: 2.34375vw;}
.index04 .left .w02{ font-size:16px; line-height:30px; color:#fff; margin-top:1.98vw;}
.index04 .right{ width:62.5%; float: right;}
.index04 .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.index04{ width:100%; position:relative; z-index:1; background-color: #52b932;}
.index04 .logo{ height:55px;}
.index04 .logo img{ display:block; height:55px;}
.index04 .left{ width:37.5%; padding: 5.2vw 5%; box-sizing: border-box; float:left;}
.index04 .left .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff; margin-top: 2.34375vw;}
.index04 .left .w02{ font-size:15px; line-height:27px; color:#fff; margin-top:1.98vw;}
.index04 .right{ width:62.5%; float: right;}
.index04 .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.index04{ width:100%; position:relative; z-index:1; background-color: #52b932;}
.index04 .logo{ height:40px;}
.index04 .logo img{ display:block; height:40px;}
.index04 .left{ width:100%; padding: 40px 50px; padding-bottom: 35px; box-sizing: border-box; float:left;}
.index04 .left .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; margin-top:25px;}
.index04 .left .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.index04 .right{ width:100%; float: right;}
.index04 .right img{ width:100%; display:block;}
}

@media screen and (min-width:1440px){
.footer{ width:100%; position:relative; z-index:3; background-color: #e79505; padding: 3.64vw 8.335%; box-sizing: border-box;}
.footer .w01{ height:70px; padding-top: 5px;}
.footer .w01 img{ display:block; height:70px; margin: auto;}
.footer .w02{ text-align: center; padding-top:1.09375vw;}
.footer .w02 p{ font-size:16px; line-height:26px; color:#fff; margin-top:4px;}
.footer .w02 p span{ display:inline-block;}

}
@media screen and (min-width:1024px) and (max-width:1439px){
.footer{ width:100%; position:relative; z-index:3; background-color: #e79505; padding: 3.64vw 5%; box-sizing: border-box;}
.footer .w01{ height:55px; padding-top: 5px;}
.footer .w01 img{ display:block; height:55px; margin: auto;}
.footer .w02{ text-align: center; padding-top:1.09375vw;}
.footer .w02 p{ font-size:15px; line-height:25px; color:#fff; margin-top:2px;}
.footer .w02 p span{ display:inline-block;}

}
@media only screen and (max-width:1023px){
.footer{ width:100%; position:relative; z-index:3; background-color: #e79505; padding: 30px 50px; box-sizing: border-box;}
.footer .w01{ height:40px; padding-top: 3px;}
.footer .w01 img{ display:block; height:40px; margin: auto;}
.footer .w02{ text-align: center; padding-top:10px;}
.footer .w02 p{ font-size:14px; line-height:20px; color:#fff; margin-top:2px;}
.footer .w02 p span{ display:inline-block;}

}