@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: .5rem;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 30%;}
.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;}
.banner .swiper-slide .txt h2{font-size: .3rem;}
.banner .swiper-slide .txt p{font-weight: 300;font-size: .16rem;margin-top: .05rem;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination{bottom: .1rem; }
.banner .swiper-pagination-bullet{width: .08rem;height: .08rem;}
.banner .swiper-pagination-bullet-active{background: #1558a1;}

.dsip{padding: 3% 0;background: url(../images/pic12.jpg) no-repeat;background-size: cover;}
.dsip .title{text-align: center;padding: 0 10%;}
.dsip ul{display: flex;align-items: center;text-align: center;justify-content: center;margin-left: -1%;margin-top: .2rem;flex-wrap: wrap;padding: 0 10%;}
.dsip li{margin-left: 1%;}
.dsip li a{padding: .05rem .1rem;display: block;border: 1px solid #CCC;border-radius: 1rem;background: #FFF;}
.dsip li a:hover{border: 1px solid #1558a1;text-decoration: none;background: #1558a1;color: #FFF;}
.dsip .swiper-father{position: relative;margin-top: .2rem;padding: 0 10%;}
.dsip .swiper-slide{background: rgba(255,255,255,.9);box-sizing: border-box;}
.dsip .swiper-slide .txt{padding: .15rem;text-align: center;}
.dsip .swiper-slide h2{padding-bottom: .1rem;font-size: .16rem;}
.dsip .swiper-slide p{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.dsip .swiper-slide .pic{background: #FFF;}
.dsip .swiper-slide figure{padding-bottom: 35%;}
.dsip .swiper-slide .more{border-top: 1px solid #DDD;text-align: center;}
.dsip .swiper-slide .more a{padding: .15rem;display: block;}
.dsip .swiper-slide .more a:hover{padding: .15rem;display: block;text-decoration: none;}
.dsip .swiper-father .swiper-button-next,.dsip .swiper-father .swiper-button-prev{width: .3rem;height: .3rem;background: #FFF;border-radius: 100%;margin-top: -.15rem;}
.dsip .swiper-father .swiper-button-next{right: 5%;left: auto;}
.dsip .swiper-father .swiper-button-prev{left: 5%;right: auto;}
.dsip .swiper-father .swiper-button-next:after,.dsip .swiper-father .swiper-button-prev:after{font-size: .14rem;color: #333;}

.derp{padding: 3% 10%;}
.derp .box{display: flex;align-items: center;margin-left: -1%;flex-wrap: wrap;}
.derp ul{width: 25%;margin-left: 1%;}
.derp ul:nth-of-type(2){width: 47%;}
.derp ul li{position: relative;transition: all .4s;margin-bottom: .1rem;}
.derp ul li figure{height: 1.2rem;}
.derp ul:nth-of-type(2) li figure{height: 2.5rem;}
.derp ul li .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-flow: column;}
.derp ul li .txt h2{color: #FFF;text-shadow: 0 0 5px rgba(0,0,0,.5);}
.derp ul li .txt i{font-size: .1rem;background: #FFF;width: .2rem;height: .2rem;display: flex;align-items: center;justify-content: center;border-radius: 100%;margin-top: .05rem;}
.derp ul:nth-of-type(1) li:nth-of-type(2){background: #1558a1;}
.derp ul:nth-of-type(1) li:nth-of-type(2) img{opacity: 0;}
.derp ul:nth-of-type(3) li:nth-of-type(1){background: #1558a1;}
.derp ul:nth-of-type(3) li:nth-of-type(1) img{opacity: 0;}

.banner_pic{position: relative;margin-top: .5rem;}
.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 10%;background: #F1F1F1;display: flex;align-items: center;justify-content: space-between;}
.subnav p{display: flex;align-items: center;justify-content: center;padding: .15rem 0;}
.subnav i:nth-of-type(1){font-size: .14rem;color: #1558a1;padding-left: 0;}
.subnav i{font-size: .1rem;padding: 0 .05rem;color: #999;}
.subnav p a:hover{text-decoration: none;}
.subnav ul{display: flex;align-items: center;justify-content: center;flex-flow: wrap;}
.subnav li{position: relative;margin-right: .2rem;font-weight: bold;}
.subnav li a{display: block;padding: .15rem 0;overflow: hidden;transition: all .3s;}
.subnav li a:hover{display: block;text-decoration: none;color: #1558a1;}
.subnav li a.current{color: #1558a1;}
.subnav li a:after{content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 0;z-index: 100;height: 4px;background: #1558a1;opacity: 0;transform: translateX(-50%);}
.subnav li:hover a:after{width: 100%;opacity: 1;}
.subnav li a.current:after{width: 100%;opacity: 1;}

.subnaver{padding: 3% 10%;}
.subnaver ul{display: flex;align-items: center;text-align: center;justify-content: center;margin-left: -1%;flex-wrap: wrap;}
.subnaver li{margin-left: 1%;}
.subnaver li a{padding: .05rem .1rem;display: block;border: 1px solid #CCC;border-radius: 1rem;background: #FFF;}
.subnaver li a:hover,.subnaver li.current a{border: 1px solid #1558a1;text-decoration: none;background: #1558a1;color: #FFF;}

.about{line-height: 1.6;}
.about p{padding-bottom: .1rem;}


.con{padding: 5% 10%;}

.huoban ul{margin-left: -2%;}
.huoban li{width: 18%;float: left;margin-left: 2%;text-align: center;margin-bottom: 2%;box-sizing: border-box;transition: all .5s;}
.huoban li .pic{border: 1px solid #CCC;}
.huoban li .pic figure{padding-bottom: 40%;}
.huoban li h2{padding: .05rem;}

.yanfa_derp{background: url(../images/pic26.jpg) no-repeat center;background-size: cover;color: #FFF;padding: 10%;}
.yanfa_derp .txt{margin-top: .1rem;width: 50%;font-size: .12rem;}
.yanfa_derp .txt p{line-height: 2;}
.yanfa_derp ul{display: flex;align-items: center;margin-top: .2rem;}
.yanfa_derp li{font-size: .12rem;margin-top: .1rem;margin-right: .3rem;}
.yanfa_derp li .l{font-weight: bold;}
.yanfa_derp li i{font-style: normal;font-size: .3rem;display: inline-block;}

.yanfa_dsanp ul{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;margin-top: .3rem;margin-bottom: -.3rem;}
.yanfa_dsanp li{width: 31%;background: #F5F5F5;box-sizing: border-box;padding: .2rem;text-align: center;font-size: .12rem;margin-bottom: .3rem;}
.yanfa_dsanp li h2{margin-bottom: .1rem;font-weight: bold;}

.cpxqer .titleyi{background: #1558a1;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;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3%;}

.search_p{padding: 0 3%;display: flex;align-items: center;justify-content: right;}
.search_p .box{width: 30%;display: flex;align-items: center;justify-content: center;}
.search_p .input_txt{width: 79%;height: .24rem;border: none;outline: magenta;box-sizing: border-box;background: none;box-sizing: border-box;border: 1px solid #EEE;padding: 0 .1rem;border-radius: 1rem;font-size: .1rem;}
.search_p .input_btn{width: 20%;height: .24rem;border: none;outline: magenta;cursor: pointer;background: none;color: #333;background: #EEE;color: #333;border-radius: 1rem;margin-left: 1%;font-size: .1rem;}

.products{display: flex;justify-content: space-between;padding-bottom: 5%;margin-top: .2rem;flex-wrap: wrap;}
.products .left{width: 20%;font-size: .08rem;}
.products .left h2{padding: .1rem;background: #DDD;margin-bottom: 2px;}
.products .left li{background: #F5F5F5;margin-bottom: 2px;}
.products .left li label{display: flex;align-items: center;cursor: pointer;padding: .1rem;}
.products .left li input{width: .08rem;height: .08rem;margin-right: .05rem;}
.products .left li a:hover{text-decoration:none;}
.products .right{width: 80%;}
.products table{width: 100%;border-collapse: collapse}
.products table tr{border-bottom: 2px solid #F5F5F5;transition: all .3s;}
.products table tr:hover{background: #fcfcfc;}
.products table th{background: #1558a1;padding: .1rem .05rem;font-weight: bold;color: #FFF;font-size: .08rem;}
.products table td{padding: .1rem .05rem;text-align: center;font-size: .08rem;}
.products table td .pic{width: 80%;margin: 0 auto;}
.products table td figure{padding-bottom: 70%;}
.products table td i{color: #1558a1;font-size: .16rem;}
.products table td a:hover{text-decoration: none;}

.products_con .products_con_t{background: #F5F5F5;}
.products_con .products_con_t .left{width: 50%;float: left;}
.products_con .products_con_t .left figure{padding-bottom: 60%;}

.products_con_t .right{width: 50%;float: right;box-sizing: border-box;padding: .3rem;}
.products_con_t .right strong{font-size: .12rem;display: block;font-weight: bold;}
.products_con_t .right .xh{color: #999;margin-top: .05rem;}
.products_con_t .right .txt{line-height: 1.6;margin-top: .1rem;}
.products_con_t .right .more{display: inline-block;margin-top: .2rem;font-size: .12rem;}
.products_con_t .right .more span{color: #014693;}
.products_con_t .right .more i{font-size: .14rem;margin-right: .05rem;color: #014693;}

.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: 60%;}
.products_related .swiper-slide h2{padding: .1rem;}
.products_related .swiper-slide a:hover{text-decoration: none;}

.yingyong{line-height: 1.6;}
.yingyong p{padding-bottom: .1rem;}

.news li{box-sizing: border-box;position: relative;font-size: 0;border-bottom: 1px solid #EEE;padding: .2rem 0;}
.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;color: #777;}
.news li .txt{padding-left: 3%;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: .13rem;color: #777;}
.news li .txt .more{margin-top: .2rem;font-size: .13rem;display: inline-block;color: #333;padding: .03rem .05rem;transition: all .3s;border: 1px solid #DDD;}
.news li:hover .txt .more{border: 1px solid #1558a1;color: #1558a1;}
.news li a{transition: all 0.3s;}
.news li a:hover{text-decoration: none;}
.news li:hover .txt:after{width: 100%;right: auto;left: 0;}
.news li:last-child:nth-child(3n+2) {margin-right: calc((100% - 30%) / 2 * 1);}

.news_con .left{width: 65%;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: 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 #014693;color: #014693;}
.news_con .right li a{transition: all 0.3s;}
.news_con .right li a:hover{text-decoration: none;}

.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;}

.linian{line-height: 1.6;}
.linian strong{font-weight: bold;}
.linian p{padding-bottom: .1rem;}

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

.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: .13rem;}
.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: 30%;display: flex;align-items: center;justify-content: center;flex-flow: column;padding: .1rem;height: 1rem;background: #F5F5F5;}
.con .contact li i,.con .contact li em{width: .3rem;height: .3rem;background: #1558a1;display: block;line-height: .3rem;text-align: center;color: #FFF;font-size: .14rem;border-radius: 100%;}
.con .contact li p{margin-top: .1rem;}

#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:#014693;cursor: pointer;outline: medium;padding: .05rem .3rem;}