@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner:after{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;height: 1rem; background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);z-index: 100;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 51%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);width: 45%;}
.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: .3rem;}
.banner .swiper-slide .txt p{font-size: .13rem;padding-top: .1rem;}
.banner .swiper-slide .txt .more{margin-top: .3rem;background: #13429c;display: inline-block;padding: .05rem .1rem;border-radius: 1rem;}
.banner .swiper-slide .txt .more i{font-size: .1rem;padding-left: .1rem;}
.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;opacity: 1;}
.banner .swiper-pagination-bullet-active{background:#13429c;}

.dyip{text-align: center;padding-bottom: 5%;background: url(../images/pic30.jpg) no-repeat center;background-size: cover;}
.dyip .index_pro_title{background: #f2f2f2;}
.dyip .index_pro_title .swiper-slide{box-sizing: border-box;padding: .2rem 0;cursor: pointer;border-left: 2px solid #FFF;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.dyip .index_pro_title .swiper-slide i{font-size: .2rem;padding-right: .1rem;font-weight: normal;}
.dyip .index_pro_title .swiper-slide-thumb-active{color: #FFF;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));}
.dyip .swiper-father{padding: .5rem 8% 0 8%;}
.dyip .index_pro .swiper-slide ul{display: flex;flex-wrap: wrap;margin-left: -1%;}
.dyip .index_pro .swiper-slide li{width: 24%;margin-left: 1%;margin-bottom: 1%;background: #FFF;position: relative;border-radius: .05rem;overflow: hidden;transition: all .3s;box-sizing: border-box;border: 1px solid #DDD;}
.dyip .index_pro .swiper-slide li figure{padding-bottom: 100%;}
.dyip .index_pro .swiper-slide li:hover figure img{transform: scale(1.1);}
.dyip .index_pro .swiper-slide li p{font-size: .13rem;padding: .1rem;}
.dyip .index_pro .swiper-slide li a:hover{text-decoration: none;}

.derp{text-align: center;}
.derp ul{background: url(../images/pic20.jpg) no-repeat center;background-size: cover;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.derp li{width: 25%;height: 4rem;display: flex;align-items: center;justify-content: center;flex-flow: column;border-right: 1px solid rgba(255, 255, 255, .5);box-sizing: border-box;padding: 0 .2rem;color: #FFF;}
.derp li i{font-size: .3rem;}
.derp li h2{font-size: .13rem;font-weight: bold;transition: all .3s;padding-top: .1rem;}
.derp li p{margin-top: .1rem;visibility: hidden;opacity: 0;height: 0;transition: all .3s;}
.derp li:hover p{visibility: visible;opacity: 1;height: .3rem;}

.dsanp{background: url(../images/pic11.jpg) no-repeat;background-size: cover;}
.dsanp .title{display: flex;align-items: center;justify-content: space-between;}
.dsanp .title .left p{padding-top: .05rem;font-size: .16rem;font-weight: 300;}
.dsanp .title .left p:after{content: "";display: inline-block;width: .14rem;height: .1rem;background: url(../images/pic17.png) no-repeat;background-size: 100%;margin-left: .1rem;}
.dsanp .title .left:after{content: "";display: block;width: .63rem;height: 3px;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));margin-top: .02rem;border-radius: 1rem;}
.dsanp .title .more{border-radius: 1rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));}
.dsanp .title .more a{padding: .08rem .2rem;display: flex;align-items: center;color: #FFF;}
.dsanp .title .more a i{font-size: .1rem;padding-left: .05rem;}
.dsanp .title .more a:hover{text-decoration: none;}
.dsanp .box{display: flex;align-items: center;justify-content: space-between;margin-top: .2rem;flex-wrap: wrap;}
.dsanp .box .pic{width: 55%;border-radius: .05rem;overflow: hidden;}
.dsanp .box .pic figure{padding-bottom: 70%;}
.dsanp .box .right{width: 41%;}
.dsanp .box .right .txt{line-height: 1.6;}
.dsanp .box .right .txt p{padding-bottom: .1rem;}
.dsanp .box .right ul{display: flex;margin-top: .2rem;justify-content: space-between;}
.dsanp .box .right li i{font-style: normal;display: inline-block;font-size: .3rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));color: transparent;-webkit-background-clip: text;font-weight: bold;}
.dsanp .box .right li .txter{padding-top: .1rem;}

.dsip{padding: 5% 0;}
.dsip .title{display: flex;align-items: center;justify-content: space-between;padding: 0 8%;}
.dsip .title .left p{padding-top: .05rem;font-size: .16rem;font-weight: 300;}
.dsip .title .left p:after{content: "";display: inline-block;width: .14rem;height: .1rem;background: url(../images/pic17.png) no-repeat;background-size: 100%;margin-left: .1rem;}
.dsip .title .left:after{content: "";display: block;width: .63rem;height: 3px;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));margin-top: .02rem;border-radius: 1rem;}
.dsip .title .more{border-radius: 1rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));}
.dsip .title .more a{padding: .08rem .2rem;display: flex;align-items: center;color: #FFF;}
.dsip .title .more a i{font-size: .1rem;padding-left: .05rem;}
.dsip .title .more a:hover{text-decoration: none;}
.dsip .scnl{display: flex;margin-left: -2%;margin-top: .3rem;flex-wrap: wrap;margin-bottom: -.2rem;}
.dsip .scnl .swiper-slide{position: relative;margin-bottom: .2rem;}
.dsip .scnl .swiper-slide figure{padding-bottom: 60%;border-radius: .05rem;}
.dsip .scnl .swiper-slide:hover figure img{transform: scale(1.1);}
.dsip .scnl .swiper-slide h2{padding-top: .2rem;transition: all .3s;z-index: 1;text-align: center;}
.dsip .swiper-button-next,.dsip .swiper-button-prev{background: #13429c;width: .4rem;height: .4rem;text-align: center;line-height: .4rem;outline: medium;color: #333;border-radius: 100%;margin-top: -.2rem;}
.dsip .swiper-button-next:after,.dsip .swiper-button-prev:after{display: none;}
.dsip .swiper-button-next i,.dsip .swiper-button-prev i{font-size: .12rem;color: #FFF;}
.dsip .swiper-button-next{right: 18%;left: auto;}
.dsip .swiper-button-prev{left: 18%;right: auto;}

.dwup .title{display: flex;align-items: center;justify-content: space-between;}
.dwup .title .left p{padding-top: .05rem;font-size: .16rem;font-weight: 300;}
.dwup .title .left p:after{content: "";display: inline-block;width: .14rem;height: .1rem;background: url(../images/pic17.png) no-repeat;background-size: 100%;margin-left: .1rem;}
.dwup .title .left:after{content: "";display: block;width: .63rem;height: 3px;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));margin-top: .02rem;border-radius: 1rem;}
.dwup .title .more{border-radius: 1rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));}
.dwup .title .more a{padding: .08rem .2rem;display: flex;align-items: center;color: #FFF;}
.dwup .title .more a i{font-size: .1rem;padding-left: .05rem;}
.dwup .title .more a:hover{text-decoration: none;}
.dwup ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-top: .2rem;text-align: center;}
.dwup li{width: 14.666%;text-align: center;margin-left: 2%;margin-bottom: 2%;transition: all .3s;box-sizing: border-box;border: 1px solid #CCC;border-radius: .05rem;overflow: hidden;}
.dwup li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.dwup li .pic{height: .6rem;display: flex;align-items: center;justify-content: center;background: #FFF;}
.dwup li img{max-width: 100%;max-height: 100%;}

.banner_pic{position: relative;}
.banner_pic:after{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;height: 1rem; background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);z-index: 100;}
.banner_pic figure{width: 100%;padding-bottom: 30%;}
.banner_pic .title{position: absolute;left: 8%;top: 0;right: 8%;bottom: 0;display: flex;align-items: center;color: #FFF;}
.banner_pic .title h2{color: #FFF;font-size: .24rem;font-weight: bold;}
.banner_pic .dqwz{position: absolute;left: 8%;right: 8%;bottom: .1rem;display: flex;align-items: center;color: #FFF;}
.banner_pic .dqwz i:nth-of-type(1){font-size: .1rem;padding-left: 0;}
.banner_pic .dqwz i{font-size: .06rem;padding: 0 .05rem;}
.banner_pic .dqwz a{color: #FFF;}
.banner_pic .dqwz a:hover{text-decoration: none;}

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

.about_dyip{background: #FFF;line-height: 1.8;padding: .3rem;}
.about_dyip .txt{line-height: 1.6;}
.about_dyip .txt p{padding-bottom: .1rem;}
.about_dyip ul{display: flex;margin-top: .2rem;justify-content: center;flex-wrap: wrap;}
.about_dyip li{padding: 0 .3rem;}
.about_dyip li i{font-style: normal;display: inline-block;font-size: .3rem;background-image: -webkit-gradient(linear,left 0, right 0, from(#13429c), to(#0189d3));color: transparent;-webkit-background-clip: text;font-weight: bold;}

.wenhua{text-align: center;}
.wenhua ul{background: url(../images/pic13.jpg) no-repeat center;background-size: cover;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.wenhua li{width: 33.333%;height: 3rem;display: flex;align-items: center;justify-content: center;flex-flow: column;border-right: 1px solid rgba(255, 255, 255, .5);box-sizing: border-box;padding: 0 .2rem;color: #FFF;}
.wenhua li i,.wenhua li em{font-size: .3rem;}
.wenhua li h2{font-size: .13rem;font-weight: bold;transition: all .3s;padding-top: .1rem;}
.wenhua li p{margin-top: .1rem;}

.con{background: #f5f5f5;}

.shebei ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.shebei li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;transition: all .3s;}
.shebei li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.shebei li figure{padding-bottom: 70%;}
.shebei li:hover figure img{transform: scale(1.2);}
.shebei li h2{padding: .1rem;}
.shebei li a:hover{text-decoration: none;}

.youshi table{border-collapse: collapse;margin-bottom:.2rem;border-left:1px solid #CCC;border-top:1px solid #CCC;}
.youshi table th{background: #E8E8E8;padding: 10px .2rem;text-align: left;font-size: .13rem;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}
.youshi table td{padding: 10px .2rem;color: #666;box-sizing:border-box;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}

.youshi{line-height: 1.6;background: #FFF;padding: .2rem;}
.youshi img{max-width:100%;}

.huoban ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-bottom: -2%;text-align: center;}
.huoban li{width: 14.666%;text-align: center;margin-left: 2%;margin-bottom: 2%;transition: all .3s;box-sizing: border-box;border: 1px solid #CCC;border-radius: .05rem;overflow: hidden;}
.huoban li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.huoban li .pic{height: .6rem;display: flex;align-items: center;justify-content: center;background: #FFF;}
.huoban li img{max-width: 100%;max-height: 100%;}

.products ul{display: flex;flex-wrap: wrap;margin-left: -1%;}
.products li{width: 24%;margin-left: 1%;margin-bottom: 1%;background: #FFF;position: relative;border-radius: .05rem;overflow: hidden;transition: all .3s;box-sizing: border-box;border: 1px solid #DDD;text-align: center;}
.products li figure{padding-bottom: 100%;}
.products li:hover figure img{transform: scale(1.1);}
.products li p{font-size: .13rem;padding: .1rem;}
.products li a:hover{text-decoration: none;}

.products_con{background: #FFF;padding: .2rem;}
.products_con_t{display: flex;justify-content: space-between;flex-wrap: wrap;}
.products_con_t .left{width: 40%;}
.products_con_t .left .swiper-slide img{width: 100%;}
.products_con_t .left figure{padding-bottom: 65%;}
.products_con_t .left .productxqer{border: 1px solid #DDD;}
.products_con_t .left .productxq{margin-top: 1%;}
.products_con_t .left .productxq .swiper-slide{cursor: pointer;box-sizing: border-box;border: 1px solid #DDD;}
.products_con_t .left .productxq .swiper-slide-thumb-active{opacity: 1;border: 1px solid #3263b0;}
.products_con_t .swiper-button-next,.products_con_t .swiper-button-prev{width: .26rem;height: .26rem;border-radius: 100%;margin-top: -.131rem;border: .02rem solid #333;}
.products_con_t .swiper-button-next{right: 4%;left: auto;}
.products_con_t .swiper-button-prev{left: 4%;right: auto;}
.products_con_t .swiper-button-next:after,.products_con_t .swiper-button-prev:after{display: none;}
.products_con_t .swiper-button-next i,.products_con_t .swiper-button-prev i{font-size: .14rem;color: #333;}

.products_con_t .right{width: 57%;}
.products_con_t .right h2{font-size: .18rem;border-bottom: 1px solid #CCC;padding: .1rem 0;}
.products_con_t .right ul{margin-top: .2rem;}
.products_con_t .right li{line-height: 2;font-size: .09rem;display: flex;align-items: center;}
.products_con_t .right li i{font-size: .12rem;padding-right: .05rem;}
.products_con_t .right li a{transition: all 0.3s;color: #FFF;}
.products_con_t .right li a:hover{text-decoration: none;color: #FFF;}
.products_con_t .more{position: relative;z-index: 2;background: #333;display: inline-block;border-radius: .02rem;font-size: .08rem;overflow: hidden;margin-top: .1rem;}
.products_con_t .more a{color: #FFF;padding: .05rem .1rem;display: block;}
.products_con_t .more a:hover{text-decoration: none;color: #FFF;}
.products_con_t .more i{font-size: .08rem;padding-right: .05rem;position: relative;z-index: 2;}
.products_con_t .more span{position: relative;z-index: 2;}
.products_con_t .more:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 0;background-image: -webkit-gradient(linear,left 0, right 0, from(#004e97), to(#3263b0));-webkit-transition:0.5s;transition:0.5s;}
.products_con_t .more:hover:after{width: 100%;}

.products_con_b{margin-top: .3rem;}
.products_con_b .title{padding: .05rem 0;border-bottom: 1px solid #DDD;font-size: .16rem;}
.products_con_b .txt{line-height: 1.8;padding: .2rem 0;}
.products_con_b .txt p{padding-bottom: .1rem;}
.products_con_b img{max-width: 100%;}

.products_related{margin-top: .3rem;background: #FFF;padding: .2rem;}
.products_related .title{font-size: .14rem;}
.products_related .picshi{margin-top: .1rem;text-align: left;}
.products_related .swiper-slide{text-align: center;position: relative;border: 1px solid #DDD;box-sizing: border-box;}
.products_related .swiper-slide figure{padding-bottom: 100%;}
.products_related .swiper-slide:hover figure img{transform: scale(1.1);}
.products_related .swiper-slide:hover .txt{top: 0;}
.products_related .swiper-slide p{font-size: .13rem;padding: .1rem;}
.products_related .swiper-slide a:hover{text-decoration: none;}

.huoban ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.huoban li{width: 14.666%;text-align: center;margin-left: 2%;margin-bottom: 2%;}
.huoban li .pic{height: .6rem;display: flex;align-items: center;justify-content: center;background: #FFF;}
.huoban li img{max-width: 100%;max-height: 100%;}
.huoban li h2{padding: .05rem;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;font-weight: bold;}
.fenye li{display: inline-block;text-align: center;margin:0 .03rem;font-size: .08rem;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;}
.fenye li a:hover{display: block;text-decoration: none;color: #333;}
.fenye li.current a{color: #13429c;}
.fenye li:first-child a:hover{color: #333;}
.fenye li:last-child a:hover{color: #333;}
.fenye li i{font-size: .1rem;}
 
.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: #13429c;margin-top: .1rem;display: block;text-align: right;}
.sxy li a{background: #FFF;display: block;padding: .1rem;}
.sxy li a:hover{text-decoration: none;background: #13429c;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: #f5f5f5;box-sizing: border-box;padding: .1rem;height: 1.4rem;border-radius: .05rem;}
.contact li i,.contact li em{width: .4rem;height: .4rem;background: #13429c;display: block;line-height: .4rem;text-align: center;color: #FFF;font-size: .24rem;border-radius: .15rem;}
.contact li span{display: block;margin-top: .1rem;color: #999;}
.contact li p{margin-top: .1rem;}

#map_container{ height:3rem;width: 100%;margin-top: .2rem;border-radius: .05rem;}

.liuyan{background: #f5f5f5;box-sizing: border-box;}
.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%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.6rem; border:1px solid #CCC; outline:medium; padding:2%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#13429c;cursor: pointer;outline: medium;padding: .05rem .3rem;}