@charset "utf-8";
/* CSS Document */
.banner{margin-top: 100px;}
.banner .swiper-slide{position: relative;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .pc{}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{padding-top: 8%;position: absolute;left: 0;top: 0;right: 0;}
.banner .swiper-slide .title .txtyi{}
.banner .swiper-slide .title .txtyi h2{font-size: 60px;transition: all 0.6s;}
.banner .swiper-slide .title .txtyi p{font-size: 30px;transition: all 0.6s;}
.banner .swiper-slide .title .txter{padding-top: 5%;}
.banner .swiper-slide .title .txter h2{font-size: 30px;}
.banner .swiper-slide .title .txter p{font-size: 19px;}
.banner .swiper-slide .yi{color: #fff;}
.banner .swiper-pagination-bullets{bottom: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 8px;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #000;opacity: 0.1;border-radius: 0px;border-radius: 10px;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #ff0000;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 40px;color: #ff0000;}


.dyip{padding:70px 12%;}
.dyip .title{text-align: center;}
.dyip .title h2{font-size: 28px;}
.dyip .title p{margin-top: 10px;}
.dyip .txt{text-align: center;margin-top: 30px;color: #666;}
.dyip ul{margin-left: -2%;margin-top: 40px;}
.dyip li{float: left;width: 23%;margin-left: 2%;border:1px solid #EEE;box-sizing: border-box;}
.dyip li .pic{}
.dyip li img{width: 100%;}
.dyip li h2{text-align: center;font-size: 16px;height: 60px;line-height: 60px;position: relative;}
.dyip li h2 a{display: block;position: relative;z-index: 100;transition: all 0.5s ease-in-out;}
.dyip li:hover h2 a{display: block;text-decoration: none;color:#ff0000;}


.derp{background: #333 url(../images/pic64.png) no-repeat right bottom;}
.derp .pic{float: left;width: 50%;}
.derp .pic img{width: 100%;}
.derp .derp_r{float: right;width: 50%;}
.derp .derp_r .txt{padding:50px;color: #FFF;}
.derp .derp_r .txt h2{font-size: 28px;}
.derp .derp_r .txt p{line-height: 30px;margin-top: 30px;}
.derp .derp_r .txt .more{margin-top: 30px;width: 120px;height: 40px;line-height: 40px;background: #ff0000;text-align: center;}
.derp .derp_r .txt .more a{color: #FFF;display: block;}
.derp .derp_r .txt .more a:hover{color: #FFF;display: block;text-decoration: none;}


.dsip{padding:70px 12%;background: url(../images/pic22.jpg) repeat;}
.dsip .title{text-align: center;}
.dsip .title h2{text-transform:uppercase;font-size: 28px;}
.dsip .title p{margin-top: 10px;}
.dsip .box{margin-top: 40px;}
.dsip .box .left{width: 49%;position: relative;float: left;}
.dsip .box .left .pic{height: 535px;}
.dsip .box .left .pic img{width: 100%;height: 535px;}
.dsip .box .left h2{position: absolute;left: 0px;bottom: 0px;right: 0px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);font-weight: bold;color: #FFF;}
.dsip .box .left h2 a{display: block;color: #FFF;}
.dsip .box .left h2 a:hover{display: block;color: #FFF;text-decoration: none;}
.dsip .box .right{float: right;width: 49%;}
.dsip .box .right ul{}
.dsip .box .right li{background: #F5F5F5;margin-bottom: 11px;padding:20px 15px;transition: all 0.3s;}
.dsip .box .right li:hover{background: #ff0000;}
.dsip .box .right li .riqi{width: 100px;text-align: center;float: left;color:#ff0000;border-right: 1px solid #DDD;padding:10px 0;}
.dsip .box .right li:hover .riqi{color:#FFF;}
.dsip .box .right li .riqi p{font-size: 30px;}
.dsip .box .right li .riqi .qi{margin-top: 10px;}
.dsip .box .right li .txt{margin-left: 130px;}
.dsip .box .right li .txt h2{font-size: 16px;font-weight: bold;}
.dsip .box .right li:hover .txt h2 a{color: #FFF;text-decoration: none;}
.dsip .box .right li .txt p{color: #999;line-height: 30px;margin-top: 10px;}
.dsip .box .right li:hover .txt p{color: #FFF;}


.ny_banner{height: 400px;margin-top: 100px;}


.subnav{height: 65px;line-height: 65px;}
.subnav ul{text-align: center;font-size: 0px;}
.subnav li{display: inline-block;font-size: 16px;padding:0 20px;}
.subnav li a{display: block;}
.subnav li a:hover{display: block;text-decoration: none;}
.subnav li a.current{color: #ff0000;}


.con{margin:50px 12%;}
.con .about{line-height: 24px;}
.con .about p{padding-bottom:10px;}

.zhengshu{}
.zhengshu ul{margin-left: -2%;}
.zhengshu li{float: left;width: 18%;margin-left: 2%;margin-bottom: 2%;line-height: 40px;text-align: center;}
.zhengshu li .pic{border:1px solid #DDD;}
.zhengshu li img{width: 100%;}

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

.licheng{}
.licheng ul{}
.licheng li{border-bottom: 1px solid #EEE;margin-bottom: 40px;padding-bottom: 10px;}
.licheng li h2{font-weight: bold;font-size: 22px;font-family: "Arial";margin-bottom: 5px;}
.licheng li p{line-height: 30px;}

.products{}
.products ul{margin-left: -2%;margin-top: 40px;}
.products li{float: left;width: 23%;margin-left: 2%;border:1px solid #EEE;box-sizing: border-box;margin-bottom: 2%;}
.products li .pic{}
.products li img{width: 100%;}
.products li h2{text-align: center;font-size: 16px;height: 60px;line-height: 60px;position: relative;}
.products li h2 a{display: block;position: relative;z-index: 100;transition: all 0.5s ease-in-out;}
.products li:hover h2 a{display: block;text-decoration: none;color:#ff0000;}

.news{}
.news ul{margin-top: 30px;margin-left: -3%;}
.news li{width: 30.333%;float: left;margin-left: 3%;margin-bottom: 3%;}
.news li .pic{position: relative;}
.news li img{width: 100%;}
.news li h2{font-size: 18px;margin-top: 10px;line-height: 30px;text-transform: uppercase;height: 30px;overflow: hidden;}
.news li p{color: #777;line-height: 24px;padding-top: 5px;height: 48px;overflow: hidden;}

.news_con{}
.news_con .title{border-bottom: 1px solid #EEE;padding-bottom: 10px;text-align: center;}
.news_con .title h2{font-size: 24px;padding-bottom: 10px;}
.news_con .title p{line-height: 30px;font-size: 14px;color: #666;}
.news_con .title p span{padding:0 10px;}
.news_con .box{padding: 30px 0;line-height: 30px;}
.news_con .box p{padding-bottom: 20px;}

.product_con{}
.product_con_t{padding-bottom: 30px;}
.meiti_dt{width:40%;float:left;}

.xiangqing .arrow{position: absolute;width: 50px;height: 50px;line-height: 50px;text-align: center;top: 127px;text-decoration: none;}
.xiangqing .next{right: -50px;background: #F5F5F5 url(../images/pic39.png) no-repeat center;background-size: 10px;}
.xiangqing .prev{left: -50px;background: #F5F5F5 url(../images/pic38.png) no-repeat center;background-size: 10px;}

.product_t_r{ float:right; width:57%;}
.product_t_r .box{}
.product_t_r h2{ font-size:20px;font-weight: normal;border-bottom: 1px solid #EEE;line-height: 60px;color: #ff0000;}
.product_t_r .lb{padding-top: 10px;color: #777;font-size: 14px;border-bottom: 1px solid #EEE;padding-bottom: 10px;}
.product_t_r .lb a{color: #777;}
.product_t_r h3{ font-size:18px; line-height:30px; padding-top:20px;}
.product_t_r .txt{ padding-bottom:10px;line-height: 30px;color: #666;}
.product_t_r .txt strong{color: #333;}

.product_con_b{padding-top: 20px;}
.product_con_b h2{height: 60px;line-height: 60px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #F5F5F5;text-align: center;font-size: 16px;}
.product_con_b .box{padding: 40px 0;line-height: 24px;}
.product_con_b .box img{width: 100%;}
.product_con_b .box p{padding-bottom: 10px;}

.sxy{text-align: left;line-height: 24px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;padding: 10px 0;}
.sxy span{padding-left: 20px;}
.sxy ul{float: left;}
.sxy .fanhui{float: right;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #333;margin-top: 5px;}
.sxy .fanhui a{color: #FFF;display: block;}
.sxy .fanhui a:hover{color: #FFF;display: block;text-decoration: none;}

.fenye{margin-top: 30px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 16px;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #CCC;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #e7ea82;background: #e7ea82;}
.fenye li.current a{color: #333;}

.cpxqer{}
.cpxqer .titleyi{background: #f7f9fc;line-height: 40px;padding:0 3%;}
.cpxqer .tit{float: left;}
.cpxqer .position{width: 30%;}
.cpxqer .address{width: 30%;}
.cpxqer .salary{width: 20%;}
.cpxqer .time{width: 20%;}
.cpxqer .time i{float: right;font-size: 12px;transition: all 0.3s;}
.cpxqer .title.active .time i{transform: rotate(-180deg);}
.cpxqer ul{}
.cpxqer li{background: #FFF;}
.cpxqer li .title{ line-height: 40px; border-bottom:1px solid #f5f5f5; padding:0 3%;height: 40px;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:30px; padding:3%;background: #f7f9fc;}
.cpxqer li .con_er table{ border-top:1px solid #DDD; border-left:1px solid #DDD;}
.cpxqer li .con_er table td{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:0 1%;}

.huoban{}
.huoban ul{margin-left: -2%;margin-top: 40px;}
.huoban li{float: left;width: 18%;margin-left: 2%;box-sizing: border-box;margin-bottom: 2%;}
.huoban li .pic{border:1px solid #EEE;}
.huoban li img{width: 100%;}
.huoban li h2{text-align: center;height: 40px;line-height: 40px;position: relative;}
.huoban li h2 a{display: block;position: relative;z-index: 100;transition: all 0.5s ease-in-out;}
.huoban li:hover h2 a{display: block;text-decoration: none;color:#ff0000;}

.contact{}
.contact .txt{line-height: 30px;}
#map_container{ height:500px;margin-top: 30px;}