/*base*/
*{ margin:0; padding:0; box-sizing:border-box;}
html,body{ width:100%;}
body{ position:relative; margin:0 auto; font-family:fonts,Microsoft Yahei,Arial; font-size:0.07rem; color:#666;}
img{ vertical-align:top; border:none;}
div,header,footer,section,figure,figcaption,nav{ display:block;}
a:link{ text-decoration:none; color:#333; outline:none;}
a:visited{ text-decoration:none; color:#333; outline:none;}
a:hover{ text-decoration:none; color:#333; outline:none;}
a:active{ text-decoration:none; color:#333; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
em,i{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.lineh25{ line-height:25px;}
.txtcen{ text-align:center;}
.fontsiz32{ font-size:32px;}
.fontArial14{ font-size:14px; font-family:Arial; text-transform:Uppercase;}
.clrboth{ clear:both;}
.clrafter:after{ content:''; display:block; visibility:hidden; overflow:hidden; height:0; clear:both;}
.clearfix{ clear:both;}
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden;}
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; background:#de3045;}
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden;}
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden;}
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden;}
.line40{ clear:both; font-size:0px; height:40px; overflow:hidden;}
.line50{ clear:both; font-size:0px; height:50px; overflow:hidden;}
.line60{ clear:both; font-size:0px; height:60px; overflow:hidden;}
.wrap1300{ width:100%; max-width:1300px; margin:0 auto; position:relative;}
.wrap1200{ width:100%; max-width:1200px; margin:0 auto; position:relative;}
.wrap1100{ width:100%; max-width:1100px; margin:0 auto; position:relative;}
.wrap1000{ width:100%; max-width:1000px; margin:0 auto; position:relative;}
.wrap850{ width:100%; max-width:850px; margin:0 auto; position:relative;}
.rspsv{ display:block; max-width:100%; margin:0 auto;}
@font-face
{
	font-family: fonts;
	src: url('../fonts/ITCAvantGardePro-Bk_3.html'),
	url('../fonts/ITCAvantGardePro-Bk_3.html'); /* IE9 */
}

/**/
.head{ background:#000;}
.head .logo{ padding:0.05rem 0 0 0; font-size:0.3rem; color:#BA9841; font-family:Impact,Arial;}
.head .logo img{ width:0.9rem;}
.head .head_top{ padding:0.04rem 0 0.08rem 0;}
.head .head_top .wechat{ background:#8d8d8d; width:0.17rem; height:0.17rem; border-radius:50%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; margin-right:0.1rem;}
.head .head_top .wechat img{ width:70%; display:block;}
.head .head_top .big_g{ width:0.17rem; height:0.17rem; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
.head .head_top .big_g img{ height:100%;}
.head .head_top .head_search{ border:2px solid #eee; background:none; border-radius:0.1rem; padding:0.03rem; margin-right:0.1rem;}
.head .head_top .select_langs{
	outline:none; -webkit-appearance:none; background:#eee; color:#111; border-radius:0.1rem; padding:0 0.05rem;
}
.head .nav ul>li{ float:left; padding-bottom:0.08rem; position:relative;}
.head .nav ul>li>dl{ position:absolute; left:50%; top:0.17rem; width:130%; background:rgba(255,255,255,0.9); z-index:2; display:none; -webkit-transform:translateX(-50%);}
.head .nav ul>li:nth-child(4)>dl{ width:150%;}
.head .nav ul>li>dl>dd>a{ color:#111; display:block; padding:0.04rem 0.06rem;}
.head .nav ul>li>dl>dd>a:hover{ background:#BA9841; color:#fff;}
.head .nav ul>li:hover>dl{ display:block;}
.head .nav ul>li>a{ display:block; color:#fff; padding:0 0.1rem; border-right:1px dotted #fff;}
.head .nav ul>li>a.on{ color:#BA9841;}
.head .nav ul>li:last-child>a{ border-right:none;}
.foot{ background:#1a1a1a;}
.foot .foot_top{ background:#252525; text-align:center;}
.foot .foot_top a{ display:inline-block; padding:0.06rem 0.1rem; color:#999;}
.foot .foot_bottom{ color:#888; text-align:center; padding:0.06rem 0; line-height:2; font-size:0.06rem;}
.m_menu{ display:none; text-align:right;}
.m_menu a img{ width:0.3rem;}
.m_cover{ background:rgba(0,0,0,0.55); position:fixed; left:0; top:0; z-index:9; display:none; width:100%; height:100%;}
.m_cls{ text-align:right; padding:0.12rem;}
.m_fixed_nav{ width:55%; height:100%; background:rgba(0,0,0,0.8); position:fixed; right:-55%; top:0; transition:all 0.4s; z-index:12;}
.m_fixed_nav.on{ right:0;}
.m_fixed_nav ul{ padding:0 0.1rem;}
.m_fixed_nav ul>li{ border-bottom:1px solid #aaa;}
.m_fixed_nav ul>li>a{ display:block; color:#fff; padding:0.1rem 0.12rem; font-size:0.14rem; position:relative;}
.m_fixed_nav ul>li>a:after{ position:absolute; right:0; top:0; content:'+'; width:auto; height:100%; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; font-size:0.14rem;}
.m_fixed_nav ul>li:first-child>a:after{ display:none;}
.m_fixed_nav ul>li>dl{ display:none;}
.m_fixed_nav ul>li>dl>dd>a{ display:block; color:#eee; padding:0.075rem 0.12rem; font-size:0.13rem;}

/**/
.banner .swiper-slide img{ display:block; margin:0 auto; max-width:100%;}
.banner_page{ text-align:left!important; padding-left:0.2rem;}
.banner_page .swiper-pagination-bullet{ background:#fff; height:2px; border-radius:0; width:0.3rem; opacity:1;}
.banner_page .swiper-pagination-bullet-active{ background:#BA9841;}
.banner .title-zone{
	position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff; z-index:3; -webkit-transform:translateY(-50%); font-family:Arial;
}
.banner .title-zone h1{
	font-size:0.3rem;
}
.banner .title-zone h2{
	padding:0.05rem 0 0.1rem; font-size:0.12rem;
}
.banner .title-zone h3{
	width:2rem; margin:0 auto; line-height:1.8;
}
.mbanner{ display:none;}
.mbanner .swiper-slide>img{
	width:100%; display:block;
}
.mbanner .swiper-slide a img{ display:none; margin:0 auto; max-width:100%;}
.mbanner .swiper-slide a{
	display:block; padding-bottom:60%; background-size:cover; background-position:center; position:relative;
}
.mbanner .title-zone{
	position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff; z-index:3; -webkit-transform:translateY(-50%); font-family:Arial;
}
.mbanner .title-zone h1{
	font-size:0.36rem;
}
.mbanner .title-zone h2{
	padding:0.05rem 0 0.1rem; font-size:0.15rem;
}
.mbanner .title-zone h3{
	padding:0 0.3rem; line-height:1.8;
}
/**/
.home_pro_cate_zone{
	padding:0.3rem 0.1rem 0 0.1rem; background:#000;
}
.home_pro_cate_zone hgroup{
	text-align:center; color:#ba9841; font-weight:bold; font-size:0.18rem; padding-bottom:0.2rem;
}
.home_pro_cate_zone ul{
	display:flex; flex-flow:row wrap; padding-bottom:0.3rem;
}
.home_pro_cate_zone ul li{
	width:32%; margin-right:2%; margin-bottom:4%;
}
.home_pro_cate_zone ul li:nth-child(3n){
	margin-right:0;
}
.home_pro_cate_zone ul li a{
	display:block;
}
.home_pro_cate_zone ul li a figure{
	width:55%; padding-bottom:55%; border-radius:50%; background-size:cover; background-position:center; margin:0 auto;
}
.home_pro_cate_zone ul li a figcaption{
	text-align:center; color:#fff; font-size:0.125rem; padding-top:0.1rem;
}
/**/
.in_about{ padding:0.35rem 0;}
.in_about aside{ width:15%;}
.in_about aside.brand{ width:16%;}
.in_about aside ul li a{ display:block; border-bottom:1px solid #333; font-size:0.08rem; padding:0.08rem 0; color:#111; position:relative;}
.in_about aside ul li a:after{ position:absolute; right:0; top:0; content:'+'; width:auto; height:100%; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; font-size:0.1rem;}
.in_about aside ul li a.on:after{ content:'-'; font-size:0.16rem;}
.in_about article{ width:80%;}
.in_about article.edit_con{ line-height:2;}
.in_about article>hgroup{ font-size:0.1rem; color:#111; padding-bottom:0.2rem;}

/**/
.in_pro{ padding:0.15rem 0 0.35rem 0;}
.in_pro_cate a{ display:inline-block; padding:0.05rem 0.11rem; background:#111; color:#fff;}
.in_pro_cate a.on{ background:#BA9841;}
.in_pro_cate2{ text-decoration:none;}
.in_pro_cate2 a{ display:inline-block; padding:0.05rem 0; margin:0.05rem 0.11rem 0 0; border-bottom:1px solid #eee;}
.in_pro_cate2 a.on,.in_pro_cate2 a:hover{ border-bottom:1px solid #ba9841; color:#ba9841;}
.in_pro_list{ padding:0.15rem 0 0 0;}
.in_pro_list li{ width:24%; margin:0 1.3333% 1.3333% 0; float:left;}
.in_pro_list li:nth-child(4n){ margin-right:0;}
.in_pro_list li a{ display:block; position:relative;}
.in_pro_list li a figure{ padding-bottom:100%; overflow:hidden; position:relative;}
.in_pro_list li a figure span{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:contain; background-repeat:no-repeat; background-color:#f9f9f9; background-position:center; transition:all 0.8s;}
.in_pro_list li a:hover figure span{ -webkit-transform:scale(1.1,1.1);}
.in_pro_list li a figcaption{ background:#111; text-align:center; color:#fff; padding:0.03rem 0; left:0; bottom:0; width:100%;}
.pro_details_banner{ padding-bottom:40%; background-size:cover; background-position:center;}
.pro_rela{ width:30%;}
.pro_details{ width:750px;}
.pro_details img{ display:block; margin:0 auto; max-width:100%;}
.pro_intro{ background:#111; padding:0.1rem;}
.pro_swipe{ width:40%;}
.pro_swipe .swiper-slide a{ display:block; padding-bottom:100%; background-size:contain; background-repeat:no-repeat; background-position:center;}
.pro_words{ width:60%; color:#fff; padding:0.2rem;}
.pro_words hgroup{ border-bottom:1px solid #333; font-size:0.14rem; padding-bottom:0.1rem;}
.pro_words .brief{ line-height:2; padding:0.3rem 0 0 0;}
.pro_mobi_swipe{ display:none;}
.pro_full_area{
	background:#f5f5f5;
}
.modi1_big{ padding:0.3rem 0.1rem;}
.modi1_con{ color:#111; padding:0 0.2rem; background:#f5f5f5; line-height:1.8;}
.modi1_con .t1{ border-bottom:1px solid #ddd; padding-bottom:0.1rem; padding-top:0.1rem; font-size:0.12rem;}
.modi1_con .t1 em{ display:block;}
.modi1_con .t1 i{ display:block;}
.w20{ width:55%;}
.w80{ width:40%;}
.describe_zone{
	padding:0.2rem 0;
}
.modi1_pic{ padding:0.04rem 0 0 0;}
#pro_swipe a{ padding-bottom:100%; background-size:contain; background-position:center; background-repeat:no-repeat; display:block;}
.return-btn{
	display:inline-block; padding:0.05rem 0.2rem; background:#BA9841; color:#fff!important; border-radius:0.5rem;
}
/**/
.in_news_list li{ margin-bottom:0.1rem;}
.in_news_list li a{ display:block; padding:0.15rem; background:#eef0f1; transition:all 0.4s;}
.in_news_list li a:hover{ box-shadow:0 0 0.05rem #bbb;}
.in_news_list li a figure{ width:25%; float:left; padding-bottom:15%;}
.in_news_list li a figcaption{ width:70%; float:right;}
.in_news_list li a figcaption h1{ font-size:0.1rem; padding-bottom:0.2rem;}
.in_news_list li a figcaption h2 em{ font-style:normal; display:inline-block; padding:0.01rem 0.02rem; border:1px solid #c5c6c6;}
.in_news_tit{ text-align:center; font-size:0.11rem;}
.in_news_date{ text-align:center; color:#888; border-bottom:1px solid #eee; padding:0.1rem 0;}
.in_news_box{ line-height:2; color:#666; padding:0.1rem 0;}
.in_news_box img{ display:block; margin:0.1rem auto; max-width:100%;}
/**/
.pager_zone{
	padding:0.3rem 0 0 0; text-align:center; font-size:0.1rem;
}
.pager_zone>span,.pager_zone>a{
	display:none;
}
.pager_zone>span:nth-child(2),.pager_zone>a:nth-child(2){
	display:inline-block; padding:0.05rem 0.2rem; background:#BA9841; color:#fff; border-radius:0.5rem; margin:0 0.1rem; 
}
.pager_zone>span:last-child,.pager_zone>a:last-child{
	display:inline-block; padding:0.05rem 0.2rem; background:#BA9841; color:#fff; border-radius:0.5rem; margin:0 0.1rem;
}
.pager_zone>.disabled{
	opacity:0.3;
}
/**/
#message-zone .message-con{ width:60%; margin:0 auto; padding:30px; background:#eee; border:#aaa; margin-top:30px;}
#message-zone .message-con form input{ display:block; width:100%; border:1px solid #aaa; background:#fff; padding:10px; margin-bottom:15px;}
#message-zone .message-con form input.submit-btn{ background:#BA9841; color:#fff; border:none;}
/* media query */
@media screen and (max-width:750px) {
	body{ font-size:0.12rem;}
    .head{ padding:0.1rem;}
	.head .nav ul{ display:none;}
	.head .head_top .select_langs{
		font-size:0.13rem;
	}
	.banner{ display:none;}
	.mbanner{ display:block;}
	.head .head_top .wechat{ width:0.23rem; height:0.23rem;}
	.head .head_top .big_g{ width:0.23rem; height:0.23rem;}
	.m_menu{ display:block;}
	.head .logo{ padding-top:0.21rem;}
	.head .logo img{ width:1.2rem;}
	.foot .foot_bottom{ font-size:0.12rem;}
	.in_pro_cate,.in_pro_cate2{
		display:flex; flex-flow:row wrap; padding:0 0.1rem;
	}
	.in_pro_cate a{ 
		margin-bottom:0.05rem; padding:0.1rem 0; font-size:0.135rem; width:32%; margin-right:2%; text-align:center;
	}
	.in_pro_cate a:nth-child(3n){
		margin-right:0;
	}
	.in_pro_cate2 a{
		font-size:0.14rem;
	}
	.in_pro_list{ padding-left:0.1rem; padding-right:0.1rem; padding-top:0.2rem;}
	.in_pro_list li{ width:49%; margin:0 2% 3% 0;}
	.in_pro_list li:nth-child(2n){ margin-right:0;}
	.in_about aside{ display:none;}
	.in_about article{ width:100%; padding:0 0.15rem;}
	.in_about article>hgroup{ font-size:0.16rem; color:#111; font-weight:bold;}
	.pro_swipe{ width:100%;}
	.pro_words{ width:100%;}
	.pro_rela{ display:none;}
	.pro_details{ width:100%;}
	.head_search{ display:none;}
	.in_news_list li a figure{ width:100%; padding-bottom:60%;}
	.in_news_list li a figcaption{ width:100%;}
	.in_news_list li a figcaption h1{ font-size:0.14rem; padding-top:0.1rem; padding-bottom:0.1rem;}
	.in_news_list li a figcaption h2 em{ padding:0.01rem 0.08rem;}
	.pro_details_banner{ display:none;}
	.pro_mobi_swipe{ display:block;}
	.in_news_tit{ font-size:0.16rem;}
	.pager_zone{
		font-size:0.15rem;
	}
	#message-zone .message-con{ width:100%;}
	.w20{ width:100%; margin-top:0.2rem; margin-bottom:0.2rem;}
	.w80{ width:100%;}
	.modi1_con .t1{ font-size:0.18rem;}
	#pro_swipe a{ padding-bottom:100%; background-repeat:no-repeat; background-size:contain;}
	.modi1_big{ background:#f5f5f5;}
	.modi1_pic{ display:none;}
}