@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: .4rem;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{position: absolute;left: 10%;top: 50%;right: 10%;transform: translateY(-50%);text-align: center;}
.banner .swiper-slide .txt{ color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;text-shadow: 0 0 .1rem rgba(0,0,0,.6);}
.banner .swiper-slide .txt h2{font-size: .26rem;}
.banner .swiper-slide .txt p{font-weight: 300;font-size: .14rem;margin-top: .05rem;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination-horizontal{bottom: .3rem;}
.banner .swiper-pagination-bullet{background: none;width: .04rem;height: .04rem;border-radius: 1rem;border:2px solid #FFF;opacity:1;}
.banner .swiper-pagination-bullet-active{background: #FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{display: none;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: .14rem;}

.dyip{padding: 5% 25%;}
.dyip ul{display: flex;justify-content: space-between;}
.dyip li{position: relative;margin-bottom: .2rem;background: #FFF;width: 49%;}
.dyip li figure{padding-bottom: 70%;}
.dyip li .txt{position: absolute;left: 10%;top: 10%;z-index: 100;}
.dyip li .txt h2{font-size: .14rem;}
.dyip li .txt p{font-size: .1rem;margin-top: .03rem;}
.dyip li .more{position: absolute;left: 10%;bottom: 10%;z-index: 100;width: .14rem;height: .14rem;background: #000;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.dyip li .more i{font-size: .06rem;color: #FFF;}
.dyip .pic{position: relative;}
.dyip .pic figure{padding-bottom: 50%;}
.dyip .pic .txt{position: absolute;left: 55%;top: 15%;z-index: 100;width: 35%;}
.dyip .pic .txt h2{font-size: .14rem;}
.dyip .pic .txt p{font-size: .1rem;margin-top: .03rem;}
.dyip .pic .more{position: absolute;left: 55%;top: 40%;z-index: 100;width: .14rem;height: .14rem;background: #000;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.dyip .pic .more i{font-size: .06rem;color: #FFF;}

.index_pic{background: url(../images/pic24.jpg) no-repeat center;background-size: cover;position: relative;padding: 1rem 15%;display: flex;justify-content: right;}
.index_pic .txt{color: #FFF;}
.index_pic .txt h2{font-size: .22rem;}
.index_pic .txt p{margin-top: .1rem;font-size: .1rem;width: 50%;}
.index_pic .txt .more{margin-top: .3rem;background: #FFF;display: inline-block;font-size: .1rem;border-radius: 1rem;}
.index_pic .txt .more a{color: #333;padding: .05rem .1rem;display: flex;align-items: center;justify-content: space-between;}
.index_pic .txt .more a:hover{text-decoration: none;}
.index_pic .txt .more i{font-size: .12rem;padding-left: .1rem;}

.derp .title{text-align: center;font-size: .18rem;font-weight: bold;}
.derp ul{display: flex;align-items: stretch;margin-left: -2%;text-align: center;margin-top: .2rem;flex-wrap: wrap;}
.derp li{width: 31.333%;margin-left: 2%;display: flex;align-items: center;flex-flow: column;background: #f0f0ef;box-sizing: border-box;padding: .2rem .3rem;}
.derp li i{width: .3rem;height: .3rem;font-size: .16rem;display: flex;align-items: center;justify-content: center;background: #000;border-radius: 100%;color: #FFF;}
.derp li h2{font-size: .1rem;font-weight: bold;margin-top: .1rem;}
.derp li p{margin-top: .1rem;line-height: 1.6;}

.dsanp .title{text-align: center;font-size: .18rem;font-weight: bold;}
.dsanp .box{display: flex;align-items: stretch;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;}
.dsanp .box .pic{width: 47%;position: relative;}
.dsanp .box .pic figure{padding-bottom: 67%;}
.dsanp .box .pic h2{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);padding: .1rem;color: #FFF;font-size: .1rem;}
.dsanp .box ul{width: 47%;margin-bottom: -.2rem;}
.dsanp .box li{margin-bottom: .2rem;}
.dsanp .box li a:hover{text-decoration: none;}
.dsanp .box li .riqi{padding: .07rem;float: left;text-align: center;transition: all .3s;}
.dsanp .box li .riqi span{font-size: .2rem;}
.dsanp .box li:hover .riqi{background: #000;color: #FFF;}
.dsanp .box li .txt{margin-left: 18%;}
.dsanp .box li .txt strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;font-size: .1rem;}
.dsanp .box li .txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: .05rem;color: #999;}

.dsip .box{position: relative;background: url(../images/pic25.jpg) no-repeat center fixed;background-size: cover;}
.dsip .box .txt{color: #FFF;display: flex;justify-content: right;padding: .6rem 13%;}
.dsip .box .txt .txt_box{width: 50%;background: rgba(0,0,0,.5);padding: .3rem;box-sizing: border-box;}
.dsip .box .txt .title{font-size: .16rem;font-weight: bold;margin-bottom: .1rem;}
.dsip .box .txt p{line-height: 30px;font-size: 16px;}
.dsip .box .txt .more{background: #FFF;border-radius: 1rem;font-size: .1rem;margin-top: .2rem;display: inline-block;}
.dsip .box .txt .more a{padding: .05rem .2rem;display: block;}
.dsip .box .txt .more a:hover{text-decoration: none;}


.banner_pic{position: relative;margin-top: .4rem;}
.banner_pic figure{width: 100%;padding-bottom: 35%;}
.banner_pic .title{position: absolute;left: 0;top: 5%;right: 0;text-align: center;color: #FFF;}
.banner_pic .title h2{text-transform: uppercase;}
.banner_pic .title p{margin-top: .1rem;}

.subnaver{padding:.1rem 10%;margin-top: .4rem;background: #FFF;border-top: 1px solid #DDD;}
.subnaver ul{display: flex;align-items: center;justify-content: center;flex-flow: wrap;}
.subnaver li{position: relative;margin: 0 .1rem;}
.subnaver li a{display: block;padding: .05rem 0;overflow: hidden;transition: all .3s;}
.subnaver li a:after{content: "";display: block;width: 0;height: 2px;background: #000;position: absolute;left: 0;bottom: 0;border-radius: 1rem;transition: all .3s;}
.subnaver li a:hover{display: block;text-decoration: none;color: #000;}
.subnaver li a.current{color: #000;}
.subnaver li:hover a:after{width: 100%;opacity: 1;}
.subnaver li a.current:after{width: 100%;opacity: 1;}

.subnavsan{margin-top: .5rem;position: absolute;left: 0;right: 0;bottom: 0;}
.subnavsan ul{display: flex;align-items: center;justify-content: center;flex-flow: wrap;}
.subnavsan li{position: relative;margin-right: .2rem;font-weight: bold;}
.subnavsan li a{display: block;padding: .05rem 0;overflow: hidden;transition: all .3s;}
.subnavsan li a:after{content: "";display: block;width: 0;height: 3px;background: #f2941b;position: absolute;left: 0;bottom: 0;border-radius: 1rem;transition: all .3s;}
.subnavsan li a:hover{display: block;text-decoration: none;color: #f2941b;}
.subnavsan li a.current{color: #f2941b;}
.subnavsan li:hover a:after{width: 100%;opacity: 1;}
.subnavsan li a.current:after{width: 100%;opacity: 1;}

.about_dyip .title{text-align: center;text-transform: uppercase;font-size: .18rem;font-weight: bold;}
.about_dyip .txt{line-height: 1.6;color: #666;margin-top: .2rem;}
.about_dyip .txt p{padding-bottom: .1rem;}
.about_dyip .pic{margin-top: .3rem;}
.about_dyip figure{padding-bottom: 40%;}

.lingxian li{position: relative;display:flex;align-items: center;justify-content:space-between;margin-bottom:.3rem;border-bottom:1px solid #CCC;padding-bottom:.3rem;flex-wrap: wrap;}
.lingxian li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.lingxian li .pic{width:48%;background: #F5F5F5;}
.lingxian li figure{padding-bottom: 60%;}
.lingxian li .txt{width:48%;}
.lingxian li p{line-height: 1.6;margin-top: .1rem;}
.lingxian li h2{font-size: .16rem;font-weight:bold;}
.lingxian li h3{font-size: .14rem;}


.huoban ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.huoban li{width: 12%;box-sizing: border-box;border: 1px solid #DDD;margin-bottom: .5%;}
.huoban li .pic{width: 100%;height: 0;padding-bottom: 100%;position: relative;}
.huoban li .pic img{width: 80%;height: 80%;object-fit: contain;position: absolute;top: 10%;left: 10%;}


.zhengshu{padding: 5% 8%;}
.zhengshu .title{text-align: center;}
.zhengshu ul{display: flex;flex-wrap: wrap;margin-top: .3rem;margin-bottom: -2%;margin-left: -2%;}
.zhengshu li{width: 23%;text-align: center;margin-bottom: 2%;font-size: .12rem;margin-left: 2%;border: 1px solid #DDD;box-sizing: border-box;}
.zhengshu li figure{padding-bottom: 70%;}
.zhengshu li p{padding: .1rem;}


.products ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.products li{position: relative;margin-left: 2%;width: 23%;margin-bottom: 2%;text-align: center;background: #FFF;}
.products li .pic figure{padding-bottom: 100%;}
.products li:hover .pic figure img{transform: scale(1.2);}
.products li p{color: #333;padding: .1rem 0;}

.products_con img{max-width: 100%;margin-bottom:.05rem;}

.products_con .products_con_t .left{width: 40%;float: left;}
.products_con .products_con_t .left img{width: 100%;}
.gallery-top_products{box-sizing: border-box;position: relative;}
.gallery-top_products .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-top_products .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-top_products .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.products_con .products_con_t .left .swiper-father{position: relative;padding: 0 .3rem;}
.products_con .swiper-father .swiper-button-next,.products_con .swiper-father .swiper-button-prev{background: none;width: .2rem;height: .2rem;text-align: center;line-height: .2rem;margin-top: -.1rem;outline: medium;color: #666;z-index: 100;}
.products_con .swiper-father .swiper-button-next:after,.products_con .swiper-father .swiper-button-prev:after{font-size: .14rem;}
.gallery-thumbs_products{padding: .1rem 0;}
.gallery-thumbs_products .swiper-slide{opacity: .6;cursor: pointer;box-sizing: border-box;position: relative;}
.gallery-thumbs_products .swiper-slide-thumb-active {opacity: 1;}

.products_con_t .right{width: 55%;float: right;}
.products_con_t .right h2{font-size: .12rem;display: block;font-weight: bold;}
.products_con_t .right .txt{line-height: 1.6;margin-top: .1rem;}
.products_con_t .right .txt strong{font-weight: bold;}
.products_con_t .right .color{margin-top:.2rem;}
.products_con_t .right h3{border-bottom:1px solid #DDD;font-weight: bold;padding-bottom:.05rem;}
.products_con_t .right dl{margin-top:.1rem;margin-left:-2%;display:flex;}
.products_con_t .right dd{width:10%;margin-left:2%;border:1px solid #CCC;box-sizing:border-box;}
.products_con_t .right dd figure{padding-bottom:100%;}
.products_con_t .right dd.current{border:1px solid #000;}
.products_con_t .right ul{display: flex;align-items: center;margin-top: .3rem;}
.products_con_t .right li{margin-right: .1rem;}
.products_con_t .right li i{font-size: .12rem;padding-right: .05rem;}
.products_con_t .right li a{display: flex;align-items: center;justify-content: space-between;padding: .05rem .1rem;background: #333;transition: all .3s;color: #FFF;}
.products_con_t .right li a:hover{text-decoration: none;background: #333;}

.products_con_b{margin-top: .2rem;padding-bottom: .2rem;}
.products_con_b .gallery-thumbs_products_xq{border-bottom: 2px solid #EEE;border-top: 2px solid #EEE;}
.products_con_b .gallery-thumbs_products_xq .swiper-slide{font-size: .1rem;padding: .05rem 0;color: #333;cursor: pointer;background: #F7F7F7;text-align: center;font-weight: bold;}
.products_con_b .gallery-thumbs_products_xq .swiper-slide-thumb-active{color:#FFF;background: #000;}
.products_con_b .gallery-top_products_xq{padding-top: .2rem;}
.products_con_b .gallery-top_products_xq .swiper-slide .txt{line-height: 1.6;width:60%;margin:0 auto;}
.products_con_b .gallery-top_products_xq .swiper-slide img{width: 100%;}
.products_con_b .gallery-top_products_xq .swiper-slide table{border-collapse:collapse;border-left: 1px solid #DDD;border-top: 1px solid #DDD;width: 100%;}
.products_con_b .gallery-top_products_xq .swiper-slide th{border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .1rem;background: #e6212a;color: #FFF;font-weight: bold;font-size: .1rem;}
.products_con_b .gallery-top_products_xq .swiper-slide td{border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .1rem;font-size: .1rem;}
.products_con_b .gallery-top_products_xq .swiper-slide video{width: 100%;}

.products_con_b{text-align:center;}

.products_related{margin-top: .3rem;}
.products_related .title{font-size: .14rem;}
.products_related .picshi{margin-top: .2rem;text-align: left;}
.products_related .swiper-slide{text-align: center;}
.products_related .swiper-slide figure{padding-bottom: 100%;}
.products_related .swiper-slide h2{padding: .1rem;}
.products_related .swiper-slide a:hover{text-decoration: none;}

.xiaoshou .list h2{font-weight: bold;font-size: .12rem;}
.xiaoshou .list ul{display: flex;align-items: stretch;margin-left: -2%;margin-top: .1rem;flex-wrap: wrap;}
.xiaoshou .list li{width: 48%;margin-left: 2%;background: #F5F5F5;padding: .1rem;box-sizing: border-box;margin-bottom: 2%;}
.xiaoshou .list li strong{font-weight: bold;}
.xiaoshou .list li p{padding-top: .05rem;}

.news ul{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.news li{width: 30.333%;position: relative;padding-bottom: .36rem;margin-bottom: 3%;}
.news li .txt{padding: .2rem;position: relative;z-index: 1;}
.news li .txt h2{font-size: .12rem;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: .05rem;}
.news li .txt p{line-height: 2;font-size: .08rem;font-weight: bold;color:#1226aa;}
.news li a{display: block;transition: all .3s;}
.news li a:hover{text-decoration: none;}
.news li .pic{position: relative;}
.news li .pic .time{position: absolute;right: 0;top: 0;background: #FFF;z-index: 100;text-align: center;padding: .05rem;color: #333;}
.news li a:hover .pic .time{color: #1226aa;}
.news li .pic .time p{font-size: .24rem;font-weight: bold;}
.news li figure{padding-bottom: 60%;}
.news li .li_b{display: flex;align-items: center;justify-content: space-between;background: #F5F5F5;padding: 0 .2rem;color: #999;font-size: .08rem;position: absolute;left: 0;bottom: 0;right: 0;height: .36rem;}
.news li .li_b i{font-size: .1rem;width: .2rem;height: .2rem;display: flex;align-items: center;justify-content: center;border: 1px solid #1226aa;border-radius: 100%;color:#1226aa;transition: all .3s;}
.news li:hover .li_b i{background: #1226aa;color: #FFF;}
.news li:last-child:nth-child(3n+1) {margin-right: calc((100% - 30.333%) / 2 * 2);}
.news li:last-child:nth-child(3n+2) {margin-right: calc((100% - 30.333%) / 2 * 1);}

.news_con .left{width: 65%;float: left;background: #FFF;box-sizing: border-box;}
.news_con .left .title h2{font-size: .16rem;color:#1226aa;}
.news_con .left .title p{margin-top: 10px;color: #999;}
.news_con .left .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #e7e7e7;padding: .2rem 0;}
.news_con .left .txt p{padding-bottom: 10px;}
.news_con .left .txt img{max-width: 100%;}
.news_con .right{width: 30%;float: right;background: #FFF;box-sizing: border-box;}
.news_con .right h2{font-size: .14rem;}
.news_con .right ul{margin-top: .1rem;}
.news_con .right li{box-sizing: border-box;position: relative;font-size: 0;border-bottom: 1px solid #EEE;padding: .1rem 0;}
.news_con .right li:last-child{border-bottom: none;}
.news_con .right li figure{width: 30%;padding-bottom: 25%;display: inline-table;vertical-align: middle;}
.news_con .right li:hover figure img{transform: scale(1.1);}
.news_con .right li .txt{position: relative;z-index: 1;display: inline-table;vertical-align: middle;width: 67%;box-sizing: border-box;margin-left: 3%;}
.news_con .right li .txt strong{display: block;font-size: .1rem;}
.news_con .right li .txt .more{margin-top: .1rem;font-size: .08rem;display: inline-block;color: #333;padding: .01rem .1rem;transition: all .3s;border: 1px solid #DDD;}
.news_con .right li:hover .txt .more{border: 1px solid #1226aa;color: #1226aa;}
.news_con .right li a{transition: all 0.3s;}
.news_con .right li a:hover{text-decoration: none;}

.zhiliang{text-align: center;}
.zhiliang img{max-width: 100%;}


.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: .1rem;text-align: center;margin:0 .03rem;background: #FFF;overflow: hidden;}
.fenye li a{display: block;width: .22rem;height: .22rem;line-height: .22rem;}
.fenye li a:hover{display: block;text-decoration: none;background: #000;color: #FFF;}
.fenye li.current a{background: #000;color: #FFF;}
.fenye li:first-child a:hover{background: #FFF;color: #000;}
.fenye li:last-child a:hover{background: #FFF;color: #000;}
.fenye li i{font-size: .1rem;}

.syt{padding: .1rem 0;background: #F5F5F5;margin-top: .05rem;}
.syt ul{display: flex;align-items: center;justify-content: space-between;}
.syt li{line-height: 2;text-align: center;}
.syt li a{display: flex;align-items: center;justify-content: center;padding: 0 .1rem;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;}
.syt li i{font-size: .1rem;}
.syt li:nth-of-type(1) i{margin-right: .06rem;}
.syt li:nth-of-type(2) i{margin-right: .06rem;}
.syt li:nth-of-type(3) i{margin-left: .06rem;}
.syt ul:after{display: none;}

.np{position: fixed;right: 8%;top: 30%;z-index: 101;}
.np li{border-radius: 100%;overflow: hidden;background: #CCC;margin-bottom: .05rem;transition: all .3s;}
.np li:hover{background: #000;}
.np li a{width: .26rem;height: .26rem;display: flex;align-items: center;justify-content: center;}
.np li a:hover{text-decoration: none;}
.np li i{font-size: .12rem;color: #FFF;}

.contact{line-height: 1.6;}
.contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-flow: wrap;}
.contact li{width: 25%;display: flex;align-items: center;justify-content: center;flex-flow: column;}
.contact li i,.contact li em{width: .4rem;height: .4rem;background: #333;display: block;line-height: .4rem;text-align: center;color: #FFF;font-size: .18rem;border-radius: 100%;}
.contact li strong{margin-top: .1rem;font-size: .1rem;}
.contact li .xian{width: .1rem;height: 2px;background: #999;margin-top: .1rem;}
.contact li p{margin-top: .1rem;}


#map_container{ height:2.5rem;border-radius: .1rem;overflow: hidden;}