@font-face {
	font-family: 'futural';
	src: url('../font/futural.eot'); /* IE9 Compat Modes */
	src: url('../font/futural.woff') format('woff'), /* Modern Browsers */
         url('../font/futural.TTF')  format('truetype'), /* Safari, Android, iOS */
         url('../font/futural.svg #futural') format('svg'); /* Legacy iOS */
}
.header{
	border-top: 10px solid #dcdcdc;
	text-align: center;
	-moz-box-shadow:0px 4px 5px #333; 
	-webkit-box-shadow:0px 4px 5px #333; 
	box-shadow:0px 4px 5px #333;
	position: relative;
	z-index: 99;
}
.logo{
	position: absolute;
	left:10%;
	top:15px;
}
.nav{
	display: inline-block;
	vertical-align: top;
}
.nav li{
	padding:0 30px;
	float: left;
	line-height: 80px;
}
.nav li a{
	position:relative;
	display: block;
	font-family: 'futural';
	font-size: 17px;
	color: #222;
}
.nav li a::before{
	content:"";
	width:100%;
	height:1px;
	position:absolute;
	left:0;
	top:0;
}
.nav li.sub_nav a::before{
	background:#ebc064
}
.language a{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #fff;
	width: 77px;
	line-height: 80px;
}
.language{
	position: absolute;
	right:0;
	top:0;
	font-size: 0;
}
.language a.cn{
	background: #333;
}
.language a.en{
	background: #ebc064;
}
.banner{
	position: relative;
}
.banner_hover{
	z-index: 99;
	position: absolute;
	bottom:0;
	left:0;
}
.banner .swiper-button-prev{
	width:45px;
	height:45px;
	background:url("../images/arrban2.png") left top no-repeat;
	background-size:cover
}
.banner .swiper-button-next{
	width:45px;
	height:45px;
	background:url("../images/arrban.png") left top no-repeat;
	background-size:cover
}
.point{
	position: absolute;
	bottom:0;
	left:50%;
	width: 26px;
	height: 26px;
	z-index: 99;
	background: #ebc064;
	margin-left: -13px;
	margin-bottom: -13px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.inabout{
	padding:90px 0 70px;
}
.inabout_tit{
	padding-bottom: 33px;
	text-align: center;
}
.inabout_tit h3{
	font-size: 30px;
	color: #333;
	font-family: 'futural';
	font-weight: bold;
	text-transform:uppercase;
}
.inabout_midd{
	width: 1100px;
	margin:0 auto;
	text-align: center;
}
.inabout_midd p{
	/*font-family: 'arial';*/
	font-size: 15px;
	line-height: 30px;
	color: #666;
}

.inabout{
	background:url("../images/inaboutbg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.inabout_icon{
	text-align: center;
	padding-top: 50px;
}
.inabout_icon ul li{
	padding:0 30px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.inabout_icon ul li a{
	display: block;
}
.inabout_icon ul li i{
	width: 80px;
	background: #dcdcdc;
	line-height: 80px;
	text-align: center;
	color: #888;
	font-size: 32px;
	display: block;
	-webkit-border-radius: 2.7rem;
	-moz-border-radius: 2.7rem;
	-ms-border-radius: 2.7rem;
	-o-border-radius: 2.7rem;
	border-radius: 2.7rem;
	-moz-box-shadow:5px 8px 2px #F4F3F3; 
	-webkit-box-shadow:5px 8px 2px #F4F3F3; 
	box-shadow:5px 8px 2px #F4F3F3;
}
.inabout_icon ul li p{
	font-size: 13px;
	color: #666;
	padding-top: 13px;
}
.inabout_icon ul li:hover i{
	background: #ebc064;
	color: #fff;
}
.inproduct{
	padding:100px 0 165px;
	background:url("../images/inproductbg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.inproduct_tit{
	text-align: center;
}
.inproduct_tit h3{
	font-size: 30px;
	text-transform:uppercase;
	padding-bottom: 42px;
	color: #fff;
	font-family: 'futural';
	font-weight: bold;
}
.inproduct_tit a{
	margin:0 8px;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #fff;
	padding:0 65px;
	line-height: 50px;
	border:1px solid #fff;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
	border-radius: 2rem;
	font-family: 'futural';
}
.inproduct_tit a.subpt{
	color: #ebc064;
	border:1px solid #ebc064;
}
.inproduct_list{
	padding-top: 45px;
}
.inproduct_list li{
	padding:1%;
	width: 33.33%;
	float: left;
	text-align: center;
}
.inproduct_list li a{
	position: relative;
	display: block;
}
.inpro_hov{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	padding:10px;
	z-index: 10;
}
.inpro_hov_in{
	border:1px solid #fff;
	height: 100%;
}
.inpro_name{
	position: absolute;
	left:0;
	bottom:0;
	z-index: 9;
	height: 60px;
	background:rgba(102,102,102,.6);
	width: 100%;
	-webkit-transition: ease-in-out .4s;
	-o-transition: ease-in-out .4s;
	transition: ease-in-out .4s;
}
.inpro_name p{
	font-family: 'futural';
	font-size: 16px;
	color: #fff;
	line-height: 60px;
	text-transform:uppercase;
}
.inproduct_list li:hover .inpro_hov_in{
	border:1px solid #ebc064;
}
.inproduct_list li:hover .inpro_name{
	background:rgba(0,0,0,.6);
	height: 100%;
}
.inpro_name i{
	display: none;
	font-size: 24px;
	color: #fff;
}
.inproduct_list li:hover .inpro_name i{
	display: block;
}
.inpro_name::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.inpro_name_in{
	display: inline-block;
	vertical-align: middle;
}
.mouse_hover{
	position: absolute;
	bottom:70px;
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.mouse_hover p{
	color: #fff;
	font-size: 12px;
	color: #fff;
	font-family: 'futural';
	text-transform:uppercase;
}
.mouse_hover i{
	color: #fff;
	font-size: 26px;
	display: block;
	padding-top: 5px;
}
.innews{
	padding:85px 0 150px;
	background:url("../images/innewsbg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: -70px;
}
.innews_list li{
	width: 33.33%;
	float: left;
	padding:1%;
}
.innews_list li a{
	display: block;
	border:1px solid #fff;
	background: #fff;
	padding:20px;
	-moz-box-shadow:3px 10px 6px #DEDDDD; 
	-webkit-box-shadow:3px 10px 6px #DEDDDD; 
	box-shadow:3px 10px 6px #DEDDDD;
}
.innews_list figcaption{
	padding-top: 20px;
}
.innews_list figcaption h3{
	font-size: 17px;
	color: #777;
	font-family: 'futural';
	font-weight: bold;
	height: 54px;
	line-height: 27px;
	overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.innews_list figcaption p{
	margin-top: 12px;
	font-family: 'futural';
	font-size: 14px;
	color: #999;
	overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.innews_list li a:hover{
	border:1px solid #ebc064;
}
.newspic{
	position: relative;
}
.newstime{
	position: absolute;
	left:0;
	top:0;
	width: 63px;
	height: 63px;
	padding-top: 6px;
	text-align: center;
	background: #777;
}
.newstime h3{
	font-size: 30px;
	color: #fff;
}
.newstime p{
	font-size: 12px;
	color: #fff;
}
.innews_list li:hover .newstime{
	background: #ebc064;
}
.mouse_hover2{
	padding-top: 35px;
	position:inherit;
}
.mouse_hover2 p{
	color: #777;
}
.mouse_hover2 i{
	color: #777;
}
.footer article{
	padding:100px 0 40px;
	background:url("../images/footbg.png")  center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.copy{
	line-height: 60px;
}
.copy p{
	float: left;
}
.copy a{
	float: right;
}
.footnav{
	width: 165px;
}
.footnav h3{
	font-family: 'futural';
	font-weight: bold;
	font-size: 17px;
	line-height: 40px;
	padding-bottom: 8px;
	color: #ccc;
}
.footnav a{
	line-height: 35px;
	font-family: 'futural';
	display: block;
	font-size: 14px;
	color: #999;
}
.footnav a:hover{
	color: #fff;
}
.footer{
	position: relative;
}
.point2{
	position: absolute;
	top:-13px;
}
.footer_cetner{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display:box;
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.foot_message{
	width: 610px;
	padding:0 60px;
	border-left: 1px solid #40403f;
	border-right: 1px solid #40403f;
}
.foot_messtit h3{
	font-family: 'futural';
	font-weight: bold;
	font-size: 17px;
	line-height: 40px;
	color: #ccc;
}
.foot_messtit p{
	line-height: 30px;
	font-family: 'futural';
	display: block;
	font-size: 14px;
	color: #999;
}
.foot_contact{
	width: 375px;
	padding-left:60px;
}
.foot_contact h3{
	font-family: 'futural';
	font-weight: bold;
	font-size: 17px;
	line-height: 40px;
	color: #ccc;
}
.foot_contact h4{
	padding-top: 5px;
	line-height: 30px;
	font-size: 14px;
	font-family: 'futural';
	color: #999;
}
.foot_contact p{
	font-family: 'futural';
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.foot_mess_list{
	padding-top: 15px;
}
.foot_mess_list ul{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display:box;
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.foot_mess_list li{
	width: 48%;
	margin-bottom: 10px;
	border:1px solid #535353;
}
.foot_mess_list input{
	font-size: 15px;
	color: #fff;
	width: 100%;
	line-height: 33px;
	background:none;
	padding:0 10px;
	font-family: 'futural';
}
.foot_mess_list li.mestext{
	width: 100%;
}
.foot_mess_list li.mestext textarea{
	width: 100%;
	font-size: 15px;
	color: #fff;
	background:none;
	padding:10px;
	height: 115px;
	font-family: 'futural';
}
.foot_mess_list li.code{
	width: 60%;
}
.foot_mess_list li.code input{
	width: 50%;
	float: left;
}
.foot_mess_list li.code img{
	float: right;
}
.foot_mess_list li.mesbtn{
	background: #ebc064;
	width: 36%;
	display: block;
	line-height: 33px;
	border:0;
	text-align: center;
}
.foot_mess_list li.mesbtn button{
	background: none;
	font-family: 'futural';
	cursor: pointer;
	color: #fff;
}
.ewm_share{
	padding-top: 33px;
}
.share p{
	font-size: 14px;
	padding-top: 6px;
	color: #fff;
	text-transform:uppercase;
}
.ewm{
	width: 107px;
	float: left;
}
.share{
	float: left;
	padding-left: 28px;
}
.share a.bds_more{
	display: none;
}
.share a.bds_linkedin{
	width: 42px;
	height: 42px;
	background: url("../images/in.jpg") left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.share a.bds_twi{
	width: 42px;
	height: 42px;
	background: url("../images/tt.jpg") left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.share a.bds_fbook{
	width: 42px;
	height: 42px;
	background: url("../images/fb.jpg") left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.public_page{
	position: relative;
	margin-top: -65px;
	background:url("../images/pbsidebg.png") center top no-repeat;
}
.pblic_ban{
	position: relative;
}
.pbban_nav{
	text-align: center;
	position: absolute;
	left:0;
	top:30%;
	width: 100%;
}
.pbban_nav h3{
	font-weight: bold;
	font-size: 48px;
	color: #fff;
	font-family: 'futural';
	padding-bottom: 38px;
	text-transform:uppercase;
}
.pbban_nav a{
	font-family: 'futural';
	font-size: 18px;
	color: #fff;
	width: 195px;
	text-align: center;
	line-height: 35px;
	display:inline-block;
	vertical-align: top;
	margin:0 10px;
	border:1px solid #fff;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
	border-radius: 2rem;
}
.pbban_nav a.pbnc{
	background: #ebc064;
	border:0;
	font-weight: bold;
}
.aboutpage{
	padding:180px 0;
}
.aboutpage aside{
	width: 415px;
	float: left;
}
.aboutpage article{
	float: right;
	width: 775px;
}
.about_left{
	width: 260px;
	margin:0 auto;
}
.about_left span{
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	background: #ebc064;
	padding:0 10px;
	display: inline-block;
	vertical-align: top;
}
.about_left h3{
	font-size: 25px;
	color: #000;
	line-height: 60px;
	padding-top: 20px;
}
.about_tit{
	font-size: 30px;
	color: #1f1f1f;
}
.about_info{
	padding-top: 30px;
	font-size:16px;
	color: #1f1f1f;
	line-height: 35px;
}
.about_info p{
	font-size:16px;
	color: #1f1f1f;
	line-height: 35px;
}
.honor_tit{
	font-size: 30px;
	color: #333;
	padding-bottom: 30px;
	text-align: center;
	font-weight: bold;
	font-family: 'futural';
	text-transform:uppercase;
}
.honorpage{
	padding:165px 0;
}
.honorpage li{
	width: 33.33%;
	float: left;
	padding:1%;
}
.honorpage li a{
	display: block;
	padding:10px;
	border:1px solid #dcdcdc;
}
.honorpage li a img{
	width: 100%;
    height: 235px;
    object-fit: cover;
	border:1px solid #dcdcdc; 
}
.newslist li a{
	border:1px solid #dcdcdc;
}
.newspage{
	padding:160px 0 100px;
}
.newsdetail{
	position: fixed;
	left:0;
	top:0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 100;
}
.productlist{
	padding-top: 0;
}
.down_list li{
	width: 33.33%;
	float: left;
	padding:1%;
	height: 285px;
}
.down_in{
	height: 100%;
}
.down_in::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.down_in_lh{
	display: inline-block;
	vertical-align: middle;
}
.down_in{
	border:1px solid #ccc;
	text-align: center;
}
.down_in h3{
	padding-bottom: 33px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	font-family: 'futural';
}
.down_in a{
	display: block;
	font-family: 'futural';
	width: 160px;
	line-height: 40px;
	text-align: center;
	background: #ccc;
	font-size: 16px;
	margin:0 auto;
	color: #fff;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
	border-radius: 2rem;
}
.down_list li:hover .down_in{
	border:1px solid #ebc064;
}
.down_list li:hover .down_in_lh a{
	background: #ebc064;
}
.downpage{
	padding:160px 0;
}
.contact_list li{
	width: 25%;
	float: left;
	text-align: center;
	padding:1%;
}
.contact_list li i{
	font-size: 37px;
	color: #999;
}
.contactin{
	height: 210px;
	padding:35px 21px 0;
	border:1px solid #ccc;
}
.contactin p{
	padding-top: 10px;
	font-size: 15px;
	color: #666;
	line-height: 1.8;
}
.map{
	margin-top: 20px;
}
.menu{
	display: none;
}
.menu_down{
	display: none;
}

.newstail_center{
	width: 1000px;
	position: relative;
	padding:35px;
	border-top: 4px solid #ebc064;
	margin:5% auto;
	background: #fff;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
	border-radius: 1.5rem;
}
.newstail_tit span{
	display: inline-block;
	vertical-align: middle;
	padding-right: 30px;
	font-size: 15px;
	color: #666;
}
.newstail_info{
	font-size: 15px;
	color: #666;
	line-height: 30px;
	max-height: 60vh;
}
.newstail_tit h3{
	font-size: 30px;
	padding:25px 0;
	color: #000;
}
.colsenew{
	position: absolute;
	right:-60px;
	top:44px;
	cursor: pointer;
}
.colsenew i{
	font-size: 24px;
	color: #fff;
	background: #ebc064;
	width: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
}