@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 31%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{position: absolute;left: 13%;top: 50%;transform: translateY(-50%);text-align: center;width: 45%;}
.banner .swiper-slide .txt{ color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;}
.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:#00a0e9;}
.banner .swiper-pagination-bullet-active{background:#00a0e9;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: .26rem;height: .26rem;margin-top: -.13rem;border-radius: 1rem;border: 1px solid #00a0e9;}
.banner .swiper-button-next{right: 5%;left: auto;}
.banner .swiper-button-prev{left: 5%;right: auto;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: .12rem;color: #00a0e9;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{display: none;}

.derp{text-align: center;}
.derp ul{display: flex;margin-left: -1%;flex-wrap: wrap;padding-top: .2rem;}
.derp li{margin-left: 1%;width: 24%;border-radius: .02rem;overflow: hidden;transition: all .3s;box-sizing: border-box;border: 1px solid #DDD;}
.derp li:hover{transform: translateY(-.1rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.derp li img{width: 100%;}

.dsanp{margin: 0 8% 5% 8%;}
.dsanp .title{text-align: center;}
.dsanp .title p{margin-top: .05rem;color: #666;}
.dsanp .index_news{margin-top: .2rem;}
.dsanp .swiper-slide{border-radius: .02rem;overflow: hidden;}
.dsanp .swiper-slide figure{padding-bottom: 70%;}
.dsanp .swiper-slide:hover figure img{transform: scale(1.1);}
.dsanp .swiper-slide .txt{padding: .15rem .15rem .3rem .15rem;box-sizing: border-box;height: 1.4rem;}
.dsanp .swiper-slide h2{font-size: .13rem;line-height: 1.4;}
.dsanp .swiper-slide p{padding-top: .05rem;line-height: 1.4;color: #777;font-size: .08rem;}
.dsanp .swiper-slide a{background: #f5f5f5;display: block;transition: all .3s;}
.dsanp .swiper-slide a:hover{text-decoration: none;background: #FFF;}
.dsanp .swiper-slide .more{font-size: .08rem;padding-top: .1rem;display: inline-block;}
.dsanp .swiper-slide .more:after{content: "";display: block;width: 100%;z-index: 100;height: 4px;background: #00a0e9;}
.dsanp .index_news .arrw{display: flex;margin-top: .1rem;justify-content: right;}
.dsanp .swiper-button-next,.dsanp .swiper-button-prev{width: .2rem;height: .2rem;border-radius: 1rem;position: initial;border: 1px solid #00a0e9;margin-top: auto;margin-left: .1rem;}
.dsanp .swiper-button-next i,.dsanp .swiper-button-prev i{font-size: .1rem;color: #00a0e9;}
.dsanp .swiper-button-next:after,.dsanp .swiper-button-prev:after{display: none;}
.tjxw{margin: 0;}

.dsip{margin: 0 8% 5% 8%;border-radius: .02rem;overflow: hidden;}
.dsip img{width: 100%;}

.dwup{margin: 0 8% 5% 8%;}
.dwup .box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;background: #F5F5F5;border-radius: .02rem;overflow: hidden;}
.dwup .pic{width: 50%;}
.dwup .pic figure{padding-bottom: 70%;}
.dwup .right{width: 50%;box-sizing: border-box;padding: .4rem;}
.dwup .right h2{padding-top: .1rem;}
.dwup .right p{padding-top: .1rem;line-height: 1.6;}
.dwup .right .more{display: inline-block;border-radius: .02rem;margin-top: .1rem;overflow: hidden;}
.dwup .right .more a{display: flex;padding: .05rem .1rem;align-items: center;color: #FFF;background: #00a0e9;transition: all .3s;}
.dwup .right .more a:hover{text-decoration: none;background: #008ccc;}
.dwup .right .more i{font-size: .08rem;padding-left: .05rem;}

.dliup{margin: 0 8% 5% 8%;}
.dliup{text-align: center;}
.dliup ul{display: flex;align-items: center;flex-wrap: wrap;margin-left: -2%;margin-bottom: -2%;margin-top: .2rem;}
.dliup li{width: 14.555%;border: 1px solid #DDD;margin-left: 2%;box-sizing: border-box;margin-bottom: 2%;}
.dliup li img{max-width: 100%;min-height: 100%;}

.banner_pic{position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 15%;}
.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 .title p{font-size: .13rem;margin-top: .1rem;}

.dqwz{padding: .03rem 8%;border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;font-size: .08rem;color: #666;text-align: right;}
.dqwz i:nth-of-type(1){font-size: .08rem;color: #999;padding-left: 0;}
.dqwz i{font-size: .06rem;padding: 0 .05rem;color: #999;}
.dqwz a{color: #666;}
.dqwz a:hover{text-decoration: none;}
.dqwzer{position: absolute;left: 0;top: 0;right: 0;padding: .03rem 8%;font-size: .08rem;color: #FFF;}
.dqwzer a{color: #FFF;}
.dqwzer a:hover{text-decoration: none;}

.subnav{padding: .5rem 8% 0 8%;}
.subnav .title{font-size: .3rem;}
.subnav ul{display: flex;margin-top: .5rem;margin-left: -1%;}
.subnav li{margin-left: 1%;}
.subnav li a{display: block;padding: .02rem .05rem;border: 1px solid #000;border-radius: .02rem;overflow: hidden;transition: all .3s;}
.subnav li a:hover{border: 1px solid #00a0e9;text-decoration: none;color: #00a0e9;}
.subnav li a.current{border: 1px solid #00a0e9;color: #FFF;background: #00a0e9;}

.subnaver{width: 20%;float: left;}
.subnaver h2{color: #FFF;padding: .15rem .15rem;font-size: .16rem;font-weight: bold;background: #00a0e9;}
.subnaver h2:after{content: "";display: block;height: 2px;background: #FFF;width: .3rem;margin-top: .05rem;}
.subnaver li{margin-top: .05rem;}
.subnaver li a{padding: .07rem .15rem;display: block;background: #f5f5f5;}
.subnaver li a:hover{text-decoration: none;color: #FFF;background: #00a0e9;}
.subnaver li a.current{color: #FFF;background: #00a0e9;}

.con_r{width: 77%;float: right;}
.title_er{border-bottom: 1px solid #EEE;padding-bottom: .1rem;margin-bottom: .1rem;font-weight: bold;font-size:.11rem;color: #00a0e9;}

.about{line-height: 1.8;}
.about p{padding-bottom: .1rem;}
.about img{max-width: 100%;}

.service{line-height: 1.8;}
.service .txt span{color: #F00;}
.service .txter{padding-top: .1rem;}
.service .txter span{color: #F00;}
.service img{max-width: 100%;border: 1px solid #EEE;}

.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 a:hover p{color: #FFF;}
.download li i{display: block;text-align: right;margin-top: .05rem;font-size: .1rem;}
.download li a{background: #f5f5f5;padding: .1rem;display: block;transition: all .3s;}
.download li a:hover{text-decoration: none;background: #00a0e9;color: #FFF;}

.zhengshu ul{display: flex;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.zhengshu li{width: 23%;position: relative;margin-bottom: 2%;margin-left: 2%;text-align: center;border: 1px solid #CCC;box-sizing: border-box;overflow: hidden;background: #FFF;}
.zhengshu li img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-height: 100%;max-width: 100%;}
.zhengshu li p{padding: .1rem;background: #FFF;}
.zhengshu li .box{padding: .1rem .1rem 0 .1rem;}
.zhengshu li .box .pic{display: block;height:0;overflow:hidden;width: 100%;margin: 0 auto;position:relative;padding-bottom: 100% !important;}
.zhengshu li a:hover{text-decoration: none;}

.wenhua ul{display: flex;flex-wrap: wrap;margin-left: -2%;}
.wenhua li{width: 31.333%;margin-left: 2%;background: #e1e9fa;box-sizing: border-box;margin-bottom: 2%;}
.wenhua li figure{padding-bottom: 170%;}

.con{padding: 3% 8%;}

.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;}
.cpxqer .more{background: #00a0e9;display: inline-block;margin-top: .2rem;}
.cpxqer .more a{display: block;padding: .03rem .1rem;color: #FFF;}
.cpxqer .more a:hover{text-decoration: none;}


.products ul{display: flex;margin-left: -1%;flex-wrap: wrap;text-align: center;}
.products li{margin-left: 1%;width: 24%;border-radius: .02rem;overflow: hidden;margin-bottom: 1%;}
.products li a{padding: .1rem .1rem .3rem .1rem;display: block;background: #f5f5f5;transition: all .3s;}
.products li a:hover{text-decoration: none;background: #FFF;color: #00a0e9;}
.products li figure{padding-bottom: 100%;}
.products li h2{font-size: .1rem;font-weight: bold;padding-top: .2rem;}
.products li p{padding-top: .05rem;}

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

.container{ width:40%; overflow:hidden;}
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width: 100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:100%;border:1px solid #DFDFDF;box-sizing: border-box;}
.spec-scroll{clear:both;margin-top:5px;width:100%;display: flex;justify-content: space-between;}
.spec-scroll .prev{margin-right:4px;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{position:relative;width:91%;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #00a0e9;padding:1px;}

.products_con .left{width: 40%;display: none;}
.products_con .left .productxqer{border: 1px solid #EEE;border-radius: .02rem;overflow: hidden;}
.products_con .left .swiper-slide img{width: 100%;}
.products_con .left figure{padding-bottom: 65%;}
.products_con .left .productxq{margin-top: 2%;}
.products_con .left .productxq .swiper-slide{cursor: pointer;box-sizing: border-box;border: 1px solid #EEE;border-radius: .02rem;overflow: hidden;padding: .05rem;}
.products_con .left .productxq .swiper-slide-thumb-active{border: 1px solid #00a0e9;}
.products_con .swiper-button-next,.products_con .swiper-button-prev{width: .26rem;height: .26rem;border-radius: 100%;margin-top: -.131rem;border: .02rem solid #333;}
.products_con .swiper-button-next{right: 4%;left: auto;}
.products_con .swiper-button-prev{left: 4%;right: auto;}
.products_con .swiper-button-next:after,.products_con .swiper-button-prev:after{display: none;}
.products_con .swiper-button-next i,.products_con .swiper-button-prev i{font-size: .14rem;color: #333;}

.products_con .right{width: 57%;}
.products_con .right h2{font-size: .18rem;border-bottom: 1px solid #CCC;padding: .1rem 0;}
.products_con .right .txt{padding-top: .1rem;font-size: .08rem;}
.products_con .right .txt h3{font-weight: bold;padding-bottom: .05rem;}
.products_con .right .txt p{line-height: 1.6;color: #666;}
.products_con .right ul{margin-top: .2rem;}
.products_con .right li{line-height: 2;font-size: .09rem;display: flex;align-items: center;}
.products_con .right li i{font-size: .12rem;padding-right: .05rem;}
.products_con .right li a{transition: all 0.3s;color: #FFF;}
.products_con .right li a:hover{text-decoration: none;color: #FFF;}
.products_con .more{position: relative;z-index: 2;background: #333;display: inline-block;border-radius: .02rem;font-size: .08rem;overflow: hidden;margin-top: .1rem;}
.products_con .more a{color: #FFF;padding: .05rem .1rem;display: block;}
.products_con .more a:hover{text-decoration: none;color: #FFF;}
.products_con .more i{font-size: .08rem;padding-right: .05rem;position: relative;z-index: 2;}
.products_con .more span{position: relative;z-index: 2;}
.products_con .more:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: #00a0e9;-webkit-transition:0.5s;transition:0.5s;}
.products_con .more:hover:after{width: 100%;}

.products_con_b{margin-top: .3rem;}
.products_con_b .hd{border-bottom: 1px solid #EEE;}
.products_con_b .hd ul{display: flex;}
.products_con_b .hd li{padding: .05rem .1rem;background: #F5F5F5;cursor: pointer;margin-right: .02rem;}
.products_con_b .hd li.on{background: #00a0e9;color: #FFF;}
.products_con_b .txt{line-height: 1.6;padding: .2rem 0;}
.products_con_b .txt table{border-top: 1px solid #DDD !important;border-left: 1px solid #DDD !important;border-collapse: collapse;}
.products_con_b .txt td{border-right: 1px solid #DDD !important;border-bottom: 1px solid #DDD !important;padding: .03rem;}
.products_con_b img{width: 66%;}

.products_related{background: #FFF;}
.products_related .title{font-size: .14rem;}
.products_related .picshi{margin-top: .1rem;text-align: left;}
.products_related .swiper-slide{border-radius: .02rem;overflow: hidden;text-align: center;}
.products_related .swiper-slide a{padding: .1rem .1rem .3rem .1rem;display: block;background: #f5f5f5;transition: all .3s;}
.products_related .swiper-slide a:hover{text-decoration: none;background: #FFF;color: #00a0e9;}
.products_related .swiper-slide figure{padding-bottom: 100%;}
.products_related .swiper-slide h2{font-size: .1rem;font-weight: bold;padding-top: .2rem;}
.products_related .swiper-slide p{padding-top: .05rem;}

.news ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-bottom: -2%;}
.news li{border-radius: .02rem;overflow: hidden;width: 31.333%;margin-left: 2%;margin-bottom: 2%;background: #f5f5f5;transition: all .3s;}
.news li figure{padding-bottom: 70%;}
.news li:hover figure img{transform: scale(1.1);}
.news li .txt{padding: .15rem .15rem .3rem .15rem;box-sizing: border-box;}
.news li h2{font-size: .13rem;line-height: 1.4;}
.news li p{padding-top: .05rem;line-height: 1.4;color: #777;font-size: .08rem;}
.news li a{display: block;transition: all .3s;}
.news li a:hover{text-decoration: none;}
.news li:hover{background: #FFF;}
.news li .more{font-size: .08rem;padding-top: .1rem;display: inline-block;}
.news li .more:after{content: "";display: block;width: 100%;z-index: 100;height: 4px;background: #00a0e9;}

.news_con{padding-bottom: 4%;}
.news_con .title{text-align: center;}
.news_con .title h2{font-size: .2rem;}
.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%;}

.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;background: #FFF;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: #00a0e9;}
.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: #00a0e9;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: #00a0e9;color: #FFF;}
.sxy li a:hover i{color: #FFF;}

.con .contact{line-height: 2;display: flex;justify-content: space-between;flex-wrap: wrap;}
.con .contact .txt{width: 60%;}
.con .contact .txt h2{font-weight: bold;color: #00a0e9;font-size: .12rem;}
.con .contact .txt span{color: #00a0e9;font-weight: bold;}
.con .contact .pic{width: 20%;}
.con .contact .pic img{width: 100%;}

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

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