@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: .42rem;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 32%;}
.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{padding: .15rem 13%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dyip span{color: #00a6e6;}
.dyip a{margin: 0 .1rem;}
.dyip a:hover{text-decoration: none;}
.dyip .right{width: 25%;border: 1px solid #DDD;display: flex;border-radius: 1rem;overflow: hidden;}
.dyip .input_txt{width: 80%;height: .2rem;border: none;outline: magenta;background: #FFF;padding-left: .1rem;box-sizing: border-box;}
.dyip .input_btn{width: 20%;height: .2rem;border: none;outline: magenta;cursor: pointer;font-size: .1rem;background: url(../images/pic4.png) no-repeat center;background-size: .14rem;}

.derp{position: relative;}
.derp .title{color: #FFF;position: relative;text-align: center;}
.derp .title h2{font-weight: bold;}
.derp .title p{margin-top: .1rem;}
.derp:after{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;height: 50%;background: url(../images/productbg.jpg) no-repeat center top;z-index: -1;}
.derp .box{margin-top: .2rem;background: #FFF;padding: .2rem;display: flex;justify-content: space-between;box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);flex-wrap: wrap;}
.derp .box .left{width: 20%;background: #00a6e6;}
.derp .box .left ul{line-height: 2;}
.derp .box .left li{padding: .1rem .2rem;border-bottom: 1px solid rgba(255, 255, 255, .1);}
.derp .box .left li a{color: #FFF;display: block;}
.derp .box .left li a:hover{color: #FFF;display: block;text-decoration: none;}
.derp .box .right{width: 77%;}
.derp .box .right ul{display: flex;margin-left: -2%;flex-wrap: wrap;margin-bottom: -2%;}
.derp .box .right li{width: 31.333%;margin-left: 2%;text-align: center;margin-bottom: 2%;}
.derp .box .right li .pic{border: 1px solid #e6e6ed;border-bottom: none;}
.derp .box .right li figure{padding-bottom: 80%;}
.derp .box .right li h2{background: #e6e6ed;padding: .1rem;}
.derp .box .right li a:hover{text-decoration: none;}

.dsanp{background: url(../images/in_aboutbg.jpg) no-repeat center;background-size: cover;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dsanp .pic{width: 48%;}
.dsanp .pic figure{padding-bottom: 60%;}
.dsanp .right{width: 48%;}
.dsanp .right h2{color: #00a6e6;}
.dsanp .right h3{padding-top: .1rem;font-size: .13rem;}
.dsanp .right .txt{padding-top: .1rem;line-height: 1.6;font-size: .08rem;}
.dsanp .right .more{padding-top: .1rem;}
.dsanp .right .more i{font-size: .1rem;padding-left: .1rem;}
.dsanp .right .more a{color: #00a6e6;}
.dsanp .right .more a:hover{text-decoration: none;}

.dsip .title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dsip .title h2:after{content: "";display: block;width: .2rem;height: 1px;background: #00a6e6;margin-top: .05rem;}
.dsip .title p{margin-top: .1rem;}
.dsip .title ul{display: flex;align-items: center;margin-left: -2%;width: 30%;}
.dsip .title li{background: #999;margin-left: 2%;width: 31.333%;}
.dsip .title li a{display: block;padding: .05rem .1rem;color: #FFF;}
.dsip .title li a:hover{text-decoration: none;}
.dsip .box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-top: .2rem;}
.dsip .box .pic{width: 48%;}
.dsip .box .pic figure{padding-bottom: 50%;}
.dsip .box .right{width: 48%;}
.dsip .box .right time{color: #999;}
.dsip .box .right time:after{content: "";display: block;width: .15rem;height: 1px;background: #666;margin-top: .05rem;}
.dsip .box .right h2{padding-top: .1rem;font-size: .13rem;}
.dsip .box .right h2 a:hover{text-decoration: none;}
.dsip .box .right p{margin-top: .1rem;line-height: 1.6;font-size: .08rem;}
.dsip .box .right .more{padding-top: .1rem;}
.dsip .box .right .more a{display: flex;align-items: center;color: #00a6e6;}
.dsip .box .right .more a i{font-size: .1rem;padding-left: .1rem;}
.dsip .box .right .more a:hover{text-decoration: none;}

.dwup{background: #e6e6ed;}
.dwup ul{display: flex;flex-wrap: wrap;margin-left: -2%;margin-bottom: -2%;}
.dwup li{width: 31.333%;margin-left: 2%;background: #FFF;padding: .1rem;box-sizing: border-box;margin-bottom: 2%;}
.dwup li time{color: #999;}
.dwup li time:after{content: "";display: block;width: .15rem;height: 1px;background: #666;margin-top: .05rem;}
.dwup li h2{padding-top: .1rem;}
.dwup li p{padding-top: .1rem;color: #666;line-height: 1.6;font-size: .08rem;}
.dwup li a:hover{text-decoration: none;}

.banner_pic{position: relative;margin-top: .42rem;}
.banner_pic figure{width: 100%;padding-bottom: 16%;}
.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;}

.con_l{width: 20%;}
.subnav h2{background: #00a6e6;color: #FFF;padding: .1rem .15rem;font-weight: bold;font-size: .13rem;}
.subnav h2 i{padding-right: .1rem;font-size: .14rem;}
.subnav ul{margin-top: 1px;}
.subnav li p{font-size: .1rem;border-bottom: 1px solid #f5f5f5;}
.subnav li p a{display: flex;padding: .1rem .15rem;overflow: hidden;transition: all .3s;background: #e9e9e9;align-items: center;justify-content: space-between;}
.subnav li p i{font-size: .08rem;color: #999;}
.subnav li p a.current i{color: #FFF;}
.subnav li p a:hover{text-decoration: none;color: #FFF;background: #00a6e6;}
.subnav li p a:hover i{color: #FFF;}
.subnav li p a.current{color: #FFF;background: #00a6e6;}
.con_l .pic{margin-top: .1rem;background: url(../images/left_phone.jpg) no-repeat center;background-size: cover;color: #FFF;padding: .1rem;font-weight: bold;}
.con_l .pic p:last-child{font-size: .13rem;}


.con_r{width: 78%;}
.con_r .dqwz{border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .1rem 0;}
.con_r .dqwz i:nth-of-type(1){font-size: .12rem;color: #999;padding-left: 0;}
.con_r .dqwz i{font-size: .06rem;padding: 0 .05rem;color: #999;}
.con_r .dqwz a:hover{text-decoration: none;}
.con_r .dqwz span{color: #00a6e6;}
.about .txt{line-height: 1.8;margin-top: .2rem;}
.about .txt p{margin-bottom: .1rem;}
.about ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.about li{margin-left: 2%;width: 31.333%;margin-bottom: 2%;}
.about li figure{padding-bottom: 70%;}
.about li:hover figure img{transform: scale(1.1);}

.honor{margin-top: .2rem;}
.honor ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.honor li{margin-left: 2%;width: 31.333%;margin-bottom: 2%;text-align: center;padding: .05rem;box-sizing: border-box;border: 1px solid #DDD;}
.honor li figure{padding-bottom: 140%;}
.honor li p{padding: .1rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.wenhua ul{display: flex;flex-wrap: wrap;margin-left: -2%;}
.wenhua li{width: 31.333%;margin-left: 2%;background: #e1e9fa;box-sizing: border-box;padding: .1rem;margin-bottom: 2%;}
.wenhua li h2{font-weight: bold;}
.wenhua li p{margin-top: .05rem;line-height: 1.6;font-size: .08rem;}

.yingyong{line-height: 1.6;}

.con{padding: 3% 13%;display: flex;justify-content: space-between;flex-wrap: wrap;}

.zhaopin{margin-top: .2rem;}
.cpxqer .titleyi{padding: .1rem 0;border-top: 2px solid #00a6e6;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 #DDD;}
.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;}

.product{margin-top: .2rem;}
.product table{border-left: 1px solid #DDD;border-top: 1px solid #DDD;border-collapse:collapse;width: 100%;text-align: center;}
.product table th{padding: .1rem;background: #00a6e6;color: #FFF;font-weight: bold;border-right: 1px solid #DDD;}
.product table td{border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .05rem;}

.products_con_t{margin-top: .2rem;}
.products_con_t img{width: 100%;}
.products_con_t .left{width: 40%;float: left;}
.gallery-top-si{border: 1px solid #DDD;box-sizing: border-box;}
.gallery-top-si .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-top-si .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-top-si .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-top-si .swiper-button-next,.gallery-top-si .swiper-button-prev{width: .3rem;height: .3rem;margin-top: -.15rem;border-radius: 100%;color: #666;}
.gallery-top-si .swiper-button-next:after,.gallery-top-si .swiper-button-prev:after{font-size: .14rem;}
.gallery-thumbs-si{margin-top: 10px;}
.gallery-thumbs-si .swiper-slide {opacity: .5;border: 1px solid #DDD;box-sizing: border-box;}
.gallery-thumbs-si .swiper-slide-thumb-active {opacity: 1;border: 1px solid #00a6e6;}

.products_con_t .right{width: 55%;float: right;}
.products_con_t .right h2{font-size: .13rem;border-bottom: 1px dashed #DDD;font-weight: bold;color: #333;padding-bottom: .06rem;color: #00a6e6;}
.products_con_t .right .txt{margin-top: .1rem;font-size: .08rem;color: #666;}
.products_con_t .right .txt h3{margin-bottom: .1rem;font-weight: bold;}
.products_con_t .right .txt p{line-height: 1.6;}
.products_con_t .right .more{background: #00a6e6;display: inline-block;margin-top: .1rem;}
.products_con_t .right .more a{padding: .05rem .1rem;display: block;color: #FFF;}
.products_con_t .right .more a:hover{text-decoration: none;}

.products_con_t img{width: 100%;}

.products_con_c{margin-top: .2rem;padding-bottom: .2rem;}
.products_con_c .hd{text-align: center;border-bottom: 1px solid #DDD;}
.products_con_c .hd ul{display: flex;align-items: center;}
.products_con_c .hd li{padding: .06rem .1rem;cursor: pointer;background: #F5F5F5;margin-right: .01rem;}
.products_con_c .hd li.on{background: #00a6e6;color: #FFF;}
.products_con_c .bd{padding: .1rem;}
.products_con_c .box{line-height: 1.6;}
.products_con_c .box strong{font-weight: bold;}

.products_related{margin-top: .3rem;}
.products_related .title{font-size: .14rem;background: #f1f1f1;border: 1px solid #d6d6d6;padding: .05rem;}
.products_related .picshi{margin-top: .1rem;text-align: left;}
.products_related .swiper-slide{text-align: center;background: #FFF;}
.products_related .swiper-slide .pic{border: 1px solid #DDD;}
.products_related .swiper-slide figure{padding-bottom: 70%;}
.products_related .swiper-slide h2{padding: .1rem;}
.products_related .swiper-slide a:hover{text-decoration: none;}

.news{margin-bottom: -2%;margin-top: .2rem;}
.news li{transition: all .4s;margin-bottom: 2%;background: #FFF;border-bottom: 1px solid #DDD;padding-bottom: 2%;}
.news li .pic{width: 25%;}
.news li figure{padding-bottom: 70%;}
.news li:hover figure img{transform: scale(1.2);}
.news li .txt{width: 60%;}
.news li .txt p{margin-top: .03rem;line-height: 1.6;font-size: .08rem;color: #666;}
.news li h2{transition: all .3s;font-size: .13rem;line-height: 1.6;}
.news li .more{border: 1px solid #DDD;display: inline-block;margin-top: .05rem;padding: .03rem .1rem;font-size: .08rem;}
.news li .rq{width: 8%;border: 1px solid #DDD;text-align: center;color: #999;}
.news li .rq span{font-size: .3rem;font-weight: bold;}
.news li .rq p{border-top: 1px solid #DDD;padding: .05rem 0;}
.news li a{display: flex;justify-content: space-between;align-items:flex-start;flex-wrap: wrap;}
.news li a:hover{text-decoration: none;}

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


.yyfa{margin-bottom: -2%;margin-top: .2rem;}
.yyfa li{transition: all .4s;margin-bottom: 2%;background: #FFF;border-bottom: 1px solid #DDD;padding-bottom: 2%;}
.yyfa li .pic{width: 25%;}
.yyfa li figure{padding-bottom: 70%;}
.yyfa li:hover figure img{transform: scale(1.2);}
.yyfa li .txt{width: 72%;}
.yyfa li .txt p{margin-top: .03rem;line-height: 1.6;font-size: .08rem;color: #666;}
.yyfa li h2{transition: all .3s;font-size: .13rem;line-height: 1.6;}
.yyfa li .more{border: 1px solid #DDD;display: inline-block;margin-top: .05rem;padding: .03rem .1rem;font-size: .08rem;}
.yyfa li .rq{width: 8%;border: 1px solid #DDD;text-align: center;color: #999;}
.yyfa li .rq span{font-size: .3rem;font-weight: bold;}
.yyfa li .rq p{border-top: 1px solid #DDD;padding: .05rem 0;}
.yyfa li a{display: flex;justify-content: space-between;align-items:flex-start;}
.yyfa li a:hover{text-decoration: none;}

.download{margin-top: .2rem;}
.download ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.download li{width: 48%;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: #F5F5F5;padding: .1rem;display: block;}
.download li a:hover p{color: #FFF;}
.download li a:hover{text-decoration: none;background: #00a6e6;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: #F5F5F5;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;}
.fenye li a:hover{display: block;text-decoration: none;background: #00a6e6;color: #FFF;}
.fenye li.current a{background: #00a6e6;color: #FFF;}
.fenye li:first-child a:hover{background: #e1e9fa;color: #00a6e6;}
.fenye li:last-child a:hover{background: #e1e9fa;color: #00a6e6;}
.fenye li i{font-size: .1rem;}
 
.syt{padding: .1rem 0;background: #F5F5F5;}
.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: .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;}

.contact{margin-top: .2rem;}
.contact_t{display: flex;justify-content: space-between;border-bottom: 1px solid #DDD;padding-bottom: .2rem;flex-wrap: wrap;}
.contact_t .left{width: 60%;line-height: 1.6;}
.contact_t .left h2{font-weight: bold;color: #00a6e6;}
.contact_t .pic{width: 20%;}
.contact_t .pic img{width: 100%;}
#map_container{ height:3rem;width: 100%;margin-top: .2rem;}

.liuyan{margin-top: .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;}