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

.dyip{padding: 5% 10%;background: #F5F5F5;}
.dyip .title{text-align: center;position: relative;z-index: 1;}
.dyip .title h2{padding-top: .2rem;}
.dyip .title span{font-size: .5rem;color: transparent;-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);font-weight: bold;position: absolute;left: 0;top: -.1rem;right: 0;z-index: -1;}
.dyip .title p{margin-top: .1rem;}
.dyip .index_protitle{margin-top: .2rem;}
.dyip .index_protitle .swiper-slide{box-sizing: border-box;border: 1px solid #f39816;padding: .06rem;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 1rem;cursor: pointer;color: #f39816;font-weight: bold;}
.dyip .index_protitle .swiper-slide-thumb-active{background: #f39816;border: 1px solid #f39816;color: #FFF;}
.dyip .index_protitle .swiper-slide:before{content: "";width: .06rem;height: .06rem;background: #f39816;border-radius: 50%;display: block;margin-right: .1rem;}
.dyip .index_protitle .swiper-slide-thumb-active:before{background: #FFF;}
.dyip .index_pro{margin-top: .2rem;}
.dyip .index_pro ul{display: flex;margin-left: -2%;flex-wrap: wrap;}
.dyip .index_pro li{width: 23%;margin-left: 2%;text-align: center;font-size: .1rem;box-sizing: border-box;background: #FFF;}
.dyip .index_pro li .pic{background: #F5F5F5;}
.dyip .index_pro li figure{padding-bottom: 100%;}
.dyip .index_pro li h2{padding: .1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dyip .index_pro li a:hover{text-decoration: none;}

.derp{padding: 5% 10%;background: #FFF;}
.derp .title{text-align: center;position: relative;z-index: 1;}
.derp .title h2{padding-top: .2rem;}
.derp .title span{font-size: .5rem;color: transparent;-webkit-text-stroke: 1px rgba(0, 0, 0, .1);font-weight: bold;position: absolute;left: 0;top: -.1rem;right: 0;z-index: -1;}
.derp .title p{margin-top: .1rem;}
.derp ul{display: flex;align-items: center;justify-content: space-between;margin-left: -1%;margin-top: .2rem;}
.derp li{width: 24%;position: relative;transition: all .4s;margin-left: 1%;box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);}
.derp li:hover{width: 45%;}
.derp li figure{height: 2.5rem;}
.derp li h2{position: absolute;left: .1rem;bottom: .1rem;right: .1rem;font-size: .14rem;color: #FFF;text-shadow: 0 2px 5px rgba(0, 0, 0, .3);}

.dsanp{background: url(../images/pic15.jpg) no-repeat center bottom;background-size: 100%;padding: 5% 10%;}
.dsanp .title{text-align: center;position: relative;z-index: 1;}
.dsanp .title h2{padding-top: .2rem;}
.dsanp .title span{font-size: .5rem;color: transparent;-webkit-text-stroke: 1px rgba(0, 0, 0, .1);font-weight: bold;position: absolute;left: 0;top: -.1rem;right: 0;z-index: -1;}
.dsanp .title p{margin-top: .1rem;}
.dsanp .box{margin-top: .2rem;}
.dsanp .box .left{width: 49%;position: relative;float: left;box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);}
.dsanp .box .left figure{padding-bottom: 65%;}
.dsanp .box .left:hover figure img{transform: scale(1.1);}
.dsanp .box .left figure:before{position: absolute;left: 0;top: 0;z-index: 2;content: "";width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(1, 39, 183, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .9) 100%);}
.dsanp .box .left h2{position: absolute;left: 0;right: 0;bottom: 0;padding: .1rem;color: #FFF;font-size: .1rem;font-weight: bold;z-index: 3;}
.dsanp .box ul{width: 49%;margin-bottom: -.1rem;float: right;}
.dsanp .box li{margin-bottom: .1rem;background: #FFF;box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);}
.dsanp .box li a{display: flex;align-items: center;justify-content: space-between;}
.dsanp .box li a:hover{text-decoration: none;}
.dsanp .box li .txt{width: 70%;box-sizing: border-box;padding: .06rem .1rem;}
.dsanp .box li strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;font-size: .1rem;font-weight: bold;}
.dsanp .box li time{font-size: .08rem;margin-top: .05rem;display: block;color: #999;}
.dsanp .box li p{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color: #444;}
.dsanp .box li .pic{width: 30%;}
.dsanp .box li .pic figure{padding-bottom: 67%;}
.dsanp .box li:hover .pic figure img{transform: scale(1.2);}

.dsip{padding: 5% 10%;background: url(../images/pic20.jpg) no-repeat center bottom;background-size: cover;text-align: center;}
.dsip .title{position: relative;color: #FFF;z-index: 1;}
.dsip .title h2{padding-top: .2rem;color: #FFF;}
.dsip .title span{font-size: .5rem;color: transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, .1);font-weight: bold;position: absolute;left: 0;top: -.1rem;right: 0;z-index: -1;}
.dsip .title p{margin-top: .1rem;}
.dsip .txt{line-height: 1.6;color: #FFF;padding: .3rem 5%;}
.dsip ul{display: flex;justify-content: space-between;padding: 0 5%;}
.dsip li{width: 33%;display: flex;justify-content: center;flex-flow: column;align-items: center;position: relative;z-index: 1;padding-bottom: .8rem;}
.dsip li .tb{background: rgba(255, 255, 255, .2);padding: .08rem;border-radius: 100%;}
.dsip li i{font-size: .4rem;display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;background: #FFF;color: #f39816;border-radius: 100%;transition: all .3s;}
.dsip li:hover i{transform: rotateY(360deg);}
.dsip li h2{color: #FFF;font-weight: bold;margin-top: .1rem;}
.dsip li:after{content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/pic27.png);
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;}

.dwup{padding: 5% 10%;background:#FFF url(../images/pic17.jpg) no-repeat center bottom;background-size: 100%;}
.dwup .title{text-align: center;position: relative;z-index: 1;}
.dwup .title h2{padding-top: .2rem;}
.dwup .title span{font-size: .5rem;color: transparent;-webkit-text-stroke: 1px rgba(0, 0, 0, .1);font-weight: bold;position: absolute;left: 0;top: -.1rem;right: 0;z-index: -1;}
.dwup .title p{margin-top: .1rem;}
.dwup ul{margin-top: .2rem;display: flex;margin-left: -1%;flex-wrap: wrap;}
.dwup li{box-sizing: border-box;border: 1px solid #DDD;transition: all .3s;width: 15.666%;margin-left: 1%;margin-bottom: 1%;box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);}
.dwup li:hover{border: 1px solid #f39816;}
.dwup li figure{padding-bottom: 40%;}

.banner_pic{position: relative;margin-top: .5rem;}
.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: .26rem;font-weight: bold;}
.banner_pic .title p{font-size: .13rem;margin-top: .1rem;}

.subnav{padding:0 10%;background: #FFF;display: flex;align-items: center;justify-content: space-between;}
.subnav p{display: flex;align-items: center;justify-content: center;padding: .12rem 0;}
.subnav i{font-size: .06rem;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;}
.subnav li a{display: block;padding: .12rem;overflow: hidden;transition: all .3s;}
.subnav li a:hover{display: block;text-decoration: none;color: #f39816;}
.subnav li a.current{color: #FFF;background: #f39816;}

.products_subnav{float: left;width: 20%;}
.products_subnav h2{padding: .1rem;background: #f39816;color: #FFF;font-size: .14rem;font-weight: bold;letter-spacing: .03rem;}
.products_subnav li{margin-top: 2px;}
.products_subnav li p a{padding: .06rem .1rem;display: flex;align-items: center;justify-content: space-between;background: #FFF;}
.products_subnav li p a:hover{text-decoration: none;}
.products_subnav li p a i{font-size: .08rem;color: #999;}
.products_subnav li p a.current{background: #f39816;color: #FFF;}
.products_subnav li p a.current i{color: #FFF;}
.products_subnav dl{background: #e1e9fa;}
.products_subnav dd a{padding: .05rem .2rem;display: block;font-size: .08rem;}
.products_subnav dd a:hover{text-decoration: none;}

.about{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .left{width: 60%;font-size: .1rem;}
.about .left p{line-height: 1.8;margin-bottom: .1rem;text-indent: 2em;}
.about .pic{width: 35%;}
.about .pic figure{padding-bottom: 60%;}

.wenhua ul{display: flex;justify-content: space-between;text-align: center;flex-wrap: wrap;}
.wenhua li{width: 23%;background: #FFF;display: flex;align-items: center;flex-flow: column;box-sizing: border-box;padding: .2rem;}
.wenhua li .zm{width: .4rem;height: .4rem;background: #f39816;color: #FFF;line-height: .4rem;font-size: .2rem;border-radius: 100%;font-weight: bold;}
.wenhua li h2{margin-top: .1rem;font-size: .13rem;color: #333;font-weight: bold;}
.wenhua li p{margin-top: .1rem;}

.jiagou{text-align: center;}
.jiagou img{max-width: 100%;}

.zhengshu ul{margin-left: -3%;display: flex;flex-wrap: wrap;}
.zhengshu li{width: 22%;margin-left: 3%;text-align: center;margin-bottom: 3%;box-sizing: border-box;transition: all .5s;background: #FFF;}
.zhengshu li .pic figure{padding-bottom: 130%;}
.zhengshu li h2{padding: .1rem;}

.gongchang ul{margin-left: -3%;display: flex;flex-wrap: wrap;}
.gongchang li{width: 22%;margin-left: 3%;text-align: center;margin-bottom: 3%;box-sizing: border-box;transition: all .5s;background: #FFF;}
.gongchang li .pic figure{padding-bottom: 100%;}
.gongchang li h2{padding: .1rem;}


.zhaopin{background: #FFF;padding: .2rem;}
.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: #f39816;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_box{width:78%;float:right;}
.products ul{display: flex;flex-flow: wrap;margin-left: -1%;}
.products li{width: 24%;text-align: center;margin-bottom: 1.5%;box-shadow: 0 5px 5px rgba(0, 0, 0, .1);background: #FFF;margin-left: 1%;}
.products li figure{padding-bottom: 100%;}
.products li p{padding: .1rem 0;}

.products_con{width:78%;float:right;}
.products_con .products_con_t{background: #FFF;padding: .2rem;}
.products_con .products_con_t .left{width: 40%;float: left;}
.products_con .products_con_t .left figure{padding-bottom: 100%;}

.products_con_t .right{width: 60%;float: right;box-sizing: border-box;padding: .3rem;}
.products_con_t .right h2{font-size: .12rem;display: block;font-weight: bold;color: #f39816;}
.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: #f39816;}
.products_con_t .right .more i{font-size: .14rem;margin-right: .05rem;color: #f39816;}

.products_con_b{line-height: 1.6;padding: .1rem 0;}
.products_con_b .title{background: #F5F5F5;padding: .1rem;font-size: .12rem;text-align: center;}
.products_con_b .box{margin-top: .1rem;}
.products_con_b strong{font-weight: bold;padding-bottom: .1rem;display: block;}
.products_con_b table{border-left: 1px solid #DDD;border-top: 1px solid #DDD;border-collapse:collapse;}
.products_con_b table td{border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;padding: .05rem;}
.products_con_b p{padding-bottom: .1rem;}

.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;background: #FFF;}
.products_related .swiper-slide figure{padding-bottom: 100%;}
.products_related .swiper-slide h2{padding: .1rem;}
.products_related .swiper-slide a:hover{text-decoration: none;}

.news li{margin-bottom: .1rem;background: #FFF;position: relative;}
.news li:last-child{margin-bottom: 0;}
.news li .pic{width: 25%;}
.news li .pic figure{padding-bottom: 60%;}
.news li:hover .pic figure img{transform: scale(1.1);}
.news li .txt{width: 75%;box-sizing: border-box;padding: .1rem;}
.news li p{margin-top: .05rem;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.6;font-size: .08rem;}
.news li strong{line-height: 1.6;font-weight: bold;font-size: .1rem;display:flex;align-items:center;justify-content:space-between;}
.news li time{font-size: .08rem;display: block;color: #999;margin-top: .05rem;font-weight: normal;}
.news li a{transition: all 0.3s;display: flex;}
.news li a:hover{text-decoration: none;}
.news li .more{display:inline-block;padding:.05rem .1rem;background:#f39816;color:#FFF;margin-top:.1rem;float:right;font-size:.08rem;}

.news_con .left{width: 67%;float: left;background: #FFF;box-sizing: border-box;padding: .2rem;}
.news_con .left .title h2{font-size: .16rem;color:#f39816;}
.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;padding: .2rem;}
.news_con .right h2{font-size: .14rem;color: #333;}
.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 #f39816;color: #f39816;}
.news_con .right li a{transition: all 0.3s;}
.news_con .right li a:hover{text-decoration: none;}

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

.contact .box{display: flex;justify-content: space-between;flex-flow: wrap;background: #FFF;}
.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{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:#f39816;cursor: pointer;outline: medium;padding: .05rem .3rem;}