/*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.woff'),
	url('../fonts/ITCAvantGardePro-Bk_3.woff'); /* IE9 */
}

/**/
.head{ background:#000;}
.head .logo{ padding:0.11rem 0 0 0;}
.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 .nav ul>li{ float:left; padding-bottom:0.08rem; position:relative;}
.head .nav ul>li>dl{ position:absolute; left:0; top:0.17rem; width:130%; background:rgba(255,255,255,0.9); z-index:2; display:none;}
.head .nav ul>li:nth-child(3)>dl{ width:260%;}
.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;}
.mbanner{ display:none;}
.mbanner .swiper-slide img{ display:block; margin:0 auto; max-width:100%;}

/**/
.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;}

/**/
.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; margin-bottom:4px;}
.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:cover; 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;}

/**/
.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%;}

/* media query */
@media screen and (max-width:750px) {
	body{ font-size:0.12rem;}
    .head{ padding:0.1rem;}
	.head .nav ul{ display:none;}
	.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{ padding-left:0.1rem; padding-right:0.1rem;}
	.in_pro_cate a{ margin-bottom:0.02rem; padding:0.1rem 0.15rem; font-size:0.135rem;}
	.in_pro_list{ padding-left:0.1rem; padding-right:0.1rem;}
	.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.14rem; color:#111;}
	.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;}
}