@charset "utf-8";
/* CSS Document */
.banner{margin-top: .753333rem;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-bullets{bottom: 0.1rem;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 .03rem;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;opacity: 1;background: #FFF;transition: all 0.3s;opacity: .3;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: .3rem;height: .3rem;text-align: center;line-height: .3rem;margin-top: -.15rem;outline: medium;color: #FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 0.2rem;color: #FFF;}

.dyip{background: #fff6f4;font-size: 0;}
.dyip .left{width: 35%;margin-left: 10%;box-sizing: border-box;display: inline-table;vertical-align: middle;margin-right: 5%;}
.dyip .left .title .pic{width: 2.5rem;}
.dyip .left .title .pic img{width: 100%;}
.dyip .left .title h2{font-size: .16rem;margin-top: .08rem; background-image: -webkit-linear-gradient(left, #d15339, #491c13);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.dyip .left ul{margin-top: .15rem;margin-left: -.2rem;}
.dyip .left li{float: left;margin-left: .2rem;font-size: .08rem;}
.dyip .left li p:nth-of-type(1){font-size: .4rem;background-image:-webkit-linear-gradient(left, #d15339, #491c13);font-family: "Bebas Neue";
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.dyip .left .txt{margin-top: .18rem;line-height: 1.8;font-size: .08rem;text-indent: 2em;}
.dyip .left .more{margin-top: .2rem;display: inline-block;font-size: .08rem;}
.dyip .left .more a{display: flex;align-items: center;}
.dyip .left .more a:hover{text-decoration: none;}
.dyip .left .more p{margin-left: .1rem;}
.dyip .left .more .dian{width: .3rem;height: .3rem;border: 1px dashed #913826;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.dyip .left .more .dian i{width: .22rem;height: .22rem;border: 1px solid #913826;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.dyip .left .more .dian i:after{content: "";display: block;width: .04rem;height: .04rem;background: #913826;border-radius: 100%;}
.dyip .right{width: 50%;display: inline-table;vertical-align: middle;}
.dyip .right img{width: 100%;}

.derp{padding: .4rem 0;background: #FFF;}
.derp .title{text-align: center;display: flex;align-items: center;justify-content:center;flex-flow: column;}
.derp .title i{font-size: .2rem;background-image: -webkit-linear-gradient(top, #d15339, #491c13);display: block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.derp .title .pic{position: relative;width: 4rem;margin-top: .1rem;}
.derp .title .pic img{width: 100%;}
.derp .title h2{position: absolute;left: 0;top: .04rem;right: 0;bottom: 0;font-size: .16rem;color: #333;}
.derp ul{margin-left: -.333%;margin-top: .2rem;}
.derp li{float: left;width: 33%;margin-left: .333%;position: relative;margin-bottom: .333%;background: #000;overflow: hidden;}
.derp li img{width: 100%;transition: .5s;}
.derp li:hover img{transform: scale(1.2);opacity: .6;}
.derp li p{position: absolute;left: 6%;bottom: 8%;right:6%;color: #FFF;font-size: .12rem;}
.derp .txt{text-align: center;padding: .2rem 0;background-image: -webkit-linear-gradient(left, #63271b, #d15339);font-size: .12rem;color: #FFF;}


.dsanp{padding-bottom: .4rem;background: #FFF;}
.dsanp .title{text-align: center;display: flex;align-items: center;justify-content:center;flex-flow: column;}
.dsanp .title i{font-size: .2rem;background-image: -webkit-linear-gradient(top, #d15339, #491c13);display: block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.dsanp .title .pic{position: relative;width: 3rem;margin-top: .1rem;}
.dsanp .title .pic img{width: 100%;}
.dsanp .title h2{position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: .16rem;color: #333;display: flex;align-items: center;justify-content: center;}
.dsanp .box{padding: .3rem 10% 0 10%;position: relative;}
.dsanp .box:after{position: absolute;left: 0;top: .7rem;content: "";display: block;height: 2px;background: #DDD;width: 100%;z-index: 0;}
.dsanp ul{margin-left: -4%;position: relative;z-index: 1;}
.dsanp li{float: left;width: 21%;margin-left: 4%;}
.dsanp li .riqi{font-size: .1rem;font-family: "Conv_BebasNeue-Regular";border-bottom: 2px solid #DDD;padding-bottom: .1rem;position: relative;transition: all 0.5s;color: #666;}
.dsanp li:hover .riqi{border-bottom: 2px solid #913826;color: #913826;}
.dsanp li .riqi:after{position: absolute;left: 100%;bottom: -7px;content: "";display: block;width: 12px;height: 12px;background: #913826;border-radius: 100%;transition: all 0.5s;opacity: 0;}
.dsanp li:hover .riqi:after{left: 0;opacity: 1;}
.dsanp li .riqi span{font-size: .25rem;font-weight: bold;margin-right: .1rem;}
.dsanp li h2{font-size: .1rem;margin-top: .1rem;}
.dsanp li p{line-height: 1.6;margin-top: .1rem;text-indent: 2em;overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.dsanp li .pic{overflow: hidden;margin-top: .15rem;}
.dsanp li img{width: 100%;transition: all 0.5s;}
.dsanp li:hover img{transform: scale(1.2);}
.dsanp li a:hover{text-decoration: none;}

.banner_pic{position: relative;margin-top: .753333rem;position: relative;}
.banner_pic img{width: 100%;}
.banner_pic .title{position: absolute;left: 0%;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-flow: column;color: #FFF;}
.banner_pic .title h2{font-size: .16rem;}
.banner_pic .title p{font-size: .18rem;text-transform: uppercase;margin-top: .05rem;}
.banner_pic .title .xian{width: .2rem;height: .025rem;background: #FFF;margin-top: .13rem;}

.subnav_er{padding:0 10%;border-bottom: 1px solid #DDD;background: #FFF;}
.subnav_er ul{line-height: .3rem;display: flex;align-items: center;justify-content: center;}
.subnav_er li{font-size: .08rem;margin: 0 .15rem;position: relative;}
.subnav_er li a{display: block;padding: 0 .1rem;}
.subnav_er li a:hover{display: block;padding: 0 .1rem;text-decoration: none;color: #913826;}
.subnav_er li a.current{color: #913826;}
.subnav_er li a:after{content: "";display: block;position: absolute;left: 50%;bottom: -1px;width: 0;z-index: 100;height: 2px;background: #913826;opacity: 0;transform: translateX(-50%);}
.subnav_er li:hover a:after{width: 100%;opacity: 1;}
.subnav_er li a.current:after{width: 100%;opacity: 1;}

.con{padding: .4rem 18%;}
.con .about .txt{width: 55%;float: left;line-height: 1.6;}
.con .about .txt h2{background-image: -webkit-linear-gradient(left, #d15339, #491c13);display: block;font-size: .16rem;margin-bottom: .1rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.con .about .txt p{padding-bottom: .05rem;text-indent: 2em;}
.con .about .pic{width: 40%;float: right;text-align: center;}
.con .about .pic .yi{width: 100%;box-sizing: border-box;border: 1px solid #913826;padding: .06rem;}
.con .about .pic .er{width: 80%;margin-top: .15rem;}

.zhaopin{background: #FFF;padding: 4%;}
.cpxqer .titleyi{background: #913826;line-height: 3;padding:0 3%;color: #FFF;}
.cpxqer .tit{float: left;font-size: .1rem;}
.cpxqer .position{width: 30%;}
.cpxqer .address{width: 20%;}
.cpxqer .salary{width: 30%;}
.cpxqer .time{width: 20%;}
.cpxqer .time i{float: right;font-size: .1rem;transition: all 0.3s;}
.cpxqer .titleer.active{background: #F5F5F5;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li{background: #FFF;border-bottom: 1px dotted #CCC;}
.cpxqer li .titleer{ line-height: 3; padding:0 3%;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3%;}

.products ul{margin-left: -1%;}
.products li{float: left;width: 32.333%;margin-left: 1%;position: relative;margin-bottom: 1%;background: #000;overflow: hidden;}
.products li img{width: 100%;transition: .5s;}
.products li:hover img{transform: scale(1.2);opacity: .6;}
.products li p{position: absolute;left: 6%;bottom: 8%;right:6%;color: #FFF;font-size: .12rem;}

.product_con{background: #FFF;margin-top: .753333rem;padding: 5%;}

.news li{margin-bottom: 2%;font-size: 0;background: #FFF;}
.news li .riqi{display: inline-table;vertical-align: middle;width: 8%;text-align: center;color: #999;transition: all .5s;}
.news li .riqi span{font-size: .2rem;font-weight: bold;}
.news li .riqi p{font-size: .1rem;border-top: 1px solid #DDD;}
.news li a:hover .riqi{color: #FFF;}
.news li .pic{overflow: hidden;width: 20%;display: inline-table;vertical-align: middle;margin-left: 2%;}
.news li .pic img{width: 100%;transition: all 0.5s;}
.news li:hover .pic img{transform: scale(1.2);}
.news li .box{padding:0 .15rem;display: inline-table;vertical-align: middle;width: 70%;box-sizing: border-box;vertical-align: middle;}
.news li .box h2{font-size: .12rem;}
.news li:hover .box h2 a{color:#913826;text-decoration: none;}
.news li .box p{margin-top: .06rem;line-height: 1.6;overflow: hidden;color: #999;font-size: .08rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;transition: all .5s;}
    .news li a:hover .box p{color: #FFF;}
.news li .box .more{margin-top: .1rem;font-size: .08rem;border: 1px solid #DDD;border-radius: 5rem;display: inline-block;padding: .03rem .05rem;}
.news li a{display: block;padding: 3%;transition: all .5s;}
.news li a:hover{display: block;text-decoration: none;background: #913826;color: #FFF;}

.news_con{background: #FFF;padding: 4%;}
.news_con .title{text-align: center;}
.news_con .title h2{font-size: .16rem;font-weight: bold;color: #333;}
.news_con .title p{margin-top: .1rem;color: #999;font-size: .1rem;}
.news_con .title p i{font-style: normal;padding: 0 .1rem;}
.news_con .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #DDD;padding: .2rem 0;}
.news_con .txt p{padding-bottom: .1rem;}
.news_con .txt .pic{text-align: center;}
.news_con .txt img{max-width: 100%;}

.gongchang ul{margin-left: -3%;display:flex;flex-flow: wrap;}
.gongchang li{width: 22%;margin-left: 3%;text-align: center;margin-bottom: 3%;box-sizing: border-box;border-bottom: 1px solid #CCC;transition: all .5s;}
.gongchang li:hover{border-bottom: 1px solid #913826;}
.gongchang li .pic{padding: .1rem;background: #FFF;border: 1px dotted #CCC;position: relative;}
.gongchang li .pic .fdj{position: absolute;left: 0;top: 0px;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-flow:column;background: rgba(145,56,38,.7);color: #FFF;visibility: hidden;opacity: 0;transition: all .5s;}
.gongchang li .pic .fdj i{font-size: .2rem;}
.gongchang li .pic .fdj p{margin-top: .1rem;font-size: .1rem;}
.gongchang li:hover .pic .fdj{visibility: visible;opacity: 1;}
.gongchang li img{width: 100%;}
.gongchang li h2{padding: .1rem;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: .08rem;text-align: center;margin:0 .03rem;background: #FFF;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;border: 1px solid #CCC;}
.fenye li a:hover{display: block;text-decoration: none;border: 1px solid #913826;background: #913826;color: #FFF;}
.fenye li.current a{border: 1px solid #913826;background: #913826;color: #FFF;}
.fenye li:first-child a{border: 1px solid #CCC;}
.fenye li:first-child a:hover{border: 1px solid #913826;background: #FFF;color: #913826;}
.fenye li:last-child a{border: 1px solid #CCC;}
.fenye li:last-child a:hover{border: 1px solid #913826;background: #FFF;color: #913826;}
.fenye li i{font-size: .08rem;}

.syt{position: relative;border-top: 1px solid #DDD;padding-top: 30px;}
.syt li{line-height: 2;border: 1px solid #999;text-align: center;}
.syt li:nth-of-type(1){float: left;}
.syt li:nth-of-type(2){float: right;}
.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;background: #913826;color: #FFF;}
.syt li i{font-size: .1rem;}
.syt li:nth-of-type(1) i{margin-right: .06rem;}
.syt li:nth-of-type(2) i{margin-left: .06rem;}
.back{line-height: 2;background: #913826;position: absolute;left: 50%;top: 30px;transform: translateX(-50%);}
.back a{color: #FFF;display: flex;align-items: center;justify-content: center;padding: 0 .1rem;}
.back a:hover{color: #FFF;text-decoration: none;}
.back a i{margin-right: .06rem;font-size: .1rem;}

.liuyan .title{font-size: .2rem;text-align: center;margin-top: .3rem;}
.liuyan .txt{text-align: center;margin-top: .08rem;}
.liuyan ul{margin-left: -2%;margin-top: .2rem;}
.liuyan li{ width:48%; margin-bottom: .1rem;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:2px solid #CCC; outline:medium; padding:.05rem 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.7rem; border:2px solid #CCC; outline:medium; padding:1%;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:#913826;cursor: pointer;outline: medium;padding: .05rem .2rem;}

.con .contact .box{background: #FFF;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding: .2rem;}
.con .contact .txt li{padding-bottom: .1rem;display: flex;font-size: .1rem;}
.con .contact .txt li h2{font-weight: bold;padding-bottom: .05rem;}
.con .contact .txt li i,.con .contact .txt li em{font-size: .15rem;margin-right: 10px;}
.con .contact .txt li p{line-height: 24px;}
.con .contact .txt li .txter{text-align: left;}
#map_container{width: 60%; height:500px;float: right;}