﻿@charset "utf-8";
*{box-sizing:border-box}
html{color:#666;height:100%;}
body{background:url(appNavBtn_Bg.jpg);margin:0;padding:0;}
body,.text,.textarea,.input{font:12px/1.6 "\5fae\8f6f\96c5\9ed1","Arial","tahoma";}
a{text-decoration:none;color:#666}
ul{list-style:none;margin:0;padding:0}
.spot{color:#f90}
.clearfix::after{content:"";display:table;clear:both}
.clearfix{overflow:hidden;zoom:1;}
img{max-width:100%;height:auto;border:0;vertical-align:top;}
.text,.textarea,.input{width:100%!important;padding:.5rem;border:1px solid #ccc;font-family:"\5fae\8f6f\96c5\9ed1"}
::-webkit-scrollbar {width:6px;height:6px;}
::-webkit-scrollbar-track-piece {background-color:#CCCCCC;-webkit-border-radius:6px;}
::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#999999;-webkit-border-radius:6px;}
::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:#CCCCCC;-webkit-border-radius:6px;}
#pg_margins { max-width:640px; margin:0 auto; padding-bottom:70px; background-color:#fff; overflow: hidden; }

#header { z-index:9; }
.logo { height:70px; background:url(hd.jpg) repeat-x; }
.logoimg,.logoimg a { float:left; height:100%; width:35%; margin-left:2%; }

.hd_tel,.hd_home { background:url(hd_tel.png) no-repeat; background-size:contain; width:50px; height:50px; display:inline-block; position:absolute; top:1rem; display:none;}
.hd_tel { right:15px; }
.hd_home { left:15px; background-image:url(hd_home.png); }
.hd_tel a,.hd_home a,.icon-back a,.icon-home a { display:block; width:100%; height:100%; }

/* 小于414 */
@media (max-width:414px){
	#pg_margins { padding-bottom:70px; }
	body,.text,.textarea,.input { font-size:14px; }
}
/* 小于376 */
@media (max-width:375px){
	body,.text,.textarea,.input { font-size:13px; }
	#pg_margins { padding-bottom:70px; }
}
/* 小于360 */
@media (max-width:360px){
	body,.text,.textarea,.input { font-size:12px; }
	#pg_margins { padding-bottom:70px; }
	.logo { height:60px; }
	.hd_tel,.hd_home { width:40px; height:40px; }
}

	/* 导航 */
.navBtn { position:absolute; top:0; right:0; width:70px; height:70px; }
.navBtn:after { display:block; width:30px; height:30px; margin:30% 0 0 25px; content:""; background:url(nav_m.png) no-repeat center; background-size:contain; cursor: pointer; }
.navArea { width:180px; position: absolute; right:-180px; top:70px; background:url(nav_bg.png); opacity: 0; transition:all 0.3s ease 0s; }
.navArea ul{margin:0;padding:14px 7px 7px;list-style:none}
.navArea ul li { width:100%; margin-bottom:7px; background:url(navli_bg.jpg) no-repeat; font-size:16px; }
.navArea ul li a {display:block; line-height:38px; text-align:center; color:#fff;}
.navArea ul li .current { color:#ff0; }
.m-nav-show .navArea  { right:-0; opacity: 1; }
.m-nav-show .navBtn:after { background:url(icon-close.png) no-repeat center; background-size:contain; }

.navnum_1,.appNavNum_1{width:100%;}
.navnum_2,.appNavNum_2{width:50%;}
.navnum_3,.appNavNum_3{width:33.33%;}
.navnum_4,.appNavNum_4{width:25%;}
.navnum_5,.appNavNum_5{width:20%;}

/* 小于376 */
@media (max-width:375px){
	.navBtn:after { margin:28% 0 0 25px; }
}

/* 小于360 */
@media (max-width:360px){
	.navBtn { width:60px; height:60px; }
	.navBtn:after { width:25px; height:25px; margin:28% 0 0 25px; }
	.navArea { top:60px; }
}

.box, .info_view { margin:0; }
.box .title,.pager-next-pre p:hover,.second_categoryList .more_nav_box li .third_categoryList li .current {	background-color:#9a1a23!important; color:#fff; }

.appNavArea{ margin:0; overflow:hidden; }
.appNavArea ul { overflow:hidden; zoom:1; padding:1.2rem 0 1rem; }
.appNavArea ul::after { content:""; display:table; clear:both; }
.appNavArea li { float:left; padding:.5rem 1rem; text-align:center; }
.appNavArea li .img { margin-bottom:5px; }
.appNavArea li span { position:relative; display:block; z-index:1; }
.appNavArea li img { max-width:100%; height:auto; }

	/* 二级栏目分类 显示二级栏目分类  */
.Pro_sort,#categoryList { text-align:left; overflow:hidden; margin:0; }

.Pro_sort .each_li,.categoryList .more_nav_box li{float:left;width:50%;}
.Pro_sort .each_li .name a,.categoryList .more_nav_box li a{color:#666;text-align:left;border-bottom:1px solid #e2e2e2;padding:.8rem 1.6rem;display:block;background:url(icon_lead.gif) no-repeat 12px 50%!important}

	/* 栏目分类模式：默认效果 */
.categoryList { background:#fff; }
.categoryList .more_nav_box li .current { font-weight:bold; color:#f60; }
.categoryList .more_nav_box li .second-nav { color:#666; }

	/* 栏目分类模式：显示三级栏目分类 */
.second_categoryList { max-height:215px; overflow:auto; background:#fff; }

/* 小于375 */
@media (max-width:360px){
	.second_categoryList { max-height:205px; }
}
/* 小于360 */
@media (max-width:360px){
	.second_categoryList { max-height:160px; }
}
.second_categoryList .more_nav_box li { overflow:hidden; zoom:1; border-bottom:1px solid #f4f3f1; background: url(second_categoryList.jpg) repeat-x #fbf8f6; }
.second_categoryList .more_nav_box li .current,.second_categoryList .more_nav_box li a:hover { background: url(second_categoryList.jpg) repeat-x #fbf8f6; }
.second_categoryList .more_nav_box li .current { color:#000; }
.second_categoryList .more_nav_box li a { border:0; }
.second_categoryList .more_nav_box li:last-child { border-bottom:0; }
.second_categoryList .third_categoryList li { margin:10px 0 10px 15px; }
.second_categoryList .more_nav_box li .third_categoryList li{float:left;}
.second_categoryList .more_nav_box li .third_categoryList li a{border:0;background:#f0f0f0;border-radius:2px;}


.info_content{margin:0;}

	/* 三级栏目 */
.third_box{display:none}

	/* 栏目分类模式：商城多产品分类 */
.fullProduct{position:relative;padding:43px 0 0;background:url(categoryList_left_bg.jpg) repeat-y;overflow:hidden;zoom:1}
.fullProduct .head{position:fixed;left:0;top:0;width:100%;background:#fff;border-bottom:1px solid #d7d7d7;padding:10px 40px;font-weight:bold;color:#111}
.icon-back{width:13px;height:24px;background:url(icon-back.png) no-repeat;background-size:contain;display:block;position:absolute;left:15px;top:9px;}
.icon-home{width:26px;height:26px;background:url(icon-close.png) no-repeat;background-size:contain;display:block;position:absolute;right:15px;top:9px;}
.fullProduct .more_nav_box{background-color:transparent}

.categoryList_left { width:100px; float:left; }
.categoryList_left li a { padding:12px; display:block; border-bottom:1px solid #d7d7d7; }
.categoryList_left li .current { background:#ebebeb; font-weight:bold; border-left:3px solid #dd2727; color:#dd2727 }

	/* 主体 */
.info_view_right{padding:10px 15px 0 110px}

	/* Banner */
.picBox { width:100%; height:100%; position:relative; background:#e6e6e6; }
.picBox .next { float:right; }
.swipe{position:relative;overflow:hidden}
.swipe .piclist_row_1{width:100%!important}
.picBox .piclist { position:relative;height:100%;}
.picBox .piclist li { position:relative; float:left; height:100%; vertical-align:top; text-align:center; font-size:0; }
.icon_num { background:#404040; padding:.4rem 0; text-align:center;width:100%}
.icon_num a { overflow:hidden; line-height:2rem; border-radius:2px; background:#fff; width:.4rem; height:.3rem;margin:0 .06rem; text-align:center; cursor:pointer; display:inline-block; transition:all 0.2s linear 0s;opacity:.5}
.icon_num a:hover { background:#fff; color:#fff; border-color:#fff; width:.4rem; opacity:1; }
.icon_num .active,.icon_num .active:hover { background:#fff; color:#fff; border-color:#fff; width:2rem; opacity:1; }


	/* mod */
.box .title { padding:.8rem 1rem; color:#fff; }
.box .title .title_name { border-left:.3rem solid #cc9b60; padding:0 .6rem; font-weight:bold; }

.box_info { overflow:hidden; zoom:1; margin:0; }
.box_info .info_view { padding:3%!important; }

	/* 标题 */
.box_info .catetitle,.inside-pages .title { margin:0!important; padding:10px 15px 1.5rem!important; background:#fff url(line_bg.jpg) repeat-x 0 46px!important; color:#111; }

	/* 图片列表个数 */
.pic_list_1 { width:100%; }
.pic_list_2 { width:50%; }
.pic_list_3 { width:33.3%; }
.pic_list_4 { width:25%; }
.pic_list_5 { width:20%; }

/* 
	首页默认模式 图片列表 TPLB
*/
.TPLB_LIST { padding:0; margin-bottom:10px; overflow:hidden; zoom:1; }
.TPLB_LIST li { float:left; width:50%; text-align:center; }
.TPLB_LIST li:nth-of-type(2n) .pic_list_li { padding:0 0 0 3px; }
.TPLB_LIST li .pic_list_li { overflow:hidden; padding:0 3px 0 0; border:1px solid #eee; }
.TPLB_LIST li .pic_list_li .pic { font-size:0; overflow:hidden; }
.TPLB_LIST li .pic_list_li .txt { height:42px; line-height:30px; padding:.3rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.TPLB_LIST li .pic_list_li .memo { color:#888; overflow:hidden; height:40px; line-height:20px; }

/*
	首页默认模式 新闻列表 XW
*/
.XW_LIST li .wrap { border-bottom:1px dotted #b2b2b2; margin:0; }
.XW_LIST li .wrap .topic { padding:.9rem 1.8rem; display:block; background:url(icon_lead.jpg) no-repeat 14px 50%;}
.date { float:right; padding:0 0 0 1.8rem; color:#999; overflow:hidden; line-height:44px; }


.TTXW_CONTENT,.TTXW_LIST { overflow:hidden; zoom:1; }
/*
	首页默认模式 头条新闻 TTXW
*/
.TTXW_CONTENT .pic { float:left; width:47%; margin:0 1rem 0 0; }
.TTXW_CONTENT .intro { display:block; overflow:hidden; *zoom:1; padding:0; }
.TTXW_CONTENT .intro .t { margin:0 0 5px; font-size:14px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.TTXW_CONTENT .intro .v { margin:0 0 5px; line-height:20px; height:60px; overflow:hidden; color:#666; }
.TTXW_LIST { padding:0!important; }
.TTXW_LIST li .wrap { border-bottom:1px dotted #b2b2b2; margin:0; }
.TTXW_LIST li:last-child .wrap { border:0; }
.TTXW_LIST li .wrap .topic { /*height:52px; line-height:32px;*/ display:block;    padding-left: 10px; line-height:44px; background:url(icon_lead.jpg) no-repeat 0 50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

@media screen and (max-width:360px) and (min-width:320px){
	.TTXW_CONTENT .intro .v { height:40px; font-size:12px; }
	.TTXW_CONTENT .pic img { width:150px; }
}

/*
	首页默认模式 图文列表 TWLB
*/
.TWLB_LIST li { padding:15px 0; margin:0; border-bottom:1px solid #f1f1f1; overflow:hidden; zoom:1; }
.TWLB_LIST li .pic { float:left; min-width:120px; margin:0 1rem 0 0; }
.TWLB_LIST li .pic img { border:1px solid #d9d9d9; padding:5px; }
.TWLB_LIST li .txt { line-height:24px;color:#888;}
.TWLB_LIST li .txt h4 { height:22px; overflow:hidden; margin:0; }
.TWLB_LIST li .txt p{height:45px;overflow:hidden;}
.TWLB_LIST li .txt .more{padding:5px 0;height:auto}

.pic_news_01 li { padding:15px 0; margin:0; border-bottom:1px solid #f1f1f1; overflow:hidden; zoom:1; }
.pic_news_01 li .pic { float:left; min-width:120px; margin:0 1rem 0 0; }
.pic_news_01 li .pic img { border:1px solid #d9d9d9; padding:5px; }
.pic_news_01 li .txt { display:block; overflow:hidden; *zoom:1; }
.pic_news_01 li .txt h4 { margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; }
.pic_news_01 li .txt p { line-height:1.8; height:48px; padding:5px 0 0; overflow:hidden; color:#666; }
.pic_news_01 li .txt .more { height:auto; padding:5px 0 0; }

	/* 手机相册模式 */
.pro_view .text .name { white-space:nowrap; text-overflow:ellipsis; font-weight:bold; }

/*
	首页默认模式 图文新闻 TW
*/
.swipe .TPQHLIST { background:#690203; color:#fff; overflow:hidden; zoom:1; text-align:center; }
.swipe .TPQHLIST li .b { padding:.7rem; border-bottom:1px solid rgba(0,0,0,.2); font-weight:bold; }
.swipe .TPQHLIST li .b a { color:#fff; }
.swipe .TPQHLIST li .c { padding:.7rem .7rem 2.5rem; border-top:1px solid rgba(255,255,255,.12); }

.TW_CONTENT .pic { font-size:0; }
.TW_CONTENT .intro .t { text-align:center; font-weight:bold; padding:10px 0 0; }

	/* 内页模块 */
.info_view .TPQHLIST li { padding:0 0 1rem; margin:0; border-bottom:12px solid #ebebeb; }
.info_view .TPQHLIST li .b { padding:.6rem; border-bottom:1px solid #ebebeb; font-weight:bold; }
.info_view .TPQHLIST li .c { padding:.6rem; }


	/* 图文内容_SJ_内页 */
.img_content { line-height:1.8; font-size:16px; }
.img_content .img_content_pic {}
.img_content .img_content_intro {}
.img_content .img_content_intro .img_content_title {}
.img_content .img_content_intro .img_content_views {}

	/*
		首页默认模式 提交表单
	*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}textarea { -webkit-appearance: none;} 
#i-book { padding:0 1rem; }
#i-book p,.data { padding:0 0 .7rem; }
.data .title_name { line-height:30px; }
.data .input_option {}
.data .input_option input,.data .input_option textarea { vertical-align:top; }
.btn-area .btn-submit { width:100%; margin-bottom:10px; border:0; border-radius: 0.15em; background:#cc3333; color:#fff; font-size:1.1em; padding:0.6em 0; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn-area .reset { display:none; }

#i-book p label { display:block; line-height:30px; }
.btn-send,.btn-reset { margin-bottom:10px; color:#fff; }

/*
	新闻详细页
*/
.box_display { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0); }
.box_display .head { z-index:300; }
.box_display .display_content { padding:0!important; background:#fff!important; font:14px/1.8 "\5fae\8f6f\96c5\9ed1"!important; }
.box_display .display_content .intro { padding:1rem!important; border-top:1px dotted #d9d9d9; }
.box_display .display_content .blue1 { width:30%; }
.date_y,.split_m,.eye{display:none}
.theme{font-family:"\5fae\8f6f\96c5\9ed1"!important;font-weight:normal;font-size:20px;padding:1rem 1rem .5rem!important}
.ms_time { padding:0 1rem 1rem}

		/* 下一条 */
.pager-next-pre { padding:10px; background:#fff; }
.pager-next-pre p { background:#f3f3f3; padding:.3rem; margin:.3rem 0; }
.pager-next-pre p:hover { color:#fff; }

.paging { padding:20px 0; text-align:center; }

/*
	网站底部
*/
.youlink { padding:.7rem; border-top:1px solid #ebebeb; background:#fff!important; color:#666!important; text-align:left!important; }
.youlink a { color:#666!important; }
.m_code { padding: 15px 10px 90px; border-top:1px solid #ebebeb; background:#eee!important; }

#fixed-foot { background:#404040; background:linear-gradient(to bottom,#404040,#000); z-index:1; }
#fixed-foot li { display:table-cell; font-size:inherit; background:none; padding:8px 0 5px; font-size:12px; line-height:22px;}
#fixed-foot li a { color:#fff; }
#fixed-foot li.active a { color:#fff; font-weight:bold; }
#fixed-foot li a { display:block; width:100%; height:100%; color:#fff; }
#fixed-foot li a span { display:block; width:46px; height:36px; margin:0 auto; background-repeat:no-repeat!important; background-position:50% 50%!important; background-size:contain!important; }
/* 小于360 */
@media (max-width:360px){
	#fixed-foot li a span { width:36px; height:26px; }
}

	/* 图片列表个数 */
.iFCB-pro-1 { width:100%; }
.iFCB-pro-2 { width:50%; }
.iFCB-pro-3 { width:33.333%; }
.iFCB-pro-4 { width:25%; }
.iFCB-pro-5 { width:20%; }
.iFCB-pro-6 { width:16.666%; }
.iFCB-pro-7 { width:14.28%; }
.iFCB-pro-8 { width:12.5%; }
.iFCB-pro-9 { width:11.11%; }
.iFCB-pro-10 { width:10%; }


/* 个数 */
.u-item-1 { width:100%; }
.u-item-1:last-child{margin-right:0;}
.u-item-2 { width:50%; margin-bottom:2%; }
.u-item-2:nth-child(2n){margin-right:0;}
.u-item-3 { width:33.33%; margin-bottom:2%; }
.u-item-3:nth-child(3n){margin-right:0;}
.u-item-4 { width:25%; margin-bottom:2%; }
.u-item-4:nth-child(4n){margin-right:0;}
.u-item-5 { width:20%; margin-bottom:2%; }
.u-item-5:nth-child(5n){margin-right:0;}

/* 图片列表 */
.FCB_H_Pro {}
.FCB_H_Pro .m-item { float:left; }
.FCB_H_Pro .u-item-1 { width:49%; margin-right:2%; margin-bottom:2%; }
.FCB_H_Pro .u-item-1:nth-child(2n){margin-right:0;}

.FCB_H_Pro .m-item .u-pic { width:100%; height:auto; margin-bottom:4%; }
.FCB_H_Pro .m-item dl dt { margin-bottom:3px; font-size:12px; line-height:28px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.FCB_H_Pro .m-item dl dt a { color:#666; }
.FCB_H_Pro .m-item dl dd { font-size:.12rem; color:#595959; }

	/* 产品滚动 */
.iFCB-pro li { position:relative; float:left; width:50%; line-height:20px; text-align:center; transition:all 0.3s ease 0s; }
.iFCB-pro li .iFCB-rp { position:relative; padding:0 10px; }
.iFCB-pro li .pic { position:relative; padding:8px; border:1px solid #eee; transition:all 0.3s ease 0s; }
.iFCB-pro li .pic:before { position:absolute; left:0; bottom:-1px; display:block; width:0; height:2px; background:#666; content:""; z-index:1; transition:all 0.3s ease 0s; }
.iFCB-pro li dl {}
.iFCB-pro li dl dt.title { padding:8px 0; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.iFCB-pro li .more { position:absolute; top:-10px; right:10px; display:block; opacity:0; width:30px; height:30px; background:#1a8dd8; line-height:30px; transition:all 0.3s ease 0s; }
.iFCB-pro li .more a { position:relative; display:block; width:30px; height:30px; text-indent:999em; overflow:hidden; }
.iFCB-pro li .more a:before { position:absolute; top:0; left:0; display:block; width:30px; height:30px; content:"+"; color:#fff; font-size:20px; text-indent:0;  }
		/* 经过效果 */
.iFCB-pro li:hover .more { top:0; opacity:1; }
.iFCB-pro li:hover .pic:before { width:100%; }

/*  what */
.info-list{padding:0}
.info-list li{padding:10px;border-bottom:1px dotted #b2b2b2}
.PRO-I{border-bottom:3px solid #0446a8;margin:0 0 20px}
.PRO-I .TITLE-LEAD{background:linear-gradient(#2666c8,#0446a8);display:inline-block;*display:inline;zoom:1;padding:3px 25px;color:#fff;font-size:16px;font-weight:bold;border-radius:3px 3px 0 0;text-shadow:-1px -1px 2px rgba(0, 0, 0, 0.2)}
.news_thumb .TTXW_CONTENT { padding:.7rem .7rem .2rem!important; }
.btn-send, .btn-reset { background:#cc3333; }
.font0 { font-size:0; }
.arr-round{right:15px!important;top:13px!important;width:1.55em!important;height:1.75em!important;background:url(com_more.png) no-repeat center!important;background-size:1.55em 0.34em!important;}
.case{padding:3% 1%}
.product{padding:5% 0;z-index:30}
.product .piclist{height:auto!important}

#order { display:block; padding:0 0 10px; text-align:center; }

