@charset "utf-8";
/* CSS Document */
.banner{margin-top: .5rem;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination{bottom: .1rem;}
.banner .swiper-pagination .swiper-pagination-current{font-size: .18rem;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;border-radius: 1rem;transition: all 0.3s;background: #000;opacity: .2;color: #333;line-height: .14rem;font-weight: bold;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #00a0e9;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .2rem;color: #999;}

.dyip .title span:nth-of-type(2){display: none;}
.dyip ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: .2rem;}
.dyip li{width: 49.5%;position: relative;margin-bottom: .6%;border-radius: .05rem;overflow: hidden;}
.dyip li h2{position: absolute;background: rgba(0, 0, 0, .3);color: #FFF;font-weight: bold;font-size: .1rem;padding: .1rem .2rem;display: flex;align-items: center;justify-content: right;}
.dyip li:nth-of-type(1){width: 58.2%;}
.dyip li:nth-of-type(1) figure{padding-bottom: 64%;}
.dyip li:nth-of-type(1) h2{left: 0;right: 0;top: 0;}
.dyip li:nth-of-type(2){width: 41.2%;}
.dyip li:nth-of-type(2) figure{padding-bottom: 90.5%;}
.dyip li:nth-of-type(2) h2{left: 0;right: 0;bottom: 0;}
.dyip li:nth-of-type(3){width: 41.2%;}
.dyip li:nth-of-type(3) figure{padding-bottom: 90.5%;}
.dyip li:nth-of-type(3) h2{left: 0;right: 0;top: 0;}
.dyip li:nth-of-type(4){width: 58.2%;}
.dyip li:nth-of-type(4) figure{padding-bottom: 64%;}
.dyip li:nth-of-type(4) h2{left: 0;right: 0;bottom: 0;}
.dyip li:nth-of-type(5){width: 58.2%;}
.dyip li:nth-of-type(5) figure{padding-bottom: 64%;}
.dyip li:nth-of-type(5) h2{left: 0;right: 0;bottom: 0;}
.dyip li:nth-of-type(6){width: 41.2%;}
.dyip li:nth-of-type(6) figure{padding-bottom: 90.5%;}
.dyip li:nth-of-type(6) h2{left: 0;right: 0;bottom: 0;}


.derp{display: flex;align-items: center;justify-content: center;flex-flow: column;background: #00a0e9;color: #FFF;}
.derp .pic{width: 1.8rem;}
.derp strong{font-size: .2rem;font-weight: bold;margin-top: .1rem;}
.derp ul{display: flex;margin-top: .05rem;font-weight: bold;}
.derp li{padding: 0 .1rem;position: relative;}
.derp li:after{content: "";display: block;width: 1px;height: .08rem;background: #FFF;position: absolute;right: 0;top: .02rem;}
.derp li:last-child:after{display: none;}

.dsip{background: #F5F5F5;}
.dsip ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dsip li{width: 47%;padding: .2rem 0;}
.dsip li a{display: flex;}
.dsip li .riqi{width: 15%;color:#00a0e9;}
.dsip li .riqi p:nth-of-type(1){font-size: .24rem;}
.dsip li .txt{width: 85%;border-left: 1px solid #DDD;padding-left: 5%;box-sizing: border-box;}
.dsip li .txt h2{font-size: .14rem;}
.dsip li .txt p{line-height: 1.6;margin-top: .1rem;color: #888;}
.dsip li a:hover{text-decoration: none;}

.banner_pic{position: relative;margin-top: .5rem;}
.banner_pic figure{width: 100%;padding-bottom: 50%;}

.banner_er{position: relative;margin-top: .5rem;}
.banner_er figure{width: 100%;padding-bottom: 25%;}

.subnav{padding:1% 16%;background: #00a0e9;margin-top: .5rem;font-size: .16rem;text-align:center;color:#FFF;}
.subnav ul{display: flex;margin-left: -1%;}
.subnav li{width: 18%;margin-left: 1%;}
.subnav li figure{padding-bottom: 50%;}
.subnav li p{padding: .1rem;}
.subnav li a{display: block;background: #FFF;}
.subnav li a:hover{text-decoration: none;}
.subnav li a.current{background: #00a0e9;color: #FFF;}

.about_dyip{display: flex;align-items: center;justify-content: space-between;background: #f5f5f5;flex-wrap: wrap;}
.about_dyip .title{padding-bottom:.1rem;color:#00a0e9;}
.about_dyip .title h2{font-size:.14rem;font-weight:bold;}
.about_dyip .title .xian{width:.5rem;height:2px;background:#00a0e9;margin-top:.1rem;}
.about_dyip .txt{width: 47%;line-height: 1.8;font-size: .1rem;}
.about_dyip .txt p{text-indent: 2em;}
.about_dyip .txt span{color:#00a0e9;}
.about_dyip .pic{width: 47%;}
.about_dyip .pic figure{padding-bottom: 70%;}

.about_derp ul{margin-top: .2rem;display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;text-align: center;}
.about_derp li{width: 19%;font-size: .1rem;line-height: 1.6;margin-bottom: 3%;background: #f5f5f5;}
.about_derp li figure{padding-bottom: 138%;}
.about_derp li p{padding: .1rem .16rem;}
.about_derp li:last-child:nth-child(5n+1) {margin-right: calc((100% - 19%) / 4 * 4);}
.about_derp li:last-child:nth-child(5n+2) {margin-right: calc((100% - 19%) / 4 * 3);}
.about_derp li:last-child:nth-child(5n+3) {margin-right: calc((100% - 19%) / 4 * 2);}
.about_derp li:last-child:nth-child(5n+4) {margin-right: calc((100% - 19%) / 4 * 1);}

.products .title{font-size: .2rem;background:#F5F5F5;text-align:center;line-height:2;}
.products ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: .2rem;text-align: center;}
.products li{width: 32%;margin-bottom: 2%;box-sizing: border-box;}
.products li figure{padding-bottom: 100%;}
.products li a:hover{text-decoration: none;}
.products li h2{padding: .04rem 0;background: #00a0e9;font-size:.14rem;margin:.1rem .5rem 0 .5rem;border-radius:1rem;color:#FFF;}
.products li:last-child:nth-child(3n+1) {margin-right: calc((100% - 32%) / 2 * 2);}
.products li:last-child:nth-child(3n+2) {margin-right: calc((100% - 32%) / 2 * 1);}

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

.news li{margin-bottom: 2%;box-sizing: border-box;position: relative;font-size: 0;border-bottom: 1px solid #EEE;padding-bottom: .2rem;}
.news li figure{width: 40%;padding-bottom: 25%;display: inline-table;vertical-align: middle;}
.news li:hover figure img{transform: scale(1.1);}
.news li time{font-size: .1rem;}
.news li .txt{padding: .3rem;position: relative;z-index: 1;display: inline-table;vertical-align: middle;width: 60%;box-sizing: border-box;}
.news li .txt strong{display: block;font-size: .14rem;margin-top: .1rem;}
.news li .txt p{margin-top: .12rem;font-size: .08rem;color: #777;}
.news li .txt .more{margin-top: .2rem;font-size: .08rem;display: inline-block;background: #000;color: #FFF;padding: .05rem .1rem;transition: all .3s;}
.news li:hover .txt .more{background: #00a0e9;}
.news li a{transition: all 0.3s;}
.news li a:hover{text-decoration: none;}


.video ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.video li{width: 32%;text-align: center;margin-bottom: 2%;background: #F5F5F5;}
.video li figure{padding-bottom: 60%;}
.video li a:hover{text-decoration: none;}
.video li h2{padding: .1rem;}
.video li:last-child:nth-child(3n+1) {margin-right: calc((100% - 32%) / 2 * 2);}
.video li:last-child:nth-child(3n+2) {margin-right: calc((100% - 32%) / 2 * 1);}

.video_con{text-align: center;}
.video_con video{width: 100%;}

.news_con .left{width: 70%;float: left;background: #FFF;box-sizing: border-box;}
.news_con .left .title h2{font-size: .16rem;}
.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: 27%;float: right;background: #FFF;box-sizing: border-box;}
.news_con .right h2{font-size: .14rem;}
.news_con .news_r_t{margin-top: .16rem;border-bottom: 1px solid #e7e7e7;}
.news_con .news_r_t figure{width: 100%;padding-bottom: 50%;}
.news_con .right li{border-bottom: 1px solid #e7e7e7;}
.news_con .right li a{padding: .1rem 0;display: block;}
.news_con .right .txt{padding: .1rem 0;}
.news_con .right strong{font-size: .1rem;display: block;}
.news_con .right time{margin-top: .02rem;display: block;}
.news_con .right a:hover{text-decoration: none;}

.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;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;border: 1px solid #CCC;}
.fenye li a:hover{display: block;text-decoration: none;border: 1px solid #00a0e9;background: #00a0e9;color: #FFF;}
.fenye li.current a{border: 1px solid #00a0e9;background: #00a0e9;color: #FFF;}
.fenye li:first-child a{border: 1px solid #FFF;}
.fenye li:first-child a:hover{border: 1px solid #00a0e9;background: #FFF;color: #00a0e9;}
.fenye li:last-child a{border: 1px solid #FFF;}
.fenye li:last-child a:hover{border: 1px solid #00a0e9;background: #FFF;color: #00a0e9;}
.fenye li i{font-size: .1rem;}

.syt{border-top: 1px solid #e7e7e7;padding: .1rem 0;}
.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;}

.con .contact{margin: 0 20%;border: 1px solid #CCC;}
.con .contact ul{text-align: center;flex-flow: wrap;display: flex;padding: .3rem 0;}
.con .contact li{width: 100%;display: flex;align-items: center;justify-content: center;flex-flow: column;line-height: 1.6;padding: .1rem 0;}
.con .contact li i,.con .contact li em{width: .2rem;height: .2rem;background: #000;display: block;line-height: .2rem;text-align: center;color: #FFF;font-size: .12rem;border-radius: 100%;}
.con .contact li strong{margin-top: .1rem;font-size: .1rem;}
.con .contact li .xian{width: .1rem;height: 2px;background: #999;margin-top: .1rem;}
.con .contact li p{margin-top: .05rem;}

#map_container{ height:2.5rem;}