.wp{max-width:1400px; margin:0 auto;}
*{font-family: '微软雅黑';box-sizing: border-box;}


/* 头部 */
#web_head {padding: 0 70px;position: fixed;background-color: #fff;
	left: 0;top: 0;width: 100%;z-index: 67;
}
#web_head .logo{height: 62px;line-height: 62px;float: left;}
#web_head .logo img{vertical-align: middle;}
#web_head .nav{float: right;}
#web_head .nav .item {float: left;position: relative;}
#web_head .nav .item a{display: inline-block;padding: 0 25px;height: 62px;line-height: 62px;
	font-size: 16px;color: #333;vertical-align: middle;
}
#web_head .nav .item a:hover,#web_head .nav .item.on>a{color: #bb5a1e;}
#web_head .nav .item.login_item{padding-left: 25px;}


#web_head .nav .item.login_item img{width: 26px;vertical-align: -11px;display: inline-block;
	margin-right: 5px;
}
#web_head .nav .item.login_item a{padding: 0;}
#web_head .nav .item.login_item em{font-size: 16px;color: #333;vertical-align: middle;}
#web_head .nav .item.login_item img.img1{display: inline-block;}
#web_head .nav .item.login_item img.img2{display:none;}
#web_head .nav .item.login_item:hover img.img1{display: none;}
#web_head .nav .item.login_item:hover img.img2{display: inline-block;}




#web_head .nav .item .san{width: 0px;height: 0px;
	display: inline-block;border-top: 4px solid #dbdbdb;
	border-right: 4px solid transparent;margin-left: 6px;
	border-left: 4px solid transparent;vertical-align: middle;
	transition: all .3s;
}
#web_head .nav .item:hover .san{transform: rotate(180deg);
	transition: all .3s;
}



#web_head .dwon_nav_one{position: absolute;
	background-color: rgba(255, 255, 255, .8);
	top:62px;left: 50%;transform: translateX(-50%);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	width: 180px;padding: 20px 0;z-index: 9;display: none;
	border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
	text-align: center;
}
#web_head .nav .item .dwon_nav_one a{height: 40px;line-height: 40px;}


#web_head .item:hover .dwon_nav_one{display: block;}

.pinpai_down{position: absolute;top: 62px;left: 0;width: 100%;
	z-index: 8;background-color: rgba(255, 255, 255, .8);
	box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
	display: none;
}
.pinpai_down .index_case{padding:15px 0;border: none;margin-top: 0;}


/* 首页 */
.index_banner{position: relative;width: 100%;overflow: hidden;margin-top: 62px;}
.index_banner img{width: 100%;vertical-align: middle;
	transition:1s linear 2s;transform:scale(1.1,1.1);
}
.index_banner.index_banner_about img{transition:1s linear 2s;transform:scale(1,1);}

.index_banner .swiper-slide-active img,.index_banner .swiper-slide-duplicate-active img{
	transition:6s linear;
	transform:scale(1,1);
}

.index_banner .swiper-pagination{z-index: 9;}
.index_banner  .swiper-pagination-bullet{background-color: #989A97;opacity: 1;
	width: 12px;height: 12px;border:2px solid #fff;background-color: transparent;
}
.index_banner  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   width: 12px;border-radius: 50px;background-color: #bb5a1e;
   border:2px solid #bb5a1e;
}
.index_banner .swiper-pagination{bottom: 25px !important;}
.index_banner .swiper-slide{position: relative;text-align: center;}
.index_banner .swiper-slide .txt{position: absolute;z-index: 3;
	color: #fff;width: 1400px;left: 50%;top: 50%;
	transform: translate(-50%, -50%);text-align: left;
}
.index_banner .swiper-slide .txt .h4{font-size: 38px;  white-space: normal;
	clip-path: inset(0 100% 0 0);display: none;
}
.index_banner .swiper-slide.swiper-slide-active .txt .h4{
	white-space: normal;animation: appear 1.5s forwards;
	display: block;
}

@keyframes appear {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}

.index_banner .swiper-slide .txt .h4 i{font-style: normal;
	font-size: 22px;vertical-align: top;margin-left: -4px;
}
.index_banner .swiper-slide .txt em {
    width: 62px;
    display: block;
    height: 6px;
    background-color: #bb5a1e;
    margin-top: 15px;
}
.index_banner .swiper-slide .txt .p {
    font-size: 16px;
    color: #fff;line-height: 1.8;
    margin-top: 20px;
    max-width: 690px;display: none;
}
.index_banner .swiper-slide.swiper-slide-active .txt .p{
	white-space: normal;animation: appear 1.5s forwards;
	display: block;
}


.index_banner .swiper-slide .txt2{position: absolute;z-index: 3;
	color: #fff;width: 100%;left: 50%;top: 50%;
	transform: translate(-50%, -50%);text-align: center;
}

