@charset "utf-8";
/* CSS Document */
.index{width: 100%;height: 100%;position: relative;}
.index .swiper-slide {overflow: hidden;box-sizing: border-box;position: relative;}
.index .swiper-pagination{right: 4%;}
.index .swiper-pagination-bullet{background: none;border: 2px solid #FFF;margin: .1rem 0 !important;}
.index .swiper-slide:last-child{height: auto !important;}

.banner{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide a{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: block;z-index: 100;}
.banner .swiper-slide .title{position: absolute;left: 50%;top: 50%;right: 10%;z-index: 1;color: #FFF;display: flex;align-items: center;transform: translate(-50%,-50%);text-align: center;}
.banner .swiper-slide .txt{ color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;}
.banner .swiper-slide .title h2{font-size: .3rem;text-shadow: 0 2px 3px rgba(0,0,0,.2);}
.banner .swiper-slide .title p{font-weight: 300;margin-top: .05rem;text-shadow: 0 2px 2px rgba(0,0,0,.2);font-size: .1rem;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination{bottom: .1rem;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;margin: 0 .05rem !important;background: #FFF;opacity: .3;border: none;}
.banner .swiper-pagination-bullet-active{background: #FFF;opacity: 1;}

.dyip{position: relative;}
.dyip video{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);object-fit: cover;width: 100%;height: 100%;}

.derp{display: flex;align-items: center;justify-content: center;color: #FFF;}
.derp .box{padding: 8%;text-align: center;}
.derp .box .txt{padding: 0 10%;line-height: 1.6;}
.derp .box .txt .title{padding-bottom: .2rem;}
.derp .box .txt .more{margin-top: .2rem;display: inline-block;border: 1px solid #FFF;}
.derp .box .txt .more a{padding: .06rem .2rem;color: #FFF;display: flex;align-items: center;}
.derp .box .txt .more a:hover{text-decoration: none;}
.derp .box .txt .more i{font-size: .1rem;padding-left: .1rem;}
.derp ul{display: flex;flex-wrap: wrap;justify-content: center;position: absolute;left: 0;bottom: 0;right: 0;text-align: center;}
.derp li{width: 20%;position: relative;padding-bottom: .2rem;}
.derp li:after{content: "";display: block;width: 1px;height: 1.1rem;position: absolute;left: 0;bottom: 0;background: linear-gradient(0,rgba(255,255,255,.5) 70%,rgba(255,255,255,0), transparent);opacity: .4;}
.derp li:first-child:after{display: none;}
.derp li i{display: block;font-size: .3rem;}
.derp li span{font-size: .1rem;font-weight: normal;}
.derp li p:nth-of-type(1){font-size: .24rem;font-weight: bold;}
.derp li p:nth-of-type(2){margin-top: .1rem;font-size: .1rem;}

.dsanp{display: flex;align-items: center;justify-content: center;padding: 0 8%;}
.dsanp .list{width: 100%;}
.dsanp .list ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.dsanp .list ul:nth-of-type(1) li{width: 48%;margin-left: 2%;position: relative;background: #FFF;}
.dsanp .list ul:nth-of-type(1) li .pic{width: 100%;}
.dsanp .list ul:nth-of-type(1) li figure{padding-bottom: 40%;}
.dsanp .list ul .txt{position: absolute;left: .15rem;top: .15rem;z-index: 100;}
.dsanp .list ul .txt h2{font-weight: bold;}
.dsanp .list ul .txt .more{margin-top: .1rem;border: 1px solid #333;display: inline-block;padding: .02rem .05rem;border-radius: .03rem;font-size: .08rem;}
.dsanp .list ul li a{display: flex;}
.dsanp .list ul:nth-of-type(2){margin-top: 2%;}
.dsanp .list ul:nth-of-type(2) li{width: 31.333%;margin-left: 2%;position: relative;background: #FFF;}
.dsanp .list ul:nth-of-type(2) li .pic{width: 100%;}
.dsanp .list ul:nth-of-type(2) li figure{padding-bottom: 40%;}

.dsanp .product_nav ul{position: absolute;left: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 8%;flex-wrap: wrap;background: #FFF;}
.dsanp .product_nav li{width: 20%;position: relative;}
.dsanp .product_nav li a{padding: .2rem 0;display: block;}
.dsanp .product_nav li a:hover{text-decoration: none;background: url(../images/pic12_1.jpg) no-repeat center;color: #FFF;}

.dsip{display: flex;align-items: center;justify-content: center;}
.dsip ul{display: flex;align-items: center;justify-content: center;width: 100%;}
.dsip li{width: 25%;position: relative;}
.dsip li figure{padding-bottom: 200%;}
.dsip li:hover figure img{transform: scale(1.1);}
.dsip li .txt{position: absolute;left: 0;top:0;z-index: 100;right: 0;bottom: 0;transition: all .3s;color: #FFF;display: flex;align-items: center;justify-content: center;flex-flow: column;background: rgba(0,0,0,.5);}
.dsip li a:hover .txt{background: rgba(0,0,0,.2);}
.dsip li .txt i{font-size: .3rem;}
.dsip li .txt h2{padding-top: .1rem;font-size: .13rem;font-weight: bold;}

.dwup{display: flex;align-items: center;justify-content: center;padding: 0 8%;}
.dwup .box{width: 100%;text-align: center;}
.dwup ul{display: flex;margin-top: .18rem;flex-wrap: wrap;margin-left: -2%;}
.dwup li{width: 23%;transition: all .4s;margin-left: 2%;background: #FFF;}
.dwup li figure{padding-bottom: 65%;}
.dwup li:hover figure img{transform: scale(1.2);}
.dwup li .txt{padding: .15rem;text-align: left;}
.dwup li h2{transition: all .3s;font-size: .1rem;font-weight: bold;line-height: 1.6;}
.dwup li p{padding-top: .05rem;color: #999;}
.dwup li a:hover{text-decoration: none;}
.dwup .more{margin-top: .2rem;display: inline-block;border: 1px solid #2c237c;}
.dwup .more a{padding: .06rem .2rem;color: #2c237c;display: flex;align-items: center;}
.dwup .more a:hover{text-decoration: none;}
.dwup .more i{font-size: .1rem;padding-left: .1rem;}

.banner_pic{position: relative;}
.banner_pic:after{content: "";display: block;height: 1rem;position: absolute;left: 0;top: 0;right: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,0) 80%);z-index: 100;}
.banner_pic figure{width: 100%;padding-bottom: 30%;}
.banner_pic .title{position: absolute;left: 10%;top: 0;right: 10%;bottom: 0;display: flex;align-items: center;color: #FFF;text-align: center;justify-content: center;}
.banner_pic .title p{margin-top: .05rem;}

.subnav{padding:0 8%;}
.subnav p{display: flex;align-items: center;padding: .15rem 0;}
.subnav i:nth-of-type(1){font-size: .12rem;color: #2c237c;padding-left: 0;}
.subnav i{font-size: .07rem;padding: 0 .05rem;color: #999;}
.subnav p a:hover{text-decoration: none;}
.subnav ul{display: flex;align-items: center;flex-flow: wrap;padding-top: .1rem;margin-left: -.02rem;}
.subnav li{position: relative;margin-left: .02rem;}
.subnav li a{display: block;padding: .08rem .15rem;overflow: hidden;transition: all .3s;background: #F5F5F5;}
.subnav li a:hover{display: block;text-decoration: none;color: #2c237c;}
.subnav li a.current{color: #FFF;background: #2c237c;font-weight: bold;}

.about{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .left{width: 48%;}
.about .left p{line-height: 1.8;}
.about .pic{width: 45%;}
.about .pic figure{padding-bottom: 70%;}
.about_dyerp ul{display: flex;flex-wrap: wrap;margin-top: .3rem;justify-content: space-between;}
.about_dyerp li{position: relative;padding-bottom: .2rem;}
.about_dyerp li:after{content: "";display: block;width: 1px;height: 1.1rem;position: absolute;left: 0;bottom: 0;background: linear-gradient(0,rgba(255,255,255,.5) 70%,rgba(255,255,255,0), transparent);opacity: .4;}
.about_dyerp li:first-child:after{display: none;}
.about_dyerp li i{display: block;font-size: .3rem;}
.about_dyerp li span{font-size: .1rem;font-weight: normal;color: #333;}
.about_dyerp li p:nth-of-type(1){font-size: .24rem;font-weight: bold;color: #2c237c;}
.about_dyerp li p:nth-of-type(2){margin-top: .05rem;font-size: .1rem;}

.wenhua ul{display: flex;margin-left: -1%;flex-wrap: wrap;}
.wenhua li{width: 24%;background: #F5F5F5;position: relative;margin-left: 1%;}
.wenhua li figure{padding-bottom: 150%;}
.wenhua li .txt{position: absolute;left: 0;right: 0;bottom: 0;color: #FFF;padding: .1rem;z-index: 2;text-align: center;}
.wenhua li h2{font-weight: bold;}
.wenhua li p{line-height: 1.6;padding-top: .05rem;font-size: .08rem;}
.wenhua li:after{content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-top: 50%;background-image: linear-gradient(to top, rgba(1,4,40,1) 0%, rgba(1,4,40,0) 100%);transition: all .3s;}
.wenhua li:hover:after{padding-top: 100%;}

.shichang img{max-width: 100%;padding-top: .2rem;}

.service{line-height: 1.6;}
.service strong{font-weight: bold;}
.service img{max-width: 100%;padding-top: .1rem;}

.con{padding: 5% 8%;}

.zhengshu ul{margin-left: -3%;display: flex;flex-wrap: wrap;}
.zhengshu li{width: 22%;margin-left: 3%;text-align: center;margin-bottom: 3%;box-sizing: border-box;transition: all .5s;background: #F5F5F5;}
.zhengshu li .pic{border: 1px solid #DDD;}
.zhengshu li .pic figure{padding-bottom: 130%;}
.zhengshu li h2{padding: .1rem;}

.cpxqer .titleyi{background: #2c237c;line-height: 3;padding:0 3%;color: #FFF;}
.cpxqer .tit{float: left;font-size: .1rem;}
.cpxqer .position{width: 30%;}
.cpxqer .address{width: 20%;}
.cpxqer .salary{width: 30%;}
.cpxqer .time{width: 20%;display: flex;align-items: center;justify-content: space-between;}
.cpxqer .time i{font-size: .1rem;transition: all 0.3s;}
.cpxqer .titleer.active{background: #F5F5F5;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li{background: #FFF;border-bottom: 1px dotted #CCC;}
.cpxqer li .titleer{ line-height: 3; padding:0 3%;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3%;}

.products ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.products li{width: 23%;margin-left: 2%;text-align: center;padding-bottom: 2%;}
.products li:hover .pic{box-shadow: 0 0 .05rem rgba(0,0,0,.1);}
.products li figure{padding-bottom: 70%;}
.products li p{padding: .1rem 0;}

.products_con_t{display: flex;align-items: center;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 .productxq{margin-top: 1%;}
.products_con_t .left .productxq .swiper-slide{opacity: .5;cursor: pointer;}
.products_con_t .left .productxq .swiper-slide-thumb-active{opacity: 1;}
.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: 60%;box-sizing: border-box;padding: .3rem;}
.products_con_t .right h2{font-size: .2rem;font-weight: bold;}
.products_con_t .right .txt{line-height: 1.6;margin-top: .1rem;}
.products_con_t .right .txter{display: inline-block;margin-top: .2rem;font-size: .12rem;}
.products_con_t .right .txter span{color: #2c237c;}
.products_con_t .right .txter i{font-size: .14rem;margin-right: .05rem;color: #2c237c;}
.products_con_t .right ul{display: flex;margin-top: .1rem;}
.products_con_t .right li{margin-right: .05rem;}
.products_con_t .right li a:hover{text-decoration: none;}
.products_con_t .right li:nth-of-type(1) i{color: #3257a6;}
.products_con_t .right li:nth-of-type(2) i{color: #000;}
.products_con_t .right li:nth-of-type(3) i{color: #0177b6;}
.products_con_t .right li:nth-of-type(4) i{color: #19b808;}
.products_con_t .right li:nth-of-type(5) i{color: #ff9900;}
.products_con_t .right .ly{border: 1px solid #2c237c;display: inline-block;margin-top: .2rem;}
.products_con_t .right .ly a{display: block;padding: .05rem .3rem;color: #2c237c;}
.products_con_t .right .ly a:hover{display: block;text-decoration: none;}

.products_con_b{margin-top: .3rem;}
.products_con_b .title{background: #F5F5F5;padding: .05rem 0;text-align: center;}
.products_con_b .txt{line-height: 1.8;padding: .2rem 0;}

.yingyong ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.yingyong li{width: 23%;margin-left: 2%;text-align: center;margin-bottom: 2%;}
.yingyong li figure{padding-bottom: 70%;}
.yingyong li p{padding: .1rem 0;}
.yingyong li a{background: #F5F5F5;display: block;}
.yingyong li a:hover{background: #2c237c;text-decoration: none;color: #FFF;}

.news ul{display: flex;flex-flow: wrap;margin-bottom: -4%;margin-left: -3%;}
.news li{width: 30.333%;margin-bottom: 4%;box-sizing: border-box;margin-left: 3%;}
.news li .pic{position: relative;}
.news li figure{width: 100%;padding-bottom: 70%;}
.news li p{padding: .05rem 0;}
.news li strong{display: block;line-height: 1.6;}
.news li a{transition: all 0.3s;}
.news li a:hover{text-decoration: none;}

.news_con{background: #FFF;border-radius: .05rem;}
.news_con .title{text-align: center;padding: .2rem 0;}
.news_con .title h2{font-size: .18rem;font-weight: bold;}
.news_con .title p{margin-top: .2rem;color: #999;font-size: .1rem;}
.news_con .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #e7e7e7;padding: .2rem 0;}
.news_con .txt p{padding-bottom: 10px;}
.news_con .txt img{max-width: 100%;}

.fuli ul{display: flex;align-items: center;justify-content: space-between;flex-flow: wrap;}
.fuli li{width: 50%;display: flex;align-items: center;justify-content: space-between;background: #F5F5F5;position: relative;}
.fuli li .pic{width: 50%;}
.fuli li:nth-of-type(3) .pic{margin-left: 50%;}
.fuli li:nth-of-type(4) .pic{margin-left: 50%;}
.fuli li .pic figure{padding-bottom: 100%;}
.fuli li .txt{width: 50%;box-sizing: border-box;padding: .2rem;position: absolute;top: 0;bottom: 0;display: flex;align-items: center;justify-content: space-between;}
.fuli li:nth-of-type(1) .txt{left: 50%;}
.fuli li:nth-of-type(2) .txt{left: 50%;}
.fuli li:nth-of-type(3) .txt{left: 0%;}
.fuli li:nth-of-type(4) .txt{left: 0%;}
.fuli li .txt h2{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;}
.fuli li .txt p{line-height: 2;}

.yuangong_dyip{position: relative;background: #F5F5F5;}
.yuangong_dyip .pic{width: 50%;}
.yuangong_dyip .pic figure{padding-bottom: 50%;}
.yuangong_dyip .txt{width: 50%;box-sizing: border-box;padding: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;position: absolute;left: 50%;top: 0;bottom: 0;}
.yuangong_dyip .txt .box{width: 50%;margin: .1rem 0;}
.yuangong_dyip .txt .box i{width: .2rem;height: .2rem;float: left;display: flex;align-items: center;justify-content: center;}
.yuangong_dyip .txt .box .txter{margin-left: .3rem;}
.yuangong_dyip .txt h2{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;}
.yuangong_dyip .txt p{line-height: 2;}

.yuangong_derp{position: relative;margin-top: .3rem;background: #F5F5F5;}
.yuangong_derp .pic{width: 50%;float: right;}
.yuangong_derp .pic figure{padding-bottom: 50%;}
.yuangong_derp .txt{width: 50%;box-sizing: border-box;padding: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;position: absolute;left: 0%;top: 0;bottom: 0;}
.yuangong_derp .txt .box{width: 50%;margin: .1rem 0;}
.yuangong_derp .txt h2{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;}
.yuangong_derp .txt p{line-height: 2;}

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

.syt{margin-top: .2rem;}
.syt ul{display: flex;align-items: center;justify-content: space-between;}
.syt li{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;background: #F5F5F5;width: .24rem;height: .24rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.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{line-height: 1.6;}
.con .contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-flow: wrap;}
.con .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;}
.con .contact li i,.con .contact li em{width: .4rem;height: .4rem;background: #2c237c;display: block;line-height: .4rem;text-align: center;color: #FFF;font-size: .24rem;border-radius: .15rem;}
.con .contact li p{margin-top: .15rem;}

#map_container{ height:2.5rem;margin-top: .5rem;}

.liuyan{margin-top: .5rem;}
.liuyan .txt{margin-top: .1rem;}
.liuyan ul{margin-top: .2rem;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:2px solid #EEE; outline:medium; padding:10px 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:1rem; border:2px solid #EEE; outline:medium; padding:1%;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:#2c237c;cursor: pointer;outline: medium;padding: .05rem .3rem;}