@charset "utf-8";

.inner { max-width: 14rem; margin: 0px auto; }
.inner2 { max-width: 13rem; margin: 0px auto; }



html,
body { height: 100%; }
.body_b.showdiv { top: 0; }
.body_b { outline: none; overflow: auto; position: fixed; z-index: 20; top: 100%; left: 0; right: 0; bottom: 0; transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s; background: #fff; overflow-x: hidden; }

/* 头部*/
.top { transition: all 0.7s ease-out 0s; transform: translateY(-100%); background: url(../images/headbg.png) repeat-x center top; background-size: 100%; width: 100%; padding-bottom: 70px; position: fixed; top: 0; z-index: 9; }
#header .inner { /* height: 143px; */ position: relative; max-width: 100%; width: 1400px; margin: 0px auto; }
.showdiv .top { opacity: 1; filter: Alpha(opacity=100); transform: none; display: block; }
.sitelogo { width: 265px; height: 58px; overflow: hidden; margin-top: 35px; }
	.sitelogo img { width: 100%; height: 100%; display: block;}
.top_link1 { margin-top: 30px; margin-bottom: 15px; position: relative; z-index: 9999; }
.top_link1 ul li { float: left; line-height: 15px; border-right: 1px solid #7d8fb0; padding: 0px 20px; }
.top_link1 ul li a { color: #fff; font-size: 16px; }
.top_link1 .search,
.top_link1 .link_last { border-right: none; }
.toplink1 a { padding-right: 15px; }
.top_link1 .link_last { padding-right: 0px; }

/*nav*/
.head-right { margin-top: 35px; }

.navs { width: 100%; height: 50px; line-height: 50px;}
	.navs ul li:hover { background: #fff;}
	.navs ul li:hover a { color: #94070A; }
	.navs ul li a:hover { color: #94070A; }		
	.navs ul>li { float: left; text-align: center; position: relative; font-size: 18px; height: 50px;  }
	.navs .nav_first { padding-left: 0px; }
	.navs .nav_last { padding-right: 0px; }
	.navs li a { font-size: 18px; color: #fff; display: block; padding: 0 16px;}
	.navs ul>li:hover ol { display: block; }
	    .navs li ol li:hover { border: none !important }
	        .navs li ol { position: absolute; left: 0%; top: 43px; z-index: 9999; min-width: 230px; display: none; background: #fff; }
	       /* .navs li ol.lastOl {left: auto; right:0; }*/
	    .navs li ol li { width: 100%; height: 45px; line-height: 45px; }
	        .navs li ol li a { display: block; width: 96%; font-size: 15px; text-align: left; padding-left: 20px; color: #4e4e4f; font-family: "微软雅黑"; }
	        .navs li ol li:hover a { color: #fff }
	        .navs li ol li:hover { background: #94070A; }
		
	

.numLogo { margin-top: 25px; width: 80px; height: 68px; margin-left: 80px;}
.headerx { width: 100%; height: 150px; position: relative; text-align: center; background: url(../images/headbgx.png) no-repeat center bottom #ffffff;
 }
.headerx > img { width: 358px; margin: 30px auto;}

/* banner */
/**主页banner开始**/
.head,.mbanner,.mbanner .inner,.mbanner .inner>div,.focus,.focus>ul,.mbanner .slick-list,.mbanner .slick-track { height: 100%; }
.mbanner { width: 100%; overflow: hidden; }
#banner .inner { width: auto; max-width: 100%; text-align: center; position: relative; }
#banner .slide { width: 100%; height: 100%; position: relative; float: left; display: inline-block; }
#banner .slide>a { display: block; width: 100%; height: 100%; cursor: default; }
#banner .slide .slide_imagess { width: 100%; height: 100%; position: absolute; }
#banner .slide .news_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; }
#banner .slide_title { position: absolute; z-index: 29; bottom: 60px; left: 7.5%; padding: 0 15px; max-width: 57%; }
#banner .slide_title .tit_con { font-size: 30px; font-weight: bold; line-height: 65px; color: #fff; font-family: "微软雅黑"; z-index: 9; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; }
#banner .slide_title .title_bg { background: #000; opacity: 0.5; filter: Alpha(opacity=50); position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; }
#banner .slick-dots { position: absolute; z-index: 9; bottom: 65px; right: 7.5%; }
#banner .slick-dots li { /* font-size: 0.25rem; */ font-size: 25px; line-height: 34px; color: #fff; margin: 0 12px; cursor: pointer; display: inline-block; vertical-align: bottom; }


#banner .slick-dots li button { background: no-repeat; border: none; font-size: 25px; line-height: 34px; color: #fff; }
#banner .slick-dots li.slick-active button { font-size: 35px; }
#banner .button_box { position: absolute; top: 44%; width: 70px; height: 70px; opacity: 0; filter: alpha(opacity=0); display: block; z-index: 20; border-radius: 50%; text-align: center; cursor: pointer; transition: all 0.4s ease; }
.head:hover #banner .button_box { opacity: 0.5; filter: alpha(opacity=50); }
#banner .button_box button { background: none; border: none; font-size: 40px; color: transparent; line-height: 70px; font-weight: bold; }
#banner .button_box.prev { left: 1%; background: url(../images/banner_left.png) no-repeat center; }
#banner .button_box.next { right: 1%; background: url(../images/banner_right.png) no-repeat center; }
.bb { cursor: pointer; z-index: 10; animation: bb 2s linear 0s infinite; width: 80px; height: 80px; background: url(../images/arr_btm.png) no-repeat center; position: fixed; left: 50%; bottom: 27px; }
@keyframes bb { 
	0% { transform: translate(-50%, 0); opacity: 0; } 
	20% { transform: translate(-50%, 3px); opacity: 1; } 
	80% { transform: translate(-50%, 10px); opacity: 1; } 
	90% { transform: translate(-50%, 10px); opacity: 0; } 
	100% { transform: translate(-50%, 10px); opacity: 0; }
}


@media screen and (max-width: 843px) {
	.body_b { display: block; position: initial; width: 100%; height: auto; top: auto;}
}