@charset "UTF-8";

* { box-sizing: border-box; }

html,body{ min-width: 1200px; }
.main-bg{ background: url(../image/bj.png) no-repeat bottom center; overflow: hidden; }
.head{ height: 100px;}
.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:end;}
.head .container-box .logo a{ height: 57px; cursor: pointer; }
.head .container-box .logo a img{ display: block; height: 100%; }

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

.huodong-box{ width: 100%; background: url(../image/3-1.png) no-repeat center; background-size: auto 100%; height: 554px; overflow: hidden;}
.huodong-box .container { width: 1200px; height: 100%; margin: 0 auto; overflow: hidden;}
.huodong-box .box { width: 100%; margin: 20px auto 0px; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.huodong-box .box .section1{ width: 590px; height: 490px; border: 1px solid #0a8276; overflow: hidden;}
.huodong-box .box .section1 .item1{ height: 70px; background: url(../image/3-4.png) #0a8276 no-repeat center; display: flex; align-items: center; justify-content: center;}
.huodong-box .box .section1 .item1 p{ width: 495px; height: 45px; color: #0a8276; font-weight: bold; font-size: 22px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 10px;}
.huodong-box .box .section1 .item2{ width: 100%; height: 418px; padding: 10px 18px 0px 30px; background: url(../image/3-2.png) #fff no-repeat center bottom; overflow: hidden;}
.huodong-box .box .section1 .item2 div{ font-size: 16px; line-height: 24px; margin: 8px 0px;}
.huodong-box .box .section1 .item2 div span{ color: #0a8276; }
.huodong-box .box .section1 .item3{ width: 100%; height: 418px; padding: 10px 18px 0px 30px; background: url(../image/3-3.png) #fff no-repeat center bottom;}
.huodong-box .box .section1 .item3 div{ font-size: 16px; line-height: 24px; margin: 8px 0px;}
.huodong-box .box .section1 .item3 div span{ color: #0a8276; }

.zhuce-box{ width: 100%;}
.zhuce-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.zhuce-box .box .title{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px auto 50px;}
.zhuce-box .box .title span{ height: 3px; flex: 1; background: url(../image/p-3.png) center;}
.zhuce-box .box .title em{ width: 29px; height: 15px; margin: 0px 6px;}
.zhuce-box .box .title em.t1{ background: url(../image/p-1.png) center; }
.zhuce-box .box .title em.t2{ background: url(../image/p-2.png) center; }
.zhuce-box .box .title strong{ margin: 0px 18px; font-size: 28px; color: #0a8276;}
.zhuce-box .box .section1{ padding: 0px 36px;}
.zhuce-box .box .section1 .item1{ display: flex; align-items: center; justify-content: center;}
.zhuce-box .box .section1 .item1 img{ display: block; width: 175px; height: 171px; margin: 0px auto;}
.zhuce-box .box .section1 .item1 span{ display: block; line-height: 100%; color: #0a8276; font-size: 16px; text-align: center;}
.zhuce-box .box .section1 .item1 p{ text-align: left; }
.zhuce-box .box .section1 .item1 p span{ text-align: center; line-height: 28px;}
.zhuce-box .box .section1 .item2{ flex: 1; display: flex; align-items: center; justify-content: center;}
.zhuce-box .box .section1 .item2 span{display: flex; align-items: center; justify-content: center; width: 200px; height: 60px; margin: 45px auto 0px; background: #0a8276; color: #fff; font-size: 20px;}
.zhuce-box .box .section1 .item2 span a{display: flex; align-items: center; justify-content: center;  width: 100%; height: 100%; color: #fff; }
.zhuce-box .box .section1 .item2 p{ margin-top: 15px; }
.zhuce-box .box .section1 .item2 p a{ color: #0a8276; }
.zhuce-box .box .section1 .item2 p em{ display: block; color: #0a8276; font-size: 16px; line-height: 100%; margin-top: 8px;}

.jiabin-box{ width: 100%; display: none;}
.jiabin-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.jiabin-box .box .title{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px auto 30px;}
.jiabin-box .box .title span{ height: 3px; flex: 1; background: url(../image/p-3.png) center;}
.jiabin-box .box .title em{ width: 29px; height: 15px; margin: 0px 6px;}
.jiabin-box .box .title em.t1{ background: url(../image/p-1.png) center; }
.jiabin-box .box .title em.t2{ background: url(../image/p-2.png) center; }
.jiabin-box .box .title strong{ margin: 0px 18px; font-size: 28px; color: #0a8276;}
.jiabin-box .box .section1 dl{ display: flex; align-items: center; background: #dff4f3;}
.jiabin-box .box .section1 dl:nth-child(even){ background: #effffe; }
.jiabin-box .box .section1 dl dt{ width: 255px; height: 185px; display: flex; align-items: center; justify-content: center;}
.jiabin-box .box .section1 dl dt img{ width: 150px; height: 150px; }
.jiabin-box .box .section1 dl dd{ flex: 1; padding-right: 65px;}
.jiabin-box .box .section1 dl dd h2{ color: #0a8276; font-size: 22px;}
.jiabin-box .box .section1 dl dd p{ font-size: 16px; color: #1d1d1d; line-height: 28px; margin-top: 12px;}

.jiabin2-box{ width: 100%;}
.jiabin2-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.jiabin2-box .box .title{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px auto 30px;}
.jiabin2-box .box .title span{ height: 3px; flex: 1; background: url(../image/p-3.png) center;}
.jiabin2-box .box .title em{ width: 29px; height: 15px; margin: 0px 6px;}
.jiabin2-box .box .title em.t1{ background: url(../image/p-1.png) center; }
.jiabin2-box .box .title em.t2{ background: url(../image/p-2.png) center; }
.jiabin2-box .box .title strong{ margin: 0px 18px; font-size: 28px; color: #0a8276;}
.jiabin2-box .box .section1 dl{ display: flex; align-items: center; background: #dff4f3;}
.jiabin2-box .box .section1 dl:nth-child(even){ background: #effffe; }
.jiabin2-box .box .section1 dl dt{ width: 80px; margin: 0px 50px 0px 120px; height: 50px; display: flex; align-items: center;}
.jiabin2-box .box .section1 dl dt h2{ font-size: 16px; color: #0a8276; font-weight: normal;}
.jiabin2-box .box .section1 dl dd{ flex: 1; padding-right: 65px;}
.jiabin2-box .box .section1 dl dd p{ font-size: 16px; color: #1d1d1d; line-height: 28px;}


.chanpin-box{ width: 100%; background: #fafafa;}
.chanpin-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.chanpin-box .box .title{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px auto 30px;}
.chanpin-box .box .title span{ height: 3px; flex: 1; background: url(../image/p-3.png) center;}
.chanpin-box .box .title em{ width: 29px; height: 15px; margin: 0px 6px;}
.chanpin-box .box .title em.t1{ background: url(../image/p-1.png) center; }
.chanpin-box .box .title em.t2{ background: url(../image/p-2.png) center; }
.chanpin-box .box .title strong{ margin: 0px 18px; font-size: 28px; color: #0a8276;}
.chanpin-box .box .section1 .item1{ margin-bottom: 40px; width: 100%; height: 290px; position: relative; overflow: hidden;}
.chanpin-box .box .section1 .item1 .scroll-item{ position: absolute; left: 0px; top: 0px; width: 100%; display: flex;}
.chanpin-box .box .section1 .item1 dl{ float: left; width: 334px; height: 290px; margin-right: 30px; border-left:5px solid #0a8276; }
.chanpin-box .box .section1 .item1 dl dt{ width: 334px; height: 200px;}
.chanpin-box .box .section1 .item1 dl dd { padding-left: 20px; }
.chanpin-box .box .section1 .item1 dl dd h3{ margin: 25px 0px 15px; font-size: 18px; line-height: 100%; color: #1d1d1d; font-weight: normal; }
.chanpin-box .box .section1 .item1 dl dd p{ display: flex; align-items: center; font-size: 16px; color: #0a8276;}
.chanpin-box .box .section1 .item1 dl dd p i{ width: 20px; height: 20px; margin-right: 6px; background: url(../image/7-4.png) no-repeat center; background-size: contain; }
.chanpin-box .box .section1 .item2{ display: flex; align-items: center; justify-content: end; margin-bottom: 12px;}
.chanpin-box .box .section1 .item2 span{ width: 50px; height: 50px; cursor: pointer; margin-left: 14px;}
.chanpin-box .box .section1 .item2 span.l{ background: url(../image/7-7.png) no-repeat center; background-size: contain; }
.chanpin-box .box .section1 .item2 span.r{ background: url(../image/7-5.png) no-repeat center; background-size: contain; }
.chanpin-box .box .section1 .item2 span.l.on{ background: url(../image/7-8.png) no-repeat center; background-size: contain; }
.chanpin-box .box .section1 .item2 span.r.on{ background: url(../image/7-6.png) no-repeat center; background-size: contain; }

.ziliao-box{ width: 100%;}
.ziliao-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.ziliao-box .box .title{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px auto 30px;}
.ziliao-box .box .title span{ height: 3px; flex: 1; background: url(../image/p-3.png) center;}
.ziliao-box .box .title em{ width: 29px; height: 15px; margin: 0px 6px;}
.ziliao-box .box .title em.t1{ background: url(../image/p-1.png) center; }
.ziliao-box .box .title em.t2{ background: url(../image/p-2.png) center; }
.ziliao-box .box .title strong{ margin: 0px 18px; font-size: 28px; color: #0a8276;}
.ziliao-box .box .section1 { background: #fafafa; overflow: hidden; padding: 18px 18px 0px;}
.ziliao-box .box .section1 dl{ float: left; margin-bottom: 18px; width: 377px; height: 145px; background: #fff; border-radius: 10px;}
.ziliao-box .box .section1 dl:nth-child(3n+2){ margin: 0px 16px 0px; }
.ziliao-box .box .section1 dl dt{ font-size: 18px; color: #0a8276; margin: 40px 28px 6px;}
.ziliao-box .box .section1 dl dd{ font-size: 16px; color: #1d1d1d; margin: 0px 28px 0px;}

.jiangli-box{ width: 100%;}
.jiangli-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.jiangli-box .box .title{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px auto 30px;}
.jiangli-box .box .title span{ height: 3px; flex: 1; background: url(../image/p-3.png) center;}
.jiangli-box .box .title em{ width: 29px; height: 15px; margin: 0px 6px;}
.jiangli-box .box .title em.t1{ background: url(../image/p-1.png) center; }
.jiangli-box .box .title em.t2{ background: url(../image/p-2.png) center; }
.jiangli-box .box .title strong{ margin: 0px 18px; font-size: 28px; color: #0a8276; min-width: 300px; text-align: center;}
.jiangli-box .box .section1 .item1{ line-height: 100%; color: #0a8276; font-size: 18px; margin-bottom: 22px;}
.jiangli-box .box .section1 .item2{ display: flex; align-items: center; justify-content: space-between; }
.jiangli-box .box .section1 .item2 .group p{ width: 385px; height: 295px; background: url(../image/8-1.png) no-repeat center; background-size: contain; display: flex; align-items: center; justify-content: center;}
.jiangli-box .box .section1 .item2 .group span{ display: block; text-align: center; margin-top: 16px; line-height: 100%; color: #0a8276; font-size: 18px;}

.about-box{ width: 100%; margin-bottom: 30px;}
.about-box .box { width: 1200px; margin: 0px auto; overflow: hidden;}
.about-box .box .title{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px auto 30px;}
.about-box .box .title span{ height: 3px; flex: 1; background: url(../image/p-3.png) center;}
.about-box .box .title em{ width: 29px; height: 15px; margin: 0px 6px;}
.about-box .box .title em.t1{ background: url(../image/p-1.png) center; }
.about-box .box .title em.t2{ background: url(../image/p-2.png) center; }
.about-box .box .title strong{ margin: 0px 18px; font-size: 28px; color: #0a8276; min-width: 300px; text-align: center;}
.about-box .box .section1 .item1{ width: 120px; height: 90px; margin-bottom: 25px; background: url(../image/logo.png) no-repeat center; background-size: contain; }
.about-box .box .section1 p{ color: #333333; font-size: 16px; line-height: 28px;}

.about2-box{ width: 100%; background: #fff; overflow: hidden; margin-top: 30px;}
.about2-box .container{ width: 1200px; margin: 0px auto;}
.about2-box .container .title{ line-height: 60px; margin: 20px auto 10px; text-align: center; color: #333; font-weight: bold; font-size: 28px;}
.about2-box .box { width: 1200px; background: #fff; border: 1px solid #b7b7b7;}
.about2-box .box dl{ padding: 15px; }
.about2-box .box dl dd{ color: #333; font-size: 25px; line-height: 44px; display: flex; align-items: center; justify-content: space-between;}
.about2-box .box dl dd .section1 { width: 1110px; }
.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: 0px 15px; 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 { flex: 1; text-align: center; }
.about2-box .box dl dd .section2 img{ display: block; width: 150px;}
.about2-box .box dl dd .section2 span{ display: block; font-size: 16px;}

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