@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: .4rem;z-index: 100;}
.banner .swiper-slide figure{padding-bottom: 45%;}
.banner .swiper-slide .title{position: absolute;left: 8%;top: 50%;transform: translateY(-50%);width: 45%;z-index: 1000;}
.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, .5);}
.banner .swiper-slide .txt h2{font-size: .24rem;font-family: 'poppins_bold';line-height: 1.4;}
.banner .swiper-slide .txt h2 span{color: #0055b8;}
.banner .swiper-slide .txt p{padding-top: .1rem;line-height: 1.4;font-size: .11rem;width: 90%;}
.banner .swiper-slide .txt .more{margin-top: .2rem;background: #0055b8;display: inline-block;padding: .05rem .15rem;border-radius: .03rem;font-size: .1rem;}
.banner .swiper-slide .txt .more a{color: #FFF;display: block;}
.banner .swiper-slide .txt .more a:hover{text-decoration: none;}
.banner .swiper-slide .title img{max-width: 100%;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination{bottom: .1rem; color: #FFF;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;margin: 0 .05rem !important;background:#FFF;}

.pro .title{text-align: center;padding: 0 20%;}
.pro .title p{color: #666;padding-top: .05rem;}
.pro ul{display: flex;flex-wrap: wrap;margin-left: -1%;margin-top: .2rem;flex-wrap: wrap;}
.pro li{width: 24%;margin-left: 1%;background: #f7f7f7;border-radius: .05rem;overflow: hidden;}
.pro li figure{padding-bottom: 75%;}
.pro li .txt{padding: .2rem;}
.pro li h2{font-weight: bold;font-size: .1rem;color: #000;}
.pro li p{line-height: 1.6;color: #666;padding-top: .1rem;}
.pro li .more{padding-top: .1rem;color: #0055b8;}
.pro li a:hover{text-decoration: none;}

.dyip{display: flex;justify-content: space-between;background: url(../images/pic39.jpg) no-repeat center bottom;background-size: cover;flex-wrap: wrap;}
.dyip .left{width: 47%;}
.dyip .left .title p{font-family: 'poppins_bold';color: #0055b8;}
.dyip .left .title h2{line-height: 1.4;}
.dyip .left .txt{padding-top: .1rem;}
.dyip .left .more{background: #0055b8;display: inline-block;margin-top: .2rem;border-radius: .03rem;font-weight: bold;}
.dyip .left .more a{display: block;padding: .05rem .1rem;color: #FFF;}
.dyip .left .more a:hover{text-decoration: none;}
.dyip .pic{width: 47%;border-radius: .08rem;position: relative;z-index: 1;}
.dyip .pic figure{padding-bottom: 70%;border-radius: .05rem;}

.derp{position: relative;background: #f3f7fb;}
.derp .title{text-align: center;}
.derp .title span{display: block;color: #0055b8;text-transform: uppercase;font-weight: bold;}
.derp .title p{color: #666;}
.derp .hd{margin-top: .2rem;}
.derp .hd ul{display: flex;text-align: center;}
.derp .hd li{width: 25%;padding: .1rem 0;border-bottom: 3px solid #DDD;cursor: pointer;}
.derp .hd li.on{background: #0055b8;border-bottom: 3px solid #0055b8;color: #FFF;}
.derp .bd{margin-top: .2rem;}
.derp .bd .conyi{display: flex;justify-content: space-between;}
.derp .bd .conyi .left{width: 50%;}
.derp .bd .conyi .left h2{font-size: .13rem;}
.derp .bd .conyi .left p{padding-top: .1rem;}
.derp .bd .conyi .left ul{padding-top: .1rem;}
.derp .bd .conyi .left li{padding-bottom: .1rem;display: flex;align-items: center;}
.derp .bd .conyi .left li i{font-size: .13rem;padding-right: .1rem;color: #0055b8;}
.derp .bd .conyi .left .more{background: #0055b8;display: inline-block;margin-top: .2rem;border-radius: .03rem;font-weight: bold;}
.derp .bd .conyi .left .more i{font-size: .1rem;padding-left: .1rem;font-weight: normal;}
.derp .bd .conyi .left .more a{display: flex;padding: .05rem .1rem;color: #FFF;align-items: center;}
.derp .bd .conyi .left .more a:hover{text-decoration: none;}
.derp .bd .conyi .pic{width: 40%;}
.derp .bd .conyi .pic img{width: 100%;}

.dsanp{text-align: center;padding: 4% 33%;}
.dsanp h2{font-weight: bold;color: #0055b8;display: flex;align-items: center;justify-content: center;}
.dsanp h2 i{font-weight: normal;font-size: .12rem;padding-right: .05rem;}
.dsanp .title{margin-top: .1rem;line-height: 1.4;}
.dsanp p{padding-top: .1rem;color: #666;}
.dsanp .more{background: #0055b8;display: inline-block;margin-top: .2rem;border-radius: .03rem;font-weight: bold;}
.dsanp .more a{display: block;padding: .05rem .1rem;color: #FFF;}
.dsanp .more a:hover{text-decoration: none;}

.dsip{text-align: center;background: #f7f7f7;}
.dsip .title_list ul{display: flex;align-items: center;justify-content: center;margin-top: .1rem;flex-wrap: wrap;}
.dsip .title_list li{margin: 0 .03rem;}
.dsip .title_list li a{padding: .03rem .05rem;display: block;border: 1px solid #CCC;transition: all .3s;}
.dsip .title_list li a:hover{text-decoration: none;border: 1px solid #0055b8;color: #0055b8;}
.dsip .box{position: relative;z-index: 1;}
.dsip .box ul{margin-top: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-left: -2%;}
.dsip .box li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;position: relative;border-radius: .05rem;overflow: hidden;}
.dsip .box li figure{padding-bottom: 70%;}
.dsip .box li figure img{transition: all .3s;}
.dsip .box li:hover figure img{transform: scale(1.1);}
.dsip .box li p{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;z-index: 101;color: #FFF;font-size: .16rem;visibility: hidden;opacity: 0;transition: all .3s;}
.dsip .box li:hover p{visibility: visible;opacity: 1;}
.dsip .box li:after{content: "";display: block;position: absolute;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 85, 184, .7);z-index: 100;width: 100%;height: 0;visibility: hidden;opacity: 0;transition: all .3s;}
.dsip .box li:hover:after{height: 100%;visibility: visible;opacity: 1;}
.dsip .waves{position:absolute;left:0;top:0;right:0;bottom:0;}

.dwup{background: #f7f7f7;}
.dwup .title{font-size: .16rem;font-weight: bold;text-align: center;}
.dwup ul{display: flex;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;}
.dwup li{width: 31.333%;background: #FFF;box-sizing: border-box;position: relative;overflow: hidden;border-radius: .08rem;padding: .15rem;}
.dwup li i{display: flex;background: #f7f7f7;color: #0055b8;width: .2rem;height: .2rem;font-size: .12rem;border-radius: 100%;align-items: center;justify-content: center;}
.dwup li h2{font-size: .1rem;}
.dwup li p{padding-top: .2rem;font-size: .26rem;}
.dwup li p span{font-family: 'poppins_bold';}

.dliup{padding: 5% 0;}
.dliup .title{padding: 0 5%;font-size: .22rem;text-align: center;font-weight: bold;}
.dliup .title .more{border-radius: 1rem;border: 1px solid #e70012;}
.dliup .title .more a{padding: .05rem .1rem;display: flex;align-items: center;color: #e70012;}
.dliup .title .more a i{font-size: .1rem;padding-left: .05rem;}
.dliup .title .more a:hover{text-decoration: none;}
.dliup .scnl{margin-top: .2rem;}
.dliup .scnl .swiper-slide{position: relative;margin-bottom: .2rem;}
.dliup .scnl .swiper-slide figure{padding-bottom: 60%;}
.dliup .scnl .swiper-slide:hover figure img{transform: scale(1.1);}
.dliup .scnl .swiper-slide h2{padding-top: .2rem;transition: all .3s;z-index: 1;text-align: center;}
.dliup .swiper-button-next,.dliup .swiper-button-prev{background: #e70012;width: .4rem;height: .4rem;text-align: center;line-height: .4rem;outline: medium;color: #333;border-radius: 100%;margin-top: -.2rem;}
.dliup .swiper-button-next:after,.dliup .swiper-button-prev:after{display: none;}
.dliup .swiper-button-next i,.dliup .swiper-button-prev i{font-size: .12rem;color: #FFF;}
.dliup .swiper-button-next{right: 18%;left: auto;}
.dliup .swiper-button-prev{left: 18%;right: auto;}

.dqip .title{text-align: center;}
.dqip ul{display: flex;margin-top: .2rem;flex-wrap: wrap;margin-left: -1%;}
.dqip li{width: 32.333%;transition: all .4s;margin-left: 1%;background: #f7f7f7;text-align: left;overflow: hidden;border-radius: .05rem;overflow: hidden;}
.dqip li figure{padding-bottom: 65%;}
.dqip li .txt{padding: .2rem;}
.dqip li h2{transition: all .3s;font-size: .13rem;line-height: 1.4;}
.dqip li p{padding-top: .05rem;line-height: 1.4;color: #777;font-size: .08rem;}
.dqip li a:hover{text-decoration: none;}
.dqip li .more{color: #3263b0;font-size: .08rem;margin-top: .2rem;}

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

.banner_pic .titleer{position: absolute;left: 8%;top: 0;bottom: 0;display: flex;align-items: center;color: #FFF;width: 35%;}
.banner_pic .titleer h2{font-size: .14rem;font-family: 'poppins_bold';}
.banner_pic .titleer .more{display: inline-block;background: #0055b8;margin-top: .1rem;padding: .05rem .1rem;border-radius: .02rem;}

.banner_pro{margin-top: .4rem;display: flex;align-items: center;justify-content: space-between;padding: 5% 5% 0 5%;background: #000;color: #FFF;flex-wrap: wrap;}
.banner_pro .title h2{font-size: .14rem;font-family: 'poppins_bold';}
.banner_pro .title p{line-height: 1.6;padding-top: .1rem;}

.subnav{margin-bottom: .3rem;}
.subnav ul{display: flex;align-items: center;flex-flow: wrap;margin-left: -.1rem;justify-content: center;}
.subnav li{position: relative;margin-left: .1rem;font-size: .1rem;}
.subnav li a{display: block;padding: .05rem .1rem;overflow: hidden;transition: all .3s;background: #FFF;border-radius: 1rem;}
.subnav li a:hover{display: block;text-decoration: none;color: #0055b8;}
.subnav li a.current{color:#FFF;background: #0055b8;}

.about_dyip{line-height: 1.4;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.about_dyip .pic{width: 40%;}
.about_dyip .pic figure{padding-bottom: 70%;}
.about_dyip .txt{width: 55%;line-height: 1.6;}
.about_dyip .txt p{padding: .05rem 0;}

.event{background: #FFF;padding: .2rem;line-height: 1.8;text-align: center;}
.event img{max-width: 100%;}
.event video{margin-top: .2rem;max-width: 100%;}

.case .title{text-align: center;}
.case ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;margin-top: .2rem;}
.case li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;transition: all .3s;border-radius: .05rem;overflow: hidden;}
.case li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.case li figure{padding-bottom: 70%;}
.case li p{padding: .1rem;}
.case li a:hover{text-decoration: none;}

.zhengshu .title{text-align: center;}
.zhengshu ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;margin-top: .2rem;}
.zhengshu li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;transition: all .3s;border-radius: .05rem;overflow: hidden;}
.zhengshu li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.zhengshu li figure{padding-bottom: 120%;}
.zhengshu li p{padding: .1rem;}
.zhengshu li a:hover{text-decoration: none;}

.news li{box-sizing: border-box;text-align:left;margin-bottom: .3rem;}
.news li a{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;transition:all .3s;}
.news li a:hover{text-decoration: none;}
.news li .pic{width:30%;border-radius: .05rem;overflow: hidden;}
.news li figure{padding-bottom: 60%;}
.news li .txt{width:67%;box-sizing:border-box;}
.news li h2{transition: all .3s;font-size: .16rem;line-height: 1.4;}
.news li p{margin-top:.1rem;color: #333;line-height: 1.4;}
.news li .txter{margin-top:.1rem;font-size: .08rem;color: #333;}
.news li .more{color: #999;margin-top: .2rem;font-size: .08rem;}
.news li a:hover .more{color:#0c4194;}

.news_con{background: #FFF;padding: .2rem;}
.news_con .title h2{font-size: .16rem;font-weight: bold;}
.news_con .title p{margin-top: 10px;color: #666;}
.news_con .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #CCC;padding: .2rem 0;}
.news_con .txt p{padding-bottom: 10px;}
.news_con .txt img{max-width: 100%;}

.products_b ul{margin-top: .2rem;}
.products_b li{padding-bottom: .2rem;}
.products_b li h2{margin-top: .1rem;font-family: 'poppins_bold';}

.con{background: #f5f5f5;}

.support ul{display: flex;margin-left: -2%;}
.support li{width: 23%;margin-left: 2%;}
.support li i{color: #0055b8;font-size: .3rem;}
.support li h2{font-family: 'poppins_bold';}

.support_er .txt{line-height: 1.6;padding-top: .2rem;}
.support_er .txt img{max-width: 100%;margin-top: .1rem;}

.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;border-radius: 100%;overflow: hidden;}
.fenye li a{display: flex;width: .2rem;height: .2rem;align-items: center;justify-content: center;}
.fenye li a:hover{text-decoration: none;background: #0055b8;color: #FFF;}
.fenye li.current a{background: #0055b8;color: #FFF;}
.fenye li:first-child a:hover{background: #FFF;color: #0055b8;}
.fenye li:last-child a:hover{background: #FFF;color: #0055b8;}
.fenye li i{font-size: .08rem;}
 
.syt{padding: .1rem 0;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;}
.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;}

.sxy li{margin-bottom: .1rem;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);}
.sxy li p{font-size: .13rem;font-weight: bold;}
.sxy li h2{margin-top: .1rem;}
.sxy li i{font-size: .1rem;color: #0055b8;margin-top: .1rem;display: block;text-align: right;}
.sxy li a{background: #e1e9fa;display: block;padding: .1rem;}
.sxy li a:hover{text-decoration: none;background: #0055b8;color: #FFF;}
.sxy li a:hover i{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: 31.333%;display: flex;align-items: center;justify-content: center;flex-flow: column;background: #f3f7fb;box-sizing: border-box;padding: .1rem;height: 1.4rem;border-radius: .05rem;}
.contact li i{color: #0055b8;font-size: .24rem;border-radius: .05rem;}
.contact li span{display: block;margin-top: .1rem;color: #999;}
.contact li p{margin-top: .1rem;}

.liuyan ul{margin-top: .1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.liuyan ul:after{display: none;}
.liuyan li{ width:49%; margin-bottom: .1rem;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:1px solid #CCC; outline:medium; padding:10px 4%;box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.6rem; border:1px solid #CCC; outline:medium; padding:2%;box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#0055b8;cursor: pointer;outline: medium;padding: .05rem .3rem;border-radius: .03rem;}