.app .main{height:100%;}
.app .main .banner{height:100vh;width:100%;overflow:hidden;position:relative;}
.app .main .banner .swiper-button-prev:after{display:none;}
.app .main .banner .swiper-container{width:100%;height:100%;}
.app .main .banner .swiper-container .nums{position:absolute;bottom:50%;left:5%;z-index:12;color:white;transform:rotate(90deg);}
.app .main .banner .swiper-container .nums:first-child{font-size:22px;font-weight:bold;}
.app .main .banner .swiper-container .nums:last-child{font-size:17px;}
.app .main .banner .swiper-container .next-but{position:absolute;bottom:50%;right:5%;z-index:12;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;}
.app .main .banner .swiper-container .next-but>:nth-child(1){width:123px;display:flex;justify-content:center;flex-direction:row;align-items:center;margin-right:-30px;}
.app .main .banner .swiper-container .next-but>:nth-child(1) p{color:white;margin-right:10px;width:100px;}
.app .main .banner .swiper-container .next-but>:nth-child(1) i{display:block;background:white;width:65px;height:2px;line-height:16px;}
.app .main .banner .swiper-container .next-but>:nth-child(2){cursor:pointer;width:54px;height:54px;background:transparent;border:1px solid #FFFFFF;border-radius:50%;text-align:center;line-height:54px;}
.app .main .banner .swiper-container .next-but>:nth-child(2) span{color:white;}
.app .main .banner .swiper-container .mous{position:absolute;bottom:40px;left:46%;z-index:12;color:white;text-align:center;}
.app .main .banner .swiper-container .mous span{font-size:20px;}
.app .main .banner .swiper-slide{text-align:center;font-size:18px;background:#fff;overflow:hidden;}
.app .main .banner .slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#fff;}
.app .main .banner .slide-inner>a{width:100%;height:100%;color:white;display:flex;justify-content:center;align-items:center;}
.app .main .banner .slide-inner>a .banner-center-view{width:75%;margin:0 auto;text-align:left;}
.app .main .banner .slide-inner>a .banner-center-view h1{font-size:54px;font-weight:500;margin-bottom:12px;}
.app .main .banner .slide-inner>a .banner-center-view strong{font-size:36px;font-weight:400;}
.app .main .banner .slide-inner>a .banner-center-view p{font-size:16px;}


.banner22 img{padding-left: 35%;}
.banner33 img{padding-bottom:16%;}

.app .main .introduce{height:970px;width:100%;background-repeat:no-repeat;background-position:right;position:relative;}
.app .main .introduce .content{width:87.5%;height:86.5%;background:#ffffffed;position:absolute;bottom:0px;left:0px;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;}
.app .main .introduce .content .cont-lef{width:486px;}
.app .main .introduce .content .cont-lef img{vertical-align:bottom;}
.app .main .introduce .content .cont-rig{height:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;box-sizing:border-box;flex:1;padding:90px 0 110px 70px;position:relative;}
.app .main .introduce .content .cont-rig .more{position:absolute;top:0px;right:0px;display:block;width:120px;height:70px;background:#008c3f;text-align:center;line-height:70px;color:#FFFFFF;font-size:16px;font-weight:bold;}
.app .main .introduce .content .cont-rig .top-title{color:#000000;}
.app .main .introduce .content .cont-rig .top-title h2{font-size:46px;width:405px;line-height:1;font-weight:600;margin-bottom:10px;}
.app .main .introduce .content .cont-rig .top-title strong{font-size:32px;font-weight:500;display:block;margin-bottom:50px;}
.app .main .introduce .content .cont-rig .top-title p{font-size:18px;max-width:812px;margin-bottom:24px;    line-height: 34px;}
.app .main .introduce .content .cont-rig .bottom{width:100%;height:200px;display:flex;justify-content:center;align-items:center;flex-direction:row;}
.app .main .introduce .content .cont-rig .bottom ul{height:100%;flex:1;display:flex;justify-content:space-around;align-items:center;flex-direction:row;}
.app .main .introduce .content .cont-rig .bottom ul li{position:relative;}
.app .main .introduce .content .cont-rig .bottom ul li>div::before{content:'';display:block;width:16px;height:2px;background:#D1D1D1;position:absolute;bottom:38px;left:40%;}
.app .main .introduce .content .cont-rig .bottom ul li>div{margin-bottom:20px;display:flex;align-items:flex-start;justify-content:center;}
.app .main .introduce .content .cont-rig .bottom ul li strong{font-size:44px;font-weight:400;line-height:1.1;color:#009688;}
.app .main .introduce .content .cont-rig .bottom ul li span{font-size:14px;color:#009688;}
.app .main .introduce .content .cont-rig .bottom ul li p{font-size:16px;color:#000000;text-align:center;}
.app .main .introduce .content .cont-rig .bottom .video-view{width:300px;height:200px;position:relative;}
.app .main .introduce .content .cont-rig .bottom .video-view video{width:100%;height:100%;}
.app .main .introduce .content .cont-rig .bottom .video-view .cov-txt{width:100%;height:100%;display:flex;align-items:center;flex-direction:row;position:absolute;justify-content:center;color:white;left:0px;top:0px;cursor:pointer;}
.app .main .introduce .content .cont-rig .bottom .video-view .cov-txt>span{font-size:44px;margin-right:10px;}
.app .main .introduce .content .cont-rig .bottom .video-view .cov-txt .txt p{font-size:16px;}
.app .main .introduce .content .cont-rig .bottom .video-view .cov-txt .txt span{font-size:16px;}
.app .main .industry{height:970px;width:100%;position:relative;}
.app .main .industry .bag-views{width:100%;height:100%;position:absolute;top:0px;left:0px;background:transparent;opacity:0;}
.app .main .industry .max-views{width:75%;height:100%;margin:0 auto;box-sizing:border-box;padding:133px 0;color:white;display:flex;align-items:center;justify-content:space-between;flex-direction:row;position:relative;}
.app .main .industry .max-views .title{width:451px;height:100%;}
.app .main .industry .max-views .title>h3{font-size:42px;width:430px;line-height:1.2;margin-bottom:20px;}
.app .main .industry .max-views .title>h3::after{content:'';display:block;width:18px;height:4px;background:white;margin-top:20px;}
.app .main .industry .max-views .title>p{font-size:35px;width:451px;line-height:1.1;}
.app .main .industry .max-views .addmore{position:absolute;bottom:130px;left:0px;display:block;width:60px;height:60px;background:#008c3f;text-align:center;line-height:60px;border-radius:50%;color:white;}
.app .main .industry .max-views .options{width:61%;height:100%;}
.app .main .industry .max-views .options .opts{width:100%;height:auto;display:flex;}
.app .main .industry .max-views .options .opts .lis{width:50%;height:236px;position:relative;}
.app .main .industry .max-views .options .opts .lis .cove{width:0%;height:100%;transition:.3s;position:absolute;top:0px;left:0px;background:#008c3f;z-index:1;}
.app .main .industry .max-views .options .opts .lis a{color:white;display:block;width:100%;height:100%;box-sizing:border-box;padding:36px 10px 36px 50px;position:absolute;top:0px;left:0px;z-index:2;}
.app .main .industry .max-views .options .opts .lis a>span{font-size:16px;display:block;width:198px;margin-bottom: 2%;line-height: 30px;}
.app .main .industry .max-views .options .opts .lis a>span::after{content:'';display:block;width:18px;height:4px;background:white;}
.app .main .industry .max-views .options .opts .lis a h4{font-size:24px;}
.app .main .industry .max-views .options .opts .lis a .button-vie{display:flex;align-items:center;justify-content:space-between;flex-direction:row;margin-top:10px;}
.app .main .industry .max-views .options .opts .lis a .button-vie:nth-child(2){font-size:50px;color:rgba(255,255,255,0.25);}
.app .main .industry .max-views .options .opts .lis:hover .cove{width:100%;}
.app .main .industry .max-views .options>:nth-child(odd){flex-direction:row-reverse;}
.app .main .industry .max-views .options .options::after{content:'';display:block;width:50%;}
.app .main .news{height:800px;width:100%;background:#F7F7F7;padding-bottom:120px;}
.app .main .news .contents{background-position:left top;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-between;flex-direction:row;height:100%;box-sizing:border-box;padding-top:54px;}
.app .main .news .contents .title{color:white;margin-left:240px;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;}
.app .main .news .contents .title h3{font-size:46px;}
.app .main .news .contents .title p{font-size:35px;margin-bottom:10px;}
.app .main .news .contents .title p::after{content:'';display:block;width:18px;height:4px;background:white;margin-top:20px;}
.app .main .news .contents .title>span{font-size:16px;display:block;margin-bottom:60px;}
.app .main .news .contents .title .navs{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.app .main .news .contents .title .navs span{display:block;width:130px;height:48px;border:1px solid rgba(255,255,255,0.3);cursor:pointer;text-align:center;line-height:48px;}
.app .main .news .contents .title .navs .active{border-color:white;}
.app .main .news .contents .title .navs:nth-child(2){margin-top:20px;}
.app .main .news .contents .title .addmore{display:block;width:36px;height:36px;background:white;color:#008c3f;text-align:center;line-height:36px;border-radius:50%;margin-top:57px;}
.app .main .news .contents .mains{height:100%;width:69.2%;display:none;}
.app .main .news .contents .mains .swiper{width:100%;height:100%;}
.app .main .news .contents .mains .swiper .swiper-horizontal>.swiper-pagination-bullets,.app .main .news .contents .mains .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.app .main .news .contents .mains .swiper .swiper-pagination-custom,.app .main .news .contents .mains .swiper .swiper-pagination-fraction{left:unset;bottom:20px;width:auto;right:200px;}
.app .main .news .contents .mains .swiper .btns{position:absolute;right:139px;bottom:10px;display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:160px;}
.app .main .news .contents .mains .swiper .btns>div{width:45px;height:45px;border-radius:50%;border:1px solid #CDCDCD;text-align:center;line-height:45px;cursor:pointer;}
.app .main .news .contents .mains .swiper .btns>div:hover{background:#008c3f;border-color:#008c3f;}
.app .main .news .contents .mains .swiper .btns>div:hover span{color:white;}
.app .main .news .contents .mains .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */ display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.app .main .news .contents .mains .swiper-wrapper{height:80%;}
.app .main .news .contents .mains .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.app .main .news .contents .mains .swiper-slide{width:39%;height:640px;}
.app .main .news .contents .mains .swiper-slide a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.app .main .news .contents .mains .swiper-slide a .imgs{width:100%;height:380px;}
.app .main .news .contents .mains .swiper-slide a .imgs img{width:100%;height:100%;}
.app .main .news .contents .mains .swiper-slide a .txts{width:100%;padding:30px;box-sizing:border-box;height:262px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;}
.app .main .news .contents .mains .swiper-slide a .txts h4{font-size:18px;margin-bottom:10px;width:100%;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
.app .main .news .contents .mains .swiper-slide a .txts>p{font-size:13px;text-align:left;color:#9E9E9F;width:100%;display:-webkit-box;-webkit-line-clamp:3;/* 行数 */ -webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.app .main .news .contents .mains .swiper-slide a .txts>div{margin-top:30px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;border-top:1px solid #EEEEEE;}
.app .main .news .contents .mains .swiper-slide a .txts>div p span{color:#5D5B65;}
.app .main .news .contents .mains .swiper-slide a .txts>div p:nth-child(1){font-size:32px;}
.app .main .news .contents .mains .swiper-slide a .txts>div p:nth-child(2){font-size:16px;}
.app .main .news .contents .mains .swiper-slide a .txts>div>span{text-transform:uppercase;font-size:16px;}
.app .main .news .contents .active{display:block;}
.app .footer{background:#313039;width:100%;height:auto;}
.app .footer .max-views{width:75%;height:100%;margin:0 auto;box-sizing:border-box;padding:36px 0 36px 0;display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;}
.app .footer .max-views .footer-top>ul{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;}
.app .footer .max-views .footer-top>ul>li>span{color:white;font-size:16px;}
.app .footer .max-views .footer-top>ul>li ul li{text-align:left;margin:10px 0;}
.app .footer .max-views .footer-top>ul>li ul li a{color:#9E9E9F;font-size:16px;}
.app .footer .max-views .footer-top>ul>li ul li p{color:white;}
.app .footer .max-views .footer-top>ul>li ul li p:nth-child(1){font-size:12px;color:#9E9E9F;}
.app .footer .max-views .footer-top>ul>li ul li p:nth-child(2){font-size:20px;}
.app .footer .max-views .footer-top>ul>li ul li p:nth-child(3){font-size:12px;color:#9E9E9F;}
.app .footer .max-views .footer-top>ul>li ul li:hover a{color:white;}
.app .footer .max-views .footer-bottom{/*display:flex;*/align-items:flex-end;justify-content:space-between;flex-direction:row;border-top: 1px solid #3e3e3e;}
.app .footer .max-views .footer-bottom p{color:#9E9E9F;}
.app .footer .max-views .footer-bottom p a{color:#9E9E9F;}
.app .footer .max-views .footer-bottom p a:hover{color:white;}


.dibubq{max-width: 1200px;    padding-bottom: 25px;}



.footer-top{width: 50%;float: left;}
.lxfs{width: 50%;float: left;}
.lxfs li{margin: 0 0 20px;line-height: 25px;}
.lxfs li span{font-size: 20px;color:#9E9E9E;} 
.lxfs li p{font-size: 16px;color:#fff;} 

.Copyright{padding-top: 20px;}

.container{width:1200px;margin:0 auto;}
/*产品展示*/
.pro-center{width:100%;height:auto;overflow:hidden;padding:35px 0 30px 0;background:#ffffff;}
.pro-center .title{font-size:34px;text-align:center;padding-bottom:5px;color:#333333;letter-spacing:1px;font-weight: 600;}
.pro-center .sub-title{font-size:20px;text-align:center;color:#333333;}
.pro-center .sub-title span{display:inline-block;height:30px;line-height:30px;width:auto;}
.pro-center .sub-title span.text{padding:0 10px;}
/*产品展示左侧*/
.pro-left{float:left;width:240px;box-sizing:border-box;box-shadow:0px 10px 10px #f7f7f7;}
.pro-content{width:100%;padding-top:40px;}
.pro-right{float:right;width:940px;}
.pro-left .left-title{background:#008c3f;height:110px;line-height:110px;text-align:center;}
.pro-left .left-title span{display:inline-block;color:#FFFFFF;font-size:24px;font-weight:bold;}
.pro-left .left-title span.text{padding:0 10px;}
.pro-left .left-category ul li{height:60px;line-height:60px;font-size:20px;text-align:center;cursor:pointer;color:#999999;}
.pro-left .left-category ul li.on{background:#4CAF50;color:#FFFFFF;}
.pro-left .left-category ul li:hover{background:#4CAF50;color:#FFFFFF;}
.pro-left .left-contact{margin-top:37px;margin-bottom:37px;text-indent:55px;background:url(../images/tel.png) left 5px center no-repeat;}
.pro-left .left-contact p{color:#008c3f;font-size:16px;}
.pro-left .left-contact p.tel{font-size:22px;font-weight: 600;}
/*产品展示右侧*/
.pro-right{display:none;}
.pro-right ul li{float:left;width:300px;background:#f7f7f7;border:1px solid #f7f7f7;margin-right:20px;box-sizing:border-box;margin-bottom:35px;transition:all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right:0;}
.pro-right ul li .img{width:100%;height:230px;overflow:hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height:50px;line-height:50px;text-align:center;font-size:18px;color:#333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.pro-right.active{display:block;}
.pro-right ul li:hover{box-shadow:0px 0px 15px #c6c6c6;transition:all .2s linear;}


/* 版权 */
.foo-lef{width: 100%;display: flow-root;    line-height: 55px;   border-bottom: 1px solid #3e3e3e;}
.foo-lef p{ float: left;}

#nav_21{display: none;}
#nav_20{display: none;}
#nav_19{display: none;}
#nav_18{display: none;}
#nav_17{display: none;}


/* 分页 */
.fenye{display:block;padding:0 15px;margin:50px 0 50px;border-radius:4px;text-align:center;}
.fenye>li.active{color:#fff;padding:6px 12px;background-color:#008c3f;border-color:#008c3f;}
.fenye>li.moresP{padding:6px 12px;}
.fenye>li{display:inline-block;margin-left:-4px;position:relative;padding:6px 0;line-height:1.42857143;color:#008c3f;margin-left:-1px;text-decoration:none;background-color:#fff;border:1px solid #e5e5e5;}
.fenye>li a{padding:6px 12px;}