*{margin: 0;padding:0;} body{font-family: '微软雅黑';} h1,h2,h3,h4,h5,h6{font-weight: 400;} li{list-style: none;} a{text-decoration: none;color:inherit;} img{vertical-align: top;} .clearfix::after{content: '';display:block;height:0;clear: both;} header{width:100%;height:110px;background:linear-gradient(#DFF0F9 10%,#F6FBFD 90%);} .head{width:1200px;height:80px;margin:0 auto;padding:10px 0 20px 0;} .head .logo{float: left;width:526px;} .head .logo img{width:100%}; .search-box,.tel{float: right;} .search-box{margin-top:60px;float: right;width: 462px;} .search{float: left;width:215px;height:25px;background:#355B26;border-radius:25px;} .search .input1{padding-left:10px;width:170px;background:#FFF3DA;border-radius:25px;height:23px;border:1px solid #D9C9AF;outline: none;} .search .input2{border: none;height:100%;float: right;margin-right:10px;outline: none;background: #355B26;} .search .input2 { margin-top: 5px; width: 15px; height: 15px; } .tel{margin-left:20px;font-size:14px;} .tel img,.tel span{vertical-align: middle;margin-left:10px;} /*nav*/ .nav{width:100%;height:40px;background:#2A4A1E;} .nav nav{width:1200px;margin:0 auto;height:40px;color:#fff;line-height: 40px;font-size:16px;text-align: center;display: flex;} .nav nav a{flex: 1;position: relative;} .nav nav a.on{background:#3F7D34;} .nav nav a:hover{background:#3F7D34;} /* 导航hover */ .nav nav a:hover:after{content:'';} .nav nav a.on:after{content:'';} .nav nav a:last-child:after{content:'';} /*banner*/ .banner-box{width:100%;height:360px;} .banner-box .banner{width:100%;position:relative;height:100%;} .banner-box .banner .pic li{width:100%;height:100%;position: absolute;display:none;} .banner-box .banner .pic li img{width:100%;} .banner-box .banner .btn{} .btn{position: absolute;bottom:20px;left:50%;margin-left:-30px;width:60px;height:10px;display: flex;justify-content: space-around;} .btn li{width:10px;height:10px;background:rgba(255,255,255,.5);border:1px solid #fff;border-radius: 50%;} .btn li.on{background:#fff;} /*main*/ .main{width:100%;} .main-top{width:100%;background:#FFFFFF;padding:15px 0;} .main-top > div{width:1200px;margin:0 auto;} .new-left{width:580px;height:360px;float: left;} .new-bannerBox{width:100%;height:100%;} .new-banner{width:100%;height:100%;position:relative;} .new-pic li{position: absolute;top:0;left:0;display: none;width:580px;height:360px;} .new-pic li img{width:580px;height:360px;} .new-title{position: absolute;bottom:0;left:0;width:100%;height:40px;line-height: 40px;color:#fff;text-indent:20px;font-size:14px;background: rgba(0,0,0,.5);} .new-btn{position:absolute;right:20px;bottom:15px;width:60px;display: flex;justify-content: space-around;} .new-title li{position: absolute;top:0;left:0;display: none;} .new-btn li{width:10px;height:10px;border-radius: 50%;border:1px solid #fff;background:rgba(255,255,255,0.5);} .new-btn li.on{background:#fff;} .new-pn span{position: absolute;top:50%;margin-top:-30px;width:30px;height:60px;text-align: center;line-height: 60px;font-family:'宋体';color:#fff;background:rgba(0,0,0,.5);cursor: pointer;} .new-pn .prev{left:0;} .new-pn .next{right:0;} .new-right{width:570px;padding:0 10px;float: right;} .com-top{width:100%;box-sizing: border-box;} .com-top img{vertical-align: middle;float: left;margin-right:10px;} .com-top .com-cn{font-size:21px;color:#2A4A1E;float: left;} .com-top .com-en{float: left;border-bottom:1px solid #CCCCCC;width:calc(100% - 120px);color:#B5A892;font-size:12px;margin-left:5px;line-height: 25px;} .com-top .com-en a{float: right;color:#6D6558;font-size:14px;} .n-m-top{width:calc(100% - 20px);padding:0 10px;} .n-m-top h2{margin:10px;text-align: center;} .n-m-top p{font-size:14px;line-height:22px;text-indent:25px;padding-bottom:10px;border-bottom:1px solid #EBDABE;} .n-m-bot{width:calc(100% - 20px);padding:5px 10px 0;} .n-m-bot ul li{line-height: 35px;font-size: 14px;list-style: square ;} .n-m-bot ul li a{color:#333;float: left;width: calc(100% - 90px);overflow: hidden;height: 35px;} .n-m-bot ul li span{color:#A39784;float: right;} .main-bot{width:100%;background:#F6F6F6;} .main-bot > div{width:1200px;margin:0 auto;padding:20px 0;} .main-tz{display: flex;} .main-tz>div{flex: 1;margin-right:10px;} .main-tz>div:last-child{margin-right:0;} .m-t-list{width:100%;} .m-t-list ul{padding-top:10px;} .m-t-list ul li{height:50px;padding-bottom:10px;margin:10px 0;line-height: 20px;border-bottom:1px dashed #ccc;} .m-t-list ul li a{display:inline-block;width:100%;height:100%;} .m-t-list ul li .m-t-time{width:50px;height:100%;float: left;} .m-t-list ul li .m-t-desc{float:right;width:calc( 100% - 70px );padding:0 10px;color:#333;font-size:14px;line-height:22px;} .m-t-list ul li:hover .m-t-desc{color:red;} .m-t-time p{width:100%;height:50%;background:#2A4A1E;color:#fff;text-align: center;line-height: 25px;font-size:12px;} .m-t-time p:nth-child(2){color:#333;background:#EEEEEE;} .m-h-list{width:calc(100% - 10px );padding:0 1px;} .m-h-list ul li{width:100%;margin-top:15px;} .m-h-list ul li img{float: left;width:100px;height:125px;} .m-h-list ul li div{float: right;width:calc( 100% - 120px );padding:0 10px;} .m-h-list ul li div h3{font-size:14px;line-height: 22px;} .m-h-list ul li div p{margin-top:10px;color:#333;font-size:12px;} .m-h-list ul li div p span{color:#6D6558;} .zt{width:100%;} .zt ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .zt ul li{width:190px;height:40px;margin-top:10px;text-align: center;color:#333;background:#E9E9E9;padding-top:20px;} .zt ul li a{display: inline-block;width:100%;height:100%;} .zt ul li img{margin-right:15px;} .zt ul li:hover{color:#fff !important;background:#355B26;} .zt ul li:hover a{color:#fff !important;} .m-z-img{width: 100%;position: relative;margin-top:10px;overflow:hidden;} .big{transition: .3s;} .m-z-img:hover .big{transform:scale(1.2,1.2);} .m-z-img p{width:100%;height:25px;position: absolute;bottom:0;left:0;background:rgba(52,96,61,.8);font-size: 14px;color:#fff;padding-top:5px;} .m-z-img p img{vertical-align: middle;margin-left:20px;} .m-z-img p span{vertical-align: middle;} .footer{width:100%;} .f-img img{width:100%;} .f-copyright{width:100%;background:#205B2B;position:relative;} .f-copyright .copy{width:1200px;text-align: center;margin:0 auto;color:#fff;padding:10px 0;} .f-copyright .copy p{line-height: 30px;font-size:14px;} .rwm{position:absolute;top:20px;right:20px;width:80px;height:80px;} /*新闻列表*/ .new-banner{width:100%;} .new-banner img{width:100%;height:100%;} .newsliat{width:1200px;margin:0 auto;} .nav-left{width:230px;float: left;margin-top:-50px;position: relative;z-index: 99;} .nav-left h2{width:100%;height:100px;text-align: center;line-height: 100px;color:#fff;font-size:26px;background:#2A4A1E;} .nav-left ul li{width:80%;line-height:40px;border-bottom:1px solid #fff;background: #F8F8F6;color:#333;font-size:16px;text-align: center;margin:10px auto;border-radius:5px;} .news-main .nav-left ul li{-background: #FFFFFF;} .nav-left ul li:hover{color:#fff;background:#275439;} .nav-left ul li a{display: inline-block;width:100%;height:100%;} .list-right{width:955px;float: right;border:1px solid #E8E8E8;margin-top:15px;padding-bottom: 30px;margin-bottom:20px;background:#FFFFFF;} .news-main .list-right{background:none;border:1px solid #E8E8E8;} .position{border-bottom:1px solid #E8E8E8;text-align: right;line-height: 40px;color:#333;font-size:14px;background:#F8F8F6;} .news-main .position{background:#F8F8F6;border-bottom: 1px solid #E8E8E8;} .position span{margin-right:15px;} .list-right ul{width:calc(100% - 40px);padding:0 20px;} .list-right ul li{margin:40px 0 20px 0;padding-bottom:10px;border-bottom:2px solid #E8E8E8;} .new-img{float:left;width:160px;height:120px;} .new-item{float: right;width:730px;} .new-item .new-ititle{font-size:18px;color:#333;} .new-item .new-desc{font-size:14px;color:#9A9A9A;margin:15px 0;} .new-item .new-time{font-size:14px;color:#9A9A9A;} .news-more{float: right;padding:5px 10px;color:#fff;font-size:14px;background:#275439;border-radius:10px;} .new-item2{float: right;width:900px;} .new-item2 .new-ititle{font-size:18px;color:#333;} .new-item2 .new-desc{font-size:14px;color:#9A9A9A;margin:15px 0;} .new-item2 .new-time{font-size:14px;color:#9A9A9A;} /*分页样式*/ .page{text-align: center;margin-top:80px;} .page a{display: inline-block;padding:5px 10px;color:#666;margin:0 5px;border:1px solid #ccc;} .page .thispage{background:#2A4A1E;color:#fff;} /*详情页*/ .list-right ul .con-name{color:#000;font-size:24px;margin:30px 0;text-align: center;} .list-right ul .con-time{color:#666;border-bottom:2px solid #E8E8E8;padding-bottom:5px;font-size:14px;text-align: center;} .news-main .list-right ul .con-time{border-bottom:2px solid #E8E8E8;border-top:2px solid #E8E8E8;padding:10px 0;} .content{line-height: 25px;font-size: 14px;padding:20px;} .pc{display:block;} #slideBox{display:none;} .navshow{display:none;} @media screen and (max-width:1200px){ header{height:auto; position:relative;} .navshow{display:block;position:absolute;bottom:5px;right:-25%;} .head{padding:10px 0 5px 0;} .head{width:calc( 100% - 40px );height:auto;} .head .logo{width:80%;float:none;position:relative;} .head .logo a > img{width:100%;} .search{float:none;} .search-box, .tel{float:none;} .tel{margin:10px 0 0 0;} .search-box{margin-top:20px;display:none;} .tel img, .tel span{margin-left:0;margin-right:10px;} .nav{height:auto;display:none;} .nav nav{width:100%;height:auto;flex-wrap:wrap;justify-content: space-around;line-height:30px;} .nav nav a{flex:none;width:33%;font-size:12px;} .nav nav a:after{content:'';} .pc{display:none;} #slideBox{display:block;} .main-top > div{width:100%;} .new-pic li{} .new-pic li img{width:100%;} .new-left{width:100%;float:none;height:300px;} .new-pic li{width:100%;height:100%;} .new-pic li img{height:100%;} .new-right{float:none;width:95%;margin:10px auto 0;} .n-m-top h2{font-size:20px;} .main-tz{width:100%;display:block;} .main-bot > div{width:calc(100% - 40px);} .main-tz>div{flex:none;width:100%;margin-top:15px;} .n-m-bot ul li{list-style:none;} .zt ul{width:100%;} .zt ul li{width:45%;} .main-top{padding-top:0;} .n-m-bot ul li{font-size:12px;} .m-h-list ul li div h3{line-height:20px;} .m-h-list ul li div p{margin-top:5px;} .f-copyright .copy{width:100%;} .f-copyright .copy p{font-size:12px;line-height:25px;} .rwm{position: inherit;text-align:center;top: 0;left: 50%;margin-left:-40px;} /* list */ .newsliat{width:95%;} .nav-left{float:none;width:100%;margin-top:0;display:none;} .nav-left img{display:none;} .list-right{width:100%;} .list-right ul li{margin:10px 0;} .new-img{width:100%;height:100%;} .new-item{width:100%;} .new-item2{width:100%;} .nav-left h2{color:#666;background:transparent;} .new-item .new-ititle{margin-top:5px;} .new-item .new-desc{margin:8px 0;} .page a{margin:3px;} .content{padding:10px 0;} .f-img,.rwm{display:none;} }