.index_banner .swiper-slide .txt2 h4{font-size: 38px;}
.index_banner .swiper-slide .txt2 p {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}
.index_banner .swiper-slide .txt2 h4:hover{color: #bb5a1e;}
.index_banner .swiper-slide .txt2 p:hover{color: #bb5a1e;}


.index_banner .button-next,
.index_banner .button-prev{height: 40px;top: 50%;
	transform: translateY(-50%);position: absolute;background-size: 38px 38px;
	background-position: center center;background-repeat: no-repeat;cursor: pointer;
	z-index: 3;opacity: 1;line-height: 40px;font-size: 16px;color: #fff;
	background-size: 16px auto;
}
.index_banner .button-next{background-image: url(../images/rr12.png);right: 60px;
	padding-right: 24px;background-position: right center;
}
.index_banner .button-prev{background-image: url(../images/ll12.png);left: 60px;
	background-position: left center; 
	padding-left: 24px;
}
.index_banner .button-next:hover{background-image: url(../images/rr12_2.png);
	color: #bb5a1e;
}
.index_banner .button-prev:hover{background-image: url(../images/ll12_2.png);
	color: #bb5a1e;
}




h4,h5,h6{font-weight: normal;}
.index_title{text-align: center;}
.index_title h4{font-size: 30px;color: #333;font-weight: bold;}
.index_title h4 em{font-style: normal;
    font-size: 20px;
    vertical-align: 15px;
}
.index_title h4:hover{color: #bb5a1e;}
.index_title p{font-size: 18px;color: #666;margin-top: 12px;}
.index_title p:hover{color: #bb5a1e;}

.index_about{padding: 70px 0;background-color: #fff;}
.index_about_con{max-width: 1550px; margin:0 auto;position: relative;}

.about_wrapper{max-width: 1400px; margin:0 auto;margin-top: 40px;overflow: hidden;
	position: relative;padding-bottom: 40px;
}
.about_wrapper .top{overflow: hidden;margin-left: -20px;}
.about_wrapper .top .left{width: 66.6666%;float: left;padding-left: 20px;cursor: pointer;}
.about_wrapper img{width: 100%;vertical-align: middle;transition: all .3s;}
.about_wrapper .top .left:hover img{transform: scale(1.08);transition: all .3s;}
.about_wrapper .top .right{width: 33.3333%;float: right;padding-left: 20px;}
.about_wrapper .top .right img{width: 100%;vertical-align: middle;transition: all .3s;}
.about_wrapper .top .right:hover img{transform: scale(1.08);transition: all .3s;}


.about_wrapper .bottom{margin-left: -20px;overflow: hidden;margin-top: 20px;} 
.about_wrapper .bottom .item{width: 33.3333%;float: left;padding-left: 20px;}
.about_wrapper .bottom .item img{width: 100%;vertical-align: middle;transition: all .3s;}
.about_wrapper .bottom .item:hover img{transform: scale(1.08);transition: all .3s;}
.about_wrapper .con{position: relative;overflow: hidden;}
.about_wrapper .con .txt{position: absolute;
	left: 0;bottom: 0;width: 100%;padding: 22px;
}
.about_wrapper .con .txt h4{font-size: 26px;color: #fff;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.about_wrapper .con .txt p{font-size: 16px;color: #fff;margin-top: 8px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.about_wrapper{}

.about_wrapper  .swiper-pagination-bullet{opacity: 1;
	width: 12px;height: 12px;border:2px solid #d2d3d4;background-color: transparent;
}
.about_wrapper  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   width: 12px;border-radius: 50px;background-color: #bb5a1e;
   border:2px solid #bb5a1e;
}
.about_wrapper .swiper-pagination{bottom: 0px !important;}


.index_about_con .button-next,
.index_about_con .button-prev{width: 40px;height: 40px;top: 55%;
	transform: translateY(-50%);position: absolute;background-size: 38px 38px;
	background-position: center center;background-repeat: no-repeat;cursor: pointer;
	
}
.index_about_con .button-next{background-image: url(../images/rr11_1.png);right: 0;}
.index_about_con .button-next:hover{background-image: url(../images/rr11.png);}
.index_about_con .button-prev{background-image: url(../images/ll11_1.png);left: 0;}
.index_about_con .button-prev:hover{background-image: url(../images/ll11.png);}

.index_about .about_list{margin-top: 50px;}
.index_about .about_list.about_list_0212{margin-top: 90px;}


.index_about .about_list .list{overflow: hidden;margin-left: -20px;
	margin-top: 50px;
}
.index_about .about_list .list .fang{width: 33.3333%;float: left;padding-left: 20px;
	cursor: pointer;
}
.index_about .about_list .list .pic{padding-top: 67%;position: relative;
	
	border-radius: 10px;overflow: hidden;
}
.index_about .about_list .list .pic .img{position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;background-size: cover;background-position: center;
	background-repeat: no-repeat;transition: all .6s;z-index: 1;
}
.index_about .about_list .list .fang:hover .pic .img{
	transform: scale(1.08);transition: all .6s;	
}



.index_about .about_list .list .txt{position: absolute;left:0;top: 0;
	width: 100%;height: 100%;padding: 20px;z-index: 2;
}
.index_about .about_list .list .txt em{display: inline-block;
	padding: 3px 8px;border-radius: 50px;background-color: rgba(0, 0, 0,0.5);
	font: 12px;color: #fff;
}
.index_about .about_list .list h4{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	font-size: 26px;color: #333;margin-top: 18px;
}
.index_about .about_list .list .fang:hover h4{color: #bb5a1e;}
.index_about .about_list .list h4.h4_2{font-size: 22px;}
.index_about .about_list .list p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	font-size: 16px;color: #666;margin-top: 8px;
}
.index_about .about_list .list .con{cursor: pointer;}

.index_more{text-align: center;}
.index_more a{display: inline-block;border: 1px solid #adadad;width: 145px;
	height: 46px;text-align: center;line-height: 46px;
	font-size: 14px;color: #666;
}
.index_more a img{width: 22px;vertical-align: middle;margin-right: 8px;}
.index_more a img.img1{display: inline-block;}
.index_more a img.img2{display:none;}
.index_about .index_more{margin-top: 45px;}
.index_more a:hover{color: #fff;background-color: #c8682d;border: 1px solid #c8682d;}
.index_more a:hover img.img1{display: none;}
.index_more a:hover img.img2{display: inline-block;}



.index_city{padding: 70px 0;
	background-image: linear-gradient(to bottom, #f4f4f1, #fff, #fff);
}

.city_wrapper{max-width: 1400px;margin: 0 auto;overflow: hidden;position: relative;}



.city_wrapper .city_wrapper_pic{width: 50%;float: left;position: relative;
	overflow: hidden;
}
.city_wrapper .city_wrapper_pic img{width: 100%;vertical-align: middle;}
.city_wrapper .city_wrapper_pic h4{position: absolute;font-size: 20px;color: #fff;
	left: 20px;right: 20px;bottom: 20px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.city_wrapper .right{width: 50%;float: right;padding-left: 110px;}
.city_wrapper .right h4{font-size: 30px;color: #333;margin-top: 50px;
	font-weight: bold;
}
.city_wrapper .right p{font-size: 18px;color: #333;margin-top: 30px;
	line-height: 1.8;
}
.city_wrapper .right h4:hover{color: #bb5a1e;}
.city_wrapper .right p:hover{color: #bb5a1e;}
.city_wrapper .right a{display: inline-block;border: 1px solid #adadad;width: 145px;
	height: 46px;text-align: center;line-height: 46px;
	font-size: 14px;color: #666;margin-top: 55px;
}
.city_wrapper .right a:hover{color: #fff;border: 1px solid #bb5a1e;
	background-color: #bb5a1e;
}
.city_wrapper .swiper-pagination{position: absolute;width: auto !important;
	left: 50% !important;margin-left: 180px;bottom: 50px !important;
}

.city_wrapper  .swiper-pagination-bullet{opacity: 1;
	width: 6px;height: 6px;background-color: #7d7f81;vertical-align: middle;
	margin: 0 3px;
}
.city_wrapper  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   width:8px;border-radius: 50px;background-color: #bb5a1e;height:8px;
   border:2px solid #bb5a1e;
}

.city_wrapper .button-next,
.city_wrapper .button-prev{width: 36px;height: 36px;z-index: 9;
	bottom: 40px;position: absolute;background-size: cover;
	background-position: center center;background-repeat: no-repeat;cursor: pointer;
	left: 50%;
	
}
.city_wrapper .button-next{background-image: url(../images/rr11_1.png);
	margin-left: 250px;
}
.city_wrapper .button-next:hover{background-image: url(../images/rr11.png);}
.city_wrapper .button-prev{background-image: url(../images/ll11_1.png);
	margin-left: 110px;
}
.city_wrapper .button-prev:hover{background-image: url(../images/ll11.png);}
.index_case{border: 1px solid #bec5cc;padding: 20px;margin-top: 100px;
	position: relative;
}
.index_case .item{float: left;width:8.33333%;text-align: center;margin: 28px 0;
	height: 72px;
	display: flex;justify-content: center;align-items: center;
}
.index_case .item img{display: inline-block;cursor: pointer;
	transform: scale(.50);
}
.index_case .item .two{display: none;}
.index_case .item .one{display: inline-block;}
.index_case .item:hover .two{display: inline-block;}
.index_case .item:hover .one{display: none;}
.index_case .item.item2{width: 14.28%;}
.index_case .logo_one{position: absolute;padding:0 30px;top: 0;transform: translateY(-50%);
	left: 100px;background-color: #fff;
}
.index_case .logo_two{position: absolute;padding:0 30px;bottom: 0;transform: translateY(50%);
	right: 100px;background-color: #fff;
}

.index_case .logo_two .img1{display: inline-block;}
.index_case .logo_two .img2{display: none;}
.index_case .logo_two:hover .img1{display: none;}
.index_case .logo_two:hover .img2{display: inline-block;}






/* 底部 */
#web_food{background-color: #f2f2f2; padding: 45px 0;}
#web_food .logo{text-align: center;}
#web_food .logo img{vertical-align: middle;}



#web_food .nav{padding: 40px 0;display: flex;justify-content: space-between;
   border-top: 1px solid #dbdbdb;margin-top: 50px;border-bottom: 1px solid #dbdbdb;
   padding-bottom: 20px;
}
#web_food .nav dt{margin-bottom: 8px;}
#web_food .nav dt a{font-size: 14px;color: #333;padding-bottom: 10px;position: relative;}

#web_food .nav dd a{font-size: 14px;color: #999;margin-top: 16px;margin-top: 15px;
	display: inline-block;
}
#web_food .nav a:hover{text-decoration: underline;}
#web_food .phone{margin-top:6px;}
#web_food .phone .left{float: left;}
#web_food .phone span{font-size: 14px;color: #666;vertical-align: middle;}
#web_food .phone .left b{font-size:30px;color: #333;vertical-align: middle;
	font-weight: normal;
}

#web_food .phone .icon{float: left;margin-left:420px;}
#web_food .phone .icon .item{display: inline-block;vertical-align: middle;
	height: 40px;line-height: 40px;margin-left: 12px;position: relative;
}
#web_food .phone .icon .item>img{width: 30px;vertical-align: middle;opacity: 0.6;
	cursor: pointer;
}
#web_food .phone .icon .item>img:hover{opacity: 1;}


#web_food .phone .icon .item .code{position: absolute;
	bottom: 120%;left: 50%;transform: translateX(-50%);border-radius: 5px;
	width: 115px;height: 115px;display: flex;justify-content: center;
	align-items: center;opacity: 0;z-index: -3;
}
#web_food .phone .icon .item:hover .code{display: flex;opacity: 1;
	transition: 0.5s;z-index: 1;
}
#web_food .phone .icon .item .code img{vertical-align: middle;
	width: 0;height: 0;transition: 0.4s;
}
#web_food .phone .icon .item:hover .code img{width: 115px;height: 115px;
	transition: 0.4s;
}
#web_food .phone .icon .item .code img.bianda{
	
}
.bianda{}

#web_food .phone .icon .item .san{display: none;
  width: 0;position: absolute;
    height: 0;left: 50%;margin-left: -8px;
    border-style: solid;
    border-width: 0 8px 8px 8px;transform: rotate(180deg);
    border-color: transparent transparent #fff transparent;
}
#web_food .phone p{font-size: 14px;color: #999;margin-top: 30px;}

