@charset "utf-8";
/* 默认样式 过滤器
--------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}


/* font 
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
/* list 
--------------------------------------------------------------------*/
ol, ul {
	list-style-type: none;
}
li {
	list-style: none;
}
/* form
--------------------------------------------------------------------*/
input, select, textarea, button {
	font-size: inherit;
	line-height: inherit;
}
button {
	cursor: pointer;
}
/* table
--------------------------------------------------------------------*/
table, thead, tbody, tfoot, tr, th, td, caption, col, colgroup {
	text-align: inherit;
	line-height: inherit;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
thead {
	display: table-header-group;
}
tbody {
	display: table-row-group;
}
tfoot {
	display: table-footer-group;
}
tr {
	display: table-row;
}
th, td {
	display: table-cell;
}
caption {
	display: table-caption;
}
col {
	display: table-column;
}
colgroup {
	display: table-column-group;
}
/* clearfix
--------------------------------------------------------------------*/
.clear:after, .main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	clear: both;	/*控制分类后，各行高度不一样对不齐问题*/
	width: 100%;
	height: 0px;
	font-size: 0;
	overflow: hidden;	/*控制分类后，各行高度不一样对不齐问题*/
}
.clear, .main {
	display: inline-block;
}/*IE7用*/
* html .clear, * html .main {
	zoom: 1;
	display: inline-block;
}/* Hides from IE-mac \*/
.clear, .main {
	display: block;
}/* End hide from IE-mac */
.clear {/*clear: both;height:1px;margin-top:-1px;overflow:hidden;*/
}
.zoom {
	zoom: 1;
	overflow: hidden;
}
.blue {color: #2c6de3;}
.omit{    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;
}

em.timer{font-style: normal;display:inline-block;font-size:90px;font-weight:700;vertical-align:top;letter-spacing:5px}
.he_80{ width: 100%; height: 80px;}

.img{ overflow: hidden; }
.img img{width: 100%; height: 100%; transition: all ease-out .8s;}
.img:hover img{transform: scale(1.3, 1.3);}

img {border: none;float:none ; }

/* 主体布局部分 
--------------------------------------------------------------------*/
.main{ width: 1280px; margin: 0 auto;min-width: 1280px;position: relative;text-align: left;}
/* 主体布局部分 
--------------------------------------------------------------------*/
.grid_01 { width:10px  }
.grid_02 { width:20px  } .grid_03 { width:30px  } .grid_04 { width:40px  } .grid_05 { width:50px  } 
.grid_06 { width:60px  } .grid_07 { width:70px  } .grid_08 { width:80px  } .grid_09 { width:90px  }
.grid_10 { width:100px } .grid_11 { width:110px } .grid_12 { width:120px } .grid_13 { width:130px }
.grid_14 { width:140px } .grid_15 { width:150px } .grid_16 { width:160px } .grid_17 { width:170px }
.grid_18 { width:180px } .grid_19 { width:190px } .grid_20 { width:200px } .grid_21 { width:210px }
.grid_22 { width:220px } .grid_23 { width:230px } .grid_24 { width:240px } .grid_25 { width:250px }
.grid_26 { width:260px } .grid_27 { width:270px } .grid_28 { width:280px } .grid_29 { width:290px }
.grid_30 { width:300px } .grid_31 { width:310px } .grid_32 { width:320px } .grid_33 { width:330px }
.grid_34 { width:340px } .grid_35 { width:350px } .grid_36 { width:360px } .grid_37 { width:370px }
.grid_38 { width:380px } .grid_39 { width:390px } .grid_40 { width:400px } .grid_41 { width:410px }
.grid_42 { width:420px } .grid_43 { width:430px } .grid_44 { width:440px } .grid_45 { width:450px }
.grid_46 { width:460px } .grid_47 { width:470px } .grid_48 { width:480px } .grid_49 { width:490px }
.grid_50 { width:500px } .grid_51 { width:510px } .grid_52 { width:520px } .grid_53 { width:530px }
.grid_54 { width:540px } .grid_55 { width:550px } .grid_56 { width:560px } .grid_57 { width:570px }
.grid_58 { width:580px } .grid_59 { width:590px } .grid_60 { width:600px } .grid_61 { width:610px }
.grid_62 { width:620px } .grid_63 { width:630px } .grid_64 { width:640px } .grid_65 { width:650px }
.grid_66 { width:660px } .grid_67 { width:670px } .grid_68 { width:680px } .grid_69 { width:690px }
.grid_70 { width:700px } .grid_71 { width:710px } .grid_72 { width:720px } .grid_73 { width:730px }
.grid_74 { width:740px } .grid_75 { width:750px } .grid_76 { width:760px } .grid_77 { width:770px }
.grid_78 { width:780px } .grid_79 { width:790px } .grid_80 { width:800px } .grid_81 { width:810px }
.grid_82 { width:820px } .grid_83 { width:830px } .grid_84 { width:840px } .grid_85 { width:850px }
.grid_86 { width:860px } .grid_87 { width:870px } .grid_88 { width:880px } .grid_89 { width:890px }
.grid_90 { width:900px } .grid_91 { width:910px } .grid_92 { width:920px } .grid_93 { width:930px }
.grid_94 { width:940px } .grid_95 { width:950px } .grid_96 { width:960px } .grid_97 { width:970px }
.grid_98 { width:980px } .grid_99 { width:990px }

.grid { width: 100%;} .grid_2_1{ width: 50%;} .grid_3_1{ width: 33.3%;} .grid_4_1{ width:25% }

/* margin */
.mg_auto { margin:auto; float:none;}		 .mg00 { margin:0px}
.mg05 { margin:5px}          .mg10 { margin:10px}
.mg15 { margin:15px}         .mg20 { margin:20px}
.mg25 { margin:25px}         .mg30 { margin:30px}
.mg35 { margin:35px}         .mg40 { margin:40px}
.mg45 { margin:45px}         .mg50 { margin:50px}

.mt00 { margin-top: 0px}
.mt05 { margin-top: 5px}     .mt10 { margin-top: 10px}
.mt15 { margin-top: 15px}    .mt20 { margin-top: 20px}
.mt25 { margin-top: 25px}    .mt30 { margin-top: 30px}
.mt35 { margin-top: 35px}    .mt40 { margin-top: 40px}
.mt45 { margin-top: 45px}    .mt50 { margin-top: 50px}

.mb00 { margin-bottom: 0}
.mb05 { margin-bottom: 5px}  .mb10 { margin-bottom: 10px}
.mb15 { margin-bottom: 15px} .mb20 { margin-bottom: 20px}
.mb30 { margin-bottom: 30px} .mb35 { margin-bottom: 35px}
.mb40 { margin-bottom: 40px} .mb45 { margin-bottom: 45px}
.mb50 { margin-bottom: 50px}

.mr00 { margin-right: 0}
.mr05 { margin-right: 5px}   .mr10 { margin-right: 10px}
.mr15 { margin-right: 15px}  .mr20 { margin-right: 20px}
.mr25 { margin-right: 25px}  .mr30 { margin-right: 30px}
.mr35 { margin-right: 35px}  .mr40 { margin-right: 40px}
.mr45 { margin-right: 45px}  .mr50 { margin-right: 50px}

.ml00 { margin-left: 0}
.ml05 { margin-left: 5px}    .ml10 { margin-left: 10px}
.ml15 { margin-left: 15px}   .ml20 { margin-left: 20px}
.ml25 { margin-left: 25px}   .ml30 { margin-left: 30px}
.ml35 { margin-left: 35px}   .ml40 { margin-left: 40px}
.ml45 { margin-left: 45px}   .ml50 { margin-left: 50px}


/* padding */
.pd00 { padding:0px}
.pd05 { padding:5px}          .pd10 { padding:10px}
.pd15 { padding:15px}         .pd20 { padding:20px}
.pd25 { padding:25px}         .pd30 { padding:30px}
.pd35 { padding:35px}         .pd40 { padding:40px}
.pd45 { padding:45px}         .pd50 { padding:50px}

.pt00 { padding-top:0px}
.pt05 { padding-top: 5px}     .pt10 { padding-top: 10px}
.pt15 { padding-top: 15px}    .pt20 { padding-top: 20px}
.pt25 { padding-top: 25px}    .pt30 { padding-top: 30px}
.pt35 { padding-top: 35px}    .pt40 { padding-top: 40px}
.pt45 { padding-top: 45px}    .pt50 { padding-top: 50px}

.pb00 { padding-bottom: 0} 
.pb05 { padding-bottom: 5px}  .pb10 { padding-bottom: 10px}
.pb15 { padding-bottom: 15px} .pb20 { padding-bottom: 20px}
.pb25 { padding-bottom: 25px} .pb30 { padding-bottom: 30px}
.pb35 { padding-bottom: 35px} .pb40 { padding-bottom: 40px}
.pb45 { padding-bottom: 45px} .pb50 { padding-bottom: 50px}

.pr00 { padding-right: 0}
.pr05 { padding-right: 5px}  .pr10 { padding-right: 10px}
.pr15 { padding-right: 15px} .pr20 { padding-right: 20px}
.pr25 { padding-right: 25px} .pr30 { padding-right: 30px}
.pr35 { padding-right: 35px} .pr40 { padding-right: 40px}
.pr45 { padding-right: 45px} .pr50 { padding-right: 50px}

.pl00 { padding-left: 0}
.pl05 { padding-left: 5px}   .pl10 { padding-left: 10px}
.pl15 { padding-left: 15px}  .pl20 { padding-left: 20px}
.pl25 { padding-left: 25px}  .pl30 { padding-left: 30px}
.pl35 { padding-left: 35px}  .pl40 { padding-left: 40px}
.pl45 { padding-left: 45px}  .pl50 { padding-left: 50px}


/* float */
.floatN{ float: none}
.floatL{ float: left}
.floatR{ float: right}

/*text*/
.textR { text-align: right}
.textL { text-align: left}
.textC { text-align: center}
/* 整体框架 */
/* body  
--------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	font-size: 12px;
	text-align: center;
	color: #333;
	background: #fff;
	font: 12px/22px Vijaya, "\5b8b\4f53", Arial, sans-serif;
	;
	_padding-bottom: 30px;/*IE6提示升级浏览器填充*/
}
.main, .head_box, .li_head_box {
	margin: 0 auto;
	width: 1200px;      /* 调整全局的宽度 必须是10 的倍数 */
	text-align: left;
	position: relative;
}
/* link   全局链接样式  
--------------------------------------------------------------------*/
a{
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
a:hover {
	color: #008aff;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

/* 全局   文字设置  
--------------------------------------------------------------------*/
/*p标签*/
p {
	color: #333;
	line-height: 24px;
}
/*正文文字*/
.text, .text p {
	line-height: 24px;
}

/*辅助文字*/
.assist, .assist p, a.assist:link, a.assist:visited {
	color: #999;
	line-height: 22px;
}
/*强调文字*/
.strong {
	font-weight: bold;
}
/*不加粗文字*/
.Slim {
	font-weight: normal;
}
/*标红文字*/
.redtext, .text .redtext {
	color: #F00;
}
/*标黑文字*/
.Blacktext, .text .Blacktext {
	color: Black;
}
/*text-indent*/
.int_2em p {
	text-indent: 2em;
}
/*文字大小*/
.text_12 {
	font-size: 12px;
	line-height: 24px;
}
.text_14 {
	font-size: 14px;
	line-height: 26px;
}
.text_16 {
	font-size: 16px;
	line-height: 28px;
}

.text_18 {
	font-size: 18px;
	line-height: 30px;
}
.text_20 {
	font-size: 20px;
	line-height: 32px;
}
.text_24 {
	font-size: 24px;
	line-height: 48px;
}
.text_28 {
	font-size: 28px;
	line-height: 42px;
}
.text_30 {
	font-size: 30px;
	line-height: 56px;
}
.text_32 {font-size: 32px;}
.text_34 {font-size: 34px;}
.text_36 {font-size: 36px;}
.text_38 {font-size: 38px;}
.text_40 {font-size: 40px;}
.text_42 {font-size: 42px;}
.text_44 {font-size: 44px;}
.text_46 {font-size: 46px;}
.text_48 {font-size: 48px;}
.text_50 {font-size: 50px;}
.text_52 {font-size: 52px;}
.text_54 {font-size: 54px;}
.text_56 {font-size: 56px;}
.text_58 {font-size: 58px;}
.text_60 {font-size: 60px;}
.text_62 {font-size: 62px;}
.text_64 {font-size: 64px;}
.text_66 {font-size: 66px;}
.text_68 {font-size: 68px;}
.text_70 {font-size: 70px;}
/* border  全局边框  
--------------------------------------------------------------------*/
.border_ccc {
	border: 1px solid #ccc;
}
.border_999 {
	border: 1px solid #ccc;
}
.border_666 {
	border: 1px solid #ccc;
}
.border_333 {
	border: 1px solid #ccc;
}
.bor_bot_ccc {
	border-bottom: 1px solid #ccc
}
.bor_bot_999 {
	border-bottom: 1px solid #999
}
.bor_bot_666 {
	border-bottom: 1px solid #666
}
.bor_bot_333 {
	border-bottom: 1px solid #333
}
.bor_bot_eee {
	border-bottom: 1px solid #eee
}
.bor_top_none {
	border-top: none;
}
.bor_bottom_none {
	border-bottom: none;
}
.bor_left_none {
	border-left: none;
}
.bor_right_none {
	border-right: none;
}
.bor_bot_1 {
	border-bottom: 1px dashed #ccc
}
/* color  文字全局色调  
--------------------------------------------------------------------*/
.color_1, .color_1:link, .color_1:visited, .color_1:hover {
	color: #1b5eb1
}
.color_ccc, .color_ccc:link, .color_ccc:visited, .color_ccc:hover {
	color: #ccc
}
.color_999, .color_999:link, .color_999:visited, .color_999:hover {
	color: #999
}
.color_666, .color_666:link, .color_666:visited, .color_666:hover {
	color: #666
}
.color_333, .color_333:link, .color_333:visited, .color_333:hover {
	color: #333
}
.color_fff, .color_fff:link, .color_fff:visited, .color_fff:hover {
	color: #fff
}
/* 百度地图API
--------------------------------------------------------------------*/
.iw_poi_title {
	color: #1b5eb1;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
/* IE6提示升级浏览器
--------------------------------------------------------------------*/
.Upgrade_bg {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 28px;
	line-height: 28px;
	border-top: solid 2px #1b5eb1;
	display: none;
	_display: block;
}
.Upgrade {
	position: absolute;
	width: 960px;
	margin-left: -480px;
	left: 50%;
	top: 0px;
	text-align: left;
}
.Upgrade .strong {
	color: #1b5eb1;
}
.Upgrade .download {
	float: right;
	width: 80px;
	margin-top: 2px;
}
.Upgrade .download a, .Upgrade .download a:link, .Upgrade .download a:visited, .Upgrade .download a:hover {
	color: #fff;
}
/* 分页样式 */
/* pageGuide  
--------------------------------------------------------------------*/
.pageGuide {
	width: 100%;
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.pageinfo {
	float: left;
}
.paging {
	text-align: center;
}
.paging a {
	display: inline-block;
	margin-left: 6px;
	border: 1px solid #dddddd;
	background: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	_line-height: 50px;
	border-radius: 100%;
}
.paging .current:link, .paging .current:visited, .paging .current:active {
	background: #008aff;
	color: #fff;
	border: 1px solid #836d5c;
}
.paging a:link, .paging a:visited, .paging a:active {	color: #666;
}
.paging a:hover {
	background: #008aff;
	color: #fff;
	border: 1px solid #836d5c;
}

ul li {
	list-style: none;
}
a {
	text-decoration: none;
}
input {
	border: none;
	background: none;
}
input, textarea {
	outline: 0;
	font-size: 14px;
	-webkit-appearance: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block
}


html, body {
	font: 14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	color: #333;
	width: 100%;
	height: 100%;
	background: #fff;
}

.yy_tag_I {
	margin: 0 5px
}
.bx-wrapper {
	margin: 0 auto
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-color: #999;
	border: 1px solid #999;
}


#pages {
	padding: 40px 0 80px;
	height: 36px;
	text-align: center
}
#pages a {
	width: 36px;
	height: 36px;
	background-color: #fff;
	display: inline-block;
	color: #a9a9a9;
	line-height: 36px;
	text-align: center;
	font-family: Arial;
	margin-right: 5px;
	transition: background-color 0.2s ease-out
}
#pages span {
	margin-right: 5px
}
#pages a i {
	font-size: 24px;
	top: 2px;
	position: relative
}
#pages a.active, #pages a:hover {
	background-color: #838383;
	color: #fff;
}
.nobanner .npagePage {
	padding-top: 80px
}
.npagePage #banner {
	width: 100%;
	height: 380px;
	position: relative;
}
.npagePage #banner div {
	background-color: #39383E;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: fixed;
	width: 100%;
	height: 380px;
}
.npagePage .content {
	background-color: #fff;
	position: relative;
	z-index: 1
}

