﻿@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: .5rem;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.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-weight: bold;font-size: .3rem;margin-top: .05rem;text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);}
.banner .swiper-slide .txt p{font-size: .2rem;text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);}
.banner .swiper-slide .txt .more{background: #00a3e8;display: inline-block;border-radius: .02rem;overflow: hidden;margin-top: .2rem;text-transform: uppercase;}
.banner .swiper-slide .txt .more a{padding: .08rem .15rem;display: block;color: #FFF;}
.banner .swiper-slide .txt .more a:hover{text-decoration: none;}
.banner .swiper-slide .txt .more i{font-size: .08rem;padding-left: .05rem;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-slide figure{padding-bottom: 37%;}
.banner .swiper-pagination{bottom: .1rem; color: #FFF;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;margin: 0 .05rem !important;background: #00a3e8;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #00a3e8;}

.dyip{text-align: center;background: #fcfcfc;}
.dyip .title p{padding-top: .1rem;}
.dyip .index_pro_title{margin-top: .2rem;}
.dyip .index_pro_title .swiper-slide{background: #333;box-sizing: border-box;padding: .05rem;color: #FFF;cursor: pointer;}
.dyip .index_pro_title .swiper-slide-thumb-active{background: #00a3e8;color: #FFF;}
.dyip .index_pro{margin-top: .2rem;}
.dyip .index_pro .swiper-slide ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.dyip .index_pro .swiper-slide li{background: #FFF;overflow: hidden;box-sizing: border-box;border: 1px solid #CCC;margin-left: 2%;width: 23%;margin-bottom: 2%;}
.dyip .index_pro .swiper-slide figure{padding-bottom: 100%;}
.dyip .index_pro .swiper-slide h2{padding: .1rem;}
.dyip .index_pro .swiper-slide a:hover{text-decoration: none;}

.derp{background: url(../images/pic11.jpg) no-repeat center;background-size: cover;}
.derp .box{display: flex;padding: 0 10%;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.derp .left{width: 49%;color: #FFF;}
.derp .left .txt{padding-top: .2rem;line-height: 1.8;}
.derp .left ul{display: flex;align-items: center;flex-wrap: wrap;}
.derp .left li{box-sizing: border-box;width: 50%;padding-top: .2rem;}
.derp .left li:nth-of-type(1) i:nth-of-type(1){display: none;}
.derp .left li .l{color: #00a3e8;}
.derp .left li span{font-size: .2rem;}
.derp .left li i{font-style: normal;display: inline-block;font-size: .3rem;font-weight: bold;padding-bottom: .1rem;}
.derp .left .more{background: #00a3e8;display: inline-block;border-radius: .02rem;overflow: hidden;margin-top: .4rem;text-transform: uppercase;}
.derp .left .more a{padding: .08rem .15rem;display: flex;color: #FFF;align-items: center;}
.derp .left .more a:hover{text-decoration: none;}
.derp .left .more i{font-size: .08rem;padding-left: .05rem;}
.derp .pic{width: 45%;}
.derp .pic img{width: 100%;}

.dsip{padding: 4% 0;}
.dsip .title{text-align: center;}
.dsip ul{position: relative;margin-top: .2rem;display: flex;flex-wrap: wrap;margin-left: -2%;justify-content: center;}
.dsip li{width: 18%;margin-left: 2%;text-align: center;}
.dsip li figure{padding-bottom: 150%;}
.dsip li:hover figure img{transform: scale(1.2);}
.dsip li p{padding-top: .1rem;}

.dsanp{background: #fcfcfc;text-align: center;}
.dsanp .title{display: flex;align-items: center;flex-flow: column;text-transform: uppercase;}
.dsanp ul{display: flex;margin-top: .2rem;flex-wrap: wrap;margin-left: -2%;}
.dsanp li{width: 31.333%;transition: all .4s;margin-left: 2%;background: #FFF;text-align: left;box-sizing: border-box;border: 1px solid #DDD;border-radius: .02rem;overflow: hidden;position: relative;box-shadow: 0 0 .1rem rgba(0, 0, 0, .025);}
.dsanp li figure{padding-bottom: 65%;}
.dsanp li .li_t{display: flex;align-items: center;justify-content: space-between;padding: 0 .15rem;color: #999;font-size: .08rem;height: .36rem;}
.dsanp li .li_t p{background: #00a3e8;padding: .03rem .05rem;border-radius: .02rem;color: #FFF;}
.dsanp li .txt{padding: 0 .15rem .6rem .15rem;}
.dsanp li h2{transition: all .3s;font-size: .13rem;line-height: 1.4;}
.dsanp li p{padding-top: .05rem;line-height: 1.4;color: #666;}
.dsanp li a:hover{text-decoration: none;}
.dsanp li .more{color: #00a3e8;position: absolute;left: .15rem;bottom: .15rem;}
.dsanp .moreer{background: #00a3e8;display: inline-block;border-radius: 1rem;overflow: hidden;margin-top: .3rem;text-transform: uppercase;}
.dsanp .moreer a{padding: .08rem .15rem;display: flex;color: #FFF;align-items: center;}
.dsanp .moreer a:hover{text-decoration: none;}
.dsanp .moreer i{font-size: .08rem;padding-left: .05rem;}

.banner_pic{position: relative;margin-top: .42rem;}
.banner_pic figure{width: 100%;padding-bottom: 23%;}
.banner_pic .title{position: absolute;left: 10%;top: 0;right: 10%;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;}

.subnav ul{display: flex;align-items: center;flex-flow: wrap;margin-left: -1%;margin-bottom: -1%;justify-content: center;}
.subnav li{position: relative;margin-left: 1%;font-size: 16px;margin-bottom: 1%;}
.subnav li a{display: block;padding: .05rem .2rem;overflow: hidden;transition: all .3s;background: #333;color: #FFF;}
.subnav li a:hover{display: block;text-decoration: none;color: #FFF;background: #00a3e8;}
.subnav li a.current{color: #FFF;background: #00a3e8;border: 1px solid #00a3e8;}
.subnaver{margin-top: .2rem;border-top:1px solid #DDD;padding-top:.1rem;}
.subnaver ul{display: flex;margin-left: -1%;margin-bottom: -1%;}
.subnaver li{position: relative;margin-left: 1%;margin-bottom: 1%;}
.subnaver li a{display: block;padding: .02rem .05rem;overflow: hidden;transition: all .3s;border-radius: .03rem;overflow: hidden;border: 1px solid #DDD;}
.subnaver li a:hover{display: block;text-decoration: none;}
.subnaver li a.current{color: #00a3e8;border: 1px solid #00a3e8;}

.about{line-height: 1.6;}
.about p{text-indent: 2em;}

.products{padding-top: .3rem;}
.products ul{display: flex;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;}
.products li{width: 23%;position: relative;margin-bottom: 2%;margin-left: 2%;text-align: center;border: 1px solid #CCC;box-sizing: border-box;}
.products li figure{padding-bottom: 100%;}
.products li h2{padding: .1rem;}
.products li a:hover{text-decoration: none;}

.wenti{padding-top: .3rem;}
.wenti i{font-size: .08rem;transition: all 0.3s;margin-right: .05rem;}
.wenti .titleer{display: flex;}
.wenti .titleer.active i{transform: rotate(90deg);}
.wenti li{background: #FFF;}
.wenti li .titleer{overflow: hidden;cursor: pointer;padding: .1rem 0;display: flex;align-items: center;font-weight: bold;}
.wenti li .con_er{ display:none; line-height:1.6; padding:1% 2%;color: #666;}

.pro_dyip .title{font-size: .18rem;text-align: center;}
.pro_dyip .txt{padding-top: .2rem;line-height: 1.6;}
.pro_dyip .txt p{text-indent: 2em;}

.pro_derp{background: #eff3fc;text-align: center;}
.pro_derp .title{font-size: .18rem;}
.pro_derp ul{display: flex;margin-left: -2%;padding-top: .2rem;}
.pro_derp li{width: 31.333%;margin-left: 2%;padding: .2rem;color: #FFF;}
.pro_derp li h2{font-size: .13rem;}
.pro_derp li p{padding-top: .1rem;line-height: 1.6;}
.pro_derp li:nth-of-type(1){background: #3663a8;}
.pro_derp li:nth-of-type(2){background: #2d4872;}
.pro_derp li:nth-of-type(3){background: #6a56ba;}

.pro_dsanp{padding: 5% 0;text-align: center;}
.pro_dsanp .title{display: flex;align-items: center;flex-flow: column;text-transform: uppercase;}
.pro_dsanp .title:after{content: "";display: block;width: 2rem;height: 2px;background: #333;margin-top: .2rem;}
.pro_dsanp .txt{padding: .2rem 13% 0 13%;line-height: 1.6;}
.pro_dsanp ul{display: flex;flex-wrap: wrap;margin-left: -1%;padding: 0 1%;margin-top: .3rem;margin-bottom: -1%;}
.pro_dsanp li{width: 32.333%;margin-left: 1%;margin-bottom: 1%;}
.pro_dsanp li figure{padding-bottom: 60%;}
.pro_dsanp .more{background: #00a3e8;display: inline-block;border-radius: .02rem;overflow: hidden;margin-top: .3rem;text-transform: uppercase;}
.pro_dsanp .more a{padding: .06rem .15rem;display: flex;color: #FFF;align-items: center;}
.pro_dsanp .more a:hover{text-decoration: none;}
.pro_dsanp .more i{font-size: .08rem;padding-left: .05rem;}

.products_con{padding-top: .5rem;}
.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 #CCC;}
.products_con_t .left .productxq{margin-top: 1%;}
.products_con_t .left .productxq .swiper-slide{opacity: .5;cursor: pointer;box-sizing: border-box;border: 1px solid #CCC;}
.products_con_t .left .productxq .swiper-slide-thumb-active{opacity: 1;border: 1px solid #00a3e8;}
.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%;box-sizing: border-box;}
.products_con_t .right h2{font-size: .18rem;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: #00a3e8;}
.products_con_t .right .txter i{font-size: .14rem;margin-right: .05rem;color: #00a3e8;}
.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 #00a3e8;display: inline-block;margin-top: .2rem;}
.products_con_t .right .ly a{display: block;padding: .05rem .3rem;color: #00a3e8;}
.products_con_t .right .ly a:hover{display: block;text-decoration: none;}
.products_con_t .right .ly i{font-size: .12rem;padding-right: .1rem;}

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

.news{padding-top: .3rem;}
.news ul{display: flex;flex-wrap: wrap;margin-left: -2%;margin-bottom: -2%;}
.news li{width: 31.333%;transition: all .4s;margin-left: 2%;background: #FFF;text-align: left;box-sizing: border-box;border: 1px solid #DDD;border-radius: .02rem;overflow: hidden;position: relative;box-shadow: 0 0 .1rem rgba(0, 0, 0, .025);margin-bottom: 2%;}
.news li figure{padding-bottom: 65%;}
.news li .li_t{display: flex;align-items: center;justify-content: space-between;padding: 0 .15rem;color: #999;font-size: .08rem;height: .36rem;}
.news li .li_t p{background: #00a3e8;padding: .03rem .05rem;border-radius: .02rem;color: #FFF;}
.news li .txt{padding: 0 .15rem .6rem .15rem;}
.news li h2{transition: all .3s;font-size: .13rem;line-height: 1.4;}
.news li p{padding-top: .05rem;line-height: 1.4;color: #666;}
.news li a:hover{text-decoration: none;}
.news li .more{color: #00a3e8;position: absolute;left: .15rem;bottom: .15rem;}
.news .moreer{background: #00a3e8;display: inline-block;border-radius: .02rem;overflow: hidden;margin-top: .3rem;text-transform: uppercase;}
.news .moreer a{padding: .06rem .15rem;display: flex;color: #FFF;align-items: center;}
.news .moreer a:hover{text-decoration: none;}
.news .moreer i{font-size: .08rem;padding-left: .05rem;}

.news_con{margin-top: .6rem;}
.news_con .title{text-align: center;}
.news_con .title h2{font-size: .18rem;font-weight: bold;}
.news_con .title p{margin-top: 10px;color: #666;}
.news_con .txt{line-height: 1.6;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%;}

.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: #eff3fc;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;}

.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: #f5f5f5;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;}
.fenye li a:hover{display: block;text-decoration: none;background: #00a3e8;color: #FFF;}
.fenye li.current a{background: #00a3e8;color: #FFF;}
.fenye li:first-child a:hover{background: #f5f5f5;color: #00a3e8;}
.fenye li:last-child a:hover{background: #f5f5f5;color: #00a3e8;}
.fenye li i{font-size: .1rem;}
 
.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: #00a3e8;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:3rem;width: 100%;margin-top: .2rem;border-radius: .05rem;}

.liuyan{background: url(../images/pic15.jpg) no-repeat center;background-size: cover;}
.liuyan .title{text-align: center;}
.liuyan .title p{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:1px solid #CCC;outline:medium;padding:.1rem 2%;font-family:'Conv_tt1161m_';box-sizing: border-box;background: none;border-radius: .02rem;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%;height:1rem;border:1px solid #CCC; outline:medium; padding:1%;box-sizing: border-box;background: none;border-radius: .02rem;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:.1rem;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#00a3e8;cursor: pointer;outline: medium;padding: .08rem .8rem;border-radius: .02rem;font-size: .13rem;}