@charset "UTF-8";

* { box-sizing: border-box; }

html,body{ min-width: 1200px; }

.head{ height: 70px;}
.head .container { width: 1200px; height: 100%; margin: 0 auto; }
.head .container-box{ height: 100%; display: flex; align-items: center; justify-content: space-between;}
.head .container-box .logo{ width: 100%; display: flex; align-items: center;justify-content: space-between;}
.head .container-box .logo a{ height: 65px; cursor: pointer; }
.head .container-box .logo a img{ display: block; height: 100%; }

.banner-box{ width: 100%; }
.banner-box .banner{ position: relative; height: 100%; background: url(../image/2-1.png) no-repeat center; background-size: auto 100%; overflow: hidden;}
.banner-box .banner img{ display: block; width: 100%; }
.banner-box .banner a{ position: absolute; width: 322px; height: 69px; bottom: 25%; left: 50%; transform: translate(-50%,0); background: url(../image/2-2.png) no-repeat center; background-size: contain; }

/* .banner-box .banner{ height: 100%; background: url(../image/2-1.png) no-repeat center; background-size: auto 100%; overflow: hidden;}
.banner-box .banner a{ display: block; width: 322px; height: 69px; margin: 370px auto 0px; background: url(../image/2-2.png) no-repeat center; background-size: contain; } */

