.fl{float:left}
.fr{float:right}
.container1{width:1200px;margin:0 auto}
.fbold{font-weight:700}
.pos{position:relative;width:1920px;left:50%;margin-left:-960px}
.top1{display:none;background:#eee;height:36px;line-height:36px;overflow:hidden;font-size:12px;color:#5a5a5a}
.top1 a{color:#5a5a5a}
.top_tel{margin-right:20px}
.top_tel strong{color:#f78a16}
.box-top{height:123px;overflow:hidden}
.top-logo{line-height:123px}
.twz1{margin-top:32px;margin-left:20px;color:#27a239;font-size:30px;line-height:31px}
.twz1 p:nth-child(2){color:#333;font-size:22px}
.twz2{line-height:123px;margin-left:30px}


.sou{background:#f0f0f0;padding:15px;overflow:hidden;font-size:14px;line-height:42px;}
.sou .hotSearch{padding-left:30px;background:url(../images/hot.png) 0 center no-repeat;}
.sou .hotSearch a{font-size:14px;color:#333;}
.sou form{display:block;background:url(../images/searchbg.png) no-repeat;width:300px;padding:0 20px;white-space:nowrap;height:42px;line-height:42px;}
.sou input{border:0;background:none;margin:0;padding:0;height:30px;vertical-align:middle;width:220px;color:#000;outline:none;}
.sou input[type=submit]{width:43px;font-size:0;}

.top-tel{background:url(../images/toptelbg.png) no-repeat 2px center;margin-top:38px;padding-left:65px}
.top-tel h3{font-size:18px;color:#27a239;width:36px;margin-top:1px;line-height:24px;margin-right:25px;}
.top-tels p{font-size:24px;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#27a239;line-height:1.1}
.box-head{background:url(../images/navbg.jpg) no-repeat center;height:60px}
.box-case{height:1070px;background:url(../images/casebg.jpg) no-repeat center;padding-top:50px}
.case-title,.product-title{text-align:center}
.case-title h2,.product-title h2{font-size:30px;color:#111;border-bottom:0px solid #e4e4e4;padding-bottom:20px}
.case-title h2 span,.product-title h2 span{font-weight:700;color:#27a239}
.case-sub,.product-sub{text-align:center;width:356px;height:40px;line-height:40px;border:0px solid #e4e4e4;border-radius:50px;margin:0 auto;position:relative;top:-20px;background:#fff;font-size:18px;color:#666}
.case-nav{display:flex;justify-content:left;margin:4px 0 36px}
.case-nav a{font-size:17px;color:#666;line-height:52px;padding:0 27px;margin-right:10px;height:52px;overflow:hidden}
.case-nav a:hover{color:#fff;background-color:#27a239;border-radius:50px}
.case-item{width:387px;height:230px}
.case-item:not(:first-child) .sb{text-align:center;position:absolute;bottom:-182px;height:100%;width:100%;background:url(../images/casearrow.png) no-repeat center 132px rgba(0,0,0,.5);transition:bottom .5s}
.case-item:first-child .sb{text-align:center;position:absolute;bottom:-433px;height:100%;width:100%;background:url(../images/casearrow.png) no-repeat center 237px rgba(0,0,0,.5);transition:bottom .5s}
.sb a{width:100%;height:100%;display:block}
.case-item:first-child:hover .sb{bottom:0}
.case-item:first-child:hover .sb h3{padding-top:181px}
.case-item:not(:first-child):hover .sb{bottom:0}
.case-item:not(:first-child):hover .sb h3{padding-top:74px}
.case-item img{width:387px;height:230px}
.case-item:first-child{width:794px;height:480px;margin-right:19px}
.case-item:first-child img{width:794px;height:480px}
.case-item{position:relative;overflow:hidden;margin-bottom:20px}
.case-item:nth-child(4),.case-item:nth-child(5){margin-right:19px}
.sb h3{font-size:16px;color:#fff;font-weight:400;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;line-height:48px}
.box-process{background:url(../images/processbg.jpg) no-repeat center;height:764px;padding-top:73px}
.process-title{text-align:center;color:#fff}
.process-title h2{font-size:40px;height:56px}
.process-title span{font-weight:700}
.process-title p{font-size:24px;margin-bottom:63px}
.process-item{float:left;width:300px;text-align:center}
.process-item h4{color:#333;font-size:40px;font-family:'宋体';font-weight:700;margin-bottom:10px}
.process-t{font-size:24px;color:#333}
.process-text{display:none;margin-top:18px;font-size:14px;line-height:22px;color:#fff}
.process-wz{height:222px;background:url(../images/processarrow.png) no-repeat center 132px #fff;padding-top:20px;padding:20px 25px 0 25px}
.process-wz:hover{background-image:none;background:#111}
.process-wz:hover .process-t,.process-wz:hover h4{color:#fff}
.process-wz:hover .process-text{display:block}
.box-case2{padding:46px 0;background:#f8f8f8;margin-top:50px;}
.case2-title{text-align:center}
.case2-title h2{font-size:40px;color:#000;margin-bottom:8px}
.case2-title span{color:#27a239}
.case2-title p{font-size:24px;color:#333;margin-bottom:52px}
.case2-item{width:910px;position:relative;height:508px}
.case2-img img{width:910px;height:508px;display:block}
.case2-text{display:none;width:716px;height:118px;position:absolute;bottom:0;background-color:rgba(0,0,0,.7);left:50%;transform:translate(-50%);padding:20px 28px 0 28px}
.case2-inquiry{width:144px;height:46px;display:block;text-align:center;background-color:#27a239;color:#fff;line-height:46px;margin-top:17px}
.case2-inquiry:hover{color:#fff}
.case2-left{width:455px;height:85px}
.case2-left h3{color:#fff;font-size:24px;height:36px}
.case2-left p{color:rgba(255,255,255,.7)}
.layer-mask{width:100%;height:100%;opacity:.4;transition:all .5s;background-color:#000;position:absolute;left:0;top:0;right:0}
.box-case2 .swiper-slide-active .layer-mask{display:none}
.box-case2 .swiper-slide-active .case2-text{display:block}
.box-design{background-color:#f8f8f8;padding-top:55px;padding-bottom:68px}
.design-title{text-align:center}
.design-title h2{font-size:40px;margin-bottom:8px}
.design-title h2 span{color:#27a239}
.sub-design{color:#333;font-size:24px}
.design-text{text-align:center;margin:36px 0 70px}
.design-text h3{color:#27a239;font-size:22px;height:41px}
.design-text p{font-size:14px;color:#666}
.design-text p a{color:#27a239}
.design-text p a:hover{text-decoration:underline}
.design-img img{width:1200px;margin:0 auto;height:764px;display:block}
.box-design .swiper-container-horizontal>.swiper-pagination-bullets,.box-design .swiper-pagination-custom,.box-design .swiper-pagination-fraction{top:131px;left:0;width:100%}
.box-design .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#7c7c7c;opacity:1;margin:0 7px!important}
.box-design .swiper-pagination-bullet-active{opacity:1;background:#27a239}
.chufang-swiper{margin:66px 0 54px}
.chufang-item{position:relative}
.chufang-item img{width:287px;height:186px;display:block}
.chufang-text{text-align:center;position:absolute;bottom:-100%;width:100%;height:100%;background:url(../images/chufangplus.png) no-repeat center 68px rgba(3,63,151,.74);transition:bottom .5s}
.chufang-text .chufang-more{display:block;width:100%;height:100%}
.chufang-text h3{padding-top:104px;font-size:16px;color:#fff}
.chufang-item:hover .chufang-text{bottom:0}
.company-right{width:600px;padding-top:10px}
.company-right h2{font-size:40px;color:rgba(51,51,51,.3);font-weight:700;font-family:Arial,Helvetica,sans-serif;margin-bottom:2px}
.company-right h3{font-size:32px;color:#27a239;font-weight:700;margin-bottom:9px}
.company-text{font-size:16px;color:#666;line-height:32px;margin-bottom:8px;text-align:justify}
.company-inquiry,.company-more{display:block;width:190px;height:60px;line-height:60px;font-size:16px}
.company-more{background-color:#333;color:#fff;margin-right:10px;text-align:center}
.company-more:hover{color:#fff}
.company-inquiry{border:2px solid #27a239;color:#27a239;background:url(../images/inquirytel.png) no-repeat 40px center;padding-left:80px;line-height:56px}
.company-inquiry:hover{color:#27a239}
.honor-swiper{margin:50px 0}
.honor-item{width:368px;height:254px;border:1px solid #e4e4e4;padding:14px 19px}
.honor-item img{width:329px;height:221px;display:block}
.box-logo{background:url(../images/logobg.jpg) no-repeat center;height:344px;padding-top:68px}
.logo-title{text-align:center;margin-bottom:54px}
.logo-title h2{font-size:36px;color:#fff}
.logo-item img{width:220px;height:120px;display:block}
.box-product{background:url(../images/productbg.jpg) no-repeat center;padding:50px 0 66px;height:628px}
.product-box{margin-top:48px}
.procate{display:flex;justify-content:center;margin-top:12px}
.procate a{font-size:18px;color:#666}
.procate a.cur{color:#27a239}
.procate a:hover{color:#27a239}
.procate a:not(:last-child){margin-right:16px}
.procate a:not(:last-child)::after{content:'|';margin-left:16px}
.product-list{display:flex;justify-content:space-between}
.product-item{width:31.33%;border:1px solid #e0e0e0;padding:1%;background:#fff}
.product-img img{width:100%;height:290px}
.product-item h3{height:46px;line-height:46px;text-align:center;background-color:#333;font-size:15px;color:#fff}
.product-item:hover{border:1px solid #27a239}
.product-item:hover h3{background-color:#27a239}
.box-news{padding-top:54px;padding-bottom:70px}
.news-title{text-align:center;margin-bottom:48px}
.news-title h2{color:#111;font-size:36px}
.news-title h2 span{color:#27a239}
.news-top{background:url(../images/newstoutiao.png) no-repeat center;width:94px;height:38px;padding-left:16px;line-height:38px;font-size:22px;color:#fff;margin-bottom:10px}
.news-left{width:484px}
.newsleft-item:hover .newsleft-wz h3{color:#27a239}
.news-arrow{position:relative}
.box-news .swiper-button-next{background-image:none;right:10px;left:auto;outline:0}
.box-news .swiper-button-next,.box-news .swiper-button-prev{position:absolute;top:50%;width:50px;height:20px;margin-top:-440px;z-index:10;cursor:pointer;-moz-background-size:50px 20px;-webkit-background-size:50px 20px;background-size:50px 20px;background-position:center;background-repeat:no-repeat;font-size:16px;color:#666}
.box-news .swiper-button-next:hover{color:#27a239}
.newsleft-swiper{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.newsleft-wz{background-color:#fff;padding:35px 25px 0 25px;height:154px}
.newsleft-wz h3{font-size:18px;font-weight:700;color:#333;height:33px}
.newsleft-text{font-size:14px;color:#999;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newsleft-img img{width:484px;height:246px;display:block}
.news-right{width:664px;padding-top:7px}
.newscate{position:relative;top:1px}
.newscate a{float:left;display:block;font-size:18px;color:#666;font-weight:700;background:url(../images/newsdot.jpg) no-repeat left 8px;padding-left:20px;margin-right:44px;padding-bottom:14px}
.newscate a.cur{color:#27a239;background:url(../images/newsdot1.jpg) no-repeat left 8px;border-bottom:1px solid #27a239}
.newsright-top{border-bottom:1px solid #e3e3e3}
.news-more{width:26px;height:26px;display:block;background:url(../images/newsmoreicon.png) no-repeat}
.newsright-list{margin-top:7px}
.news-more:hover{background:url(../images/newsmoreicon1.png) no-repeat}
.newsright-item{padding:26px 0 21px;border-bottom:1px dashed #bdbdbd}
.newsright-item h3{font-size:18px;color:#333;height:30px}
.newsright-item:hover h3{color:#27a239;font-weight:700}
.newsright-text{font-size:14px;color:#999;line-height:24px}
.box-heng{height:7px;background-color:#27a239;border-top:1px solid #161616}
.box-foot{background-color:#161616;padding-top:50px;padding-bottom:57px}
.foot-menu{width:385px;margin-right:104px}
.foot-menu li{float:left}
.foot-menu li a{display:block;width:128px;font-size:15px;color:#a7a7a7;line-height:34px}
.foot-menu li a:hover{color:#fff}
.foot-qrcode{margin-top:36px}
.foot-qrcode h3{color:#a7a7a7;font-size:15px;margin-top:18px;text-align:center}
.mob-qrcode{margin-left:30px}
.foot-contact h3,.foot-nav h3{font-size:22px;color:#fff;margin-bottom:30px}
.foot-contact h3::after,.foot-nav h3::after{content:"";display:block;width:26px;height:2px;background-color:#fff;margin-top:22px}
.foot-contact-text{color:#a7a7a7;font-size:15px;line-height:30px}
.box-bottom{background-color:#161616;line-height:28px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid #fff;text-align:center;font-size:14px;color:#a7a7a7;padding:30px 0}
.box-bottom a{color:#a7a7a7}
.main-bottom a:hover{color:#fff}
.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}