.postbody {
	line-height: 24px;
	font-size: 13px;
	color: #6a6a6a
}
.postbody a {
	color: #848484;
	text-decoration: underline;
}
.postbody a:hover {
	text-decoration: underline;
	color: #414141;
}
.postbody img {
	float: none
}
.postbody hr {
	height: 1px;
	border: none;
	border-top: 1px dotted rgb(211, 211, 211);
	margin-top: 20px;
	margin-bottom: 20px;
}
.postbody p {
	word-wrap: break-word;
	word-break: normal
}
.lowB #header, .lowB #indexPage #mslider .bx-wrapper, .lowB .npagePage #banner div {
	position: relative
}
.lowB #indexPage .module.bgShow {
	background-attachment: scroll
}
.lowB #header {
	background: rgb(23, 28, 32)
}
.lowB .nobanner .npagePage {
	padding: 0
}
#footer {
	background: #000;
	width: 100%;
	position: relative;
	z-index: 2
}
#footer p {
	text-align: right;
	padding: 20px;
	font-size: 12px;
	color: #8e8e8e;
	height: 20px;
	line-height: 20px
}
#footer a {
	display: inline-block;
	width: 50px;
	height: 20px;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 40px
}
#footer a path {
	fill: #ff0000
}
#footer.mini {
	position: fixed;
	bottom: 0;
	background: rgba(0,0,0,.8)
}
#footer.mini p {
	padding: 5px
}
#shares {
	height: 120px;
	position: fixed;
	right: 10px;
	bottom: 40px;
	z-index: 99
}
#shares a {
	width: 30px;
	height: 30px;
	display: block;
	background: #8b8b8b;
	background-color: rgba(31,31,31,.6);
	color: #fff;
	font-size: 16px;
	text-align: center;
}
#shares a i {
	margin-top: 7px
}
#shares a#sshare {
	cursor: default;
}
#shares a#sweibo {
	background-color: #ea493c
}
#shares a#sweixin {
	background-color: #24b727
}
#shares a#gotop {
	background-color: #666666;
	background-color: rgba(0,0,0,.6);
	margin-top: 20px;
	font-size: 22px
}
#shares a#gotop i {
	margin-top: 3px
}
.fixed {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.6);
	overflow-y: auto;
	z-index: 100;
	display: none
}
{
height:auto;
cursor:default;
}
#fixed_weixin .fixed-container {
	width: 220px;
	height: auto;
	padding: 20px 20px 0 20px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -110px;
	margin-top: -140px
}
#fixed_weixin .fixed-container div {
	height: 220px
}
#fixed_weixin .fixed-container p {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #000
}
#fixed_mp .fixed-container {
	width: 258px;
	height: 298px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -129px;
	margin-top: -149px
}
#fixed_mp .fixed-container p {
	padding: 0 20px;
	text-align: center;
	font-size: 14px;
	color: #000
}
#online_lx {
	width: 192px;
	height: auto;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);
	box-shadow: 0 5px 9px rgba(4,0,0,.17);
	position: fixed;
	right: 10px;
	bottom: 160px;
	z-index: 99999
}
#olx_head {
	padding: 20px;
	line-height: 16px;
	height: 16px;
	background: #00d420;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 14px
}
#olx_head i {
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#olx_qq li a {
	padding: 12px 30px;
	height: 18px;
	line-height: 18px;
	background: #f5f5f5;
	color: #353434;
	display: block;
	border-bottom: #fff 1px solid;
	transition: all ease-out .3s;
	font-size: 12px
}
#olx_qq li a i {
	color: #5e5e5e;
	font-size: 16px;
	vertical-align: middle;
	margin-right: 18px;
	transition: all ease-out .3s;
}
#olx_qq li a:hover {
	color: #fff;
	background: #565656
}
#olx_qq li a:hover i {
	color: #00d420;
}
#olx_tel {
	padding: 20px 30px
}
#olx_tel div {
	color: #434343;
	line-height: 14px;
	height: 14px;
	margin-bottom: 10px
}
#olx_tel div i {
	font-size: 18px;
	margin-right: 20px;
	vertical-align: middle
}
#olx_tel p {
	line-height: 18px;
	font-family: HELVETICANEUELTPRO-THEX;
	font-size: 16px
}
.hide, .popup {
	display: none;
}
.show {
	display: block;
}
#mslider li video {
	position: absolute;
}
#indexPage #mslider ul li div.mask {
	background-color: transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.netmask {
	display: block
}
.netmask div {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px
}
.netmask.loading div i {
	display: block;
	background: url(../images/loading.gif);
	width: 40px;
	height: 40px
}
.netmask div i:before {
	display: none;
	font-size: 40px;
	color: #fff;
}
.netmask.success div i:before {
	display: block
}
#page404 {
	padding-top: 200px
}
#page404 span {
	font-size: 150px;
	font-family: "HELVETICANEUELTPRO-THEX", Arial;
	color: #efefef;
}
#page404 div {
	margin-left: 320px;
	padding-left: 26px;
	border-left: #e9e9e9 1px solid;
	height: 70px;
}
#page404 div p.title {
	color: #787878;
	font-size: 36px;
	line-height: 36px
}
#page404 div p.subtitle {
	color: #787878;
	font-size: 14px;
	margin-top: 10px
}
#projectlist .wrapper {
	margin-left: 1%
}
#langnav {
	float: right
}
#langnav a {
	color: #fff
}
#langnav a:hover {
	color: #838383
}
#langnav a.active {
	color: #838383
}
#langnav span {
	color: rgba(255,255,255,.2);
	margin: 0 10px;
	display: inline-block
}
#headSHBtn {
	display: none;
	width: 40px;
	height: 40px;
	background: #000;
	line-height: 40px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0;
	right: -40px
}
#header.show {
	right: 0
}

