@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 26%;}
.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; color: #FFF;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;margin: 0 .05rem !important;background: #FFF;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #FFF;}

.dyip{display: flex;align-items: center;justify-content: space-between;padding: .06rem 16%;border-bottom: 1px solid #DDD;flex-wrap: wrap;}
.dyip p{color:#ff9000;}
.dyip .search{width: 30%;display: flex;align-items: center;justify-content: space-between;}
.dyip .input_txt{width: 80%;height: .2rem;outline: magenta;box-sizing: border-box;background: none;border: 1px solid #DDD;border-right: none;padding: 0 .1rem;}
.dyip .input_btn{width: 20%;height: .2rem;border: none;outline: magenta;cursor: pointer;font-size: .1rem;background: #2c89ca;color: #FFF;}

.derp .title{display: flex;align-items: center;justify-content: space-between;}
.derp .title h2{font-weight: bold;}
.derp .title h2:after{content: "";display: block;width: .4rem;height: 1px;background: #2c89ca;margin-top: .05rem;}
.derp .title p{background: #666;overflow: hidden;border-radius: .02rem;font-size: .08rem;}
.derp .title p a{color: #FFF;display: block;padding: .02rem;}
.derp .title p a:hover{color: #FFF;display: block;text-decoration: none;}
.derp ul{display: flex;margin-left: -2%;margin-top: .1rem;flex-wrap: wrap;}
.derp li{margin-left: 2%;width: 23%;text-align: center;}
.derp li figure{padding-bottom: 60%;}
.derp li p{padding: .05rem .1rem;}
.derp li a:hover{text-decoration: none;}

.dsanp{display: flex;align-items: center;justify-content: space-between;background: #f2f2f2;flex-wrap: wrap;}
.dsanp .left{width: 47%;}
.dsanp .left h2{font-weight: bold;}
.dsanp .left h2:after{content: "";display: block;width: .4rem;height: 1px;background: #2c89ca;margin-top: .05rem;}
.dsanp .left p{padding-top: .1rem;line-height: 1.6;}
.dsanp .left .more{background: #2c89ca;overflow: hidden;border-radius: .02rem;font-size: .08rem;display: inline-block;margin-top: .1rem;}
.dsanp .left .more a{color: #FFF;display: block;padding: .04rem .1rem;}
.dsanp .left .more a:hover{color: #FFF;display: block;text-decoration: none;}
.dsanp .right{width: 47%;}
.dsanp .right img{width: 100%;}

.dsip h2{font-weight: bold;border-bottom: 1px solid #DDD;padding-bottom: .05rem;}
.dsip .box{padding-top: .1rem;display: flex;flex-wrap: wrap;}
.dsip .box p{padding-right: .1rem;}
.dsip .box p a:hover{text-decoration: none;}

.banner_pic{position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 19%;}
.banner_pic .title{position: absolute;left: 13%;top: 0;right: 13%;bottom: 0;display: flex;align-items: center;color: #FFF;}
.banner_pic .title h2{color: #FFF;font-size: .24rem;font-weight: bold;}
.banner_pic .title p{font-size: .13rem;margin-top: .1rem;}

.dqwz{padding: .1rem 16%;display: flex;align-items: center;border-bottom: 1px solid #DDD;}
.dqwz i:nth-of-type(1){font-size: .12rem;color: #2c89ca;padding-left: 0;}
.dqwz i{font-size: .06rem;padding: 0 .05rem;color: #999;}
.dqwz a:hover{text-decoration: none;}

.con{display: flex;justify-content: space-between;flex-wrap: wrap;}

.con .con_l{width: 20%;}
.subnav h2{color: #FFF;background: #2c89ca;padding: .1rem;font-weight: bold;font-size: .13rem;}
.subnav ul{border: 1px solid #DDD;border-top: none;}
.subnav li{position: relative;font-size: .1rem;border-bottom: 1px solid #DDD;}
.subnav li a{display: block;overflow: hidden;transition: all .3s;padding: .1rem;}
.subnav li a:hover{display: block;text-decoration: none;color: #2c89ca;}
.subnav li a.current{background: #dfdfdf ;}

.lxwm{margin-top: .1rem;}
.lxwm h2{color: #FFF;background: #2c89ca;padding: .1rem;font-weight: bold;font-size: .13rem;}
.lxwm .txt{line-height: 1.6;border: 1px solid #DDD;border-top: none;padding: .1rem;}

.con .con_r{width: 75%;}
.con .con_r .title{background: #F5F5F5;padding: .05rem .1rem;font-weight: bold;border-bottom: 1px solid #DDD;margin-bottom: .1rem;}

.con .con_r .about{line-height: 1.6;}
.con .con_r .about strong{font-weight: bold;}
.con .con_r .about img{width: 100%;}

.con .con_r .gongchang ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.con .con_r .gongchang li{width: 31.333%;margin-left: 2%;text-align: center;margin-bottom: .1rem;}
.con .con_r .gongchang li .pic{border: 1px solid #DDD;padding: .02rem;}
.con .con_r .gongchang li a{display: block;position: relative;height: 0;overflow: hidden;width: 100%;margin: 0 auto;padding-bottom: 75% !important;}
.con .con_r .gongchang li a img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-height: 100%;max-width: 100%;}
.con .con_r .gongchang li p{padding: .05rem;}

.con .con_r .products ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.con .con_r .products li{width: 31.333%;margin-left: 2%;text-align: center;margin-bottom: .1rem;}
.con .con_r .products li figure{padding-bottom: 70%;}
.con .con_r .products li:hover figure img{transform: scale(1.1);}
.con .con_r .products li p{padding: .05rem;}

.yingyong{line-height: 1.6;}

.zhaopin .txt{line-height: 1.6;padding-bottom: .2rem;}
.zhaopin .txt a{color: #2c89ca;}
.zhaopin .txt a:hover{text-decoration: none;}
.cpxqer .titleyi{padding: .1rem 0;border-top: 2px solid #000;font-weight: bold;display: flex;}
.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: .08rem;transition: all 0.3s;}
.cpxqer .titleer{display: flex;}
.cpxqer .titleer.active{background: #F5F5F5;border-top: 1px solid #000;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li{background: #FFF;}
.cpxqer li .titleer{overflow: hidden;cursor: pointer;border-top: 1px solid #999;padding: .1rem 0;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3% 0;}


.products_con .products_con_t{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.products_con .products_con_t .left{width: 40%;}
.products_con .products_con_t .left figure{padding-bottom: 70%;}

.products_con_t .right{width: 55%;}
.products_con_t .right h2{font-size: .12rem;display: block;font-weight: bold;color: #2c89ca;}
.products_con_t .right strong{font-weight: bold;background: #F5F5F5;display: block;padding: .03rem .1rem;margin-top: .1rem;margin-bottom: .1rem;}
.products_con_t .right p{line-height: 1.6;}

.products_con_c{margin-top: .1rem;}
.products_con_c h2{font-weight: bold;background: #F5F5F5;padding: .03rem .1rem;}
.products_con_c .box{padding: .1rem 0;}
.products_con_c img{max-width: 100%;}

.products_con_b{line-height: 1.6;padding: .1rem 0;}
.products_con_b h2{font-weight: bold;background: #F5F5F5;display: block;padding: .03rem .1rem;}
.products_con_b ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-top: .1rem;}
.products_con_b li{width: 23%;margin-left: 2%;text-align: center;margin-bottom: .1rem;}
.products_con_b li figure{padding-bottom: 70%;}
.products_con_b li:hover figure img{transform: scale(1.1);}
.products_con_b li p{padding: .05rem;}

.news li{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px dotted #CCC;padding: .08rem 0;}
.news li figure{padding-bottom: 65%;}
.news li:hover figure img{transform: scale(1.2);}
.news li h2{transition: all .3s;font-size: .1rem;padding: .15rem;font-weight: bold;line-height: 1.6;text-indent: 1em;}
.news li p{color: #999;}
.news li i{font-size: .08rem;color: #2c89ca;padding-right: .05rem;}
.news li a{display: flex;align-items: center;}
.news li a:hover{text-decoration: none;}

.news_con .titleer{text-align: center;}
.news_con .titleer h2{font-size: .13rem;font-weight: bold;}
.news_con .titleer p{margin-top: .05rem;color: #666;}
.news_con .txt{line-height: 2;margin-top: .1rem;border-top: 1px solid #CCC;padding: .1rem 0;}
.news_con .txt p{padding-bottom: 10px;}
.news_con .txt img{max-width: 100%;}

.yanfa ul{display: flex;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.yanfa li{width: 23%;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;box-shadow: 0 10px 8px rgba(0, 0, 0, .1);}
.yanfa li .pic{position: relative;}
.yanfa li h2{position: absolute;left: .1rem;right: .1rem;bottom: .1rem;transition: all .3s;font-size: .1rem;font-weight: bold;line-height: 1.6;color: #FFF;z-index: 1;}
.yanfa li .pic:after{content: '';position: absolute;bottom: 0;left: 0;height: 50px;width: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.01)) 80%;}
.yanfa li p{padding: .1rem;font-size: .08rem;line-height: 1.6;}
.yanfa li figure{padding-bottom: 65%;}
.yanfa li:hover figure img{transform: scale(1.2);}
.yanfa li a:hover{text-decoration: none;}

.download ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.download li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;}
.download li h2{font-weight: bold;}
.download li p{margin-top: .05rem;color: #999;font-size: .08rem;}
.download li i{display: block;text-align: right;margin-top: .05rem;font-size: .1rem;}
.download li a{background: #e1e9fa;padding: .1rem;display: block;}
.download li a:hover{text-decoration: none;background: #2c89ca;color: #FFF;}

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

.sxy{background: #F5F5F5;padding: .1rem;}
.sxy li{padding: .05rem 0;}
.sxy li a:hover{text-decoration: none;}

.contact .box{display: flex;justify-content: space-between;flex-flow: wrap;background: #f5f5f5;}
.contact .box .left{width: 50%;box-sizing: border-box;padding: .2rem;}
.contact .box .left h2{font-size: .12rem;font-weight: bold;}
.contact .box .left .title p{margin-top: .05rem;}
.contact ul{line-height: 1.6;margin-top: .2rem;}
.contact li{display: flex;align-items: center;padding: .1rem 0;border-bottom: 1px solid #DDD;}
.contact li i,.contact li em{display: block;text-align: center;font-size: .1rem;border-radius: 100%;}
.contact li p{margin-left: .1rem;width: 100%;}
#map_container{ height:3rem;width: 50%;}

.liuyan{width: 50%;background: #F5F5F5;box-sizing: border-box;padding: .2rem;}
.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:2px solid #EEE; 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:2px solid #EEE; 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:#008fd7;cursor: pointer;outline: medium;padding: .05rem .3rem;}