﻿/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/


	.menu{
		list-style:none;
		height:40px;

	}
	.nav2{
		height: 46px; 
		background: #55a4f1;
	}

	.nav2 li{
		float:left;position: relative;
	}



	.nav2 li a{
		font-size:14px;
		height:46px;
		display: block;
		line-height:46px;

		   color:#fff;
		    padding: 0 16px;
		text-align: center;
	}

	
	.nav2 li a:hover{
		color:#55A4F1;background:#EAF5FF;
		
	}
		#t1{
		color:#55A4F1;background:#EAF5FF;
		
	}
	#t1 > a{
		color:#55A4F1;background:#EAF5FF;
		
	}
	#t1 {
		color: #55A4F1;
	}
	.nav2 li a:focus{ 
		-moz-outline-style: none; 
	}


	.nav2 li .sub-nav{
		position:absolute;min-height: 71px;
		background: #eaf5ff;
		z-index: 100000;
		top: 46px;
left: -51px;
list-style:none;
		background: transparent\9;
		display:none;
	


	}
.sub-nav{
	padding-top: 4px;
	z-index:1000;
	background: url(http://cdn.myxypt.com/0o2idpp1/t/1/assets/bg1.png) no-repeat;
}
.sub-nav li{
	border-bottom: 1px solid #ffffff;
	background:url(http://cdn.myxypt.com/images/nav_li_bg.png);

}
.sub-nav li a:hover{ background: #FFF; color: #55a4f1;}
	.nav2 li .sub-nav li{
		text-align:center;
		background: #eaf5ff;
		clear:left;
		line-height:31px;
		position:relative;
	}
	.nav2 li .sub-nav li a{
		height:34px;
		line-height:34px;
		padding:0;
		overflow: hidden;	
		color: #55a4f1;
		display:block;
		min-width: 200px;
		
	}
		.nav2 li .sub-nav li a:hover{
			color: #8fa830;
		}


#footer{position:relative;width:1000px;margin:0 auto;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


.footer33{text-align: left;line-height:24px;color:#666;}
.footer33 a{color:#666;}

.lxwm{text-align: left;line-height:24px;color:#666;}



.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}




.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}