#yuding_pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
	z-index: -99;opacity: 0;
}
#yuding_pop.on{z-index: 999;opacity: 1;}
#yuding_pop .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background-color: rgba(0, 0, 0,0.5);
}
#yuding_pop .yuding_pic{position: relative;}
#yuding_pop .yuding_pic img{width: 100%;vertical-align: middle;}
#yuding_pop .con{position: absolute;left: 50%;top: 50%;
	transform: translate(-50%, -50%);width: 610px;border-radius: 20px;
	overflow: hidden;background-color: #fff;
}


#yuding_pop .swiper-pagination{z-index: 9;}
#yuding_pop  .swiper-pagination-bullet{background-color: #989A97;opacity: 1;
	width: 12px;height: 12px;border:2px solid #fff;background-color: transparent;
}
#yuding_pop  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   width: 12px;border-radius: 50px;background-color: #bb5a1e;
   border:2px solid #bb5a1e;
}



#yuding_pop .button-next,
#yuding_pop .button-prev{width: 40px;height: 40px;top: 55%;
	transform: translateY(-50%);position: absolute;background-size: 38px 38px;
	background-position: center center;background-repeat: no-repeat;cursor: pointer;
	z-index: 3;
	
}
#yuding_pop .button-next{background-image: url(../images/m2.png);left: 15px;}
#yuding_pop .button-prev{background-image: url(../images/m3.png);right: 15px;}
#yuding_pop .button-next:hover,
#yuding_pop .button-prev:hover{opacity: 0.8;}
#yuding_pop .txt{padding: 40px;}
#yuding_pop .txt span{display: inline-block;font-size: 16px;color: #666;}
#yuding_pop .txt h4{font-size: 22px;color: #333;margin-top: 20px;

}
#yuding_pop .txt p{font-size: 18px;color: #333;margin-top: 8px;}
#yuding_pop .txt .add{margin-top: 22px;}
#yuding_pop .txt .add img{width: 24px;vertical-align: middle;}
#yuding_pop .txt .add em{font-size: 16px;color: #666;vertical-align: middle;}
#yuding_pop .txt a{display: block;width: 100%;text-align: center;
	background-color: #c45c1d;height: 66px;line-height: 66px;
	font-size: 14px;color: #fff;border-radius: 5px;margin-top: 45px;
}
#yuding_pop .txt a:hover{opacity: .8;}
#yuding_pop .colse{position: absolute;top: 25px;right: 25px;z-index: 7;
	width: 38px;height: 38px;cursor: pointer;
}
#yuding_pop .colse img{vertical-align: middle;width: 100%;}




#daoli_pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
	z-index: -99;opacity: 0;
}
#daoli_pop.on{z-index: 999;opacity: 1;}
#daoli_pop .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background-color: rgba(0, 0, 0,0.5);
}
#daoli_pop .daoli_pic{position: relative;}
#daoli_pop .daoli_pic img{width: 100%;vertical-align: middle;}
#daoli_pop .con{position: absolute;left: 50%;top: 50%;
	transform: translate(-50%, -50%);width: 610px;border-radius: 20px;
	overflow: hidden;background-color: #fff;
}


#daoli_pop .swiper-pagination{z-index: 9;}
#daoli_pop  .swiper-pagination-bullet{background-color: #989A97;opacity: 1;
	width: 12px;height: 12px;border:2px solid #fff;background-color: transparent;
}
#daoli_pop  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   width: 12px;border-radius: 50px;background-color: #bb5a1e;
   border:2px solid #bb5a1e;
}



#daoli_pop .button-next,
#daoli_pop .button-prev{width: 40px;height: 40px;top: 55%;
	transform: translateY(-50%);position: absolute;background-size: 38px 38px;
	background-position: center center;background-repeat: no-repeat;cursor: pointer;
	z-index: 3;
	
}
#daoli_pop .button-next{background-image: url(../images/m2.png);left: 15px;}
#daoli_pop .button-prev{background-image: url(../images/m3.png);right: 15px;}
#daoli_pop .button-next:hover,
#daoli_pop .button-prev:hover{opacity: 0.8;}
#daoli_pop .txt{padding:20px 40px;}
#daoli_pop .txt span{display: inline-block;font-size: 16px;color: #666;}
#daoli_pop .txt h4{font-size: 22px;color: #333;margin-top: 20px;
text-align: center;

}
#daoli_pop .txt p{font-size: 18px;color: #333;margin-top: 8px;}
#daoli_pop .txt .add{margin-top: 22px;}
#daoli_pop .txt .add img{width: 24px;vertical-align: middle;}
#daoli_pop .txt .add em{font-size: 16px;color: #666;vertical-align: middle;}
#daoli_pop .txt a{display: block;width: 100%;text-align: center;
	background-color: #c45c1d;height: 66px;line-height: 66px;
	font-size: 14px;color: #fff;border-radius: 5px;margin-top: 45px;
}
#daoli_pop .txt a:hover{opacity: .8;}
#daoli_pop .colse{position: absolute;top: 25px;right: 25px;z-index: 7;
	width: 38px;height: 38px;cursor: pointer;
}
#daoli_pop .colse img{vertical-align: middle;width: 100%;}






#web_head_mm{background-color: #fff;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 10;
   width: 100%;border-bottom: 1px solid #f1f1f1;display: none;
}
#web_head_mm .logo{text-align: left;}
#web_head_mm img{vertical-align: middle;width: 150px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -moz-user-focus: none;
}
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;z-index: 999;
}
.swiper-pagination{z-index: 9 !important;}
#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:40px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:40px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
// #web_head_mm .right_nav .nav .mm_nav_item{}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}


