@charset "utf-8";
/* CSS Document */
html,body{padding:0px;margin:0px;font-family:'微软雅黑';overflow-x: hidden;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "Microsoft Yahei";}
/* select */
li{list-style:none;}
a{text-decoration:none;}
/* ************************头部********************* */
.header{position:fixed;width:100%;top:0;z-index:1000;height:80px;}
.header_1{background: rgba(0,0,0,0.5);}
.header .menu{margin:0 auto}
.header .logo{float:left;margin-left: 90px;margin-top: 4px;width: 15%;}
.header .logo img,.header .line,.header .slogan{float:left}
.header .line{width:1px;height:28px;margin:26px 12px 0 10px;background:#ebebeb}
.header .slogan p:nth-child(1){color:#333333;font-size:14px;line-height:14px;margin:23px 0 8px 0}
.header .slogan p:nth-child(2){color:#666666;font-size:12px;line-height:12px}
.header .head2{float:left;margin-top: 24px;width: 46%;}
.header .head3{float:right;margin-top: 24px;margin-right: 90px;overflow: hidden;}
.head3_div1{float: left;}
.head3_div2{float: left; }
.head3_div2 a{line-height: 30px;}
.head3_div2 button{height: 30px;margin-left: 12px;}
.head3 input{height: 30px;}
.active{color: #e60012 !important;}
.head3 button{background-color: #0E2279;padding-left:7px;padding-right:7px;border: 1px solid #0E2279;color: #FFFFFF;height: 30px;}
.header .tags{margin: auto;width: 100%;}
.header .tags li{padding-left: 20px;
    float: left;
    border-right: 1px solid #FFFFFF;
    height: 20px;
    padding-right: 20px;
    line-height: 20px;
    position: relative;}
	
	

	.header .tags li:last-child{
	    border-right: 0px solid #FFFFFF;
	 }
.header .tags li:hover a{color:#C6000D;}
.header .tags li>a{display:block;position:relative}
.header .tags li a{font-size:16px;color:#FFFFFF;text-decoration:none;}
.header .tags li img{display:none;position:absolute;left:0px;right:0px;bottom:15px;margin:auto}
.header .tags li .sec-nav{position:absolute;top:50px;left:0;color:#e0e0e0;line-height:42px;width:140px;background:rgba(0,0,0,0.72);display: none;}
.header .tags li .sec-nav div{height:42px;text-align: center;}
.header .tags li .sec-nav div a{font-size:16px;padding-bottom: 6px;}
.header .tags li .sec-nav div a:hover{color:#4988FD;}
.header .tags li.selectTag a{color:#333333}
.header .tags li.active>a{color:#e60012}

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

/* **********************底部********************* */
/* .button{width: 100%;height: 380px;background:#222222;;}
.bu_content{width: 1200px;margin: auto;}
.bu_ul{overflow: hidden;margin-top: 12px;margin-bottom:18px;}
.bu_ul1{float: left;color: #FFFFFF;font-size: 18px;}
.bu_ul2{float: right;color: #FFFFFF;overflow: hidden;}
.bu_ul2 div{float: left;}
.bu_div{font-size: 14px;color: #FFFFFF;} */


/* .button{width: 100%;height: 325px;background:#222222;;}
.bu_content{width: 1200px;margin: auto;}
.bu_div{overflow: hidden;margin-top: 12px;margin-bottom:18px;}
.bu_div_1{width: 30%;float: left;padding-top: 70px;}
.bu_div_2{width: 45%;float: left;margin-left: 10%;padding-top: 70px;}
.bu_div_3{float: right;margin-top: 86px;padding: 4px;background: #ffffff;}
.bu_div_3img{width: 100px;height: 100px;}
.dibu_wz1{font-size: 22px;color: #FFFFFF;opacity: 0.5;}
.div_uls{overflow: hidden;}
.div_uls li{float:left;margin-left: 12px;font-size: 14px;}
.div_uls li a{color: #ffffff;opacity: 0.5;}
.dibu_wz2{font-size: 16px;color: #FFFFFF;opacity: 0.5;}


.du_xian{width: 100%;height: 1px;background-color:#FFFFFF ;margin-top: 14px;margin-bottom: 18px;opacity: 0.5;} */
 .button{position: relative;}
 .buttons{width: 80%;height: 100%;position: absolute;left:10%;top: 0px;}
 
.dibus{
	width: 1920px;
	height: 560px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.buttons_z1{color: #FFFFFF;}
.buttons_z2{color: #FFFFFF;width: 180px;margin-top: 68PX;}
.buttons_z3{color: #FFFFFF;width: 180px;}
.buttons_y1{overflow: hidden;color: #FFFFFF;margin-top:110px;}
.buttons_y2{overflow: hidden;color: #FFFFFF;margin-top:13px;width: 200px;height: 39px;border: 1px solord red;line-height: 39px;}
.buttons_y3{overflow: hidden;color: #FFFFFF;margin-top: 100px;}
.buttons_y4{overflow: hidden;color: #FFFFFF;font-size: 14px;margin-top: 22px;}
.buttons_y5{overflow: hidden;color: #FFFFFF;font-size: 14px;margin-top: 22px;}
.buttons_y6{overflow: hidden;color: #FFFFFF;margin-top: 86px;}

.button_tag{overflow: hidden;margin-top: 30px;}
.button_tag li{width: 33%;float: left;font-size: 14px;margin-top: 3px;}
.button_tag li a{color: #ffffff; text-decoration:none; }


/************************分页******************************/
	.page-status{
		display: inline-block;
		font-size: 14px;
		border: 1px solid #ACACAC;
		color: #333333;
		font-family: "Microsoft YaHei",Arial;
		line-height: 26px;
		margin: 0 5px;
		padding: 0 8px;
	}
	.xypg-pagination{
		margin-top: 10px;margin-bottom: 30px;    width: 1200px; margin: auto; padding: 50px; text-align: center;
	}
		.xypg-pagination a{
		    display: inline-block;
		    font-size: 14px;
		    border: 1px solid #ACACAC;
		    color: #333333;
		    font-family: "Microsoft YaHei",Arial;
		    line-height: 26px;
		    margin: 0 5px;
		    padding: 0 8px;
		}
		.page-num-current{
			color: #FFFFFF !important;
			border: 1px solid #328cff !important;;
			background: #328cff;
		}
		
		
		@media screen and (max-width:1500px){
			.header .logo{margin-left: 45px;}
			.header .head2{width: 52%;}
			.header .head3{margin-right: 45px;}
		} 
		
		@media screen and (max-width:1280px){
			.header .logo{margin-left: 20px;}
			.header .head2{width: 50%;}
			.header .head3{margin-right: 20px;}
		} 
		
		
		
		
		
		
		
		
/* 		<div  class="head2">
			<ul class="tags">
				{pboot:nav}
				<li>
					<a href="[nav:link]">[nav:name]</a>		
					{pboot:if([nav:name])}
						<div class="sec-nav">
							<p>
								{pboot:2nav num=10 parent=[nav:scode]}
								<div><a href="[2nav:link]">[2nav:name]</a></div>
								{/pboot:2nav}
							</p>
						</div>
					{/pboot:if}
				</li>
				{/pboot:nav}
			</ul>
		</div>
		 */
		
		
		
		
		
		
		
		
		
		/********************移动导航********************************/
			/* #header-tou{
					background: rgba(31, 34, 35, 1) !important;
					position: fixed;
					display: none;
					z-index: 100;
				}
				.header-container1{
					margin-left: auto;
					margin-right: auto;
					max-width: 1200px;
					padding-left: 10px;
					padding-right: 10px;
				}
				
				.header-container2{
					position: relative;
					z-index: 1000000;
				}
				.header-neir1{
					float: left;
					width: 80%;		
				}
				.header-neir2{
					float: left;
					width: 20%;	
						color: #FFFFFF;
				}
				.header-neir3{
					width: 1024px;
					height: 0px;
				}
				
				.menu-handler{ position: absolute; right: 0%; display: block; width:60px;height:60px;color:#fff; cursor: pointer; }
				.menu-handler span{position:absolute;width:26px;right:19px;top:22px; height:2px;background-color:#fff;transition:opacity .2s ease}
				.menu-handler span.item2{width:26px;top:30px;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
				.menu-handler span.item3{width:26px;top:30px;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
				.menu-handler span.item4{width:26px;top:38px}
				.menuOpen .menu-handler span.item1,.menuOpen .menu-handler span.item4{opacity:0}
				.menuOpen .menu-handler span.item2{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
				.menuOpen .menu-handler span.item3{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}
				.menuBox a:link, .menuBox a:visited { color: #fff;}
				.menuBox a:active,.menuBox a:hover { color: #fff;}   
			
				.header-neirul{
					margin: 0;
					padding: 10px 0 0 10px;
					text-align: left;
					font-size: 14px;
				}
				
				.header-neirul li{
					margin: 0;
					padding: 10px 0 0 10px;
					text-align: left;
					font-size: 14px;
				}
				.header-neirul li a{
					color: rgba(119, 119, 119, 1) !important;
			
				}
				
				#hostop{
					min-height: 100%;
					height: 100%;
					display: -webkit-flex;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}
				#gyzuoce {
				    background-color: #151515 !important;
				    height: 100%;
				    position: fixed;
				    top: 0;
				    left: 0;
				    overflow: hidden;
				    width: 20%;
					min-width: 260px;
				    z-index: 100;
				}
				.gyzuocewq1{
					padding: 60px calc(19% + 17px) 32px 19%;
					overflow-x: hidden;
				}
				.gyzuocewq2{
				    display: table;
				    height: 100%;
				    position: relative;
				    width: 100%;
				}
				
				
				.gyzuoce-ul li:nth-child(1) a{color: #FFFFFF;}
				
				.gyzuoce-ul li{
					margin-left: 4.375rem;
					margin-top: 0.75rem;
				}
				.gyzuoce-ul li a{
					text-decoration:none;
					color: #777777;
				}
				
				.gyzuoce-ul li a:hover{
					color: #FFFFFF;
				}
				
				@media screen and (max-width:1400px){
				
					#gyzuoce {
					    width: 26%;
					}
				}
				
				@media screen and (max-width:1024px){
					#gyzuoce {
					     display: none;
					}
					.header-neir1 img {
					    max-height: 40px;
						margin-left: 20px;
					}	
					.header-neir2  {
					   margin-top: 10px;
					}
					
					.header-neir1{
						
						height: 80px !important;
						line-height: 80px !important;
					}
					
					#header-tou{
						display: block;
					}
					
				} */