@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:arial,"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }


.hidden{display:none; background: url() no-repeat center;}
.header{width: 100%;background: #fff;}
.headerbox{height: 85px;width: 1330px;max-width: 92%; display: flex;align-items: center;margin: 0 auto;}
.logo{width: 200px;}
.logo img {width: 100%;height: auto;}

.banner{position: relative;}
.banner img{width: 100%;}
.banner_text{width: 1330px;max-width: 92%;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;}
.banner_text h2{font-weight: bold;font-size: 32px; line-height: 1.5;color: #fff;text-align: center;margin-bottom: 20px;text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.banner_text p{font-size: 20px;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.w1330{width: 1330px; max-width: 92%; margin: 0 auto;}
.what_title{display: flex;justify-content: space-between;align-items: flex-end;padding: 80px 0 80px;}
.what_title h2{font-weight: bold;font-size: 32px;color: #333;}
.what_r{text-align: center;}
.what_r h3{font-weight: bold;font-size: 18px;color: #01430d;margin-bottom: 15px;line-height: 1.5;}
.what_r p{line-height: 1.6;color: #888;font-size: 16px;font-family: "微软雅黑";}
.what_cont ul{display: flex;gap:30px 25px;}
.what_cont li{width: calc(33.333% - 50px/3);border: 1px solid #e8e9ed;border-radius: 15px;background: #fff;padding: 25px ;transition: all .4s;}
.what_cont li:hover{transform: translate(0, -10px);}
.whatbox h2{font-weight: bold;font-size: 18px;color: #333;margin-bottom: 20px;}
.whatbox h2 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.whatbox dt{font-size: 16px; line-height: 2;font-size: 14px;padding-left: 10px;font-family: "微软雅黑";color: #114f2b;}
.whatbox dt img{display: inline-block;vertical-align: middle; margin: -3px 6px 0 0;}
.what_title h2 img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}
.matt_bg{background: #114f2b;padding: 25px 0 ;}
.matt_bg ul{margin: 0 auto;width: 1330px;max-width: 92%;display: flex;gap:90px;}
.matt_bg li{width: calc(50% - 90px/2);}
.matt_bg h2{color: #fff;margin-bottom: 15px;font-size: 28px;font-family: "微软雅黑"; padding-left: 30px;}
.matt_bg p{color: #fff; line-height: 1.8;font-size: 16px;font-family: "微软雅黑";}

.how{border-radius: 15px;background: #fff;margin: 120px auto;padding: 40px;border: 1px solid #e8e9ed;}
.how h2{font-weight: bold;font-size: 32px; margin-bottom: 40px;color: #333;}
.how li{font-size: 16px;color: #333; line-height: 40px;font-family: "微软雅黑";color: #333;}
.how li img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;transition: all .6s;}
.how b{display: inline-block;background: url(../images/a_31.png);width: 17px;height: 21px;background-size: 100% 100%;vertical-align: middle; margin: 0 5px;}
.how li a:hover img{ transform: rotate(-90deg);}


.footer{text-align: center; padding: 25px 4%;background: #8f7248;}
.footer ul{display: flex;justify-content: center;color: #fff;font-size: 14px;gap:10px;margin-bottom: 20px;}
.footer li a{color: #fff;font-family: "微软雅黑";}
.footer li a:hover{opacity: .6;}
.footer p{font-size: 14px;color: #fff;font-family: "微软雅黑";}


@media(max-width:1360px){
.header, .content, .footer{width: 100%;}
.seabox{display: none;}

}
@media(max-width:1000px){
.h_top{height: 60px; width: 100%; background: #fff; position: fixed;left: 0; top: 0;z-index: 12;}
.t_con{height: auto; padding: 0;}
.t_con h1{width: 140px; position: absolute; left:3%; top:8px;}
.t_con h1 img{width: 100%;}
.t_pho{display: none;}
.t_text{display: none;}
.dhbtn{position: absolute; width: 30px;height: 30px; right: 3%; top: 15px;background:url(../images/d1.png) no-repeat center center;background-size: 25px 25px;z-index: 100;}
.menu{position: fixed;width: 80%; left:-100%; top:0;background: #206be7;height: 100%; overflow: auto !important;}
.menu li{float: none;width: 100%; line-height: 60px;}
.jb{width: 100%;height: 100%; position: fixed; left:0; top:0; background: rgba(0,0,0,.7);z-index: 10;display: none;}
.ggbtn{display: block; background: url(../images/d2.png) no-repeat center center;background-size: 25px 25px; position: absolute; right: 10px; top: 10px;}
.menu li dl{position: relative; left:0;top: 0;}
.menu li>a{text-align: center;}
.banner{padding-top: 60px;}
.pcsz{display: none;}
.sjzs{display: block;}
.client-2{display: none;}




}