@charset "utf-8";.index-tit{text-align:center}
.index-tit em{font-size:18px;color:#0e6eb8;letter-spacing:10px;display:block;text-transform:uppercase}
.index-tit h3{font-size:60px;line-height:1;color:#070707;font-weight:700;margin:25px 0 0}
.index-tit p{font-size:16px;line-height:24px;color:#676767;margin:20px auto 0}
.indexA{padding:90px 0;background:#f7f7f7}
.indexA .wp{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.indexA .tit{width:400px}
.indexA .tit h3{color:#4c4948;font-size:60px;font-weight:700;display:block;line-height:1}
.indexA .tit h3 em{font-weight:300}
.indexA .tit dl{margin:50px 0 0}
.indexA .tit dl dd{font-size:18px;color:#656565;line-height:30px}
.indexA .tit dl dd~dd{margin:18px 0 0}
.indexA .tit dl dd a{border-bottom:1px solid #656565}
.indexA .tit .more{margin:60px 0 0;background:#008d3f;width:180px;height:45px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 9px 0 35px;box-sizing:border-box;border-radius:25px;font-size:18px;color:#fff}
.indexA .tit .more i{width:32px;height:32px;text-align:center;line-height:32px;background:#fff;color:#000;font-size:20px;border-radius:50%}
.indexA .tit .more:hover{background:#006a2e}
.indexA ul{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.indexA ul li{width:calc(50% - 4px);padding:15px 15px 10px;box-sizing:border-box;background:#fff}
.indexA ul li:nth-child(n+3){margin-top:8px}
.indexA ul li .pic{display:block;width:100%;position:relative;overflow:hidden}
.indexA ul li .pic::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(1,53,136,.41) url(../images/i1.png) no-repeat center;display:block;-webkit-transition:opacity .2s,-webkit-transform .35s;transition:opacity .2s,transform .35s;opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.indexA ul li .pic img{width:100%;display:block}
.indexA ul li .t{height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}
.indexA ul li .t h5{line-height:22px;color:#4c4948;font-size:18px;text-transform:capitalize; width: calc(100% - 48px);}
.indexA ul li .t h5 a:hover{color:#008d3f}
.indexA ul li .t .more{width:38px;height:38px;text-align:center;line-height:39px;background:#008d3f;color:#fff;border-radius:50%}
.indexA ul li .t .more i{font-size:20px;color:inherit}
.indexB{position:relative;background:url(../images/ibg1.png) no-repeat left top;padding:40px 0 190px}
.indexB .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.indexB .tit h3{color:#fff;font-size:60px;font-weight:700;line-height:1}
.indexB .tit h3 em{font-weight:300}
.indexB .tit .more{font-size:18px;color:#fff;display:block;margin:15px 0 0}
.indexB .tit .more:hover{color:#fff}
.indexB .tit p{-webkit-flex:1;flex:1;margin-left:150px;color:#fff;font-size:16px;line-height:34px}
.indexB .v{margin:40px 0 0 7%;display:block;position:relative}
.indexB .v>img{width:100%;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.indexB .v .box{position:absolute;left:0;right:7%;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
.indexB .v:hover{box-shadow:rgba(255,255,255,.5) 0 3px 13px 1px}
.indexB .txt{position:absolute;right:7%;bottom:-90px;width:770px;background:#fff;padding:35px 50px;text-align:center;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,.2)}
.indexB .txt p{line-height:48px;font-size:36px;color:#4c4948}
.indexE{position:relative;background:#f7f7f7}
.indexE::after{content:"";position:absolute;right:0;top:80px;bottom:80px;width:54.5%;background:#fff}
.indexE .wp{padding:170px 0;position:relative;z-index:20;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;background:url(../images/ibg2.png) no-repeat left 360px bottom 50px}
.indexE .list{-webkit-flex:1;flex:1;margin-right:150px;overflow:hidden;position:relative}
.indexE .list::after{content:"";position:absolute;bottom:0;right:0}
.indexE .swiper-slide{box-sizing:border-box;position:relative;overflow:hidden}
.indexE .swiper-slide img{display:block;width:100%;transition:transform .5s;-webkit-transition:transform .5s}
.indexE .swiper-slide:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.indexE .page{position:absolute;right:0;top:0;z-index:20;font-size:0}
.indexE .swiper-button-next,.indexE .swiper-button-prev{position:static;display:inline-block;width:80px;height:80px;color:#000;background:#fff;border-radius:0;margin-top:0;text-align:center}
.indexE .swiper-button-next i,.indexE .swiper-button-prev i{color:inherit;font-size:30px;line-height:80px}
.indexE .swiper-button-next:hover,.indexE .swiper-button-prev:hover{background:#008d3f;color:#fff}
.indexE .swiper-pagination-bullets{display:none;position:static;margin-top:20px;text-align:center}
.indexE .swiper-pagination-bullet{height:10px;width:10px;margin:0 3px;background:#ccc;border-radius:50%;opacity:1;box-sizing:border-box}
.indexE .swiper-pagination-bullet-active{background:#008d3f}
.indexE .txt{width:480px}
.indexE .txt h3{color:#4c4948;font-size:60px;font-weight:700;line-height:1;letter-spacing:-2px;border-right:5px solid #008d3f;padding:10px 0 50px}
.indexE .txt h3 em{font-weight:300}
.indexE .txt h6{font-size:18px;color:rgba(0,0,0,.46);font-weight:600;margin:5px 0 0}
.indexE ul{margin:45px 0 0}
.indexE ul li{margin:4px 0 0;background:#f7f7f7;padding:15px 27px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.indexE ul li .ico{background:#fff;border-radius:50%;width:98px;height:98px;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
.indexE ul li .ico img{-webkit-animation:mk_tossing 2s infinite linear;-ms-animation:mk_tossing 2s infinite linear}
.indexE ul li .t{-webkit-flex:1;flex:1;margin-left:50px}
.indexE ul li .t h5{font-size:24px;color:#4c4948;font-weight:600;line-height:1}
.indexE ul li .t p{font-size:18px;color:#4c4948;font-weight:300;line-height:22px;margin:10px 0 0}
.indexE ul li:hover{background:#008d3f}
.indexE ul li:hover h5,.indexE ul li:hover p{color:#fff}
@-webkit-keyframes mk_tossing{0%{-webkit-transform:rotate(-6deg)}
50%{-webkit-transform:rotate(6deg)}
100%{-webkit-transform:rotate(-6deg)}
}
@keyframes mk_tossing{0%{transform:rotate(-6deg)}
50%{transform:rotate(6deg)}
100%{transform:rotate(-6deg)}
}
.indexD{padding:80px 0;background:#fff}
.indexD .wp{position:relative}
.indexD .txt{position:absolute;bottom:45px;left:0;width:46%}
.indexD .txt h3{color:#4c4948;font-size:60px;font-weight:700;line-height:1;letter-spacing:-2px}
.indexD .txt h3 em{font-weight:300}
.indexD .txt p{font-size:18px;line-height:24px;color:#4c4948;margin:20px 0 0;font-style:italic}
.indexD .txt .more{margin:50px 0 0;background:#008d3f;width:180px;height:45px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 9px 0 35px;box-sizing:border-box;border-radius:25px;font-size:18px;color:#fff}
.indexD .txt .more i{width:32px;height:32px;text-align:center;line-height:32px;background:#fff;color:#000;font-size:20px;border-radius:50%}
.indexF{padding:200px 0;background:url(../images/ibg3.jpg) no-repeat center bottom}
.indexF .wp{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.indexF .tit{width:390px;margin-right:120px}
.indexF .tit h3{color:#fff;font-size:60px;font-weight:700;line-height:1;letter-spacing:-2px}
.indexF .tit h3 em{font-weight:300}
.indexF .tit p{font-size:18px;line-height:24px;color:rgba(255,255,255,.6);font-weight:300;margin:20px 0 0}
.indexF .swiper-button-list{margin:40px 0 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.indexF .swiper-button-list .swiper-pagination{position:static;width:auto;font-size:18px;color:#fff;padding:0 20px}
.indexF .swiper-button-list .swiper-pagination .swiper-pagination-current{font-size:30px;font-weight:600;color:#fff}
.indexF .swiper-button-list .swiper-button-next,.indexF .swiper-button-list .swiper-button-prev{width:auto;height:30px;position:static;background:0 0;text-align:center;margin:0;box-sizing:border-box}
.indexF .swiper-button-list .swiper-button-next i,.indexF .swiper-button-list .swiper-button-prev i{color:#fff;font-size:28px;line-height:30px}
.indexF .swiper-button-list .swiper-button-next:hover i,.indexF .swiper-button-list .swiper-button-prev:hover i{color:#000}
.indexF .list{-webkit-flex:1;flex:1;overflow:hidden}
.indexF .swiper-slide{box-sizing:border-box;position:relative;overflow:hidden;display:-webkit-flex;display:flex}
.indexF .swiper-slide .pic{display:block;width:409px;overflow:hidden}
.indexF .swiper-slide .pic img{display:block;width:100%;transition:transform .3s;-webkit-transition:transform .3s}
.indexF .swiper-slide .txt{-webkit-flex:1;flex:1;background:#161616;padding:20px 30px;position:relative}
.indexF .swiper-slide .txt h5{font-size:24px;color:#fff;line-height:30px;font-weight:600}
.indexF .swiper-slide .txt h5 a:hover{color:#0e6eb8}
.indexF .swiper-slide .txt em{display:block;font-size:17px;color:rgba(255,255,255,.67);font-weight:300;margin:15px 0 0}
.indexF .swiper-slide .txt p{font-size:17px;line-height:24px;color:rgba(255,255,255,.67);font-weight:300;margin:15px 0 0}
.indexF .swiper-slide .txt .more{display:inline-block;margin:20px 0 0;font-size:18px;color:#fff;font-weight:300;border-bottom:1px solid #fff}
.indexF .swiper-slide .txt .more:hover{color:#018e40;border-bottom:1px solid #018e40}
.indexF .swiper-slide:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.indexF .list .swiper-pagination{display:none;position:static;margin-top:20px;text-align:center}
.indexF .list .swiper-pagination-bullet{height:10px;width:10px;margin:0 3px;background:#ccc;border-radius:50%;opacity:1;box-sizing:border-box}
.indexF .list .swiper-pagination-bullet-active{background:#fff}
.sidebanner{position:relative;height:400px;background:url(../images/sidebanner.jpg) no-repeat center bottom;background-size:cover}
.sidebanner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.sidebanner .wp{position:relative;z-index:20;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding-bottom:40px;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box}
.sidebanner h1,.sidebanner h2{color:#fff;font-size:30px;font-weight:700}
.sidebanner p{color:#fff;font-size:15px;font-weight:300;margin:10px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;z-index:10}
.sidebanner p i{font-size:15px;color:#fff}
.sidebanner p a{color:#fff}
.main{padding-top:40px;padding-bottom:60px}
.main-left{float:left;width:300px}
@media (min-width: 992px){
.main-left{ position: sticky; top: 91px;}
}
.main-right{margin-left:340px}
.main-left h3{font-size:22px;display:block;color:#fff;height:50px;line-height:50px;padding:0 0 0 20px;background:#008d3f;position:relative}
.main-left h3::after{display:none;font-family:qico;content:"\e727";position:absolute;top:5px;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.main-left h3.active::after{-webkit-transform:rotate(45deg) scale(1.08);-ms-transform:rotate(45deg) scale(1.08);transform:rotate(45deg) scale(1.08)}
.sidemenu{margin:0 0 15px}
.sidemenu ul li span1{position:absolute;top:0;right:0;width:40px;height:45px;line-height:45px;text-align:center;display:block;background:url(../images/i4.png) no-repeat center}
.sidemenu>ul>li{border-bottom:2px solid #f1f1f3}
.sidemenu>ul>li>h5{line-height:24px;display:block;font-size:18px;color:#333;cursor:pointer;position:relative}
.sidemenu>ul>li>h5 a{color:#000;display:block;padding:20px 40px 20px 13px;text-transform:capitalize}
.sidemenu>ul>li>h5 a:hover{color:#009148}
.sidemenu>ul>li>h5 span{position:absolute;top:13px;right:0;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;display:block;background:url(../images/i4.png) no-repeat center}
.sidemenu>ul>li ul{display:none}
.sidemenu>ul>li ul li{line-height:24px;border-bottom:2px solid #f1f1f3;background:#fff;margin:0 13px;position:relative}
.sidemenu>ul>li ul li:last-child{border-bottom:none}
.sidemenu>ul>li ul li>span{position:absolute;top:8px;right:0;width:40px;height:40px;line-height:40px;text-align:center;display:block;cursor:pointer;background:url(../images/i4.png) no-repeat center}
.sidemenu>ul>li>ul>li>a{font-size:16px;display:block;color:#484848;padding:15px 40px 15px 10px;text-transform:capitalize}
.sidemenu>ul>li>ul>li.active>a,.sidemenu>ul>li>ul>li>a:hover{color:#009148}
.sidemenu>ul>li ul li.active ul{display:block}
.sidemenu>ul>li ul li.active>span{background-image:url(../images/i4-1.png)}
.sidemenu>ul>li>ul>li>ul>li a{font-size:14px;display:block;color:#666;padding:10px}
.sidemenu>ul>li>ul>li>ul>li a:hover,.sidemenu>ul>li>ul>li>ul>li.active a{color:#009148}
.sidemenu>ul>li.active>h5{border-bottom:2px solid #f1f1f3}
.sidemenu>ul>li.active>h5 span{background-image:url(../images/i4-1.png)}
.sidenav{margin:0 0 15px}
.sidenav ul li{position:relative;line-height:20px;border:1px solid #e2e2e2;margin:5px 0 0;padding:10px 40px 10px 20px}
.sidenav ul li::after{font-family:qico;content:"\e62e";position:absolute;right:10px;top:0;font-size:18px;font-weight:400;line-height:42px}
.sidenav ul li a{color:#555;font-size:17px;font-weight:300;display:block;-webkit-transition:.5s;transition:.5s}
.sidenav ul li.active a,.sidenav ul li.active::after{color:#008d3f}
.newslist ul li{overflow:hidden;margin:0 0 20px;padding:15px;transition:all .3s ease 0s;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,.2);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.newslist ul li .pic{width:350px;display:block;overflow:hidden}
.newslist ul li .pic img{width:100%;transition:all .3s ease 0s}
.newslist ul li .t{-webkit-flex:1;flex:1;margin-left:30px}
.newslist ul li .t h5{font-size:22px;text-transform:capitalize}
.newslist ul li .t h5 a{color:#333}
.newslist ul li .t h5 a:hover{color:#008d3f}
.newslist ul li .t span{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;display:block;font-size:14px;color:#777;margin:15px 0 0}
.newslist ul li .t p{color:#666;font-size:17px;font-weight:300;overflow:hidden;margin:15px 0 0;line-height:24px}
.newslist ul li .t .more{margin-top:30px;display:inline-block;color:#fff;font-size:15px;width:110px;height:34px;line-height:34px;text-align:center;border-radius:5px;background:#008d3f}
.newslist ul li .t .more:hover{background:#d10119}
.newslist ul li .pic:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)}
.newsnr h1{font-size:24px;    font-weight: bold;line-height:1;margin:20px 0 0;color:#333;text-align:center;text-transform:capitalize}
.newsnr .artInfo{padding:0 0 20px;border-bottom:1px solid #d9d9d9;text-align:center;margin:25px 0 0;position:relative}
.newsnr .artInfo::after{content:"";display:block;height:3px;background:#008d3f;width:100px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -50px;z-index:1}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:14px;color:#666}
.newsnr .artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px}
.newsnr .artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px}
.myart{margin:20px 0;line-height:26px;font-size:16px;color:#666;font-weight:300}
.myart p{margin:0 0 10px}
.pnbar{margin-top:30px}
.pnbar p{max-width:100%;margin:-1px 0 0;padding:8px 14px;border:1px solid #ddd;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize}
.pnbar p a{color:#545454}
.pnbar p:hover a{color:#008d3f}
.about p{font-size:17px;line-height:30px;color:#666}
.about p~p{margin:15px 0 0}
.about ul li{padding:40px 0;position:relative;border-bottom:2px solid #eeebeb;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.about ul li:last-child{border-bottom:none}
.about ul li:nth-child(2n+1){flex-direction:row-reverse;-webkit-flex-direction:row-reverse}
.about ul li .pic{width:500px}
.about ul li .txt{-webkit-flex:1;flex:1;margin:0 80px 0 0}
.about ul li .txt .box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
.about ul li .txt h5{font-size:26px;font-weight:600;color:#333;text-transform:uppercase}
.about ul li .txt h5::after{content:"";width:53px;height:4px;background:#008d3f;margin:10px 0 0;display:block}
.about ul li .txt h6{font-size:24px;font-weight:500;color:#333;margin:20px 0 0}
.about ul li .txt .t{margin:20px 0 0}
.about ul li .txt .t p{font-size:16px;color:#595959;line-height:26px;text-transform:capitalize}
.about ul li:nth-child(2n) .txt{margin:0 0 0 80px}
.about ul li:nth-child(2n)::after{left:auto;right:-75px}
.factory ul{margin:0 0 0 -2%}
.factory ul li{float:left;width:31.3333333%;margin:0 0 20px 2%;text-align:center}
.factory ul li a{display:block;width:100%;overflow:hidden}
.factory ul li img{width:100%;display:block}
.factory ul li p{font-size:17px;margin:15px 0 0;color:#252525}
.cert-list{margin:40px 0 0}
.cert-list h3{font-size:30px;font-weight:600;color:#333;text-align:center}
.cert-list ul{margin:0 0 0 -2%}
.cert-list ul li{float:left;width:31.3333333%;margin:20px 0 0 2%;text-align:center}
.cert-list ul li a{display:block;width:100%;overflow:hidden}
.cert-list ul li img{width:100%;border:3px solid #e0e0e0;box-sizing:border-box;display:block}
.cert-list ul li p{font-size:17px;margin:15px 0 0;color:#252525}
.part-list ul{margin:0 0 0 -2%}
.part-list ul li{float:left;width:23%;margin:0 0 20px 2%;text-align:center;background:#fff;height:120px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:2px solid #e0e0e0;box-sizing:border-box}
.part-list ul li img{display:inline-block}
.videolist ul{margin:0 0 0 -2%}
.videolist ul li{float:left;width:31.333333%;margin:0 0 25px 2%}
.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden}
.videolist ul li .v img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.videolist ul li .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2) url(../images/video.png) no-repeat center;display:block}
.videolist ul li .t{padding:15px;background:#f3f4f7;box-sizing:border-box;position:relative}
.videolist ul li .t h5{font-size:16px;color:#333;text-align:center}
.videolist ul li:hover .v::after{background-color:rgba(0,0,0,.5)}
.videolist ul li:hover img{transform:scale(1.11);-webkit-transform:scale(1.11)}
.faq ul li{margin:0 0 15px;border:1px solid #ccc;padding:20px;cursor:pointer}
.faq ul li .tit{height:30px;overflow:hidden;color:#333;cursor:pointer}
.faq ul li .tit .date-month{float:left;width:20px;line-height:30px;height:30px;font-size:15px;font-weight:700;display:block;text-align:center}
.faq ul li .tit h4{font-size:16px;color:#333;line-height:30px;height:30px;margin:0 0 0 30px}
.faq ul li .con{color:#666}
.faq ul li .con .date-day{float:left;width:20px;line-height:30px;height:30px;font-size:15px;font-weight:700;display:block;text-align:center}
.faq ul li .con .t{margin:0 0 0 30px;font-size:15px;line-height:21px;color:#666;padding:3px 0 0}
.faq ul li:hover{border-left:2px solid #008d3f;padding-left:19px;box-shadow:rgba(0,0,0,.09) 0 6px 9px 0}
.down ul{margin:0}
.down ul li{float:left;width:48%;margin:0 0 30px;border:1px solid #e2e2e2;padding:20px;box-sizing:border-box}
.down ul li:nth-child(2n){float:right}
.down ul li .pic{float:left;width:100px;height:100px;background:#f5f5f7;text-align:center;align-items:center;justify-content:center;display:-webkit-flex;display:flex}
.down ul li .pic i{font-size:50px;color:#e0474c}
.down ul li .t{margin:0 0 0 125px}
.down ul li .t h5{font-size:22px;line-height:24px;height:48px;overflow:hidden;color:#333;text-transform:capitalize}
.down ul li .t p{height:48px;overflow:hidden;line-height:24px;font-size:18px;color:#333;margin:10px 0 0}
.down ul li .t .more{display:inline-block;margin:10px 0 0;font-size:17px;color:#666;font-weight:300}
.down ul li .t .more i{font-size:20px;color:#666;margin-right:8px;-webkit-text-stroke-width:.2px}
.down ul li:hover{border:1px solid #008d3f}
.down ul li:hover .t .more,.down ul li:hover .t .more i{color:#008d3f}
.caselist ul{margin:0 0 0 -2%}
.caselist ul li{float:left;width:31.333333%;margin:0 0 20px 2%}
.caselist ul li .pic{position:relative;width:100%;display:block;overflow:hidden}
.caselist ul li .pic img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.caselist ul li .pic::after{display:none;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6) url(../images/i8.png) no-repeat center}
.caselist ul li .t{padding:10px 0;height:60px;border:1px solid #d9d9d9;border-top:none;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}
.caselist ul li .t a{font-size:18px;color:#222;padding:0 10px}
.caselist ul li:hover img{transform:scale(1.11);-webkit-transform:scale(1.11)}
.caselist ul li:hover .pic::after{display:block}
.menu-tabs{padding:30px 0;text-align:center;border-bottom:1px solid #e3e3e3;background:#fff}
.menu-tabs ul{font-size:0}
.menu-tabs ul li{height:46px;line-height:46px;display:inline-block;margin:0 10px}
.menu-tabs ul li a{font-size:18px;color:#333;display:block;padding:0 48px;background:#eaeaea}
.menu-tabs ul li.active a{background:#008d3f;color:#fff}
.prolist ul{margin-top:-40px}
.prolist ul li{background:#fff;cursor:pointer;box-sizing:border-box;display:-webkit-flex;display:flex;padding:40px 0;border-bottom:1px solid #f0f0f0}
.prolist ul li .pic{display:block;width:300px;overflow:hidden;box-sizing:border-box;border:1px solid #c9c9c9;padding:5px}
.prolist ul li .pic img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.prolist ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 50px}
.prolist ul li .t h5{font-size:30px;font-weight:500;text-transform:capitalize}
.prolist ul li .t h5::after{content:"";width:90px;height:1px;background:#008d3f;margin:15px 0 0;display:block}
.prolist ul li .t h5 a{color:#333}
.prolist ul li .t h5 a:hover{color:#008d3f}
.prolist ul li .t p{margin:30px 0 0;font-size:18px;color:#333;line-height:24px}
.prolist ul li .t .more{margin:30px 0 0;background:#008d3f;width:180px;height:45px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 9px 0 35px;box-sizing:border-box;border-radius:25px;font-size:18px;color:#fff}
.prolist ul li .t .more i{width:32px;height:32px;text-align:center;line-height:32px;background:#fff;color:#000;font-size:20px;border-radius:50%}
.prolist ul li .t .more:hover{background:#006a2e}
.prolist ul li .pic:hover{border:1px solid #dedede;box-shadow:5px 5px 40px rgba(0,0,0,.2)}
.prolist ul li .pic:hover img{transform:scale(1.06);-webkit-transform:scale(1.06)}
.pro_view{overflow:hidden}
.pro_img{float:left;width:460px}
.pro_img .view{width:100%;border:1px solid #e5e8ea;box-sizing:border-box;position:relative}
.pro_img .view .swiper-container{width:100%}
.pro_img .view .swiper-container img{width:100%;display:block}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center}
.pro_img .view .arrow-left{left:0}
.pro_img .view .arrow-right{right:0}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px}
.pro_img .preview{width:100%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box}
.pro_img .preview .swiper-container{width:100%;text-align:center}
.pro_img .preview .swiper-wrapper{justify-content:center}
.pro_img .preview .swiper-slide{cursor:pointer;width:55px;padding:10px 0;margin:0 2px;display:inline-block;box-sizing:border-box;position:relative}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align:middle;border-bottom-style:solid;border-bottom-color:#008d3f;position:absolute;top:0;left:50%;margin:0 0 0 -5px}
.pro_img .preview .swiper-slide img{width:100%;border:1px solid #d9d9d9;padding:2px;box-sizing:border-box}
.pro_img .preview .active-nav img{border:1px solid #008d3f}
.pro_img .preview .swiper-slide.active-nav::after{display:inline-block}
.pro_view_inner{margin-left:500px}
.pro_view_inner h1{color:#111;font-size:24px;margin:10px 0 20px}
.pro_view_inner hr{border:none;height:4px;background:url(../images/line.png) repeat-x;margin:15px 0}
.pro_view_inner p{line-height:24px;font-size:15px;margin-bottom:10px}
.pro_view_inner .pro_para{margin-bottom:25px}
.pro_view_inner .pro_para table{width:100%;border:1px solid #ddd}
.pro_view_inner .pro_para table tr>td{padding:8px;line-height:1.42857143;font-size:15px;vertical-align:middle;border:1px solid #ddd}
.pro_view_inner .pro_btn{margin-bottom:25px}
.pro_view_inner .pro_btn .book{width:150px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;display:inline-block;background:#008d3f}
.pro_view_inner .pro_btn .pdf{width:150px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;display:inline-block;background:#ff6550;margin-left:20px}
.email-box input{padding:10px;font-size:14px;border:1px solid #d9d9d9;width:100%;line-height:20px;text-align:left;color:#333;box-sizing:border-box}
.email-box p~p{margin-top:15px}
.pro_view_inner .pro-share{margin:20px 0 0;font-size:14px;color:#fff}
.pro-share{margin:25px 0 0}
.pro-share .addthis_inline_share_toolbox_ysau{clear:none!important}
.pro_text{margin:30px 0 0;position:relative}
.pro_text .tit{height:54px;background:#f3f3f3;padding:12px 0 0;box-sizing:border-box}
.pro_text .tit h5{border-left:3px solid #008d3f;padding:0 0 0 15px;color:#111;height:30px;line-height:30px;font-size:22px}
.pro-content{padding:20px 15px 10px;line-height:24px;font-size:16px;color:#333}
.pro-content p{margin-bottom:15px}
.pro-content .row{margin-bottom:15px}
.pro-content .table-response{width:100%;max-width:100%;overflow-x:auto}
.pro-content table{max-width:100%;margin-bottom:15px;border:1px solid #ddd;color:#333}
.pro-content table tr>th{padding:15px 20px;line-height:1.42857143;vertical-align:middle;border:1px solid #ddd;background:#f3f3f3;color:#333}
.pro-content table tr>td{padding:15px 20px;line-height:1.42857143;vertical-align:middle;border:1px solid #ddd}
.pro-content table tr>td p{margin:0}
.pro-inquiry .tit,.related-pro .tit{height:60px;background:#f3f3f3;padding:14px 0 0;box-sizing:border-box}
.pro-inquiry .tit h5,.related-pro .tit h5{border-left:3px solid #008d3f;padding:0 0 0 20px;color:#333;height:32px;line-height:32px;font-size:22px}
.pro-inquiry{margin:30px 0 0}
.pro-inquiry .inquirbox{border:2px solid #f3f3f3!important;border-top:none;padding:20px}
.rela-pro{margin-top:20px}
.rela-pro .tit{height:42px;line-height:42px;border-bottom:1px solid #c9c9c9}
.rela-pro .tit h5{font-size:18px;color:#333;background:#008d3f;color:#fff;display:inline-block;padding:0 20px}
.rela-pro ul{margin:0 0 0 -2%}
.rela-pro ul li{width:23%;float:left;text-align:center;background:#fff;margin:20px 0 0 2%;border:1px solid #ddd;padding:5px 5px 0;cursor:pointer;box-sizing:border-box}
.rela-pro ul li .pic{display:block;width:100%;overflow:hidden;box-sizing:border-box}
.rela-pro ul li .pic img{width:100%;display:block;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.rela-pro ul li h6{height:55px;font-size:17px;font-weight:300;text-transform:capitalize;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rela-pro ul li h6 a{color:#333;line-height:22px}
.rela-pro ul li h6 a:hover{color:#008d3f}
.rela-pro ul li:hover h6 a{color:#008d3f}
.rela-pro ul li:hover a.pic img{transform:scale(1.06);-webkit-transform:scale(1.06)}
.contact{margin:20px 0 0}
.contact h3{font-size:36px;font-weight:700;color:#333;line-height:1;text-align:center;text-transform:uppercase}
.contact hr{width:21px;height:3px;background:#14171a;margin:20px auto 0}
.contact h4{font-size:18px;color:#666;font-weight:300;text-align:center;margin:15px 0 0}
.contact ul{margin:40px 0 0}
.contact ul li{float:left;width:20%;padding:20px 15px 0;box-sizing:border-box;height:200px;text-align:center;border-right:1px solid #ebebeb}
.contact ul li:last-child{border-right:none}
.contact ul li em{background:#008d3f;width:60px;height:60px;line-height:60px;font-size:30px;color:#fff;border-radius:50%;display:inline-block}
.contact ul li em i{font-size:28px;color:#fff}
.contact ul li h6{font-size:17px;font-weight:700;color:#333;margin:15px 0 0;text-transform:uppercase}
.contact ul li p{color:#444;margin:10px 0 0;font-size:16px;line-height:24px}
.contact ul li p a{color:#444}
.contact ul li p a:hover{color:#e62129}
.contactbox{margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.map{width:600px;border:1px solid #ccc;box-sizing:border-box}
.map img{width:100%}
.contact-inquiry{-webkit-flex:1;flex:1;margin-right:60px;}
.contact-inquiry h4{font-size:20px;line-height:50px;background:#3c3c3c;color:#fff;padding:0 0 0 15px}
.contact-inquiry .inquirbox{border:1px solid #d5d5d5;border-top:none;padding:20px 15px 0}
.inquirbox h5{background:#f0b323}
.inquirbox .row{margin-bottom:15px}
.inquirbox input[type=text],.inquirbox textarea{padding:10px;font-size:14px;border:1px solid #d2d2cf;width:100%;line-height:22px;text-align:left;color:#111;box-sizing:border-box}
.inquirbox textarea{max-width:100%;width:100%;resize:none}
.inquirbox input[type=text]:focus,.inquirbox textarea:focus{box-shadow:0 0 5px #999;background:#fafafa;border-color:#999;outline:0}
.inquirbox .red{color:red;font-weight:700}
.inquirbox .yzm{width:70%;margin-right:10px}
.inquirbox img{cursor:pointer;margin-left:3px;display:inline-block;vertical-align:middle}
.inquirbox input.submit{margin:0 auto;width:150px;line-height:42px;background:#008d3f;text-align:center;display:block;color:#fff;font-size:18px;border-radius:6px;cursor:pointer}
.inquirbox input.submit:hover{background:#d61518}