*{margin: 0;padding: 0;}
body{margin:0px auto;font:12px  "microsoft yahei";color: #333;line-height: 25px;overflow-x: hidden;}
ul,li{list-style: none;}
a{text-decoration: none;color: #333;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{text-decoration:none;}
.clearfix {zoom:1;}
.clear{clear: both;}
.w1200{width: 1200px;margin: auto;}
.center{margin:0px auto;}
.moddle{ width:1200px;}
.c{text-align: center;}

.topnr{font-size: 28px;padding: 20px 0px;background: #fff;border-radius: 5px;display: flex;justify-content: space-between;align-items: center;}
.logol{font-weight: bold;}
.navnr{display: flex;justify-content: space-around;line-height: 60px;}
.navnr a{font-size: 16px;}
.navnr li{position: relative;text-align: center;border-bottom: 2px solid #fff;padding: 0px 15px;}
.navnr li:hover{border-bottom: 2px solid #303030}
.navnr li:hover a{color: #303030;}
.navnr li p{position: absolute;z-index: 100000;display: none;background: #fff;width: 200px;text-align: center;top: 67px;height: auto;left: 0px;}
.navnr li p a{display: block;font-size: 14px;line-height: 40px;font-weight: normal;padding: initial !important;}
.navnr li p a:hover{color: #fff !important;background: #303030;}
.banner img{width: 100%; display: block;}
.swiper-container .swiper-wrapper .swiper-slide img{width: 100%; display: block;}

.title{line-height: 36px;}
.title dl{font-size: 28px;}
.title dt{font-size: 16px;}
.title1 dl{color: #fff;}
.title1 dt{color: #fff;}

.gsjjbox{padding: 90px 0px;}
.gsjj{font-size: 14px;line-height: 30px;margin-top: 30px;text-indent: 2em;}

.advbox{background: #f7f7f7;padding: 60px 0px 80px 0px;}
.adv{display: flex;justify-content: space-around;margin-top: 50px;align-items: center;}
.adv dl{width: 22%;text-align: center;font-size: 14px;}
.adv dl img{display: block;width: 120px;height: 120px;object-fit: contain;margin: 0px auto 30px;transition: 0.5s;}
.adv dl dt{font-size: 18px;margin-bottom: 10px;}
.advline{width: 2px;background: #303030;height: 260px;}
.adv dl:hover img{transform: rotateY(180deg);}

.cpzsbox{padding: 70px 0px 60px 0px;}
.cpfl{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.cpfl a{display: block;width: 210px;border: 1px solid #303030;text-align: center;line-height: 50px;font-size: 16px;color: #303030;margin-bottom: 15px;}
.cpfl a:hover{background: #303030;color: #fff;}
.cpzs{text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.cpzs a{display: block;font-size: 14px;margin-bottom: 15px;color: #8e6f33;}
.cpzs a>img{width: 360px;height: 280px;/* object-fit: contain; */display: block;}
.cpzs a p{line-height: 50px;transition: 0.5s;}

.newbox{background: #f7f7f7;padding: 50px 0px 60px 0px;}
.newbox>img{display: block;margin: 30px auto 0px;}
.news{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news dl{width: 340px;margin: 0px 0px 15px;background: #fff;padding: 10px;}
.news dl dt{display: flex;justify-content: space-between;line-height: 40px;}
.news dl dt a{font-size: 16px;}
.news dl dd a{text-transform: uppercase;display: flex;justify-content: flex-end;}
.news dl::after{content: '';display: block;width: 0px;height: 1px;background: #303030;margin-top: 10px;transition: 0.5s;}
.news dl:hover::after{width: 340px;height: 1px;background: #303030;}
.news dl:hover a{margin-left: 15px;}

.cfcjbox{padding: 70px 0px;}
.cfcj{overflow: hidden;margin-top: 30px;text-align: center;}
.cfcj img{height: 260px !important;width: 100%;}
.cfcj a p{font-size: 16px;}

.footbox{background: #000;padding: 60px 0px 75px 0px;color: #fff;font-size: 16px;}
.foot{line-height: 40px;display: flex;justify-content: space-between;}
.footc{width: 25%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footc a{display: block;color: #fff;font-size: 16px;width: 45%;}
.footr {width: 30%;font-size: 14px;}
.footr p{border-top: 2px solid #fff;margin-top: 20px;}