.baipishu-box{ width: 100%; background: url(../image/3-1.png) no-repeat center; background-size: auto 100%;}
.baipishu-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.baipishu-box .box .title{ width: 100%; color: #c3d330; text-align: center; font-size: 35px; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 60px auto 30px;}
.baipishu-box .box .section1{ max-width: 100%; padding: 0px 40px;  font-size: 16px; line-height: 42px;}
.baipishu-box .box .section1 strong{ display: block; }
.baipishu-box .box .section1 span{ display: block;}
.baipishu-box .box .section2{ margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.baipishu-box .box .section2 .item1{ width: 320px; height: 410px; background: url(../image/3-2.png) no-repeat center; background-size: contain; }
.baipishu-box .box .section2 .item2{ margin: 0px 0px 0px 40px; }
.baipishu-box .box .section2 .item2 p{ color: #494949; font-size: 16px; line-height: 42px; margin: -100px 0px 70px;}
.baipishu-box .box .section2 .item2 a{ display: flex; align-items: center; justify-content: center; font-size: 23px; color: #fff; background: #c35f16; border-radius: 58px; width: 208px; height: 58px; }

.anli-box{ width: 100%; background: url(../image/4-1.png) no-repeat center; background-size: cover; height: 750px;}
.anli-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.anli-box .box .title{ width: 100%; color: #c3d330; text-align: center; font-size: 35px; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 70px auto 40px;}
.anli-box .box .section1{ display: flex; align-items: center; justify-content: space-between; padding: 0px 36px;}
.anli-box .box .section1 dl{ width: 340px; height: 525px; background: #fff; border-radius: 14px; overflow: hidden; }
.anli-box .box .section1 dl dt{ width: 100%; height: 315px; }
.anli-box .box .section1 dl dd{ padding: 12px 30px 0px; }
.anli-box .box .section1 dl dd p{ color: #494949; font-size: 16px; line-height: 40px; }
.anli-box .box .section1 dl dd a{ width: 130px; height:40px; margin-top: 20px; color: #494949; font-size: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #494949;}
.anli-box .box .section1 dl dd a i{ width: 11px; height: 20px; background: url(../image/4-6.png) no-repeat center; background-size: contain; margin-left: 20px; }

.tuijian-box{ width: 100%; height: 500px;}
.tuijian-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.tuijian-box .box .title{ width: 100%; color: #c3d330; text-align: center; font-size: 35px; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 70px auto 40px;}
.tuijian-box .box .section1{ display: flex; align-items: center; justify-content: space-between; padding: 0px 36px;}
.tuijian-box .box .section1 dl{ width: 340px;}
.tuijian-box .box .section1 dl dt{ width: 122px; height: 235px; margin: 0px auto; display: flex; align-items: center;}
.tuijian-box .box .section1 dl dt img{ display: block; width: 100%; }
.tuijian-box .box .section1 dl dd{ text-align: center;}
.tuijian-box .box .section1 dl dd p{ color: #494949; font-size: 16px; line-height: 100%;}
.tuijian-box .box .section1 .line{ width: 1px; height: 262px; background: url(../image/5-6.png) no-repeat top center; }

.mokuai-box{ width: 100%; height: 1030px; background: url(../image/6-1.png) no-repeat center; background-size: cover; }
.mokuai-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.mokuai-box .box .title{ width: 100%; color: #fff; text-align: center; font-size: 35px; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 60px auto 35px;}
.mokuai-box .box .section1{ display: flex; align-items: center; justify-content: space-between; padding: 0px 36px; }
.mokuai-box .box .section1 dl{ width: 540px; }
.mokuai-box .box .section1 dl dt{ overflow: hidden; }
.mokuai-box .box .section1 dl dt img{ display: block; width: 100%; }
.mokuai-box .box .section1 dl dd h2{ font-size: 23px; color: #fff; padding: 20px 0px;}
.mokuai-box .box .section1 dl dd p{ font-size: 16px; color: #fff; line-height: 42px; padding: 0px 0px 10px;}

.gongdian-box{ width: 100%; height: 660px; background: url(../image/7-1.png) no-repeat center; background-size: auto cover; }
.gongdian-box .box { margin: 0px auto; overflow: hidden;}
.gongdian-box .box .title{ width: 100%; color: #c3d330; text-align: center; font-size: 35px; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 60px auto 35px;}
.gongdian-box .box .section1{ display: flex;}
.gongdian-box .box .section1 .item1{ width: 744px; height: 563px; margin: -100px 0px 0px 60px; background: url(../image/7-3.png) no-repeat center; background-size: contain; }
.gongdian-box .box .section1 .item2{ margin-left: 60px; margin-right: 60px; }
.gongdian-box .box .section1 .item2-1{ width: 700px; color: #fff; font-size: 16px; line-height: 42px;}
.gongdian-box .box .section1 .item2-2{ display: flex; align-items: center; margin-top: 30px;}
.gongdian-box .box .section1 .item2-2 p{ margin-right: 50px; display: flex; align-items: center; color: #c3d330; font-size: 16px; }
.gongdian-box .box .section1 .item2-2 p i{ width: 52px; height: 52px; margin-right: 20px; background: url(../image/7-5.png) no-repeat center; background-size: contain; }
.gongdian-box .box .section1 .item2-2 p a{ color: #c3d330; }
.gongdian-box .box .section1 .item2-2 p:last-child{ display: flex; justify-content: end; }

.lipin-box{ width: 100%; height: 750px; background: #fafafa; overflow: hidden;}
.lipin-box .box { width: 1200px; margin: 0px auto;}
.lipin-box .box .title{ width: 100%; color: #c3d330; text-align: center; font-size: 35px; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 60px auto 35px;}
.lipin-box .box .section1{ height: 555px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .2);}
.lipin-box .box .section1 dl { margin: 0px 17px; }
.lipin-box .box .section1 dl dt{ width: 325px; height: 340px; background: #f8f2ea; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.lipin-box .box .section1 dl dt img{ width: 80%; }
.lipin-box .box .section1 dl dd{ text-align: center; color: #3f3f3f; font-size: 23px; line-height: 100%; margin-top: 40px; }

.about1-box{ width: 100%;}
.about1-box .box { width: 1200px; background: #fff; margin: 60px auto 0px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);}
.about1-box .box dl{ padding: 60px 40px 80px; }
.about1-box .box dl dt{ color: #121212; font-size: 23px; line-height: 100%;}
.about1-box .box dl dd{ color: #121212; font-size: 16px; line-height: 42px; margin-top: 35px;}
.about1-box .box dl dd a{ color: #c3d330; }

.about2-box{ width: 100%;}
.about2-box .box { width: 1200px; background: #fff; margin: 60px auto 0px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);}
.about2-box .box dl{ padding: 60px 40px 50px; }
.about2-box .box dl dt{ color: #121212; font-size: 23px; line-height: 100%;}
.about2-box .box dl dd{ color: #121212; font-size: 23px; line-height: 44px; margin-top: 35px; display: flex; align-items: center; justify-content: space-between;}
.about2-box .box dl dd .section1 { flex: 1; }
.about2-box .box dl dd .section1 p { display: flex; align-items: center; margin: 14px 0px;}
.about2-box .box dl dd .section1 p i{ width: 40px; height: 40px; margin-right: 40px; display: flex; align-items: center; justify-content: center;}
.about2-box .box dl dd .section1 p span{ color: #111; font-size: 16px; line-height: 100%; }
.about2-box .box dl dd .section2 { margin-right: 100px; text-align: center; }
.about2-box .box dl dd .section2 img{ display: block; width: 150px; height: 150px; margin: 0px auto; border: 5px solid #acacac; border-radius: 5px;}
.about2-box .box dl dd .section2 span{ display: block; font-size: 14px; }

.foot-bg { margin-top: 0px; background: none; }
.foot .container{ width: 1200px; margin: 0px auto;} 
.foot .container .section1{ display: flex; align-items: center; justify-content: space-between; }
.foot .container .section1 .item2{ text-align: center; } 

.ismobile .baipishu-box .box { width: auto; }
.ismobile .baipishu-box .box .section1{ font-size: 14px; line-height: 52px; }
.ismobile .lipin-box .box .section1{ margin: 0px 40px; }
.ismobile .about1-box .box{ width: auto; margin-left: 40px; margin-right: 40px; }
.ismobile .about2-box .box{ width: auto; margin-left: 40px; margin-right: 40px; }
.ismobile .about1-box .box dl dd{ font-size: 14px; }
.ismobile .foot .container{ width: auto; margin-left: 80px; margin-right: 40px; }
.ismobile .foot .code-box{ margin-right: 40px; }
.ismobile .img-res { margin: 0px auto; }

.ismobile .copyright{ padding: 45px; }