@charset "utf-8";

body.m-nav-show { overflow: hidden; }
#pg_margins { transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
body.m-nav-show #pg_margins { transform: translate3d(80%,0,0); -webkit-transform: translate3d(80%,0,0); }

#header { background: #045096; z-index:9; }

.logo { height:60px; }
.hd_tel,.hd_home { position:absolute; display:none; }

.logoimg,.logoimg a,.icon-back a,.icon-home a { display:block; width:100%; height:100%; }

/* 小于360 */
@media (max-width:414px){
	.logo{height:60px}
	body,.text,.textarea,.input { font-size:12px; }

}
	/* 导航 */
.navBtn { position:absolute; top:0; left:0; width:60px; height:60px; }
.navBtn:after { position: relative; top: 50%; left: 50%; display:block; width:20px; height:21px; margin:-10px 0 0 -10px; content:""; background:url(nav_m.png) no-repeat center; background-size:contain; cursor: pointer; }

.navArea { width:80%; height: 100%; position:fixed; left:-80%; top:0; background:#f8f8f8; transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); }
body.m-nav-show .navArea {  transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); box-shadow: 0 0 10px rgba(0, 0, 0, .5); z-index: 99; }
.m-nav-show .navBtn:after { background:url(icon-close.png) no-repeat center; background-size:contain; }