@media screen and (min-width:1780px) {
}
#mcontact .content > .header {
	animation-name: fadeInUp;
}
#mcontact .content #contactinfo {
	animation-name: fadeInLeft;
	animation-delay: 0.2s
}
#mcontact .content #contactform {
	animation-name: fadeInRight;
	animation-delay: 0.2s
}
#mcontact .content #contactform {
	animation-name: fadeInRight;
	animation-delay: 0.2s
}
#mnews a.more {
	display: none
}
#mpage .module-content .header {
	animation-name: fadeInUp;
	animation-delay: 0.2s
}
#mpage .module-content .description {
	animation-name: fadeInUp;
	animation-delay: 0.3s
}
#mpage .module-content .more {
	animation-name: fadeInUp;
	animation-delay: 0.5s
}
#mpage .module-content .fimg {
	animation-name: fadeInUp;
	animation-delay: 0.3s
}
#mpartner .content > .header {
	animation-name: slideInUp;
	animation-delay: 0.1s
}
#mproject .content > .header {
	animation-name: fadeInUp;
}
#projectlist .projectitem {
	animation-name: slideInUp;
}
#indexPage #mproject a.more {
	animation-name: fadeInUp;
	animation-delay: 0.5s
}
#mservice .content > .header {
	animation-name: fadeInUp;
}
#servicelist .serviceitem {
	animation-name: slideInUp;
}
#indexPage #mservice a.more {
	animation-name: fadeInUp;
	animation-delay: 0.5s
}
#mteam .content > .header {
	display: none
}
body.ipusher #header {
	width: 350px;
	height: 100%;
	background: #202122;
	padding: 0;
	left: -350px;
	transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