#mm_er_nav{display: none;width: 100%;position: relative;}
#mm_er_nav .tit{height: 42px;line-height: 42px;background-color:#fff;padding:0 3%;
   background-image: url(../images/up1.png);background-repeat: no-repeat;background-position: right 3% center;
   background-size:  13px auto;
}
#mm_er_nav .tit.on{background-image: url(../images/down1.png);}
#mm_er_nav .tit h4{font-size: 14px;color: #333;font-weight: normal;}
#mm_er_nav .down_nav{position: fixed;width: 100%;left: 0;top:100%;background-color: rgba(0, 0, 0,0.1);
  z-index: 999999;bottom: 0;transition:.3s;
}
#mm_er_nav .down_nav.on{top:0px;transition:.3s;}
#mm_er_nav .down_nav .con{position: absolute;left: 0;width: 100%;top:1px;bottom: 50px;padding: 0 20px;
   background-color: #fff;
}
#mm_er_nav .down_nav .con.on{top: 5px;transition:.3s;}
#mm_er_nav .down_nav .con h5{font-size: 16px;color: #333;font-weight: normal;text-align: center;
   padding: 25px 0;
}

#mm_er_nav .down_nav .item{border-bottom: 1px solid #f0f0f0;padding: 5px 0;}
#mm_er_nav .down_nav .item:last-child{border-bottom: none;}
#mm_er_nav .down_nav .item>a{line-height: 30px;font-size: 14px;color: #000;font-weight: bold;}
#mm_er_nav .down_nav .item dt{padding: 5px 0;}
#mm_er_nav .down_nav .item dt>a{font-size: 14px;color: #333;}
#mm_er_nav .down_nav .item dd{padding: 5px 0;}
#mm_er_nav .down_nav .item dd>a{font-size: 13px;color: #333;display: inline-block;}
#mm_er_nav .down_nav .item dd>a img{width: 6px;margin-right: 6px;vertical-align:0px;}
#mm_er_nav .down_nav .colse{background-color: #535353;height: 50px;line-height: 50px;text-align: center;
   cursor: pointer;font-size: 14px;color: #fff;position: absolute;left: 0;width: 100%;bottom: 0;display: none;
}
#mm_er_nav .down_nav.on .colse{display: block;}
.oh{overflow: hidden !important;}

/* 关于我们 */
.n_banner{margin-top: 1px;position: relative;margin-top: 62px;}
.n_banner img{vertical-align: middle;max-width: 100%;}
.n_banner .txt{position: absolute;left: 13%;width: 1400px;
	top: 50%;transform: translate(-50%,-50%);left: 50%;
}
.n_banner .h4{font-size: 34px;color: #fff; white-space: normal;
	white-space: normal;animation: appear 1.5s forwards;
}
.n_banner em{width: 62px;display: block;height: 6px;background-color: #bb5a1e;
	margin-top: 15px;
}
.n_banner .p{font-size: 16px;color: #fff;margin-top: 20px;
	max-width: 780px;white-space: normal;
	white-space: normal;animation: appear 1.5s forwards;
}
.n_banner .txt.txt3{text-align: center;}
.n_banner .txt.txt3 .h4{text-align: center;}