.navArea ul{    display: block!important; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; padding:3%; list-style:none; max-height: 490px;}
.navArea ul li { width:100%; margin:0; font-size:14px; }
.navArea ul li a { position: relative; display:block; line-height: 20px; display: block; padding: 14px 20px; text-align:left; color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.navArea ul li a:after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; border-color: rgba(0,0,0,.05); display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.navArea ul li a.current { background: #fff; color:#000; }

/* 小于360 */
@media (max-width:414px){
	.navBtn { width:60px; height:60px; }
}





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


	/* 图标 */
.appNavArea { padding:0.5rem 0; background:#fff; overflow:hidden; }
.appNavArea ul { overflow:hidden; zoom:1; }
.appNavArea ul::after { content:""; display:table; clear:both; }
.appNavArea li { float:left; padding:.8rem; font-size:12px; text-align:center; }
.appNavArea li span { position:relative; display:block; padding-top:10px; z-index:1; }
.appNavArea li img { max-width:100%; height:auto; }

	/* 小于360 */
	@media (max-width:360px){
		.appNavArea li { padding:.8rem; font-size:12px; }
	}


	/* 二级栏目分类 显示二级栏目分类  */
.Pro_sort,#categoryList { text-align:left; overflow:hidden; margin:0 0 .8rem; }
.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 { display:block; padding:.8rem 1.6rem; border-bottom:1px solid #e2e2e2; background:url(icon_lead.gif) no-repeat 12px 50%!important; color:#666; text-align:left; }

	/* 栏目分类模式：默认效果 */
.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:200px; background:#fff; overflow:auto; }

	/* 三级栏目样式 */
.more_nav_box .third_mobile { padding-left:30px; }


/* 小于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 .current,.second_categoryList .more_nav_box li a:hover { background-color:#fff; }
.second_categoryList .more_nav_box li .current { color:#111; font-weight:bold; }
.second_categoryList .more_nav_box li { overflow:hidden; zoom:1; border-bottom:1px solid #f0f0f0; }
.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;padding-left:0;}
.second_categoryList .more_nav_box li .third_categoryList li a{border:0;background:#f0f0f0;border-radius:2px;}

.info_content { margin:0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0)!important;  }

	/* 三级栏目 */
.third_box { display:none; }

	/* 栏目分类模式：商城多产品分类 */
.fullProduct { position:relative; max-width:640px; margin:0 auto; padding:40px 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 { display:block; position:absolute; left:15px; top:9px; width:13px; height:24px; background:url(icon-back.png) no-repeat; background-size:contain; }
.icon-home { display:block; position:absolute; right:15px; top:6px; width:26px; height:26px; background:url(icon-close.png) no-repeat; background-size:contain; }
.fullProduct .more_nav_box { background-color:transparent; }

.categoryList_left { width:100px; float:left; }
.categoryList_left li a { padding:12px 6px; display:block; border-bottom:1px solid #d7d7d7; font-size:12px; }
.categoryList_left li .current { background:#ebebeb; font-weight:bold; border-left:3px solid #056fd4; color:#056fd4; }

	/* 主体 */
.info_view_right { padding:10px 15px 0 110px; }

	/* Banner */
.picBox { width:100%; height:100%; position:relative; background:#e6e6e6; }
.picBox .next { float:right; }
.picBox .swipe { position:relative; overflow:hidden; }
.picBox .swipe .piclist_row_1 { width:100%!important; }
.picBox .swipe .piclist { position:relative; height:100%; }
.picBox .swipe .piclist li { height:100%; position:relative; float:left; vertical-align:top; text-align:center; font-size:0; }

.icon_num { position:absolute; bottom:0; left:0; width:100%; padding:0 0 1rem; text-align:center; line-height:0; }
.icon_num a { display:inline-block; border-radius:4px; background:#cfc8c8; width:.5rem; height:.5rem; margin:0 .1rem; transition:all 0.2s linear 0s; font-size:0; overflow:hidden; vertical-align:top; }
.icon_num a:hover, .icon_num .active { background:#045096; }

.picBox .icon_num { padding:0 0 1rem; }


.box_info { overflow:hidden; zoom:1; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0)!important;margin:0!important; }
.box_info .info_view { padding:3%!important; }
.box_info #tip { margin:0!important; }

	/* 标题 */
.info_view { padding:0!important; }
.info_view, .box { margin:0; }


.box { border-top:10px solid #f8f8f8; }
.box .title { padding:12px 20px; font-size:14px; }
.box .title .title_name { padding:0; color: #1e59a8; font-size: 18px; line-height:1.6; }
.arr-round { right:15px!important; top:14px!important; width:25px!important; height:25px!important; background:url(com_more.jpg) no-repeat center /100%  100% !important; }

	/* 标题 */
.box_info .catetitle,.inside-pages .title { margin:0!important; padding:13px 15px 1.5rem!important; background:#fff url(line_bg.jpg) repeat-x 0 46px!important; color:#111; }
.pager-next-pre p:hover,.second_categoryList .more_nav_box li .third_categoryList li .current { background-color:#f2f2f2!important; }


	/* 	固定内容_SJ */

.ibw_intro { padding:3%; font-size:14px; line-height:2; }

.iFCB-400 .ibw_intro { padding:0 3% 4%; }

	/* 头条新闻_PC */

.TTXW_CONTENT { padding: 4%; background: #f8f8f8; overflow:hidden; }
.TTXW_CONTENT .m-pic  { float:left; width:40%; overflow:hidden; }
.TTXW_CONTENT .m-pic  .intro-info-img { transition:all 0.6s ease-in-out; transform:scale(1); }
.TTXW_CONTENT .m-intro { display:block; overflow:hidden; zoom:1; padding:0 0 0 4%; color: #999; font-size:14px; line-height:22px; }
.TTXW_CONTENT .m-intro .u-tt { font-size:16px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.TTXW_CONTENT .m-intro .u-des { height: 44px; margin-top: 8px; font-size:12px; overflow: hidden; } 
.TTXW_CONTENT .m-intro .u-date { display: none; } 

	/* 新闻列表_PC */

.TTXW_LIST { padding: 4%; overflow:hidden; }
.TTXW_LIST ul::after{display:block;content:"";clear:both}
.TTXW_LIST ul li { position: relative; left: 0; padding-left:16px; background:url(icon_1.png) no-repeat 0 45%; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.6s ease-in-out; font-size:14px; }
.TTXW_LIST ul li .u-date { float: right; color:#999; }

.iFCB-PRO-2 .u-date,
.iFCB-PRO-3 .u-date,
.iFCB-PRO-4 .u-date { padding-right:8px; }

.TTXW_LIST ul li:hover { left:16px; }
.TTXW_LIST ul li:hover a { color: #018ed6; }

.TTXW_LIST .iFCB-PRO-1 { float:none; width:100%; box-sizing: border-box; }


/* 首页默认模式 图片列表 TPLB */

.iFCB-TPLB li { position:relative; line-height:20px; }
.iFCB-TPLB li .iFCB-rp { position:relative; margin:0 5px 10px; border:0; background:#eee; transition:all 0.3s ease 0s; overflow: hidden; }
.iFCB-TPLB li .m-pic { position:relative; overflow:hidden; }
.iFCB-TPLB li .m-pic img { width:100%; height:auto; transition:all 0.6s ease-in-out; transform:scale(1); }
.iFCB-TPLB li dl { width:100%; padding:2% 4%; background: #f6f6f6; color:#414141; transition:all 0.3s ease 0s; box-sizing: border-box; }
.iFCB-TPLB li dl::after{display:block;content:"";clear:both}
.iFCB-TPLB li dl .u-tt { position:relative; width:100%; height:32px; font-size:14px; line-height:32px; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.iFCB-TPLB li dl .u-tt a { color:#414141; }
.iFCB-TPLB li dl .u-memo { width:100%; color: #ddd; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; text-align: left; display: none; }

/* 小于360 */
	@media (max-width:375px){
		.iFCB-TPLB li dl .u-tt { font-size:12px; }

	}


/*	首页默认模式 图文列表 TWLB */

.TWLB_LIST { padding: 4%; overflow:hidden; }

.iFCB-TWLB { position:relative; }
.iFCB-TWLB li { position:relative; border-bottom:1px solid #eee; line-height:20px; }
.iFCB-TWLB .iFCB-rp { position:relative; margin:0; padding: 4% 0; overflow:hidden; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; box-sizing: border-box; }
.iFCB-TWLB .m-pic { float:left; width: 40%; overflow:hidden; }
.iFCB-TWLB .m-pic .intro-info-img { width: 100%; transition:all 0.6s ease-in-out; transform:scale(1); }
.iFCB-TWLB .m-intro { display:block; overflow:hidden; zoom:1; padding:0 0 0 4%; line-height:22px; }
.iFCB-TWLB .m-intro .u-tt { font-size:16px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.iFCB-TWLB .m-intro .u-des { height: 44px; margin-top: 8px; font-size:12px; overflow: hidden; }
.iFCB-TWLB li:last-child { border-bottom:0; }


.TWLB_LIST .iFCB-PRO-1 { float:none; width:100%; box-sizing: border-box; }


	/* 图文内容_PC */

.TW_CONTENT .m-pic { text-align: center; }
.TW_CONTENT .m-intro { display:block; overflow:hidden; zoom:1; padding:3%; line-height:26px; box-sizing: border-box; }
.TW_CONTENT .m-intro .u-tt { position:relative; height:32px; margin-bottom:10px; font-size:26px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.TW_CONTENT .m-intro .u-des { margin-bottom:4%; font-size:14px; }
.TW_CONTENT .m-intro .u-more { height: 37px; } 
.TW_CONTENT .m-intro .u-more a { position: relative; display:inline-block; padding:0 42px 0 17px; border:1px solid #999; line-height: 35px; color:#999; vertical-align: top;     overflow: hidden; transition:all 0.3s ease-in-out; }
.TW_CONTENT .m-intro .u-more a:after { position: absolute; right: 0; top: 0; width: 42px; line-height: 35px; font-size: 18px; color:#999; content: "→"; text-align: center; transition:all 0.3s ease-in-out; }

.pic-left { float: left; }
.pic-middle { float: none; }
.pic-right { float: right; }


	/* 手机相册模式 */
.pro_view .text .name { white-space:nowrap; text-overflow:ellipsis; font-weight:bold; }

/*
	首页默认模式 图文新闻 TW
*/

.m-pro { padding:4% 2% 2%; }

	/* 关于我们 */

.iFCB-abt { padding: 0 4% 4%; }
.iFCB-abt .m-intro { padding: 0;  }
.iFCB-abt .m-intro .u-tt { height:auto; font:36px/72px '微软雅黑'; }
.iFCB-abt .m-intro .u-more { display: none; }

.iFCB-case { padding: 0 4% 4%; }
.iFCB-case .swipe .TPQHLIST { background:#f8f8f8; overflow:hidden; zoom:1; text-align:center; }
.iFCB-case .swipe .TPQHLIST li .b { margin-bottom: .6rem; color: #0f357e; font-size:22px; line-height: 60px; }
.iFCB-case .swipe .TPQHLIST li .b a { display: block; position: relative; color: #0f357e; }
.iFCB-case .swipe .TPQHLIST li .b a:after { position: absolute; left: 50%; bottom:0; width:48px; height: 1px; margin-left:-24px; background: #d3d3d3; content: "" }
.iFCB-case .swipe .TPQHLIST li .c { padding:.3rem 1rem 3rem; }
.iFCB-case .icon_num { padding:0 0 2rem; }

.iFCB-news { padding: 0 4% 4%; }
.iFCB-news .TTXW_CONTENT { margin-bottom:2%; }
.iFCB-news .TTXW_LIST { padding:0; overflow:hidden; }
.iFCB-news .TTXW_LIST ul li { padding-left:22px; border-bottom: 1px solid #ebebeb; background:url(icon_1.gif) no-repeat 7px 48%; font-size:14px; }


	/* 内页模块 */
.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; display:none; }
.data .input_option {}
.data .input_option input,.data .input_option textarea { border-radius:5px; vertical-align:top; }
.data .input_option textarea { min-height: 130px; }
.btn-area { text-align: center; }
.btn-area .btn-submit { margin:0 auto; border:0; border-radius: 2rem; background:#1e59a8; color:#fff; font-size:1.1em; padding: .8em 0; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); width: 60%; }
.btn-area .reset { display:none; }

#i-book p label { display:block; line-height:30px; }
.btn-send,.btn-reset { margin-bottom:10px; background:#1e59a8; color:#fff; }
.btn-reset { display:none; }
.from-title { text-align: center; background:#dcecfb; color: #1e59a8; padding:20px 0; line-height:30px; }

.text, .textarea, .input { border: 1px solid #e1e1e1; background: #f6f6f6; }



/*
	新闻详细页
*/
.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; color:#333; 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 4% 2%; font-size:12px; }
.m_intro { margin: 2% 4% 4%; padding:4%; background: #fafafa; }

		/* 下一条 */
.pager-next-pre { padding:4%; background:#fff; line-height: 2; }
.pager-next-pre p { background:#f3f3f3; padding:.3rem; margin:.3rem 0; }
.pager-next-pre p:hover { color:#666; }

/*
	网站底部
*/
.youlink { background:#fff!important; border-top:1px solid #ebebeb; color:#666!important; text-align:left!important; padding:.7rem; }
.youlink a { color:#666!important; }
.m_code { padding: 15px 10px 80px; background:#eee!important; border-top:1px solid #ebebeb; }
#fixed-foot {background: #f4f4f4; border-radius: 30px; margin: 3% 4%; width: 92%; box-shadow: 0 5px 5px #666; padding: 1% 5%;}
#fixed-foot li {display:table-cell;font-size:inherit;border-right: 1px solid #fff;}
#fixed-foot li:last-child {border-right: 0;}
#fixed-foot li {background: none;background: none;}
#fixed-foot li a {color: #1f59a8;display:block;width:100%;height:100%;}
#fixed-foot li.active a { color:#dcecfb; font-weight:bold; }
#fixed-foot li a span { display:block; height:30px; width:30px; margin:0 auto .4rem; background-repeat:no-repeat!important; background-position:50% 50%!important; background-size:contain!important; }

/* 小于360 */
@media (max-width:360px){
	#fixed-foot li { padding-top:8px; }
	#fixed-foot li a span { height:26px; width:26px; }
}


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

.font0 { font-size:0; }

.product{padding:5% 0;z-index:30}
.product .piclist { height:auto!important; }

.case { padding:0; }

.TPLB_LIST li .txt { overflow:hidden; text-align:center; }

.from { padding:4%; }

.contact { line-height:1.6; }

.paging{padding:10px;text-align:center}
.paging a,.paging span{display:inline-block;*display:inline;zoom:1;padding:3px 8px;border:1px solid #ddd;}
.paging .current{border:0;color:#f60;font-weight:bold}

.TW_CONTENT_PCI { line-height:2; }




/**************************************************

		信息流部分

**************************************************/

.flowpage ::-webkit-input-placeholder {color:#333;}
.flowpage ::-moz-placeholder {color:#333;}
.flowpage :-ms-input-placeholder {color:#333; }


#pg_margins.flowpage { /* padding: 0 0 47px */;background: #fff; }
.p20 { padding:20px; font-size:16px; line-height:2; }
.flowpage .clear { height: 0!important; clear: both; }
.flowpage .box { margin:0; }

.IBW_FlowPage_Form {padding:2em;}
.IBW_FlowPage_Form form {margin:0;padding:0}
.IBW_FlowPage_Form .tips {padding:1em 1.5em 0;color:#f00}
.IBW_FlowPage_Form .data {padding:.6em 0}
.IBW_FlowPage_Form .data .title_name {display:none;padding:0 0 .4em;color:#666;}
.IBW_FlowPage_Form .data .input_option .input {padding:2% 4%;border-radius:6px;border:1px solid #fff;background:#fff;color:#666;font-size:16px;line-height:32px;}
.IBW_FlowPage_Form .btn-area {padding:.6em 0 0}
.IBW_FlowPage_Form .btn-area .btn-submit {width:100%;padding:2% 5%;border-radius:30px;border:0!important;background:#ff0899;color:#fff;font-size:30px;line-height:32px; cursor: pointer; }
.IBW_FlowPage_Form .btn-area .reset {display:none!important;}
.IBW_FlowPage_Form select{padding: 2% 4%;border-radius: 6px;border: 1px solid #fff;background: #fff;color: #666;font-size: 16px;line-height: 32px;width: 100%;appearance: none;
-moz-appearance: none;-webkit-appearance: none; background: url(icon01.png) no-repeat 540px center #fff;outline: none;}

/* 表单背景颜色 */
.IBW_FlowPage_Form { background:#eeeeee; }


/* 提交按钮颜色，按钮文字颜色 */
.IBW_FlowPage_Form .btn-area .btn-submit { background:#006ebe; color:#fff; }

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


#header {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
#banner {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


.box.active .title {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.box.active .wow {
	-webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}