@charset "utf-8";
/* 防止用户自定义背景颜色对网页的影响 */
html{color:#333;}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,details,footer,header,nav,section{margin:0;padding:0;}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
details,footer,header,nav,section {display:block;}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{font:12px/20px "微软雅黑",Arial, Helvetica, sans-serif;}
input,select,textarea{font-size:100%;}
/* 去掉各Table  cell 的边距并让其边重合 */
table{border-collapse:collapse;border-spacing:0;}

/* IE bug fixed: th 不继承 text-align*/
th{text-align:inherit;}

/* 去除默认边框 */
img{border:0;}

/* 去掉列表前的标识, li 会继承 */
ol,ul {list-style:none;}

a{color:#333; text-decoration:none}
a:hover{ text-decoration:underline}
/* 清理浮动 */
.fn-clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clearfix {zoom:1; /* for IE6 IE7 */}
.fn-clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {	display:none;}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}

/* 
 * @name: 常用色 
 * @overview: 页面常用色
 */
 .ui-color-999{ color:#999;}
 .ui-color-666{ color:#666;}
 .ui-color-333{ color:#333;}
 .ui-color-01649e{ color:#01649e;}
 .ui-color-8d0000{ color:#8d0000;}  
 
 
/* 
 * @name: 常用文本修饰
 * @overview: 页面常用文本修饰
 */
 .ui-textIndent{ text-indent:2em }
 .ui-fontWeight{ font-weight:700;}
 
/* 
 * @name: 常用间距 
 * @overview: 页面常用间距
 */
.ui-marginB10{ margin-bottom:10px;}
.ui-marginT10{ margin-top:10px;}
.ui-marginT55{ margin-top:55px;}
.ui-marginL10{ margin-left:10px;}
.ui-marginR10{ margin-right:10px;}
.ui-marginB20{ margin-bottom:20px;}
.ui-marginB70{ margin-bottom:70px;}
.ui-marginT20{ margin-top:20px;}
.ui-marginL20{ margin-left:20px;}
.ui-marginR20{ margin-right:20px;}
/*	blank	*/
.blank5{height:5px;clear:both;font-size:1px;overflow:hidden;}
.blank10{height:10px;clear:both;font-size:1px;overflow:hidden;}
.blank15{height:15px;clear:both;font-size:1px;overflow:hidden;}
.blank20{height:20px;clear:both;font-size:1px;overflow:hidden;}
.blank25{height:25px;clear:both;font-size:1px;overflow:hidden;}
.blank30{height:30px;clear:both;font-size:1px;overflow:hidden;}
.blank35{height:35px;clear:both;font-size:1px;overflow:hidden;}
.blank40{height:40px;clear:both;font-size:1px;overflow:hidden;}
.blank50{height:50px;clear:both;font-size:1px;overflow:hidden;}
.blank60{height:60px;clear:both;font-size:1px;overflow:hidden;}
.blank100{height:100px;clear:both;font-size:1px;overflow:hidden;}
.e41e2d{color:#e41e2d !important;}
.bgfff{background:#fff}
.bgf2{background:#f2f2f2}
.bgd2{background:#d2d2d2}
.bg4b{background:#4b4b4b}
.bgf7{background:#f7f7f7}
#loading{overflow:hidden;height:50px; background:url(/static/images/ajax_load.gif) center no-repeat; background-size:30px; display:none}

.loading{position:fixed; width:100%; height:calc(100% - 35px);background:url(/static/images/ajax_load.gif) center no-repeat rgba(255,255,255,0.5); z-index:998}
.ease5{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.ease8{-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;transition:all 0.8s ease-in-out 0s;}
.ease10{-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-ms-transition:all 1s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s;}
.ease30{-webkit-transition:all 3s ease-in-out 0s;-moz-transition:all 3s ease-in-out 0s;-ms-transition:all 3s ease-in-out 0s;-o-transition:all 3s ease-in-out 0s;transition:all 3s ease-in-out 0s;}
.layui-layer-content { position: relative; padding: 0px 20px 10px 20px; line-height: 24px; word-break: break-all; font-size: 14px; overflow: auto; background:#fff}
.layui-layer-content .formChild {display:block; font-size:14px; padding:5px 15px;border-bottom: 1px solid #E4E4E4;color: #3D3D3D;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lazy{background:url(/static/images/ajax_load.gif) center center no-repeat;}

.hd{width:100%;}
.wp{width:1200px; margin:0 auto}
.moblieline50{height:0;clear:both;font-size:1px;overflow:hidden;}
@media (max-width:1250px){
	.blank40{height:35px}
	.wp{width:1000px;}
}
@media (max-width:1050px){
	.wp{width:760px;}
	.blank40{height:30px}
	.blank30{height:20px}
}
@media (max-width:768px){
	.wp{width:100%;}
	.blank40{height:20px}
	.blank30{height:15px}
	.blank20{height:10px}
	.moblieline50{height:50px;clear:both;font-size:1px;overflow:hidden;}
}
/******************************************* 底部通用导航 *************************************************/
#newBridge .icon-right-bottom{bottom:158px!important;right:5px !important }




.go-top{width: 40px;height:0;position:fixed;left:50%; margin-left:620px;bottom:-63px;z-index:899;opacity:0;-webkit-transition: bottom .8s ease,opacity .6s ease;}
.go-top .icon{width:40px;height:40px; line-height:42px; overflow:hidden;background:rgba(0,0,0,0.5); text-align:center;color:#fff;font-size:24px; cursor:pointer}
.go-top a.icon{ display:block; margin-bottom:5px;background:#1c91a4}
.go-top a.moblie{ display:none}
.go-top.curr{opacity:1;height:85px;bottom:63px}
.footer{overflow:hidden}
.footer .footer_1{overflow:hidden; padding:10px 0 20px;}
.footer .footer_1 li{float:left;width:170px;}
.footer .footer_1 li.line{width:36px;height:195px}
.footer .footer_1 li strong{color:#1d90a5; display:block; line-height:39px; border-bottom:1px solid #b5b5b5; margin-bottom:5px}
.footer .footer_1 li a{display:block;color:#1d90a5;line-height:20px; height:20px; padding-top:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .footer_1 li .p{ overflow:hidden;padding-top:5px;line-height:20px;color:#1d90a5;}
.footer .footer_1 li .b{ line-height:25px;color:#1d90a5;overflow:hidden; font-weight:bold; font-size:18px; height:25px}
.footer .footer_2{border-top:1px solid #b5b5b5; line-height:40px;overflow:hidden;width:900px; text-align:center; padding:0 150px;}

.moblie_footer{background:rgb(23,136,154);position:fixed;bottom:0;width:100%; z-index:99;height:48px; border:1px solid #e5e5e5; border-width:1px 0; display:none}
.moblie_footer a{width:calc(20% - 1px); float:left; border-left:1px solid #e5e5e5;padding:6px 0;color:#ffffff}
.moblie_footer a:first-child{ border-left:0;width:20%}
.moblie_footer a em{ display:block; text-align:center; line-height:20px;font-size:17px}
.moblie_footer a span{ display:block; text-align:center; line-height:16px;}
.moblie_footer a:hover{ text-decoration:none}


.ShareBoxx{display: none; }
.ShareBoxx .ShareAni{-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;-o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;}
.ShareBoxx .ShareBoxBg{opacity: 0;-moz-opacity: 0;filter: Alpha(opacity=0);position: fixed;left: 0;top:100%;width: 100%;height: 100%;background:rgba(0,0,0,0.5); }
.ShareBoxx .ShareBox{ padding:20px;position:fixed;bottom:50px;left: 0;z-index: 9998; width:calc(100% - 40px);background:rgba(255,255,255,1);
  -webkit-transform:translateY(300px);  -moz-transform:translateY(300px);  -ms-transform:translateY(300px);  -o-transform:translateY(300px);  transform:translateY(300px);}
.ac .ShareAni{filter:Alpha(opacity=100);-moz-opacity:1;opacity:1;z-index: 9997;}
.ac .ShareBoxBg{top:0}
.ac .ShareBox{  -webkit-transform:translateY(0px);  -moz-transform:translateY(0px);  -ms-transform:translateY(0px);  -o-transform:translateY(0px);  transform:translateY(0px);}

.ShareBox h3{text-align: center;padding:0 0 20px 0;font-size:18px;}
.ShareBox li{color: #333;float: left;width: 25%;text-align:center;min-height:100px;}
.ShareBoxx .ShareBox li a{display: block;float: none;padding-left: 0; width:56px;height: 50px; margin: 0 auto 10px;background: url(http://static.files.mozhan.com/Public/Images/share.png) no-repeat -9px 0;background-size: 300px; }
.ShareBoxx .ShareBox .jiathis_style_24x24 li a span{display: none !important;}
.ShareBoxx .ShareBox li a.weix{background-position: -157px 0;}
.ShareBoxx .ShareBox li a.ren{background-position: -231px 0;}
.ShareBoxx .ShareBox li a.qzong{background-position: -84px 0;}
.ShareBox .Cancellation{border:1px solid #ddd; background: url(http://static.files.mozhan.com/Public/Images/bg/white.png) repeat; text-align: center;line-height: 40px;color: #333;}
@media (max-width:1250px){
.footer .footer_1 li{width:150px;}
.footer .footer_1 li.line{width:20px;}
.footer .footer_2{width:800px; padding:0 100px;}
	.go-top{ margin-left:520px}
}
@media (max-width:1050px){
	.footer .footer_1{display:none}
	.footer .footer_2{width:660px; padding:0 50px;}
	.go-top{ margin-left:0;left:auto;right:10px}
}
@media (max-width:768px){
	.footer .footer_2{ display:none}
	.ShareBoxx{display: block;display: none\9;}
	.moblie_footer{ display:block}
	.go-top a.moblie{ display:block}
	.go-top a.pc{ display:none}
}

/*信息 start*/
.messager-backhome{display:block; height:150px; background:url(/templates/default/styles/../images/error.png) center no-repeat; overflow:hidden; background-size:210px 125px}
#messager-tips{ display:block; padding:0 10px;}
#messager-tips .yb-head{ background-color:#F5F5F5; height:30px; line-height:30px; color:#333; font-size:16px; font-weight:700; padding:0 10px; border-radius:5px 5px 0 0; border:1px solid #ddd;}
#messager-tips .yb-body{ padding:20px; border:solid #ddd;border-width:0 1px 1px; font-size:14px; line-height:26px; background:#fff}
#messager-tips .yb-body h3{ color:#F00}
/******************************************* 导航栏 *************************************************/
.banner li{float:left; padding:15px;width:150px;}
.banner li a strong{ display:block; line-height:38px; height:28px; overflow:hidden; font-size:16px; font-weight:400;color:#000; font-family:"微软雅黑"}
.banner li a span{ display:block; line-height:16px; font-size:12px;color:#828282;font-weight:400;font-family:"微软雅黑"}
.banner li a:before{ float:left;width:60px; text-align:center;line-height:50px;font-size:46px;}
.banner li a:hover{ text-decoration:none;}
.banner li a:hover strong,.banner li.curr a strong,.banner li a:hover span,.banner li.curr a span,.banner li a:hover,.banner li.curr a:before{color:#33cccc}

@media (max-width:1250px){.banner li{width:126px; padding:20px}}
@media (max-width:1050px){
	.banner li{width:106px; padding:10px}
	.banner li a strong{ font-size:14px;}
	.banner li a:before{ font-size:30px;width:40px;}
}
@media (max-width:768px){
	.banner li{width:calc(33.33% - 20px);}
}
@media (max-width:350px){
	.banner li{width:calc(33.33% - 10px); padding:5px}
	.banner li a:before{font-size:20px;width:25px; line-height:40px}
	.banner li a strong{ line-height:28px; height:20px}
	.banner li a span{ font-size:10px; font-family:Arial}
}
/******************************************* 顶部通用导航 *************************************************/
.header{padding:10px 0;height:60px;}
.header .fn-left .logo{float:left; padding-right:16px;position:relative}
.header .fn-left .logo:before{ background:#d2d2d2;width:1px; position:absolute;top:11px;right:0;height:38px; content:""}
.header .fn-left .logo img{display:block;height:60px;}
.header .fn-left .top1{float:left;width:174px; height:60px; background:url(/templates/default/styles/../images/top1.jpg) right center no-repeat; padding-left:17px}
.header .search{ float:left; padding-left:150px;}
.header .search .search_t{border:1px solid #e5e5e5; overflow:hidden}
.header .search .search_t input{float:left;width:300px;height:35px; line-height:35px; background:#eeeeee; border:0; padding:0 5px; outline:none}
.header .search .search_t em{ float:left;width:50px; line-height:35px; text-align:center; background:#1c91a4;color:#fff; cursor:pointer}
.header .search .search_b{line-height:23px;overflow:hidden;color:#828282;width:360px;height:23px}
.header .search .search_b a{ margin:0 5px;color:#828282}

.header .fn-right{width:170px}
.header .fn-right p{font-size:14px;color:#1e90a5;border-bottom:1px dashed #1e90a5}
.header .fn-right p:before{ padding-right:5px; font-size:18px}
.header .fn-right strong{display:block;font-size:23px;color:#1e90a5; line-height:37px;}

.header .moblie-right{float:right; display:none}
.header .moblie-right span{ float:left; padding:0 10px;width:30px; line-height:40px;color:#1e90a5; font-size:26px; text-align:center; font-weight:bold}
.header .moblie-right a{ float:left;width:30px; line-height:40px;color:#1e90a5; font-size:26px; text-align:center;font-weight:bold}

.moblie_banner{padding:0 20px;background:#fff; position:fixed;top:50px;width:calc(100% - 40px); z-index:100; height:calc(100% - 50px);right:-100%}
.moblie_banner li{overflow:hidden;border-bottom:1px solid #e5e5e5}
.moblie_banner li a{display:block;font-size:14px;color:#333;line-height:40px;}
.moblie_banner li a:hover{text-decoration:none}
.moblie_banner li .two{display:block;font-size:14px;color:#333;line-height:40px;}
.moblie_banner li .three{display:block;font-size:14px;color:#333;line-height:40px; padding:0 15px;}
.moblie_banner li a.three_a{padding:0 15px}
.moblie_banner li a.three_b{padding-left:30px;color:#999}
.moblie_banner li font{float:right;color:#cdcdcd;font-size:26px;line-height:40px; font-weight:200}
.moblie_banner li.banner_li,.moblie_banner li.banner_font{height:0; border-bottom:0;opacity: 0;-moz-opacity: 0;filter: Alpha(opacity=0);}
.moblie_banner li.banner_li.curr,.moblie_banner li.banner_font.curr{ height:40px;opacity:1;-moz-opacity:1;filter: Alpha(opacity=100);border-bottom:1px solid #e5e5e5}
.moblie_banner.curr{right:0;}

@media (max-width:1250px){.header .search{padding-left:50px}}
@media (max-width:1050px){
	.header .fn-left .top1{display:none}
	.header .fn-left .logo:before{ display:none}
    .header .search{ padding-left:26px}
}
@media (max-width:768px){
	.header{ padding:5px 0; height:40px; background:#eee; position:fixed;top:0;width:100%; z-index:100}
	.header .fn-left .logo{ padding:0 5px}
	.header .fn-left .logo img{height:40px}
	.header .search,.right_daohang,.right_banner,.header .fn-right{ display:none}
	.header .moblie-right{ display:block}
}

/******************************************* 右侧漂浮 *************************************************/
.right_daohang{position:fixed;top:50%;right:-40px;width:18px; background:#1c91a4; padding:16px 11px 22px; margin-top:-250px; z-index:1; cursor:pointer}
.right_daohang em{ display:block; text-align:center; line-height:28px;color:#fff; font-size:18px}
.right_daohang span{ display:block; text-align:center; line-height:16px;color:#fff; font-size:14px}

.right_banner{position:fixed;top:50%;right:-150px;width:120px; background:#1c91a4; padding:23px 15px 0; margin-top:-250px; z-index:999}
.right_banner .icon-removesign{position:absolute;top:-23px;width:46px;left:52px;font-size:30px;text-align:center;height:46px; cursor:pointer;overflow:hidden;line-height:50px; background:#33cccc;color:#fff; border-radius:50%}
.right_banner .r_solulist{overflow:hidden;width:100%}
.right_banner .r_solulist a{ display:block; line-height:35px; border-bottom:1px #fff dashed;color:#fff; height:35px;width:100%;text-overflow: ellipsis;white-space: nowrap; font-size:12px;}
.right_banner .r_solulist a:before{ float:left; width:30px; text-align:center; line-height:35px; font-size:14px;}
.right_banner .r_contant{padding:10px 0;overflow:hidden;width:100%}
.right_banner .r_contant li{padding:5px 0;overflow:hidden;width:100%;}
.right_banner .r_contant li a{display:block; overflow:hidden; background:#33cccc;color:#fff; font-size:12px; line-height:30px; padding-left:18px}
.right_banner .r_contant li a:before{ float:left; width:25px; text-align:center; line-height:30px;}
.right_banner .r_contant li img{ display:block;width:100%;}
.right_banner .r_contant li font{color:#fff;}

.right_banner.curr{right:0}
.right_daohang.curr{right:0}
/******************************************* 友情链接 *************************************************/
.index_link{padding:10px 0; overflow:hidden;}
.index_link b{float:left; font-size:14px;color:#d2d2d2; line-height:30px; font-weight:400}
.index_link a{ float:left;font-size:14px;margin:5px 10px 5px 0; line-height:20px;color:#d2d2d2}


@media (max-width:768px){
	.index_link b,.index_link a{font-size:12px}
	.index_link{ padding:10px;width:calc(100% - 20px)}
}