body.ipusher #header #headSHBtn i {
	font-size: 18px;
	margin-top: 12px;
}
body.ipusher.open #header #headSHBtn i:before {
	content: "\f00d";
}
body.ipusher.open #header {
	transform: translate3d(350px, 0, 0);
	-webkit-transform: translate3d(350px, 0, 0);
	-moz-transform: translate3d(350px, 0, 0);
	-o-transform: translate3d(350px, 0, 0);
}
body.ipusher #header .content {
	padding: 0
}
body.ipusher #header #logo {
	width: 100%;
	float: none;
	margin: 20px 0 0 0
}
body.ipusher #header #logo img {
	float: none;
	margin: 0 auto;
	display: block
}
body.ipusher #header ul li.navitem {
	width: 100%;
	padding: 0;
	text-align: center;
	line-height: 50px;
	border-top: 1px solid #272727;
}
body.ipusher #header ul li.navitem ul.subnav li a:hover {
	text-indent: 0px;
}
body.ipusher #header ul li.navitem ul.subnav {
	left: 100%;
	top: 0
}
#logoClone {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	width: 100%;
	height: 40px;
}
#logoClone img {
	float: none
}
#teamlist .wow {
	animation-name: slideInUp;
}
#projecttags {
	margin-top: 20px;
	width: 340px;
	margin-left: 40px;
	float: left;
}
#projectib {
	margin-right: -10px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
	width: 340px;
}
#pageswitch {
	margin-top: -150px;
	display: none;
}
#pageswitch a {
	width: 50%;
	height: 40px;
	padding: 20px 0;
	float: left;
	background: #fff;
	font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
	transition: all ease-out .3s;
	position: relative;
}
#pageswitch a:hover {
	background: #CCC;
	box-shadow: 0 0 15px #ccc;
	z-index: 3
}
#pageswitch a .title {
	color: #444;
}
#pageswitch a .subtitle {
	color: #a5a5a5;
}
#pageswitch .prev div {
	text-align: left;
	margin-left: 30px;
}
#pageswitch .next div {
	text-align: right;
	margin-right: 30px;
}
#indexPage .mivideo.module .module-content .video_content {
	width: 960px;
	height: 575px;
	margin: 0 auto
}
#projectinfo .description a, #projectinfo1 .description a, #projectinfo2 .description a, #projectinfo3 .description a, #projectinfo4 .description a, #projectinfo5 .description a {
	height: 40px;
	width: 100%;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #5A5A5A;
	display: block;
	bottom: 0;
	left: 0;
}
#shares a i.fa-weixin {
	color: transparent;
	background-image: url(http://mo001_77.mo1.line2.jsmo.xin/templates/ue_content/templates/images/shouji.png);
	background-repeat: no-repeat;
	font-size: 23px;
	margin: 7px 0 0 10px;
}
.animated {
	animation-name: fadeInUp;
	animation-delay: 0s;
}
#projectlist .projectitem {
	animation-name: fadeInUp;
}
#projectwrap1, #projectwrap2, #projectwrap3, #projectwrap4, #projectwrap5 {
	width: 1180px;
	margin: 0 auto;
	margin-top: 50px;
}
#projectinfo1, #projectinfo2 {
	float: right;
	padding: 30px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	width: 300px;
	border-top: 10px solid #22a9ff;
}
#projectinfo1 .header .description, #projectinfo2 .header .description {
	color: #6a6a6a;
	font-size: 13px;
	line-height: 24px;
	margin: 30px 0 0;
}
.content #projectih1 .header, .content #projectih2 .header {
	padding: 0;
}
#projectinfo2 {
	float: left;
}
#projectinfo5 {
	float: left;
	width: 785px;
}
#projectinfo1 .header p, #projectinfo2 .header p, #projectinfo3 .header p, #projectinfo4 .header p, #projectinfo5 .header p {
	text-align: left;
}
#projectinfo3 .header, #projectinfo4 .header {
	padding-top: 70px;
}
#projectbody1, #projectbody2 {
	float: left;
	width: 785px;
}
#projectbody2 {
	float: right;
}
#projectbody5 {
	float: left;
	width: 785px;
}
#projectimages1 img, #projectimages2 img, #projectimages3 img, #projectimages4 img, #projectimages5 img {
	width: 100%;
	margin-bottom: 10px;
}
#projectshow1, #projectshow2 {
	width: 785px;
	float: left;
	margin-top: 40px;
}
#projectshow2 {
	float: right;
}
#projectshow3, #projectshow4 {
	margin-top: 40px;
}
#projectshow5 {
	float: right;
	width: 345px;
	padding-top: 120px;
}
#projectshow1 #projecttags1, #projectshow2 #projecttags2, #projectshow3 #projecttags3, #projectshow4 #projecttags4 {
	margin-top: 20px;
	width: 100%;
}
#projecttags1 a, #projecttags2 a, #projecttags3 a, #projecttags4 a, #projecttags5 a {
	transition: all ease-out .3s;
	float: left;
	font-size: 13px;
	color: #989898;
	padding: 5px 10px;
	background: #f3f3f3;
	margin-right: 5px;
	margin-bottom: 5px;
}
#projectshow1 #projectib1, #projectshow2 #projectib2, #projectshow3 #projectib3, #projectshow4 #projectib4, #projectshow5 #projectib5 {
	margin-top: 20px;
}
#projectshow1 #projectib1:after, #projectshow1 #projecttags1:after, #projectshow2 #projectib2:after, #projectshow2 #projecttags2:after, #projectshow3 #projectib3:after, #projectshow3 #projecttags3:after, #projectshow4 #projectib4:after, #projectshow4 #projecttags4:after, #projectshow5 #projectib5:after, #projectshow5 #projecttags5:after {
	content: '';
	display: block;
	clear: both;
}
#projectib1 .projectitem1, #projectib2 .projectitem2, #projectib3 .projectitem3, #projectib4 .projectitem4 {
	width: 245px;
	height: auto;
	float: left;
	margin: 0 6px 14px;
}
#projectib3 .projectitem3, #projectib4 .projectitem4 {
	width: 275px;
	margin: 0 10px 40px;
}
#projectib1 .projectitem1 img, #projectib2 .projectitem2 img, #projectib3 .projectitem3 img, #projectib4 .projectitem4 img {
	width: 100%;
	height: auto;
	float: none;
}
#projectib1 .projectitem1 a .project_info, #projectib2 .projectitem2 a .project_info, #projectib3 .projectitem3 a .project_info, #projectib4 .projectitem4 a .project_info, #projectib5 .projectitem5 a .project_info {
	width: 100%;
	height: 30px;
}
#projectib1 .projectitem1 a .project_info p, #projectib2 .projectitem2 a .project_info p, #projectib3 .projectitem3 a .project_info p, #projectib4 .projectitem3 a .project_info p, #projectib5 .projectitem5 a .project_info p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#projectib5 #projectlist .projectitem {
	width: 49%;
}
#npagePage #projectlist .projectitem a .project_info div {
	margin-top: 0px;
}
#npagePage #projectlist .projectitem a:hover img {
	transform: scale(1, 1);
}
#npagePage #projectlist .projectitem a:hover .project_info {
	width: 100%;
	height: 100%;
}
#npagePage #projectlist .projectitem a .project_info {
	position: inherit;
}
#npagePage #projectlist .projectitem a .project_info p.subtitle {
	margin-top: 0px;
	height: 24px;
	line-height: 24px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#npagePage #projectlist .projectitem a .project_info p.title {
	margin-top: 0px;
	height: 22px;
	line-height: 22px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#post_slider, #post_slider1 {
	height: 500px;
}
#post_slider li, #post_slider1 li {
	height: 500px;
}
ul.content_list:after {
	content: '';
	display: block;
	clear: both;
}
.projectSubList {
	margin-bottom: 20px;
}
.projectSubTitle {
	font-size: 24px;
	line-height: 24px;
	margin: 20px auto 50px;
	display: none
}
.postbody img {
	max-width: 100%;
	margin-bottom: 10px;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 0;
}
#indexPage #mslider .bx-wrapper .bx-pager {
	z-index: 0;
}
#shares a i, #contactinfo div a i, #online_open i, #olx_qq li a i, #olx_tel div i {
	margin-left: 0px;
}
.service_img {
	display: inline;
}
body.ipusher #header #headSHBtn i {
	margin-left: 0px;
}
.nav-a i {
	display: inline;
}
#indexPage .mivideo {
	background-color: #fff;
	padding-bottom: 10px;
	padding-top: 80px;
}
#projectitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.1s;
}
#projectitem_2 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#projectitem_3 {
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#projectitem_4 {
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}
#projectitem_5 {
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}
#projectitem_6 {
	animation-name: fadeInUp;
	animation-delay: 0.6s;
}
#projectitem_7 {
	animation-name: fadeInUp;
	animation-delay: 0.7s;
}
#projectitem_8 {
	animation-name: fadeInUp;
	animation-delay: 0.8s;
}
#projectitem_9 {
	animation-name: fadeInUp;
	animation-delay: 0.9s;
}
#projectitem_10 {
	animation-name: fadeInUp;
	animation-delay: 1s;
}
#projectitem_11 {
	animation-name: fadeInUp;
	animation-delay: 1.1s;
}
#newsitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#newsitem_2 {
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}
#newsitem_3 {
	animation-name: fadeInUp;
	animation-delay: 0.6s;
}
#newsitem_4 {
	animation-name: fadeInUp;
	animation-delay: 0.8s;
}
#newsitem_5 {
	animation-name: fadeInUp;
	animation-delay: 1s;
}
#newsitem_6 {
	animation-name: fadeInUp;
	animation-delay: 1.2s;
}
#newsitem_7 {
	animation-name: fadeInUp;
	animation-delay: 1.4s;
}
#newsitem_8 {
	animation-name: fadeInUp;
	animation-delay: 1.6s;
}
#newsitem_9 {
	animation-name: fadeInUp;
	animation-delay: 1.8s;
}
#newsitem_10 {
	animation-name: fadeInUp;
	animation-delay: 2s;
}
#newsitem_11 {
	animation-name: fadeInUp;
	animation-delay: 2.2s;
}
#serviceitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.1s;
}
#serviceitem_2 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#serviceitem_3 {
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#serviceitem_4 {
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}
#serviceitem_5 {
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}
#serviceitem_6 {
	animation-name: fadeInUp;
	animation-delay: 0.6s;
}
#serviceitem_7 {
	animation-name: fadeInUp;
	animation-delay: 0.7s;
}
#serviceitem_8 {
	animation-name: fadeInUp;
	animation-delay: 0.8s;
}
#serviceitem_9 {
	animation-name: fadeInUp;
	animation-delay: 0.9s;
}
#serviceitem_10 {
	animation-name: fadeInUp;
	animation-delay: 1s;
}
#serviceitem_11 {
	animation-name: fadeInUp;
	animation-delay: 1.1s;
}
#teamitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.1s;
}
#teamitem_2 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#teamitem_3 {
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#teamitem_4 {
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}
#teamitem_5 {
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}
#teamitem_6 {
	animation-name: fadeInUp;
	animation-delay: 0.6s;
}
#teamitem_7 {
	animation-name: fadeInUp;
	animation-delay: 0.7s;
}
#teamitem_8 {
	animation-name: fadeInUp;
	animation-delay: 0.8s;
}
#teamitem_9 {
	animation-name: fadeInUp;
	animation-delay: 0.9s;
}
#teamitem_10 {
	animation-name: fadeInUp;
	animation-delay: 1s;
}
#teamitem_11 {
	animation-name: fadeInUp;
	animation-delay: 1.1s;
}
#indexPage #mpartner .wrapper ul li a .par_title {
	display: none;
	text-align: center;
	font-size: 14px;
	width: 100%;
}


