body{
	font-family: "微软雅黑";
	font-size: 14px;
}
*{
	list-style:none;margin:0;padding:0;
	text-decoration:none;
	outline: none;
    /*visibility:unset !important;*/
}
ul,li{
	margin: 0;
	padding:0;
}
a{
	color: #333;
	text-decoration:none;
}
ul,li{
	margin: 0;
	padding:0;
}
a:link{
	text-decoration: none; 
}
a:visited { 
	text-decoration: none; 
}
h1,h2,h3,h4,p{
	margin:0;
	padding:0;
}
em{
	font-style: normal;
}
.clear{
	clear: both;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.blank10{
	width: 100%;
	height: 10px;
}
.blank20{
	width: 100%;
	height: 20px;
}
.blank30{
	width: 100%;
	height: 30px;
}
.blank50{
	width: 100%;
	height: 50px;
}
.blank70{
	width: 100%;
	height: 70px;
}
.blank100{
	width: 100%;
	height: 100px;
}
.txt-center{
	text-align: center;
}
.txt-left{
	text-align: left;
}
.position-a{
	position: absolute;
}
.position-r{
	position: relative;
}
.content-full{
	width: 100%;
	margin:auto;
	position: relative;
	overflow: hidden;
}
.content{
	width: 1280px;
	margin:auto;
	position: relative;
}
.header{
	width: 100%;
	height: 100px;
	background: rgba(255,255,255,.7);
	padding: 0 30px;
	position: fixed;
	z-index: 999;
}
.logo{
	height: 63px;
	position: absolute;
	left: 30px;
	top: 19px;
}
.header_menu{
	float:right;
	position: relative;
}
.header_menu ul li{
	float:left;
	position: relative;
}
.header_menu ul li .menu_icon{
	width: 117px;
	height: 100px;
	position: relative;
}
.header_menu ul li .menu_icon.menu_icon1{
	background:url('../images/menu_icon1.png') no-repeat center;
}
.header_menu ul li .menu_icon.menu_icon2{
	background:url('../images/menu_icon2.png') no-repeat center;
}
.header_menu ul li .menu_icon.menu_icon3{
	background:url('../images/menu_icon3.png') no-repeat center;
}
.header_menu ul li .menu_icon.menu_icon4{
	background:url('../images/menu_icon4.png') no-repeat center;
}
.header_menu ul li .menu_icon.menu_icon5{
	background:url('../images/menu_icon5.png') no-repeat center;
}
.header_menu ul li:hover .menu_icon.menu_icon1{
	margin-top: -1px;
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon1-1.png') no-repeat center;
}
.header_menu ul li:hover .menu_icon.menu_icon2{
	margin-top: -1px;
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon2-2.png') no-repeat center;
}
.header_menu ul li:hover .menu_icon.menu_icon3{
	margin-top: -1px;
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon3-3.png') no-repeat center;
}
.header_menu ul li:hover .menu_icon.menu_icon4{
	margin-top: -1px;
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon4-4.png') no-repeat center;
}
.header_menu ul li:hover .menu_icon.menu_icon5{
	margin-top: -1px;
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon5-5.png') no-repeat center;
}
.header_menu ul li.active .menu_icon.menu_icon1{
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon1-1.png') no-repeat center;
	height: 100px;
}
.header_menu ul li.active .menu_icon.menu_icon2{
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon2-2.png') no-repeat center;
	height: 100px;
}
.header_menu ul li.active .menu_icon.menu_icon3{
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon3-3.png') no-repeat center;
	height: 100px;
}
.header_menu ul li.active .menu_icon.menu_icon4{
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon4-4.png') no-repeat center;
	height: 100px;
}
.header_menu ul li.active .menu_icon.menu_icon5{
	margin-bottom: 1px;
	background:#fff url('../images/menu_icon5-5.png') no-repeat center;
	height: 100px;
}

.header_menu ul li.active .menu_title{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.header_menu ul li.active .menu_icon{
	margin-top: -1px;
	margin-bottom: 1px;
}
.header_menu .menu_title{
	width: 117px;
	height: 36px;
	background: #e9460b;
	color: #fff;
	text-align: center;
	line-height: 36px;
	display: inline-block;
	opacity: 0;
	filter: alpha(opacity=0);
}
.header_menu ul li:hover .menu_title{
	opacity: 1;
	filter: alpha(opacity=100);
}
.header_cont{
	float:right;
	margin-top: 28px;
	margin-left: 50px;
}
.header_cont ul li{
	float:left;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #c1a37f;
	margin:0 10px;
	position: relative;
}
.header_cont ul li a{
	width: 44px;
	height: 44px;
	display: block;
}
.header_cont ul li a .header_cont_icon{
	position: absolute;
	margin:auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.header_cont ul li .header-code{
	position: absolute;
	top: 72px;
	right: -54px;
	display: none;
}
.header_cont ul li:hover .header-code{
	display: block;
}
.p1 .swiper-button-prev, .p1 .swiper-container-rtl .swiper-button-next{
	left: 30px;
	margin-top: 0;
	background: url('../images/banner_icon1.png') no-repeat center;
}
.p1 .swiper-button-next, .p1 .swiper-container-rtl .swiper-button-prev{
	right: 30px;
	margin-top: 0;
	background: url('../images/banner_icon2.png') no-repeat center;
}
.p1 .swiper-slide a img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.mous_box{
	position: fixed;
	z-index: 99;
	bottom: 3%;
	margin:auto;
	left: 0;
	right: 0;
	width: 50px;
    height: 58px;
}
.mous_btn{
	width: 25px;
	height: 36px;
	margin:auto;
	background: url('../images/p3_icon2.png') no-repeat center;
	display: block;
}
.mous_box p{
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: lighter;
	margin-top: 6px;
}
.p2 .img_left{
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
}
.p2 .content_right{
	width: 60%;
	height: 100%;
	background: #f18101 url('../images/p2_bg.png') no-repeat left top 10px;
	position: absolute;
	right: 0;
}
.p2 .content_right{
	color: #fff;
}
.p2 .content_right .main{
	width: 610px;
	height: 590px;
	position: absolute;
	margin:auto;
	top: 100px;
	bottom: 0;
	left: 10%;
}
.p2 .content_right h3{
	font-weight: bold;
	font-size: 56px;
	margin-left: 10%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.p2_title_link{
	width: 54px;
	height: 4px;
	background: #fff;
	margin-top: 30px;
    margin-bottom: 30px;
	margin-left: 10%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.p2 .content_right h5{
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 60px;
	margin-left: 10%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.p2 .content_right p{
	width: 610px;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 25px;
	margin-left: 10%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.more_btn{
	width: 200px;
	height: 50px;
	line-height: 50px;
	color:#fff;
	display: block;
	border-radius: 50px;
	border:1px solid #fff;
	text-align: center;
	position: relative;
	text-indent: -20px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
}
.more_btn:hover{
	color: #f18101;
	background: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
}
.more_btn_box{
	margin-left: 10%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.more_btn .more-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 28%;
}
.more_btn1{
	display: block;
}
.more_btn2{
	display: none;
}
.more_btn:hover .more_btn1{
	display: none;
}
.more_btn:hover .more_btn2{
	display: block;
}
.p4{
	display: flex; 
	flex-flow: row wrap;
}
.pro_list{
	width: 33.33%;
	height: 100%;
	position: relative;
}
.pro_list_bg0{
	background: #f39b03 url('../images/p3_light.png') no-repeat center;
}
.pro_list_bg1{
	background: #ea5509 url('../images/p3_light.png') no-repeat center;
}
.pro_list_bg2{
	background: #dbb862 url('../images/p3_light.png') no-repeat center;
}
.p4 .pro_list .pro_list_img{
	width: 70%;
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	bottom: 0;
	margin:auto;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 1s 1.2s;
}
.p4 .pro_list_bg3 .pro_list_img{
	width: 90%;
}
.p4 .pro_list .pro_list_title{
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	display: block;
}
.p4 .pro_list .pro_list_title span{
	font-size: 20px;
	font-weight: normal;
}
.p4 .pro_list .pro_mask{
	width: 80%;
	height: 580px;
	background: rgba(255,255,255,.95);
	-moz-box-shadow:0px 0px 80px #f9c94e;
	-webkit-box-shadow:0px 0px 80px #f9c94e;
	-ms-box-shadow:0px 0px 80px #f9c94e;
	box-shadow:0px 0px 80px #f9c94e;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
	z-index: 999;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 14%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
}
.p4 .pro_list:hover .pro_mask{
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
}

.p4 .pro_list:hover .pro_list_title{
	display: none;
}
.p4 .pro_mask h3{
	top: 0;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	margin-top: 0;
	position: relative;
	overflow: hidden;
}
.p4 .pro_mask h3 span{
	font-size: 20px;
	font-weight: normal;
	color: #999;
}
.pro_mask p{
	padding-top: 20%;
	border-top: 1px solid #ccc;
	line-height: 25px;
	text-align: center;
	margin-top: 20%;
}
.pro_btn{
	width: 200px;
	height: 50px;
	line-height: 50px;
	color:#333;
	display: block;
	border-radius: 50px;
	border:1px solid #f39b00;
	text-align: center;
	margin: auto;
	margin-top: 26%;
}
.pro_btn:hover{
	color: #333;
	border:1px solid #f39b00;
	background: #fff;
}
.pro_btn img{
	margin-left: 18px;
	margin-top: -1px;
}
.p5{
	position: relative;
	background:#f8b300 url('../images/p4_bg.png') no-repeat center;
}
.p5 .main{
	width: 1280px;
	height: 80%;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	margin:auto;
}
.p5 .main .swiper-container2{
	overflow: hidden;
	margin-top: 4%;
}
.main .col_title{
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
}
.main .col_title span{
	font-size: 20px;
	font-weight: normal;
}
.p5_news_list .swiper-slide{
	width: 30%;
	height: 445px;
	background: #fff;
	overflow: hidden;
	border-radius: 40px 0 40px 0;
}
.p5_news_list .news_img{
	width: 460px;
	height: 260px;
	object-fit:cover;
}
.p5_news_list .swiper-slide a .new_icon{
	width: 100%;
	height: 50px;
	background: #ea5407 url('../images/p3_icon4.png') no-repeat center;
	position: absolute;
    top: 210px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.p5_news_list .swiper-slide a .news_li_title{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
    padding: 0 30px;
    overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
    margin:20px 0;
}
.p5_news_list .swiper-slide p{
	height: 75px;
	font-size: 14px;
	line-height: 25px;
	color: #666;
	text-align: center;
    padding: 0 30px;
    overflow: hidden;
}
.swiper-slide a:hover .news_li_title{
	color: #ea5407;
}
.swiper-slide a:hover .new_icon{
    opacity: 1;
    filter: alpha(opacity=100);
}
.p5 .swiper-button-prev, .p5 .swiper-container-rtl .swiper-button-prev{
	margin-top: 0;
	top: 38%;
	width: 44px;
	height: 89px;
	background: #eb8a04;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	left: -22px;
	z-index: 999;
}
.p5 .swiper-button-next, .p5 .swiper-container-rtl .swiper-button-next{
	margin-top: 0;
	top: 38%;
	width: 44px;
	height: 89px;
	background: #eb8a04;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	right: -22px;
	z-index: 999;
}
.p5 .swiper-button-prev .prev2{
	width: 14px;
	height: 27px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
}
.p5 .swiper-button-next .next2{
	width: 14px;
	height: 27px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
}
.p5 .swiper-container2 .swiper-button-disabled{
	background: #c6a46c;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.p5 .more_btn{
	margin:auto;
	display: table;
	margin-top: 3%;
}
.p6{
	position: relative;
	background:url('../images/p5_bg.jpg') no-repeat center;
}
.p6 .main{
	width: 1280px;
	height: 80%;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	margin:auto;
}
.p6 .main .about_box{
	height: 460px;
	margin-top: 5%;
	background: #fff;
	padding:20px;
}
.p6 .about_box .about_box_img{
	float:left;
	width: 575px;
	height: 420px;
	object-fit:cover;
	margin-right: 60px;
}
.p6 .about_box p{
	float:left;
	width: 600px;
	height: 150px;
	overflow: hidden;
	line-height: 30px;
	margin-top: 8%;
	font-size: 16px;
	margin-bottom: 6%;
}
.p6 .more_btn{
	float:left;
	border: 1px solid #ea5407;
	color: #ea5407;
}
.p6 .more_btn .more_btn1{
	display: none;
}
.p6 .more_btn .more_btn2{
	display: block;
}
.p6 .more_btn:hover{
	background: #ea5407;
	color: #fff;
}
.p6 .more_btn:hover .more_btn1{
	display: block;
}
.p6 .more_btn:hover .more_btn2{
	display: none;
}
.footer{
	width: 100%;
	height: 65px;
	background: #494947;
	padding:0 30px;
	position: absolute;
	bottom: 0;
	z-index: 999;
}
.footer .footer_logo{
	float:left;
	height: 50px;
	margin-top: 8px;
}
.footer .footer_txt{
	float:left;
	margin-left: 20px;
	    margin-top: 13px;
}
.footer_txt p{
	color: #fff;
	line-height: 20px;
}
.footer_txt p a{
	color: #fff;
}
.footer_txt p:nth-of-type(2){
	color: #999;
}
.footer .footer_img1{
	float:right;
	margin-top: 8px;
	height: 50px;
}
.bg_goods .footer{
	margin-top: 120px;
	position: relative;
}
.hn1978 .footer{
	margin-top: 0;
}
.bg_goods{
	min-height: 100vh;
	background: linear-gradient(to bottom right, #f18101, #f7aa01);
	overflow-x: hidden;
}
.col_title2{
	display: table;
	margin: auto;
	padding-top: 130px;
}
.tabs_box{
	display: table;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 38px;
}
.tabs_box ul li{
	display: table;
	display: inline-block;
    margin: auto;
}
.tabs_box ul li a{
	display: block;
	height: 44px;
	padding:0 40px;
	line-height: 44px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 20px 0 20px 0;
	margin:0 20px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
}
.tabs_box ul li a:hover{
	background: #fff;
	color: #f18101;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
}
.tabs_box ul li a.active{
	background: #fff;
	color: #f18101;
}
.goods_list{
	overflow: hidden;
}
.goods_list ul li{
	width: 30.4%;
	height: 560px;
	overflow: hidden;
	border-radius: 40px 0 40px 0;
	position: relative;
	float:left;
    margin: 20px 13px;
}
.goods_list .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #eb561a;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	top: 0;
	padding:50px;
	padding-top:190px;
}
.goods_list .mask h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px;
}
.goods_list .mask h4 span{
	font-size: 16px;
	font-weight: normal;
}
.goods_list .mask p{
	height: 75px;
	overflow: hidden;
	line-height: 25px;
	text-align: center;
}
.goods_list ul li:hover .mask{
	opacity: .9;
	filter: alpha(opacity=90);
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
}
.cont_news ul li{
	margin: 20px 21px;
}
/*翻页*/
.page{
	text-align: center;
	display: table;
	margin:auto;
	margin-top: 30px;
}
.page ul li{
	height: 34px;
	text-align: center;
	line-height: 34px;
	float: left;
	margin:0 10px;
}
.page ul li a{
	color: #333;
	background: #efeff4;
	display: block;
	padding: 0 15px;
}
.page ul li a:hover{
	color: #fff;
	background: #eb561a;
}
.page ul li a.active{
	color: #fff;
	background: #eb561a;
}
.news_info{
	padding:60px 80px;
	background: #fff;
}
.news_info_title{
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.news_info_data{
	font-size: 14px;
	line-height: 30px;
	color: #999;
	text-align: center;
}
.news_info_txt{
	margin:40px auto;
	padding:40px 60px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 30px !important;
	font-size: 14px !important;
	color: #666 !important;
}
.news_info_txt img{
	max-width: 100%;
	margin:15px auto;
	text-align: center;
	display: table;
}
.news_btn_box a{
	float:left;
	text-indent: 20px;
}
.news_btn_box a:nth-of-type(2){
	float:right;
	text-indent: -20px;
}
.news_info_btn{
	width: 110px;
	height: 38px;
	line-height: 38px;
	color:#666;
	display: block;
	border:1px solid #666;
	text-align: center;
	position: relative;
}
.news_info_btn:hover{
	color: #f18101;
	border:1px solid #f18101;
}
.news_info_btn .news_info_icon{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 12%;
}
.news_info_btn:nth-of-type(2) .news_info_icon{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -49%;
}
.news_info_btn1{
	display: block;
}
.news_info_btn2{
	display: none;
}
.news_info_btn:hover .news_info_btn1{
	display: none;
}
.news_info_btn:hover .news_info_btn2{
	display: block;
}
.about_col{
	position: relative;
}
.about_img1{
	margin:50px auto;
	width: 100%;
}
.about_main{
	color: #fff;
}
.about_main h4{
	font-size: 30px;
	margin-bottom: 60px;
}
.about_main p{
	font-size: 16px;
    margin-bottom: 25px;
    line-height: 35px;
    text-indent: 2em;
}
.about_img2{
	margin-top:40px;
}
.col_title3{
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 70px;
}
.about_col2_txt{
	position: absolute;
	width: 500px;
	right: 36px;
	top: 270px;
}
.about2_img_box{
    position: absolute;
    top: 503px;
    right: 0px;
}
.about2_img_box .about_img3{
 margin:0 8px;
}
.contact_maps{
	margin-top: 50px;
	position: relative;
}
.about_cont{
	width: 447px;
	height: 255px;
	background: #f54336;
	border-radius: 40px 0 40px 0;
	-moz-box-shadow:0px 0px 80px #700502;
	-webkit-box-shadow:0px 0px 80px #700502;
	-ms-box-shadow:0px 0px 80px #700502;
	box-shadow:0px 0px 80px #700502;
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 0;
	right: 0;
	top: -150px;
	bottom: 0;
	margin: auto;
	padding: 40px 50px;
}
.contact_maps h5{
	font-size: 24px;
}
.contact_maps p{
	text-indent: 0;
}
.contact_maps p img{
	margin-right: 20px;
}
.hn1978_col{
	position: relative;
}
.hn1978_bg{
	width: 100%;
	height: 925px;
	background: url('../images/hn1978_img3.jpg') no-repeat center;
	position: relative;
}
.hn1978_bg .hn1978_bg_img1{
	width: 816px;
	text-align: center;
	position: absolute;
	margin:auto;
	top: 165px;
	left: 0;
	right: 0;
	z-index: 100;
}
.hn1978_bg .hn1978_bg_img2{
	width: 1056px;
	text-align: center;
	position: absolute;
	margin:auto;
	bottom: -300px;
	left: 0;
	right: 0;
	z-index: 99;
}
.hn1978_main{
	min-height: 3000px;
}
.hn1978_img5{
	position: absolute;
	right: -233px;
	top: 200px;
}
.hn1978_mission{
	margin-left: 150px;
	position: absolute;
	z-index: 99;
}
.mission_box{
	width: 888px;
	/*height: 526px;*/
	position: absolute;
	top: 400px;
	left: 0;
	right: 500px;
	margin:auto;
	padding: 110px 200px;
	background: #f18401;
	color: #fff;
	text-align: center;
}
.mission_box h5{
	font-size: 26px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.mission_box p{
	font-size: 16px;
	line-height: 30px;
}
.vision_box{
	width: 700px;
	height: 506px;
	background: #ffe231;
	position: absolute;
	left: 3%;
}
.hn1978_img6{
	width: 692px;
	margin-top: 60px;
	margin-left: 60px;
}
.hn1978_img7{
	width: 311px;
	position: absolute;
	bottom: -90px;
	right: -148px;
}
.hn1978_col2{
	height: 1300px;
	position: relative;
}
.hn1978_col3{
	height: 1032px;
	position: relative;
	background: url('../images/hn1978_img21.png') no-repeat center;
	background-size: 1200px auto;
}
.vision_box2{
	width: 500px;
	height: 350px;
	position: absolute;
	left: 55%;
	top: 150px;
	color: #fff;
	text-align: center;
}
.vision_box2 h5{
	font-size: 26px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.vision_box2 p{
	font-size: 16px;
	line-height: 30px;
}
.hn1978_vision2{
	float:right;
	margin-right: -100px;
}
.vision_box3{
	width: 940px;
	height: 332px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 700px;
}
.vision_box3 img{
	position: absolute;
	bottom: 0;
	right: 0;
}
.hn1978_col4{
	height: 763px;
	position: relative;
}
.core_box{
	width: 983px;
	height: 630px;
	background: #e9e6e8;
	position: absolute;
	right: 50%;
}
.hn1978_img10{
	width: 983px;
	height: 630px;
	float: right;
}
.hn1978_img11{
	width: 356px;
	position: absolute;
	left: 20%;
	bottom: -80px;
}
.core_box2{
	width: 500px;
	height: 350px;
	position: absolute;
	left: 55%;
	top: 150px;
	color: #fff;
	text-align: center;
}
.core_box2 h5{
	font-size: 26px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.core_box2 p{
	font-size: 16px;
	line-height: 30px;
}
.hn1978_core{
	float:right;
	margin-right: -50px;
}
.hn1978_col5{
	height: 985px;
	position: relative;
	background: url('../images/hn1978_Vision.png') no-repeat top 180px left 0;
}
.hn1978_img14{
	margin-top: 392px;
}
.hn1978_img12{
	position: absolute;
	right: 10%;
}
.hn1978_img15{
	position: absolute;
	bottom: 0;
	left: 3%;
}
.hn1978_col6{
	height: 860px;
	position: relative;
	margin-top: 100px;
}
.hn1978_img16{
	position: absolute;
	right: 0;
}
.hn1978_img18{
	position: absolute;
	top: 8%;
	z-index: 99;
}
.aim_box2{
	width: 884px;
	height: 486px;
	background: #fff;
	position: absolute;
	left: 3%;
	top: 180px;
	color: #333;
	text-align: center;
	padding: 110px 200px;
	z-index: 9;
}
.aim_box2 h5{
	font-size: 26px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.aim_box2 p{
	font-size: 16px;
	line-height: 30px;
}
.hn1978_col7{
	height: 720px;
	position: relative;
	background:#fff;
	margin-top: 400px;
}
.slogan_box{
	width: 290px;
	height: 270px;
	background: #fce68d;
	position: absolute;
	bottom: 135px;
	left: 3%;
}
.slogan_box2{
	width: 884px;
	height: 486px;
	background: url('../images/hn1978_Vision1.png') no-repeat center top 0;
	position: absolute;
	right: 3%;
	top: 180px;
	color: #333;
	text-align: center;
	padding: 110px 200px;
	z-index: 9;
}
.slogan_box2 h5{
	font-size: 26px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.slogan_box2 p{
	font-size: 16px;
	line-height: 30px;
}
.hn1978_img19{
	position: absolute;
	left: 80px;
	bottom: 40px;
}
.hn1978{
	padding-bottom: 0;
}
.goods_info{
	width: 1280px;
	height: 746px;
	margin-top: 70px;
}

.goods_info .goods_img_bg{
	width: 100%;
	height: 746px;
	background: url('../images/goods_bg_img.jpg') no-repeat center;
	position: absolute;
}
.goods_info .goods_img_bg .goods_info_img{
	width: 288px;
	height: 570px;
	margin-top: 100px;
	margin-left: 100px;
}
.goods_img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.ban{ width:1280px; height:746px; position:relative; margin:40px auto 0 auto;}
.ban2{ width:1064px; height:746px; position:relative; overflow:hidden;object-fit:cover; float: left;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{width:1064px; height:746px;position: relative;border-radius: 50px 0 50px 0;overflow: hidden;}
.prev{ float:left; cursor:pointer;}
.num{ height:746px;overflow:hidden; width:202px; position:absolute;right: 0;border-radius: 50px 0 0 0;overflow: hidden;}
.min_pic{width:202px;height: 746px;position: relative; float: right;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:202px; height:280px; margin-top: 0; margin-bottom: 30px; border-radius: 50px 0 50px 0;overflow:hidden;}
.num ul li img{
	width: 100%;
	object-fit:cover;
}
.num ul li.on{ border:3px solid #fff; padding:0;}
.prev_btn1{position: absolute;top: 0;left:0;width: 202px;height: 58px;z-index: 9; background: url('../images/goods_info_icon1.png') no-repeat center;}
.next_btn1{position: absolute;bottom: 0;left:0;width: 202px;height: 58px;z-index: 9; background: url('../images/goods_info_icon2.png') no-repeat center;}
.prev1{ position:absolute; top:45%; left:0px; width:40px; height:88px;z-index:9;cursor:pointer;background: #c8b093;}
.next1{ position:absolute; top:45%; right:0px; width:40px; height:88px;z-index:9;cursor:pointer;background: #c8b093;}
.prev1 img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.next1 img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}
.ban_box{
	width: 500px;
	height: 400px;
	z-index: 99;
	position: absolute;
	top: -10%;
	bottom: 0;
	left: 33%;
	right: 0;
	margin:auto;
}
.ban_title{
	width: 454px;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 1px solid #fdae00;
	color: #fdae00;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.ban_box p{
	font-size: 16px;
	line-height: 40px;
}
.pay_btn{
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fda300;
	display: block;
	border-radius: 4px;
	position: absolute;
	bottom: 22%;
	left: 43%;
	color: #fff;
}
.pay_btn img{
	margin-right: 10px;
}
.pay_btn:hover{
	color: #fff;
	-moz-box-shadow:0px 0px 20px #333;
	-webkit-box-shadow:0px 0px 20px #333;
	-ms-box-shadow:0px 0px 20px #333;
	box-shadow:0px 0px 20px #333;
}

/*过度效果*/
.p2.active h3{
	transition: all 1s;
	margin-left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.p2.active .p2_title_link{
	transition: all 1s .4s;
	margin-left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.p2.active h5{
	transition: all 1s .8s;
	margin-left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.p2.active p:nth-of-type(1){
	transition: all 1s 1.2s;
	margin-left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.p2.active p:nth-of-type(2){
	transition: all 1s 1.6s;
	margin-left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.p2.active .more_btn_box{
	transition: all 1s 2s;
	margin-left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.p4.active .pro_list_img{
	transition: all 1s .3s;
	top:10%;
	opacity: 1;
	filter: alpha(opacity=100);
}

/*响应*/
@media screen and (max-height:900px) {
	.p2 .content_right .main{
		height: 472px;
	}
	.p2 .content_right h3{
		font-size: 40px;
	}
	.p2_title_link{
		margin-bottom: 11px;
	}
	.p2 .content_right h5{
		font-size: 20px;
		margin-bottom: 18px;
	}
	.p2 .content_right p{
		margin-bottom: 16px;
	    font-size: 14px;
	}
	.p4 .pro_list .pro_list_title{
		top: 20%;
		font-size: 24px;
	}
	.p4 .pro_list .pro_list_title span{
		font-size: 14px;
	}
	.p4 .pro_list .pro_mask{
		padding: 10%;
	    height: 467px;
	}
	.main .col_title{
		line-height: 25px;
	    font-size: 24px;
	}
	.main .col_title span{
		font-size: 14px;
	}
	.p5 .main .news_img{
		height: 170px;
	}
	.p5 .main .swiper-slide{
		height: 350px;
	}
	.p5 .swiper-button-next, .p5 .swiper-container-rtl .swiper-button-next{
		top: 34%;
	}
	.p5 .swiper-button-prev, .p5 .swiper-container-rtl .swiper-button-prev{
		top: 34%;
	}
	.p6 .main .about_box{
		height: 400px;
	    margin-top: 1%;
	}
	.p6 .about_box .about_box_img{
		height: 360px;
	}
	.p6 .about_box p {
	    height: 150px;
	    margin-top: 6%;
	    margin-bottom: 2%;
	}
	.p5 .main{
		width: 1100px;
	}
	.p5 .main .swiper-container2{
		margin-top: 5%;
	}
	.p5 .main .swiper-slide a .new_icon{
		top: 120px;
	}
	.p6 .main{
		width: 1100px;
	}
	.p6 .about_box p{
		width: 40%;
	}
}

@media screen and (max-height:750px) {

	.p5 .main .swiper-container2{
		margin-top: 1%;
	}
	.p5 .more_btn{
		margin-top: 2%;
	}
}
@media screen and  (max-width:1379px) {
	.hn1978_bg{
		height: 723px;
	}
	.hn1978_bg .hn1978_bg_img2{
		width: 855px;
		bottom: -350px;
	}
	.mission_box{
		width: 626px;
	    padding: 78px 78px;
	}
	.hn1978_img5{
		height: 679px;
		right: -106px;
		top: 263px;
	}
	.hn1978_col2{
		height: 1075px;
	}
	.vision_box{
		width: 618px;
		height: 426px;
	}
	.hn1978_img6{
		width: 600px;
	    margin-top: 40px;
	    margin-left: 40px;
	}
	.hn1978_img7{
		width: 237px;
		bottom: -90px;
		right: -117px;
	}
	.vision_box2{
		width: 418px;
	    left: 62%;
	    top: 96px;
	}
	.hn1978_img11{
		width: 273px;
		left: 47%;
	}
	.aim_box2{
		width: 620px;
		height: 433px;
		left: 3%;
		top: 69px;
		padding: 81px 70px;
	}
	.hn1978_img16{
		height: 564px;
	}
	.hn1978_col6{
		height: 330px;
	}
	.hn1978_col7{
		height: 508px;
	}
	.hn1978_img19 {
	    left: 40px;
	    bottom: 40px;
	    height: 418px;
	}
	.slogan_box2{
		width: 655px;
		height: 486px;
		right: 2%;
		top: 60px;
		padding: 110px 150px;
	}
	.hn1978_col7{
		height: 508px;
	}
}
@media screen and  (max-width:1380px) {
	.entrance{
		width: 359px;
		height: 460px;
	}
	.entrance_box{
		height: 460px;
	}
	.system_label_m{
		width: 380px;
	}
	.input-col5{
		width: 400px;
	}
	.input-col5:nth-of-type(2n){
		margin-right: 0;
	}
	.input-col5:nth-of-type(3){
		margin-right: 38px;
	}
	.input-col5{
		margin-right: 38px;
	}
	.input-col5 .set_css2{
		width: 96px;
	}
	.input-col5 .dropdown-menu {
	    width: 402px;
	    left: 29px !important;
	    position: absolute !important;
	    transform: translate3d(438px, 113px, 0px) !important;
	}
	.goods_list ul li{
		height: 380px;
	}
	.hn1978_img15{
		width: 47%;	
	}
	.hn1978_img12{
		right: 0;
	}
	.hn1978_img18{
		top: 17%;
	}
}