/* 
主色调:蓝#0c87b6   红var(--mainColor)
菜单栏颜色:


 */
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
html,body,fieldset,img,iframe,abbr{ border:0;}
html{ overflow-x:hidden; }

:root{
	--mainColor:#af0b1e;
	--fontColor:#161616;
	
}


/*备用样式表*/
.none { display:none; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(images/icon.png) no-repeat;}

/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	     box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
::-webkit-input-placeholder { color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder { color:#ccc;}
:-ms-input-placeholder { color:#ccc;}
/**布局开始**/
body {line-height:1;font-size: 14px;font-family: "Arial","Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;}
p{line-height:1.75;}
a {color:#333; text-decoration:none; transition:all 0.4s ease-in-out; }
a:hover { color:var(--mainColor); text-decoration: none;}
.container,.container-fluid{}
.left{float: left;}
.right{float: right;}
.padding0{padding: 0px;}
.paddingleft30{padding-left: 30px;}
/* 以上为公共元素 */


.whiteheader{background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); }
.topbanner{height: 120px;}
.topleft{display: inline-block; left: 0px; height: 100px; margin-top: 20px;}
.topright{ height: 120px;}


.headbanner {height: 100px; background: #FFFFFF; }

.headbanner .titlebox{ /* background-color: #f2f3f9; */ background: url(images/bannerlong.jpg) repeat-x left;  height: 100px; padding-left: 50px; }
.headbanner .titlebox .title{height: 50px; line-height: 50px; font-size: 25px;}
.headbanner .titlebox .title a{font-size:20px ;}
.headbanner .titlebox .col_path{ margin-top: 20px;color:#939393; }
.headbanner .titlebox .col_path a{color:#939393;}
/*页面尺寸 导航一部分*/
.wrapper { width:100%; margin:0 auto;  }
.wrapper .inner {width: 1200px;margin:0 auto; } /**页面全局宽度**/

/*默认主导航样式*/
#nav{background: var(--mainColor);  }
#nav .inner{}
#nav .inner .wp-panel{}/*导航*/
#nav .inner .wp-panel .wp-window{height: 50px;}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}
/*导航样式：后台绑定时也可以定义配置*/
.nav .wp-menu {margin:0 auto;}
.nav .wp-menu .menu-item {display: inline-block; float: left; position: relative;}
.nav .wp-menu .menu-item.i1 { background:none;}
.nav .wp-menu .menu-item a > .menu-switch-arrow{ display:inline-block; width:20px; height:20px; background:url(images/nav_j.png) no-repeat center center;vertical-align:middle; }
.nav .wp-menu .menu-item a.menu-link {display: inline-block;padding: 0 10px;height: 50px; line-height:50px;color: #FFFFFF;font-size: 16px;}
.nav .wp-menu .menu-item.hover a.menu-link,
.nav .wp-menu .menu-item a.hover{background-color:#91001b; text-decoration: none; color: #FFFFFF;}
.nav .sub-menu {display: none;position: absolute;left: 0;min-width: 188px;z-index: 100;background:#FFFFFF;}
.nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; list-style: none;}
.nav .sub-menu .sub-item a {display: block;color: var(--fontColor);height: 44px;line-height: 44px;padding: 0 17px;font-size: 16px;background:none; text-align: center;}
.nav .sub-menu .sub-item.hover> a,
.nav .sub-menu .sub-item a:hover{ color: #fff; background-color:var(--mainColor); display: block; }
.nav .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}



/* 左侧栏目列表 */
.wp_listcolumn .wp_column a .column-name{padding-left: 30px;}


/* listcolumn.htm */

.lmmc{
	height: 60px;
    line-height:  60px;
    background-color:var(--mainColor);
    text-align:  center;
    font-size:  20px;
    color:  white;
    font-weight:  bold;
}
.lmmc_list ul{padding: 0px;}
.lmmc_list ul li{ list-style: none;}
.lmmc_list ul li a{height: 40px;  background: #f5f5f5 url(wp_column_menu_li_1.gif) no-repeat 10px 15px; }
.lmmc_list ul li a:hover{color: var(--mainColor);}
.lmmc_list ul li a span{line-height: 30px; padding: 5px 10px 5px 30px;}



.lbmc_listtitle ul{
	list-style: none;
}
.lbmc_listtitle ul li{	list-style: none;}
.lbmc_listtitle ul li a{}

.lbmc_listtitle ul li a:hover{color: var(--mainColor);}



.lbmc_listtitle .newsrow{
	border-bottom: 1px dashed #c7c7c7;
}


.lbmc_listtitle .news_title{
	width:auto; 
	height: 45px; line-height: 45px;
	font-weight: 300;
	float: left;
	font-size: 18px;
	float: left;
}

.lbmc_listtitle .newsrow em{
	height: 45px;
    line-height:  45px;
    font-size:  18px;
	font-weight: 300;
	float: right;
}


/* displayinfo.htm */
.entry {
    margin-top: 30px;
}
.articleMoudle h1.arti_title{
	 line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	font-size: 28px;
	padding-bottom: 20px;
	background-color: #f9f9f9;
}
.articleMoudle  p.arti_metas{
	text-align: center;
}
.articleMoudle  p .arti_update,p .arti_views{margin-left: 30px;}



.yqljmodel2 {background-color: #f7f7f7; margin-top: 50px;}
.yqljmodel2 .submodel{height: 250px;}
.yqljmodel2 .submodel h3{margin-top: 20px;}
.yqljmodel2 .content{}
.yqljmodel2 .content ul{ margin-top: 30px;}
.yqljmodel2 .content ul li{ display: inline-block; height: 40px; line-height: 40px; border-bottom: 1px solid #999999; padding: 0px 30px; margin-right: 20px;}
.yqljmodel2 .content ul li a{font-size: 16px;}

.yqljmodel2 .ewm{margin-top: 80px; width: 120px; display: inline-block; text-align: center;}
.yqljmodel2 .ewm img{ display: unset;}
.yqljmodel2 .ewm .text{ height: 25px; line-height: 25px;}

.foot{ background-color: var(--mainColor); }
.foot .phone{margin-top: 40px; color: #FFFFFF;}
.foot .phone span{margin-left: 20px;}
.foot .address{color: #FFFFFF; margin-top: 20px;}
.foot .address span{margin-left: 20px;}
.foot .phone .text{}
.foot img{margin-top: 40px; margin-bottom: 40px;}
.foot .copyright{height: 80px; line-height: 80px; background-color: var(--mainColor); color: #FFFFFF; text-align: center; border-top: 1px solid #7e0000;}