/*--------------------------------------------------------返回 顶部*/
#scrollUp {
	bottom: 10px;
	right: 5px;
	height: 38px;
	width: 38px;
	background:  url(../images/top.png)no-repeat;
	_background: url(../images/top.png)no-repeat;
	}

/* alltitle   全局标题  
--------------------------------------------------------------------*/
.alltitle {    
	height: 40px;
    line-height: 40px;
    color: #4c4b4b;
    width: 100%;
}
.alltitle a:link, .alltitle a:visited, .alltitle a:hover {
}
.alltitle .crumbs{ color:#828282;font-family: "宋体"}
.alltitle span a{
	font-size: 12px;
	color: #4c4b4b;
	font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
	margin:0 3px;
}

/*--------------------------------------------------------------------内页分页码*/
.page { margin: 20px 0px; text-align: center; }
.page a, .page span { display: inline-block; min-width: 45px;height: 45px;line-height: 45px; border-radius: 2px;  color: #fff; margin: 0 5px; background: #2b6de3; }
.page span { color:#000; background:#ddd; }
.page a.hover { background: #0596fd;color: #fff; }
.page a:hover { color: #fff; background: #037bd0; }



/* --------------------------------------------------------------------内页 标题公用样式  */

.seo2_waht_seo h2, .seo2_adv h1, .seo2_about h1, .seo3_pain h1, .seo3_nine h1, .seo3_compared h1, .seo3_value h1, .seo3_good_text h1, .seo3_emb h1, .seo4_benefit h1, .seo4_com .title h1, .seo4_eight .title h1, .seo4_four_com .title h1, .web_benefit h1, .web_money .title h1, .page_about_idea h1, .page_about_armor h1{font-size: 36px; color: #333333; margin-bottom: 15px;font-weight: normal;     line-height: 35px;}
.seo4_com .title  p, .seo4_eight .title  p, .seo4_four_com .title  p, .web_why .title  p, .web_money .title  p{font-size: 18px; color: #5e5e5e; line-height: 30px;}