.common-img{box-sizing: border-box;width: 100%;overflow: hidden;}
.common-img img{width: 100%;height: auto;display: block;margin: 0 auto;}

.location{width: 100%;line-height: 66px;background: #f2f4f5;}
.location p{box-sizing: border-box;font-size: 15px;color: #666666;padding-left: 20px;background: url(../image/location.png) left no-repeat;}
.location p a{color: #666666;display: inline-block;}
.location p i{display: inline-block;font-style: normal;font-family: '宋体';margin: 0 15px;}

.common-tab{box-sizing: border-box;width: 100%;padding: 50px 0 30px;text-align: center;overflow: hidden;border-bottom: 1px solid #efefef;}
.common-tab a{display: inline-block;box-sizing: border-box;font-size: 20px;color: #333333;margin: 0 12px;}
.common-tab a{padding: 12px 32px;border: 1px solid #efefef;border-radius: 28px;box-shadow: 0 3px 1px rgba(208, 208, 208, .2);}
.common-tab a.active{color: #ffffff;border: none;background: url(../image/commonTab.png) center no-repeat;background-size: cover;}
.common-tab a:hover{color: #ffffff;border: none;background: url(../image/commonTab.png) center no-repeat;background-size: cover;}
.common-channel{box-sizing: border-box;width: 100%;padding: 30px 0 30px;text-align: left;overflow: hidden;}
.common-channel a{display: inline-block;box-sizing: border-box;font-size: 18px;color: #333333;margin: 0 15px;background: #f5f5f5;}
.common-channel a{padding: 10px 25px;}
.common-channel a.active{color: #009944;font-weight: bold;}
.common-channel a:hover{color: #009944;font-weight: bold;}


.common-main{width: 100%;box-sizing: border-box;padding: 50px 0 115px 0;overflow: hidden;background: #ffffff;position: relative;}
.common-main .common-tags{width: 301px;height: 510px;float: right;box-sizing: border-box;border-radius: 20px 20px 0 0;overflow: hidden;background: url(../image/tags-bg.png) center no-repeat;background-size: cover;}
.common-main .common-tags .tags-top{width: 100%;height: 60px;line-height: 60px;box-sizing: border-box;padding: 0 20px;overflow: hidden;background: url(../image/tags-top.png) center;background-size: cover;}
.common-main .common-tags .tags-top h3{float: left;font-size: 24px;color: #ffffff;font-weight: bold;box-sizing: border-box;padding-left: 20px;background: url(../image/tags-h.png) left no-repeat;}
.common-main .common-tags .tags-top span{display: block;float: right;width: 26px;height: 60px;background: url(../image/tags-span.png) center no-repeat;}
.common-main .common-tags .tags-a{width: 100%;box-sizing: border-box;padding: 20px 4px;text-align: center;}
.common-main .common-tags .tags-a a{display: block;float: left; font-size: 15px;color: #9ca6b2;margin: 0 0 12px 12px; box-sizing: border-box;background: #ffffff;}
.common-main .common-tags .tags-a a{width: 80px;height: 36px;line-height: 36px;border-radius: 18px;padding: 0 5px; border: 1px solid #e5ecf5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.common-main .common-tags .tags-a a:hover{border: none;color: #ffffff;background: #009944;}
/* .common-main .fix-ul{position: fixed;top: 20px;z-index: 999;box-shadow: 0 0 6px 1px rgba(208 , 208, 208, .2);} */
.common-main .common-ul .tags-h3{width: 100%;box-sizing: border-box;margin-bottom: 30px;}
.common-main .common-ul .tags-h3 h3{font-size: 20px;color: #333333;}
.common-main .common-ul .tags-h3 h3 span{color: #009944;}
.common-main .common-ul{width: 1137px;float: left;box-sizing: border-box;}
.common-main .common-ul ul{width: 100%;box-sizing: border-box;padding-bottom: 30px;}
.common-main .common-ul ul li{width: 100%;box-sizing: border-box;overflow: hidden;margin-bottom: 23px;padding-bottom: 23px;border-bottom: 1px dashed #d5d5d5;}
.common-main .common-ul ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.common-main .common-ul ul li .y-img{width: 260px;height: 150px;float: left;overflow: hidden;background: #f5f5f5;}
.common-main .common-ul ul li .y-img img{width: 100%;height: auto;display: block;margin: 0 auto;}
.common-main .common-ul ul li .y-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.common-main .common-ul ul li:hover .y-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.common-main .common-ul ul li .y-txt{width: 850px;float: right;text-align: justify;}
.common-main .common-ul ul li .l-txt{width: 100%;}
.common-main .common-ul ul li .y-txt h3{font-size: 20px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.common-main .common-ul ul li .y-txt p{font-size: 14px;color: #666666;margin-top: 15px;}
.common-main .common-ul ul li .y-txt span{display: block;font-size: 13px;color: #999999;margin-top: 45px;}
.common-main .common-ul ul li:hover .y-txt h3{color: #009944;}

.common-main .common-case{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;}
.common-main .common-case li{width: 475px;float: left;margin: 0 0 63px 37px;}
.common-main .common-case li:nth-child(3n+1){margin-left: 0;}
.common-main .common-case li a{display: block;width: 100%;height: 100%;}
.common-main .common-case li .product-img{width: 100%;height: 330px;border-radius: 20px;overflow: hidden;}
.common-main .common-case li .product-img img{width: 100%;height: auto;display: block;margin: 0 auto;}
.common-main .common-case li .no-img{width: 100%;height: 330px;border-radius: 20px;overflow: hidden;display: flex;align-items: center;background: #f5f5f5;}
.common-main .common-case li .no-img img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.common-main .common-case li .product-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.common-main .common-case li:hover .product-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.common-main .common-case li h3{font-size: 20px;color: #333333;font-weight: 500;text-align: center;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.common-main .common-case li p{height: 45px;font-size: 16px;color: #999999;text-align: center;margin-top: 15px;}
.common-main .common-case li:hover h3{color: #009944;}

.common-main .common-jjfa{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;margin-top: 30px;}
.common-main .common-jjfa li{width: 100%;box-sizing: border-box;overflow: hidden;margin-bottom: 60px;background: #f6faff;}
.common-main .common-jjfa li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.common-main .common-jjfa li .y-img{width: 640px;height: 355px;float: left;overflow: hidden;background: #f5f5f5;}
.common-main .common-jjfa li .y-img img{width: 100%;height: auto;display: block;margin: 0 auto;}
.common-main .common-jjfa li .n-img{width: 640px;height: 355px;float: left;overflow: hidden;display: flex;align-items: center;background: #f5f5f5;}
.common-main .common-jjfa li .n-img img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.common-main .common-jjfa li .y-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.common-main .common-jjfa li:hover .y-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.common-main .common-jjfa li .y-txt{width: 820px;float: right;text-align: justify;box-sizing: border-box;padding: 35px 40px 0 0;}
.common-main .common-jjfa li .l-txt{width: 100%;}
.common-main .common-jjfa li .y-txt h3{font-size: 30px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.common-main .common-jjfa li .y-txt p{font-size: 16px;color: #666666;margin-top: 18px;line-height: 30px;}
.common-main .common-jjfa li .y-txt .y-span{width: 160px;height: 50px;line-height: 50px;border-radius: 25px;background: #ffffff;text-align: center;margin-top: 65px;}
.common-main .common-jjfa li .y-txt span{display: inline-block;font-size: 16px;color: #666666;box-sizing: border-box;padding-right: 25px;background: url(../image/cpzs-more.png) right no-repeat;}
.common-main .common-jjfa li:hover .y-txt h3{color: #009944;}
.common-main .common-jjfa li:hover .y-txt .y-span{background: url(../image/cpzs-active.png) center;background-size: cover;}
.common-main .common-jjfa li:hover .y-txt .y-span span{color: #ffffff;background: url(../image/cpzs-more2.png) right no-repeat;}


.lxwm-content{width: 100%;box-sizing: border-box;overflow: hidden;padding: 80px 0;overflow: hidden;background: #f2f4f5;}
.lxwm-content .lxwm-txt{width: 600px;height: 580px;float: left;box-sizing: border-box;padding: 50px 55px;text-align: justify;background: #ffffff;}
.lxwm-content .lxwm-txt .lxwm-h{font-size: 36px;color: #333333;font-weight: 500;}
.lxwm-content .lxwm-txt .lxwm-span{display: none;width: 40px;height: 1px;background: #000000;margin-top: 26px;}
.lxwm-content .lxwm-txt .lxwm-t{text-align: justify;box-sizing: border-box;margin-top: 42px;}
.lxwm-content .lxwm-txt .lxwm-t p{font-size: 16px;color: #333333;line-height: 35px;}
.lxwm-content .lxwm-txt .lxwm-h5{font-size: 20px;color: #333333;font-weight: 500;margin-top: 50px;}
.lxwm-content .lxwm-txt .lxwm-p{box-sizing: border-box;overflow: hidden;margin-top: 30px;}
.lxwm-content .lxwm-txt .lxwm-p img{width: 100px;height: 100px;float: left;}
.lxwm-content .lxwm-txt .lxwm-p span{float: left;display: block;font-size: 14px;line-height: 25px;color: #333333;margin: 25px 0 0 25px;}

.lxwm-content .lxwm-map{width: 900px;height: 580px;float: right;box-sizing: border-box;}
.lxwm-contact{width: 100%;box-sizing: border-box;overflow: hidden;padding: 70px 0 150px 0;background: #ffffff;}
.lxwm-contact h3{font-size: 36px;color: #333333;font-weight: 500;text-align: center;}
.lxwm-contact a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;margin: 25px auto 0;border-radius: 25px;overflow: hidden;background: url(../image/cpzs-active.png) center;background-size: cover;}
.lxwm-contact a{font-size: 20px;color: #ffffff;}

.about-one{width: 100%;padding: 80px 0 0;box-sizing: border-box;overflow: hidden;}
.about-one .gsjj-img{width: 1004px;height: 570px;float: left;box-sizing: border-box;overflow: hidden;box-shadow: 0 0 6px 1px rgba(0, 0, 0, .30);}
.about-one .gsjj-img video{width: 100%;height: 100%;background: #f3f2ff;}
.about-one .gsjj-img video::-internal-media-controls-download-button{display:none;}
.about-one .gsjj-img video::-webkit-media-controls-enclosure{overflow:hidden;}
.about-one .gsjj-img video::-webkit-media-controls-panel{width: calc(100% + 30px);}
.about-one .gsjj-img a{display: block;width: 100%;height: 100%;position: relative;}
.about-one .gsjj-img img{width: 100%;height: auto;display: block;margin: 0 auto;}
.about-one .gsjj-img span{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 28, 32, .36);z-index: 9;}
.about-one .gsjj-img i{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 70px;height: 70px;background: url(../image/gywm-video.png) center no-repeat;z-index: 10;}
.about-one .gsjj-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.about-one .gsjj-img:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.about-one .gsjj-txt{width: 440px;float: right;box-sizing: border-box;overflow: hidden;text-align: justify;}
.about-one .gsjj-txt h3{font-size: 48px;color: #333333;font-weight: 500;text-align: center;}
.about-one .gsjj-txt p{font-size: 18px;color: #666666;line-height: 35px;text-indent: 2em;margin-top: 30px;}
.about-one .gsjj-txt a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;margin: 25px 0 0;border-radius: 25px;overflow: hidden;background: url(../image/cpzs-active.png) center;background-size: cover;}
.about-one .gsjj-txt a{font-size: 20px;color: #ffffff;}

.about-two{width: 100%;padding: 80px 0;box-sizing: border-box;overflow: hidden;background: url(../image/about-bg1.jpg) center no-repeat;background-size: cover;}
.about-three{width: 100%;height: 650px;padding: 60px 0;box-sizing: border-box;overflow: hidden;background: url(../image/about-bg2.jpg) center no-repeat;background-size: cover;}
.about-three h3{font-size: 48px;color: #ffffff;text-align: center;font-weight: 500;}
.about-three h3 a{color: #ffffff;}
.about-three ul{width: 100%;height: 380px;box-sizing: border-box;margin-top: 70px; display: flex;align-items: center;justify-content: center;position: relative;background: url(../image/about-x.png) center no-repeat;}
.about-three ul li{width: 150px;height: 95px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;position: relative;}
.about-three ul li span{display: block;width: 13px;height: 13px;background: url(../image/about-three-d.png) center;}
.about-three ul li .about-three-nav{width: 261px;height: 140px;box-sizing: border-box;text-align: justify;position: absolute;cursor: pointer;}
.about-three ul li .about-three-nav a{display: block;width: 100%;height: 100%;}
.about-three ul li:nth-child(n+1) .about-three-nav{padding: 30px 25px;left: -57px;bottom: -140px;background: url(../image/about-three-2.png) center;}
.about-three ul li:nth-child(2n) .about-three-nav{padding: 20px 25px;left: -57px;top: -140px;background: url(../image/about-three-1.png) center;}
.about-three ul li .about-three-nav h5{font-size: 20px;color: #333333;font-weight: bold;}
.about-three ul li .about-three-nav p{font-size: 16px;color: #666666;margin-top: 15px;}
.about-three ul li:nth-child(n+1) .about-three-nav:hover{background: url(../image/about-three-b.png) center;}
.about-three ul li:nth-child(2n) .about-three-nav:hover{background: url(../image/about-three-a.png) center;}
.about-three ul li .about-three-nav:hover h5{color: #ffffff;}
.about-three ul li .about-three-nav:hover p{color: #ffffff;}

.about-four{width: 100%;padding: 60px 0;box-sizing: border-box;overflow: hidden;}
.about-four h3{font-size: 48px;color: #333333;text-align: center;font-weight: 500;}
.about-four h3 a{color: #333333;}
.about-four .about-qyfc{width: 100%;overflow: hidden;position: relative;margin-top: 45px;}
.about-four .about-qyfc .swiper-slide{width: 345px;float: left;}
.about-four .about-qyfc .swiper-slide a{display: block;width: 100%;height: 100%;}
.about-four .about-qyfc .swiper-slide .qyfc-img{width: 100%;height: 240px;overflow: hidden;border-radius: 16px;}
.about-four .about-qyfc .swiper-slide .qyfc-img img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto;}
.about-four .about-qyfc .swiper-slide .qyfc-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.about-four .about-qyfc .swiper-slide:hover .qyfc-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.about-four .about-qyfc .swiper-slide p{font-size: 18px;color: #333333;text-align: center;margin-top: 15px;}
.about-four .about-qyfc .swiper-pagination{position: relative;margin-top: 85px;}
.about-four .about-qyfc .swiper-pagination span{width: 13px;height: 13px;background: #dddddd;opacity: 1;}
.about-four .about-qyfc .swiper-pagination span.swiper-pagination-bullet-active{background: #009944;}

.about-five{width: 100%;height: auto;padding: 60px 0;box-sizing: border-box;overflow: hidden;background: url(../image/about-bg3.jpg) center no-repeat;background-size: cover;}
.about-five h3{font-size: 48px;color: #333333;text-align: center;font-weight: 500;}
.about-five h3 a{color: #333333;}
.about-five .about-zzry{width: 100%;overflow: hidden;position: relative;margin-top: 65px;}
.about-five .about-zzry .swiper-slide{width: 345px;float: left;}
.about-five .about-zzry .swiper-slide a{display: block;width: 100%;height: 100%;}
.about-five .about-zzry .swiper-slide .zzry-img{width: 100%;height: 300px;overflow: hidden;display: flex;align-items: center;justify-content: center;background: #f5f5f5;}
.about-five .about-zzry .swiper-slide .zzry-img img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.about-five .about-zzry .swiper-slide .zzry-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.about-five .about-zzry .swiper-slide:hover .zzry-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.about-five .about-active{width: 100%;box-sizing: border-box;overflow: hidden;}
.about-five .about-active img{width: auto;height: auto;display: block;margin: 35px auto 0;}

.about-six {width: 100%;padding: 90px 0 150px 0;box-sizing: border-box;overflow: hidden;}
.about-six img{width: 100%;height: auto;display: block;margin: 0 auto;}

.aboutMain{width: 100%;box-sizing: border-box;overflow: hidden;padding: 80px 0;}
.aboutMain .container{position: relative;}
.aboutMain .about-i{width: 4px;position: absolute;left: 0;top: 0;bottom: 0;background: url(../image/about-bg4.png) center top;overflow: hidden;}
.aboutMain .about-i i{background: #009944;position: absolute;left: 0;top: 0;width: 4px;height: 0%;}
.aboutMain .newsUl{box-sizing: border-box;padding-top: 20px;}
.aboutMain .newsUl li{width: 100%;height: 115px;box-sizing: border-box;position: relative;margin-bottom: 30px;}
.aboutMain .newsUl li a{display: block;width: 100%;height: 100%;box-sizing: border-box;}
.aboutMain .newsUl li i{display: block;width: 20px;height: 20px;box-sizing: border-box;border-radius: 100%;position: absolute;left: -8px;top: 8px;background: #00a1e9;}
.aboutMain .newsUl li .nTime{float: left;width: 200px;box-sizing: border-box;padding: 0 10px 10px; margin-left: 38px;}
.aboutMain .newsUl li .nTime p{font-size: 26px;color: #666666;font-weight: bold;}
.aboutMain .newsUl li .nTxt{float: left;width: 650px;box-sizing: border-box;text-align: justify;word-break: break-all;}
.aboutMain .newsUl li .nTxt p{font-size: 20px;color: #666666;line-height: 30px;}
.aboutMain .newsUl li.on i{width: 24px;height: 24px;left: -10px; border: 4px solid #009944;background: #ffffff;}
.aboutMain .newsUl li.on .nTime p{color: #009944;}
.aboutMain .newsUl li.on .nTxt p{color: #009944;}

/*饮水百科-详情页*/
.showMain{width: 100%;box-sizing: border-box;padding: 65px 0 125px 0;background: #ffffff;}
.showWhite{width: 100%;box-sizing: border-box;background: #ffffff;}
.showTitle{box-sizing: border-box;border-bottom: 1px solid #e2e2e2;}
.showTitle h3{font-size: 24px;color: #333333;}
.jjfaTitle{box-sizing: border-box;padding-bottom: 20px;border-bottom: 1px solid #e2e2e2;}
.jjfaTitle h3{font-size: 32px;color: #555555;text-align: center;}

.showTitle .showInfo{box-sizing: border-box;height: 31px;margin-top: 30px;}
.showTitle .showInfo p{display: block;float: left;line-height: 24px;font-size: 14px;color: #999999;}
.showTitle .showInfo p b{display: inline-block;color: #666666;margin-right: 25px;font-weight: normal;}
.showTitle .showInfo p .showInfoBM { color:#666666;}
.showTitle .showInfo .showShare{float: right;box-sizing: border-box;}
.showTitle .showInfo .showShare span{float: left; display: block;font-size: 14px;line-height: 24px;color: #999999;box-sizing: border-box;}
.showTitle .showInfo .showShare .share{float: left;box-sizing: border-box;}
.showTitle .showInfo .showShare .share a{display: inline-block;width: 24px;font-size: 14px;color: #666666;height: 24px;line-height: 24px;margin: 0 0 6px; box-sizing: border-box;padding-left: 30px;}
.showTitle .showInfo .showShare .share .help{text-align: center;box-sizing: border-box;overflow: hidden;padding: 0 10px;}
.showTitle .showInfo .showShare .share a:before{content: '';}
.showTitle .showInfo .showShare .share a p{font-size: 12px;}
.showTitle .showInfo .showShare .share a.share-wx{background: url(../image/shareWechat.png) left no-repeat;}
.showTitle .showInfo .showShare .share a.share-tsina{background: url(../image/shareWeibo.png) left no-repeat;}
.showTitle .showInfo .showShare .share a.share-qzone{background: url(../image/shareQzone.png) left no-repeat;}

.showContent{box-sizing: border-box;font-size: 20px;text-align: justify;padding: 35px 0;overflow: hidden;width: 100%; word-break:break-all}
.showContent p{font-size: 18px;color: #333333;line-height: 35px;}
.showContent img{width: auto!important;max-width: 100%;height: auto!important;margin: 10px auto;}

.showContent section:first-child{text-align: center;width: 677px;margin: 0 auto!important;}
.showContent section{text-align: center;}
.showContent section img{display: block;margin: 0 auto !important;}
.showContent table{margin: 0 auto!important;width: 800px!important;}
.showContent table tr td{border: 1px solid #d7dde4!important;box-sizing: border-box;padding: 8px;font-size: 16px;}
.showContent .mejs__container {margin: 0 auto;}

.showVideo{width: 100%;height: 750px; box-sizing: border-box;text-align: justify; margin-top: 30px;}
.showVideo video{width: 100%;height: 100%;background: #f3f2ff;}
.showVideo video::-internal-media-controls-download-button{display:none;}
.showVideo video::-webkit-media-controls-enclosure{overflow:hidden;}
.showVideo video::-webkit-media-controls-panel{width: calc(100% + 30px);}

.showTabs{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 30px;}
.showTabs p{font-size: 18px;color: #666666;box-sizing: border-box;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showTabs p a{color: #333333;}
.showTabs p a:hover{color: #009944;}
.showTabs p span{color: #333333;}

.showNews{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 90px;}
.showNews h3{font-size: 18px;color: #333333;font-weight: 500;box-sizing: border-box;padding-bottom: 10px;border-bottom: 1px solid #dbdee4;}
.showNews ul{width: 100%;box-sizing: border-box;overflow: hidden;padding-top: 35px;}
.showNews ul li{width: 48%;float: left;box-sizing: border-box;margin: 0 0 14px 2%;}
.showNews ul li:nth-child(2n+1){margin-left: 0;}
.showNews ul li a{display: block;font-size: 16px;color: #333333;box-sizing: border-box;padding-left: 15px;background: url(../image/n-d.png) left no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showNews ul li a:hover{color: #009944;background: url(../image/n-h.png) left no-repeat;}

/*工程案例-详情页*/
.showCase{width: 100%;box-sizing: border-box;padding: 70px 0 125px 0;background: #ffffff;}
.showCase .showCase-top{width: 100%;box-sizing: border-box;padding: 50px;border: 1px solid #efefef;box-shadow: 0 3px 1px rgba(208, 208, 208, .2);}
.showCase .showCase-top .showCase-title{width: 100%;font-size: 36px;color: #333333;font-weight: bold;text-align: center;}
.showCase .showCase-top .showCase-swiper{width: 813px;height: 526px;margin: 35px auto 0;overflow: hidden;position: relative;}
.showCase .showCase-top .showCase-swiper .swiper-slide{width: 100%;height: 526px;overflow: hidden;background: #f5f5f5;}
.showCase .showCase-top .showCase-swiper .swiper-slide img{width: 100%;height: auto;display: block;margin: 0 auto;}
.showCase .showCase-top .showCase-swiper .swiper-button-prev {left: 15px;width: 60px;height: 60px;background: url(../image/case-l.png) center no-repeat;}
.showCase .showCase-top .showCase-swiper .swiper-button-prev:hover {background: url(../image/case-lh.png);}
.showCase .showCase-top .showCase-swiper .swiper-button-next {right: 15px;width: 60px;height: 60px;background: url(../image/case-r.png) center no-repeat;}
.showCase .showCase-top .showCase-swiper .swiper-button-next:hover {background: url(../image/case-rh.png);}

.showCase .showCase-top .showCase-h5{font-size: 24px;color: #00a1e9;font-weight: 500;padding-bottom: 10px;margin-top: 50px;box-sizing: border-box;border-bottom: 1px solid #efefef;}

.showCase .showCase-top .showCase-content{width: 100%;box-sizing: border-box;margin-top: 25px;font-size: 16px;text-align: justify;overflow: hidden;word-break:break-all}
.showCase .showCase-top .showCase-content p{font-size: 16px;color: #333333;line-height: 35px;}
.showCase .showCase-top .showCase-content img{width: auto!important;max-width: 100%;height: auto!important;margin: 0 auto;}

.showCase-video{width: 813px;height: 526px; box-sizing: border-box;text-align: justify; margin: 30px auto 0;}
.showCase-video video{width: 100%;height: 100%;background: #f3f2ff;object-fit: cover;}
.showCase-video video::-internal-media-controls-download-button{display:none;}
.showCase-video video::-webkit-media-controls-enclosure{overflow:hidden;}
.showCase-video video::-webkit-media-controls-panel{width: calc(100% + 30px);}

.showCase-tabs{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 45px;}
.showCase-tabs p{height: 60px;line-height: 60px;font-size: 20px;color: #333333;box-sizing: border-box;margin-top: 15px;padding: 0 20px;border: 1px dashed #dcdcdc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showCase-tabs p a{color: #00a1e9;}
.showCase-tabs p span{color: #00a1e9;}
.showCase-tabs p:hover{color: #ffffff;background: url(../image/tabsHover.jpg) center no-repeat;background-size: cover;border: none;}
.showCase-tabs p:hover a{color: #ffffff;}
.showCase-tabs p:hover span{color: #ffffff;}

.showCase-common{width: 100%;box-sizing: border-box;padding: 32px 32px 0;}
.showCase-xgal{background: #f6faff;margin-top: 90px;}
.showCase-tjcp{border: 1px solid #eeeeee;margin-top: 60px;}
.showCase-common h3{font-size: 30px;color: #333333;font-weight: bold;}
.showCase-common ul{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 34px;}
.showCase-common ul li{float: left;width: 260px;margin: 0 0 35px 33px;}
.showCase-common ul li:nth-child(5n+1){margin-left: 0;}
.showCase-common ul li a{display: block;width: 100%;height: 100%;}
.showCase-common ul li .y-img{width: 100%;height: 190px;overflow: hidden;background: #f5f5f5;}
.showCase-common ul li .y-img img{width: 100%;height: auto;display: block;margin: 0 auto;}
.showCase-common ul li .n-img{width: 100%;height: 190px;overflow: hidden;display: flex;align-items: center;background: #f5f5f5;}
.showCase-common ul li .n-img img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.showCase-common ul li .y-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.showCase-common ul li:hover .y-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.showCase-xgal p{font-size: 16px;color: #333333;margin-top: 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showCase-tjcp p{font-size: 18px;color: #333333;margin-top: 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showCase-common ul li span{display: block;font-size: 16px;color: #999999;margin-top: 10px;text-align: justify;}
.showCase-common ul li:hover p{color: #009944;}

.showCase-tags{width: 100%;box-sizing: border-box;padding: 32px 32px 16px;background: #f6faff;margin-top: 60px;position: relative;}
.showCase-tags span{display: block;float: left;font-size: 18px;color: #666666;line-height: 36px;}
.showCase-tags p{font-size: 15px;color: #9ca6b2;box-sizing: border-box;padding-left: 80px;}
.showCase-tags p a{color: #9ca6b2;display: inline-block;padding: 7px 15px;margin: 0 8px 16px;box-sizing: border-box;border: 1px solid #e5ecf5;background: #ffffff;}
.showCase-tags p a:hover{color: #ffffff;background: #009944;border-color: #009944;}



/*网站地图*/
.sitemapMain{box-sizing: border-box;overflow: hidden;padding: 30px 0;}
.sitemapMain dl{box-sizing: border-box;padding: 10px 0;margin-bottom: 10px;border-bottom: 1px dashed #D7D7D8;}
.sitemapMain dl dt{font-size: 18px;color: #333333;font-weight: bold;}
.sitemapMain dl dt a{color: #a32620;}
.sitemapMain dl dd{box-sizing: border-box;overflow: hidden;margin-top: 10px;}
.sitemapMain dl dd a{font-size: 15px;color: #333333;display: inline-block;box-sizing: border-box;padding: 0 15px;}
.sitemapMain dl dd a:first-child{background: none;padding-left: 0;}
.sitemapMain dl dd a:hover{color: #a32620;}

/*分页*/
.newsPage{width: 100%; box-sizing: border-box;text-align: center;padding: 25px 0;}
.newsPage .newsPageContent a{width: 40px;height: 40px;text-align: center;line-height: 40px; font-size: 16px;color: #333333;box-sizing: border-box;border-radius: 100%;cursor: pointer; display: inline-block;background: #fafafa;border: 1px solid #eeeeee; margin:0 4px;}
.newsPage .newsPageContent a.prev{font-family: "仿宋";font-size: 18px;}
.newsPage .newsPageContent a.next{font-family: "仿宋";font-size: 18px;}
.newsPage .newsPageContent span{width: auto;height: 42px;text-align: center;line-height: 42px; font-size: 15px;color: #333333;box-sizing: border-box;border-radius: 42px;cursor: pointer;padding: 0 15px; display: inline-block;background: #fafafa;border: 1px solid #eeeeee; margin:0 4px;}
.newsPage .newsPageContent a.active{color: #FFFFFF;background: url(../image/pages-hover.png) center;border: none;}
.newsPage .newsPageContent a.current{color: #FFFFFF;background: url(../image/pages-hover.png) center;border: none;}
.newsPage .newsPageContent a:hover{color: #FFFFFF;;background: url(../image/pages-hover.png) center;border: none;}
.newsPage .newsPageContent select{font-size: 14px;color: #333333;box-sizing: border-box;width: 70px;height: 40px;border-radius: 40px;text-align: center;display: inline-block;border: 1px solid #eeeeee; cursor: pointer;background: #ffffff;}