.n_banner .txt.txt3 em{display: inline-block;}
.n_banner .txt.txt3 .p{width: 100%;max-width: none;}
.n_banner .txt2 .h4{color: #333;}
.n_banner .txt2 .p{color: #333;}
.n_banner .txt a{display: inline-block;
    background-color: #c45c1d;
    width: 145px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    color: #fff;
    margin-top: 55px;
}



.n_banner .txt a:hover{opacity: .8;}

.n_banner_dong{position: relative;overflow: hidden;}
.n_banner_dong .dongpic {	position: absolute;left: 0;	top: 0;
height: 100%;
	animation: bg 400s linear infinite;	
	backface-visibility: hidden;	
	transform: translate3d(0,0,0);
	background-color: #348cb2;
	
	background-position: center;
	background-repeat: repeat-x;
}
	
@keyframes bg { 
	0% { transform: translate3d(0,0,0); } 
	100% { transform: translate3d(-2250px,0,0); } 
}

.n_banner_dong .dongpic {
	background-size: 2250px auto;
	width: 6750px;
}


.two_nav{text-align: center;}
.two_nav a{height: 60px;line-height: 60px;display: inline-block;position: relative;
	font-size: 16px;color: #333;margin: 0 90px;
}
.two_nav a em{position: absolute;display: none;
	height: 2px;left: 10%;bottom: 0;width: 80%;background-color: #c8682e;
}
.two_nav a:hover em,
.two_nav a.on em{display: block;}

.bg_hui{background-color: #f4f4f1;}
.about_us{padding: 70px 0;}
.index_banner_about{margin-top: 0;}
.about_us h4{text-align: center;font-size: 30px;color: #333;}
.about_us h4:hover{color: #bb5a1e;}
.about_us p{font-size: 14px;color: #333;line-height: 1.8;margin-top: 30px;}
.about_us .pic{margin-top: 40px;border-radius: 5px;overflow: hidden;position: relative;}
.about_us .pic img{width: 100%;vertical-align: middle;}
.about_us .pic p{position: absolute;left: 27px;top: 0px;
	font-size: 14px;color: #fff;
}

.about_us .number{padding: 34px 0;overflow: hidden;margin-top: -70px;background-color: #fff;
	width: 86%;position: relative;z-index: 9;margin-left: 7%;border-radius: 8px;
}
.about_us .number .item{width: 25%;float: left;text-align: center;}
.about_us .number .item b{display: inline-block;font-size: 44px;color: #333;
	position: relative;font-weight: normal;
}
.about_us .number .item b em{position: absolute;right: -20px;top:0%;
	font-size: 18px;color: #999;
}
.about_us .number .item span{display: block;font-size: 14px;color: #999;
	margin-top: 10px;
}

.gif{margin-top:180px;}
.gif img{vertical-align: middle;margin-top: 20px;}
.linian,.esg_linian{padding: 90px 0;}
.linian h4{text-align: center;font-size: 30px;color: #333;}
.linian h6{text-align: center;font-size:20px;color: #333;margin-top: 12px;}
.linian h4:hover{color: #bb5a1e;}
.linian h6:hover{color: #bb5a1e;}
.linian .list{overflow: hidden;margin-left: -40px;margin-top: 40px;}
.linian .list .item{width: 33.3333%;float: left;padding-left: 40px;}
.linian .list .item .con{background-color: #fafafa;cursor: pointer;}
.linian .list .item .con .pic{padding-top: 80%;position: relative;
	overflow: hidden;
}
.linian .list .item .con .pic .img{position: absolute;
	left: 0;top: 0;width: 100%;height: 100%;background-size: cover;
	 transition: all .6s;
}
.linian .list .item .con .pic .img:hover{transform: scale(1.08);
    transition: all .6s;
}

.linian .list .item img{vertical-align: middle;width: 100%;}
.linian .list .item p{text-align: center;font-size: 28px;color: #333;
	line-height: 84px;
}
.linian .list .item .con:hover p{color: #bb5a1e;}
.linian .pic{margin-top: 40px;}
.linian .pic img{vertical-align: middle;width: 100%;}
.linian .pic.pic_gif{text-align: center;}
.linian .pic.pic_gif img{vertical-align: middle;max-width: 100%;width: auto;}
.esg_linian{overflow: hidden;}
.esg_linian .left{float: left;width: 48%;}
.esg_linian .right{float: right;width: 48%;}
.esg_linian h4{font-size: 30px;color: #333;margin-top: 103px;}
.esg_linian p{font-size: 14px;color: #333;line-height: 1.8;margin-top: 20px;}

.product_list{margin-top: 60px;padding-bottom: 40px;}
.product_list .item{margin:40px 0;overflow: hidden;
	 display: flex;justify-content: space-between;align-items: center;
}
.product_list .item:hover{background-color: #fff;}
.product_list.product_list_bgbai .item:hover{background-color: #f4f4f1;}
.product_list .item .pic{width: 47%;}
.product_list .item .pic img{vertical-align: middle;width: 95%;
	border-top-left-radius:5px;border-top-right-radius:5px;
}
.product_list .item .text{width: 47%;padding: 0 40px;}
.product_list .item .text2{width: 50%;padding: 0 120px;}
.product_list .item .text h4{font-size: 28px;color: #333;font-weight: bold;}
.product_list .item .text p{font-size: 16px;color: #333;line-height: 1.8;
	margin-top: 18px;
}

.product_list .item .text a{display: inline-block;border: 1px solid #adadad;
	width: 145px;
	height: 46px;text-align: center;line-height: 46px;
	font-size: 14px;color: #666;margin-top: 28px;
}
.product_list .item .text a:hover{color: #fff;border: 1px solid #bb5a1e;
	background-color: #bb5a1e;
}

.product_list .item2 .pic{float: right;}
.product_list .item2 .text{float: left;}

.product_pic{margin: 20px 0;padding: 180px 0;overflow: hidden;
	background-size: cover;background-position: center;background-repeat: no-repeat;
}

.product_pic .con{width: 590px;float: right;background-color: rgba(255, 255, 255, 0.85);
	padding: 48px 40px;
}

.product_pic h4{font-size: 30px;color: #333;font-weight: bold;}
.product_pic p{font-size: 16px;color: #333;line-height: 1.8;
	margin-top: 18px;
}
.product_pic p.p_pms{line-height: 2.2;}
.product_pic a{display: inline-block;border: 1px solid #adadad;width: 145px;
	height: 46px;text-align: center;line-height: 46px;
	font-size: 14px;color: #666;margin-top: 35px;
}
.product_pic a:hover{color: #bb5a1e;border: 1px solid #bb5a1e;}

.product_look{background-color: #f4f4f1;padding: 60px 0;overflow: hidden;}
.product_look .product_gun{margin-top: 40px;position: relative;overflow: hidden;
	
}
.product_look .product_gun ul{margin-left: -30px;}
.product_look .product_gun li{width: 500px;
	padding-left: 30px;float: left;cursor: pointer;
}
.product_look .product_gun li .con{background-color: rgba(255, 255, 255, 0.8);}
.product_look .product_gun li .con:hover{background-color: rgba(255, 255, 255, 1);}
.product_look .product_gun .con:hover h4{color: #bb5a1e;}
.product_look .product_gun img{vertical-align: middle;width: 100%;}
.product_look .product_gun .txt{padding: 33px 23px;}
.product_look .product_gun h4{font-size: 24px;color: #333;}
.product_look .product_gun p{font-size: 14px;color: #333;line-height: 1.8;
	margin-top: 6px;height: 100px;overflow: hidden;
}


.product_look .swiper-pagination{bottom: -61px !important;}

.product_look  .swiper-pagination-bullet{opacity: 1;border-radius: 0 !important;
	width: 32px;height: 2px;background-color: #c9c9c9;vertical-align: middle;
	margin: 0 !important;
}
.product_look  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   background-color: #bb5a1e;height:4px;
   border:2px solid #bb5a1e;
}

.product_look .button-next,
.product_look .button-prev{width: 40px;height: 40px;bottom: -75px;
position: absolute;background-size: 34px 34px;
	background-position: center center;background-repeat: no-repeat;cursor: pointer;
	z-index: 80;
	
}
.product_look .button-next{background-image: url(../images/con2.png);left: 50%;
	margin-left: -180px;
}
.product_look .button-prev{background-image: url(../images/con3.png);left: 50%;
	margin-left: 140px;
}

.index_title img{vertical-align: middle;margin-top: 30px;margin-bottom: 20px;
	width: 280px;
}

.mass_us{padding: 75px 0;}

.mass_fill{margin-top: 40px;overflow: hidden;margin-left: -20px;
	width: 70%;margin-left: auto;margin-right: auto;
}
.mass_fill .item{width: 33.3333%;float: left;margin-top: 22px;padding-left: 20px;}
.mass_fill .item2{width: 100%;}
.mass_fill .item span{display: block;font-size: 14px;color: #666;
	margin-bottom: 6px;
}
.mass_fill .item span em{color: #ff0000;}
.mass_fill .item input,
.mass_fill .item select{width: 100%;height: 48px;outline: none;
	padding: 0 8px;border: 1px solid #dbdbdb;
}
.mass_fill .item textarea{padding: 5px 8px;border: 1px solid #dbdbdb;
	width: 100%;resize: none;outline: none;height: 100px;
}
.mass_fill .item2 input{width: 330px;vertical-align: middle;}
.mass_fill .item2 img{vertical-align: middle;height: 48px;width: 270px;cursor: pointer;}
.mass_fill .item2 .btn{width: 180px;background-color: #c45d1f;
	border: 1px solid #c45d1f;font-size: 14px;color: #fff;cursor: pointer;
}
.mass_fill .item2 .btn:hover{opacity: .8;}

.product_pic2 .con{width: 660px;float: right;background-color: rgba(255, 255, 255, 0);}

.plan_con{background-color: #fff;padding: 40px 0;}
.plan_con .con{padding-left: 270px;position: relative;
	margin-left: auto;margin-right: auto;max-width: 1000px;
}
.plan_con .left{width: 270px;margin-left: -270px;
	position: sticky;top: 100px;float: left;
}
.plan_con .left h5{font-size: 16px;color: #333;line-height: 52px;
	font-weight: bold;cursor: pointer;
}
.plan_con .left h5:hover{color: #c45d1f;}


.plan_con .right{width: 100%;}
.plan_con .right h3{font-size: 30px;font-weight: bold;}
.plan_con .right p{font-size: 16px;color: #333;line-height: 1.8;margin-top: 26px;}
.plan_con .right .item{margin-bottom: 40px;}
.plan_con .right p a{color: #c45d1f;}
.plan_con .right p a:hover{text-decoration: underline;}
.plan_con .right .item table{width: 100%;
    text-align: center;
    margin-top: 35px;
    border-collapse: collapse;
    border: 1px solid #d6d6d6;
}
.plan_con .right .item th{border: 1px solid #d6d6d6;
    padding: 15px 0;font-size: 14px; text-align: center;
	color: #333;font-weight: bold;
}
.plan_con .right .item td{border: 1px solid #d6d6d6;
    padding: 15px 0;font-size: 14px; text-align: center;   
	color: #333;
}

.web_sou{overflow: hidden;padding-left: 440px;}
.web_sou .left{width: 400px;
	background-image: linear-gradient(to bottom, #fff3eb, #fff);
	padding-top: 30px;padding-bottom: 50px;
	position: fixed;left: 0;top: 0;height: 100%;
}
.web_sou .left .logo{text-align: center;}
.web_sou .left .name{text-align: center;margin-top: 110px;}
.web_sou .left .name img{vertical-align: middle;}
.web_sou .left .name h5{font-size: 28px;color: #333;margin-top: 30px;}
.web_sou .left .name p{font-size: 14px;color: #666;margin-top: 15px;}
.web_sou .left .name h5 em{font-size: 14px;vertical-align: top;}
.web_sou .left .txt{margin-top: 115px;padding: 0 35px;}
.web_sou .left .txt h5{font-size: 16px;color: #666;font-weight: bold;}
.web_sou .left .txt p{font-size: 14px;color: #666;margin-top: 15px;}
.web_sou .left .txt img{width: 100%;margin-top: 28px;}
.web_sou .right{padding-top: 16px;padding-right: 20px;
	padding-bottom: 30px;
}
.web_sou .right .top{position: relative;}
.web_sou .right .sou{background-color: #f7f7f7;overflow: hidden;
	border-radius: 50px;width: 530px;position: relative;
}
.web_sou .right .sou input{width: 100%;height: 40px;
	padding: 0 12px;border: none;outline: none;
	background-color: #f7f7f7;font-weight: 14;
}

.web_sou .right .sou a{display: block;width: 40px;height: 40px;
	background-image: url(../images/sou3.png);position: absolute;
	right: 0;top: 0;background-size: 16px auto;background-repeat: no-repeat;
	background-position: center;
}
.web_sou .right .top .nav{position: absolute;right: 0;top: 0px;}
.web_sou .right .top .nav a{margin-right: 50px;height: 40px;line-height: 40px;
	font-size: 16px;color: #666;
}
.web_sou .right .top .nav a:hover{color: #c45d1f;}
.web_sou .right .chose{margin-top: 30px;}
.web_sou .right .chose span{padding: 0 18px;height: 42px;line-height: 42px;
	border-radius: 50px;font-size: 16px;color: #333;margin-right: 15px;
	cursor: pointer;display: inline-block;
}
.web_sou .right .chose span.on,
.web_sou .right .chose span:hover{background-color: #f7f7f7;}
.web_sou .right .list{margin-left: -32px;overflow: hidden;}
.web_sou .right .list .item{width: 20%;padding-left: 32px;margin-top: 20px;
	cursor: pointer;float: left;
}
.web_sou .right .item .pic{padding-top: 132%;position: relative;
	background-size: cover;background-position: center;
	background-repeat: no-repeat;border-radius: 20px;overflow: hidden;
}

.web_sou .right .item .pic .video{position: absolute;
	left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);
}
.web_sou .right .item .pic .video img{position: absolute;
	left: 50%;top:50%;transform: translate(-50%, -50%);
	width: 36px;
}
.web_sou .right .item h4{font-size: 16px;color: #333;margin-top: 16px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.web_sou .right .item .time{margin-top: 10px;font-size: 16px;color: #333;}
.web_sou .right .item .time img{width: 16px;vertical-align: -3px;
	margin-right: 4px;
}
.web_sou .right .item .time  span{margin-right: 15px;}

.sou_food{border-top: 1px solid #ededed;margin-top: 30px;
	height: 60px; display: flex;justify-content: space-between;
	padding: 0 22px;
}

.sou_food .nav{float: left;height: 60px;line-height: 60px;}
.sou_food .nav a{font-size: 12px;color: #666;padding:0 15px;}
.sou_food .nav a:hover{color: #c45d1f;}
.sou_food .icon{float: left;margin-left: 120px;padding-top: 10px;}
.sou_food .icon .item{display: inline-block;vertical-align: middle;
	height: 40px;line-height: 40px;margin-left: 12px;position: relative;
}
.sou_food .icon .item>img{width: 30px;vertical-align: middle;opacity: 0.6;
	cursor: pointer;
}
.sou_food .icon .item>img:hover{opacity: 1;}
.sou_food .icon .item .code{display: none;position: relative;}
.sou_food .icon .item:hover .code{display: block;position: absolute;
	bottom: 120%;left: 50%;transform: translateX(-50%);border-radius: 5px;
	background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0,0.2);
}
.sou_food .icon .item .code img{vertical-align: middle;width: 115px;}

.sou_food .icon .item .san{
  width: 0;position: absolute;
    height: 0;left: 50%;margin-left: -8px;
    border-style: solid;
    border-width: 0 8px 8px 8px;transform: rotate(180deg);
    border-color: transparent transparent #fff transparent;
}

.sou_food .right{font-size: 12px;color: #999;line-height: 60px;}

#sou_back_top{position: fixed;right: 30px;bottom: 50px;}
#sou_back_top img{display: block;width: 60px;cursor: pointer;}

#sou_pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
	z-index: 999;display: none;
}
#sou_pop .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background-color: rgba(0, 0, 0,0.5);
}
#sou_pop .con{position: absolute;left: 50%;top: 50%;
	transform: translate(-50%, -50%);width: 1088px;border-radius: 20px;
	overflow: hidden;background-color: #fff;height: 80%;
	position: relative;
}
#sou_pop .con .pic{position: absolute;left: 30px;top: 30px;
	bottom: 30px;;width: 600px;background-size: cover;
	background-color: rgba(0, 0, 0, 0.8);
}
#sou_pop .con .pic video{width: 100%;
	position: absolute;left: 50%;top: 50%;
	transform: translate(-50%, -50%);
}
#sou_pop .con .text{position: absolute;left: 650px;right: 0;
	top: 0;height: 100%;overflow-y: auto;
}
#sou_pop .con .text .tit{padding: 20px 36px;padding-right: 45px;}
#sou_pop .con .text .tit h4{font-size: 30px;color: #333;}
#sou_pop .con .text .tit p{font-size: 14px;color: #666;margin-top: 6px;}

#sou_pop .con .text .tit .time{margin-top: 10px;font-size: 14px;color: #666;}
#sou_pop .con .text .tit .time img{width: 16px;vertical-align: -3px;
	margin-right: 8px;
}
#sou_pop .con .text .tit .time  span{margin-right: 15px;}
#sou_pop .con .text .txt{padding: 20px 36px;padding-right: 45px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
#sou_pop .con .text .txt pre{white-space: pre-wrap;
	font-size: 16px;color: #333;line-height: 1.8;
}

#sou_pop .con .share{height: 70px;line-height: 70px;padding: 0 36px;padding-right: 45px;
	 display: flex;align-items: center;
	  justify-content: space-between;font-size: 14px;color: #333;
}
#sou_pop .con .share img{width: 22px;vertical-align: middle;
	margin-right: 8px;cursor: pointer;
}

#sou_pop .con .share img.fen{width: 32px;margin: 0 5px;}


#copy-tip {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #000;
  text-align: center;
  z-index: 1000;
}

.hire_txt{text-align: center;background-color: #f4f4f1;
	padding: 90px 70px;
}
.hire_txt h4{font-size: 30px;color: #333;font-weight: bold;}
.hire_txt p{font-size: 16px;color: #333;line-height: 1.9;margin-top: 15px;}
.hire_txt img{margin-top: 40px;max-width: 100%;}
.index_about .about_list .list span{display: block;
	font-size: 14px;color: #666;line-height: 1.8;margin-top: 8px;
}

.hire_pic{background-image: url(../images/hi4.jpg);padding: 210px 0;
	background-size: cover;background-position: center;
}

.hire_pic h4{font-size: 34px;color: #fff;}
.hire_pic h5{font-size: 24px;color: #fff;margin-top: 35px;}
.hire_pic em{width: 62px;display: block;height: 6px;background-color: #c45d1f;
	margin-top: 15px;
}
.hire_pic p{font-size: 16px;color: #fff;margin-top: 20px;
	max-width: 780px;line-height: 1.9;
}



.about_join_job{padding: 70px 0;background-color: #f5f5f5;}
.about_join_job .tit{display: flex; align-items: center;
	justify-content: space-between;
}
.about_join_job .tit h4{font-size: 30px;
	font-weight: normal;font-family: sycz;
}
.about_join_job .tit h4 span{font-size: 20px;color: #999;
	margin-left: 16px;
}
.about_join_job .tit p{font-size: 16px;color: #666;}


.about_join_job .join_tit{height: 74px;line-height: 74px;overflow: hidden;
	background-color: #fff;margin-top: 40px;
	font-family: sycz;border-bottom: 1px solid #f0f0f0;
}
.about_join_job .join_tit .one{width: 40%;padding-left:74px;
	font-size: 20px;color: #333;float: left;font-family: sycz;
}
.about_join_job .join_tit .two{width: 30%;padding-left: 80px;
	font-size: 20px;color: #333;float: left;font-family: sycz;
}
.about_join_job .join_tit .three{width: 15%;padding-left: 80px;
	font-size: 20px;color: #333;float: left;font-family: sycz;
}

.about_join_job .join_tit .four{width: 15%;padding-left: 80px;
	font-size: 20px;color: #333;float: left;font-family: sycz;
}

.about_join_job .job_list_con{ background-color: #fff;}
.about_join_job .job_list_con .top{height: 74px;line-height: 74px;
	overflow: hidden;border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
}
.about_join_job .job_list_con .top:hover{
	background-color: #bb5a1e;	
}
.about_join_job .job_list_con .top.on{
	background-color: #bb5a1e;	
}
.about_join_job .job_list_con .one{width:40%;padding-left: 80px;
	font-size: 16px;color: #333;float: left;
}
.about_join_job .job_list_con .two{width:30%;padding-left: 80px;
	font-size: 16px;color: #333;float: left;
}
.about_join_job .job_list_con .three{width: 15%;padding-left: 80px;
	font-size: 16px;color: #333;float: left;
}
.about_join_job .job_list_con .four{width: 15%;padding-left: 90px;
	font-size: 36px;color: #333;float: left;cursor: pointer;
}
.about_join_job .job_list_con .top.on .one,
.about_join_job .job_list_con .top.on .two,
.about_join_job .job_list_con .top.on .three,
.about_join_job .job_list_con .top.on .four{color: #fff;}

.about_join_job .job_list_con .top:hover .one,
.about_join_job .job_list_con .top:hover .two,
.about_join_job .job_list_con .top:hover .three,
.about_join_job .job_list_con .top:hover .four{color: #fff;}

.about_join_job .job_list_con .top.on .four{padding-left: 97px;}



.about_join_job .job_list_con .bottom{padding: 80px;padding-top: 30px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 30px;display: none;
}
.about_join_job .job_list_con .bottom h4{font-size: 20px;
	color: #333;font-weight: normal;
}
.about_join_job .job_list_con .bottom p{font-size: 12px;color: #666;
	line-height: 2;
}
.about_join_job .job_list_con .bottom h5{font-size: 14px;color: #333;
	line-height: 2;font-weight: normal;margin-bottom: 10px;
    margin-top: 20px;
}
.about_join_flow{padding: 70px 0;}

.about_join_flow .money{border-radius: 12px;
	background-image: url(../images/hi5.jpg);
	overflow: hidden;padding: 50px;
}
.about_join_flow .money .home_title{text-align: left;}
.about_join_flow .money .home_title h3{color: #fff;font-size: 30px;}
.about_join_flow .money .home_title p{color: #fff;font-size: 16px;
	margin-top: 8px;
}

.about_join_flow .money .btn{margin-top: 32px;}
.about_join_flow .money .btn navigator{display: inline-block;
	margin-right: 30px;
}
.about_join_flow .money .btn span{border: 1px solid #fff;
	height: 38px;line-height: 36px;width: 120px;text-align: center;
	display: block;border-radius: 50px;font-size: 14px;color: #fff;
	position: relative;overflow: hidden;
}
.about_join_flow .money .btn span em{display: block;top: 0;
	width: 0;height: 100%;position: absolute;left: 0;
	background-color: #fff;z-index: 2;border-radius: 50px;
}
.about_join_flow .money .btn span b{position: relative;z-index: 4;
	display: inline-block;font-weight: normal;color: #fff;
	transition: all .3s;
}
.about_join_flow .money .btn span:hover em{width: 100%;transition: all .3s;}
.about_join_flow .money .btn span:hover b{color: #ec8240;}
.about_join_flow .money .btn a{display: inline-block;margin-right: 15px;}
.about_join_flow .money .btn .one{background-color: #fff;
	color: #fff;
}
.about_join_flow .money .btn .one b{color: #ec8240;}
.about_join_flow .money .btn .one em{
	background-color: rgba(255, 255, 255, 0.8);
}
.about_join_flow .money .btn .one:hover{
	background-color: rgba(255, 255, 255, 0.8);	
}

.login_wp{background-image: url(../images/login1.jpg);overflow: hidden;
	padding: 130px 0;background-size: cover;background-position: center;
}
.login_wp .pic{width:37%;float: left;text-align: right;}
.login_wp .txt{width: 55%;float: right;}
.login_wp .top h4{font-size: 32px;color: #333;}
.login_wp .top span{font-size:18px;color: #333;margin-top: 8px;display: block;}
.login_wp .top p{font-size: 14px;color: #333;margin-top: 12px;
	line-height: 1.9;
}
.login_wp .top img{vertical-align: middle;margin-top: 50px;display: block;}
.login_wp .top i{font-size: 12px;color: #666;text-align: center;width: 180px;
	display: block;font-style: normal;margin-top: 8px;
}
.login_wp .top em{display: block;font-size: 14px;color: #666;margin-top: 100px;}	
.login_wp .top b{font-size: 28px;color: #333;vertical-align: middle;}	
.login_wp .top:hover em{color: #bb5a1e;}
.login_wp .top:hover em b{color: #bb5a1e;}

.login_wp .icon{margin-top: 30px;}
.login_wp .icon .item{display: inline-block;vertical-align: 1px;
	height: 40px;line-height: 40px;margin-left: 12px;position: relative;
}
.login_wp .icon .item>img{width: 30px;vertical-align: middle;opacity: 0.6;
	cursor: pointer;
}
.login_wp .icon .item>img:hover{opacity: 1;}
.login_wp .icon .item .code{display: none;position: relative;}
.login_wp .icon .item:hover .code{display: block;position: absolute;
	bottom: 120%;left: 50%;transform: translateX(-50%);border-radius: 5px;
	background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0,0.2);
}
.login_wp .icon .item .code img{vertical-align: middle;width: 115px;}

.login_wp .icon .item .san{
  width: 0;position: absolute;
    height: 0;left: 50%;margin-left: -8px;
    border-style: solid;
    border-width: 0 8px 8px 8px;transform: rotate(180deg);
    border-color: transparent transparent #fff transparent;
}

.web_contact{padding-top: 40px;padding-bottom: 70px;overflow: hidden;
	padding-left: 360px;
}
.web_contact .left {padding-top: 75px;width: 360px;
	float: left;margin-left: -360px;
}
.web_contact .left h4{font-size: 24px;color: #333;margin-bottom: 25px;}
.web_contact .left .span{margin-top: 18px;cursor: pointer;}
.web_contact .left .span img{width: 24px;vertical-align: -7px;
	margin-right: 8px;
}
.web_contact .left .span em{font-size: 14px;color: #333;}
.web_contact .left .span:hover em{color: #ec8240;}
.web_contact .left .span em b{font-size: 22px;}
.web_contact .left select{width: 100%;height: 48px;outline: none;
	padding: 0 8px;border: 1px solid #cfcfcf;border-radius: 5px;
	margin-top: 30px;font-size: 14px;
}

.web_contact .right{float: left;padding-left: 100px;width: 100%;
	box-sizing: border-box;
} 
.web_contact .right h3{font-size: 30px;color: #333;font-weight: normal;}
.web_contact .right .tit{margin-top: 15px;height: 55px;line-height: 55px;
	border-bottom: 1px solid #cfcfcf;
}
.web_contact .right .tit span{margin-right: 70px;font-size: 16px;color: #333;
	cursor: pointer;
}
.web_contact .right .tit span:hover,
.web_contact .right .tit span.on{color: #ec8240;display: inline-block;
	border-bottom: 1px solid #ec8240;height: 55px;line-height: 55px;
}
.web_contact .right .con{padding-top: 35px;display: none;}
.web_contact .right .con img{width: 40px;vertical-align: middle;}
.web_contact .right .con h4{font-size: 24px;color: #333;margin-top: 15px;
	margin-bottom: 30px;
}
.web_contact .right .con p{line-height: 2.2;font-size: 14px;color: #333;}
.web_contact .right .con p:hover{color: #ec8240;cursor: pointer;}



#two_pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
	z-index: 999;display: none;
}
#two_pop .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background-color: rgba(0, 0, 0,0.5);
}

#two_pop .con{position: absolute;left: 50%;top: 50%;
	transform: translate(-50%, -50%);width: 1000px;border-radius: 20px;
	overflow: hidden;background-color: #fff;height: 80%;padding: 80px;
	padding-bottom: 110px;
}


#two_pop .con .top{height: 100%;overflow-y: auto;width: 100%;}
#two_pop .colse{position: absolute;top: 25px;right: 25px;z-index: 7;
	width: 38px;height: 38px;cursor: pointer;
}
#two_pop .colse img{vertical-align: middle;width: 100%;}

#two_pop .con .tit{border-bottom: 1px solid #cfcfcf;padding-bottom: 26px;}
#two_pop .con .tit h4{font-size: 26px;color: #333;}
#two_pop .con .tit span{font-size: 14px;color: #666;margin-right: 40px;
	margin-top: 12px;margin-top: 12px;display: inline-block;
}
#two_pop .con .html{padding: 20px 0;}
#two_pop .con .html p{font-size: 14px;color: #333;line-height: 1.8;
	margin: 5px 0;
}

#two_pop .con .html .pic{display: flex;margin: 30px 0;
  justify-content: space-between;}
#two_pop .con .html .pic img{width: 48%;}

#two_pop .con .back {position: absolute;
	border-top: 1px solid #cfcfcf;
    text-align: center;bottom: 0;background-color: #fff;
	left: 60px;right: 60px;text-align: center;height: 110px;
	padding-top: 30px;
}

#two_pop .con .back span{display: inline-block;width: 130px;
	height: 38px;text-align: center;font-size: 12px;
	border: 1px solid #adadad;line-height: 36px;position: relative;
	border-radius: 50px;overflow: hidden;
	color: #666;cursor: pointer;
}
#two_pop .con .back span b{font-weight: normal;position: relative;
	z-index: 3;
}
#two_pop .con .back span:hover{
	border:1px solid #ec8240;color: #ec8240;
}

.index_about_news{background-image: linear-gradient(to bottom, #f4f4f1, #fff);}
.index_about_news{padding: 40px 0;}
.index_about_news .about_list{margin-top: 0;}
.index_about_news .about_list .list{margin-top: 0;}
.index_about.index_about_news .about_list .list h4{font-size: 18px;
	font-weight: normal;
}
.index_about.index_about_news .about_list .list p{font-size: 14px;color: #999;}
.index_about.index_about_news .about_list .list .fang{margin-bottom: 30px;}

.home_news_page2{margin-top: 120px;}
.news_deta_con{padding-top: 40px;
	max-width: 1000px;margin-left: auto;margin-right: auto;
}
.news_deta_con .tit{border-bottom: 1px solid #ebebeb;
	width: 100%;
}


.news_deta_con .share{height: 70px;line-height: 70px;padding: 0 36px;padding-right: 45px;
	 display: flex;align-items: center;
	  justify-content: space-between;font-size: 14px;color: #333;
}
.news_deta_con .share img{width: 22px;vertical-align: middle;
	margin-right: 8px;cursor: pointer;
}

.news_deta_con .share img.fen{width: 32px;margin: 0 5px;}

.news_deta_con .deta_html .pic{text-align: center;}
.news_deta_con .back{border-top: 1px solid #ebebeb;
	width: 100%;padding: 40px 0;text-align: center;
}

.news_deta_con .back a{display: inline-block;width: 130px;
	height: 38px;text-align: center;font-size: 12px;
	border: 1px solid #bb5a1e;line-height: 36px;position: relative;
	border-radius: 50px;overflow: hidden;
	color: #bb5a1e;
}
.news_deta_con .back a:hover{background-color: #bb5a1e;color: #fff;}
.news_deta_con .tit h4{font-size: 22px;color: #333;}

.news_deta_con .mass {margin-top: 20px;padding-bottom: 26px;
}
.news_deta_con .mass .time{display: inline-block;vertical-align: middle;
	margin-right: 40px;font-size: 14px;color: #666;
}
.news_deta_con .mass .share{display: inline-block;vertical-align: middle;}
.news_deta_con .deta_html{margin-top: 25px;}

.news_deta_con .deta_html iframe{width: 100%;height: 500px;}
.news_deta_con .deta_html p{font-size: 14px;color: #333;
	line-height: 1.8;margin-bottom: 20px;
}
.news_deta_con .deta_html p img{max-width: 100%;}
.news_deta_con .deta_html .pic img{vertical-align: middle;
	max-width: 100%;text-align: center;margin-bottom: 20px;
}

.news_deta_con .more_tag{justify-content: space-between;
    align-items: center;display: flex;margin-top: 55px;
	border-bottom: 1px solid #ebebeb;padding-bottom: 25px;
}
.news_deta_con .more_tag .tag span{margin-right: 10px;	
	padding:0 18px;cursor: pointer;font-size: 14px;color: #666;
	background-color: #f0f0f0;border-radius: 50px;
	display: inline-block;height: 26px;line-height: 26px;
}

.news_deta_con .more_news{justify-content: space-between;
    align-items: center;display: flex;margin-top: 26px;
}
.news_deta_con .more_news .item{font-size: 14px;color: #333;
	cursor: pointer;width: 40%;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_deta_con .more_news .item:hover{color: #004f94;}
.news_deta_con .more_news .item_left{text-align: left;}
.news_deta_con .more_news .item_right{text-align: right;}
.news_deta_con .more_news .item_center{text-align: center;}

.news_info{background-color: #bb5a1e;margin-top: 62px;height: 46px;
	line-height: 45px;position: fixed;left: 0;width: 100%;top: 0;
}
.news_info .wp{display: flex;
	  justify-content: space-between;
}
.news_info .left{font-size: 14px;color: #fff;}
.news_info .right{font-size: 14px;color: #fff;}
.news_info .right a{font-size: 14px;color: #fff;}
.news_info .right a:hover{text-decoration: underline;}
.news_info .right em{margin: 0 8px;}

#web_right{position: fixed;right: 0px;top: 70%;z-index: 999;
	transition:2.5s;
}
#web_right:hover{right: 20px;transition:2.5s;}

#web_right img{width: 70px;vertical-align: middle;cursor: pointer;}
#web_right p{position: absolute;right: -2%;top: -100%;width: 140px;
	font-size: 14px;color: #000;
	background-image: url(../images/right.png);
	text-align: center;background-size: 100% 100%;
	display: none;line-height: 1.5;padding-top: 9px;
	padding-bottom: 20px;opacity: 0.8;
}
#web_right:hover p{display: block;}
.bg_mp3{position: absolute;padding: 50px;right: 0;bottom: 0;z-index: 2;
	cursor: pointer;opacity: 0.6;
}
.bg_mp3 img{width: 38px;vertical-align: middle;}
.bg_mp3:hover{opacity: 1;}
.bg_mp3 .img1{display: block;}
.bg_mp3 .img2{display: none;}
.bg_mp3.on .img1{display: none;}
.bg_mp3.on .img2{display: block;}

.con.yuding{cursor: pointer;}


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  background-color: #8f8f8f;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bb5a1e;
}