* { margin:0;
    padding:0;
}
body,html{margin:0;padding: 0;background:#FFF;}

.img1{ border:0; width:150px; height:150px;}

.head{width:100%; max-width:1200px; margin:0 auto; height:70px; z-index:999}
.tm .head .logo{display:block;  float:left; width:18%; height:70px; background:url(../images/logo.png) no-repeat}
.tm.xs .head .logo{display:block;  float:left; width:18%; height:70px; background:url(../images/logo1.png) no-repeat}

@media (max-width:300px)
{
.tm .head .logo{display:block;  float:left; width:10%; height:70px;}
.tm.xs .head .logo{display:block;  float:left; width:10%; height:70px; }
}
.tm{position:fixed; width:100%;  z-index:4; background:none; height:70px}
.you{background:rgba(62, 94, 154, 0.9);}
.youin{background:rgba(62, 94, 154, 0.5);}

.xs{position:fixed; width:100%;  z-index:4; background:rgba(62,94,154,0.5); height:70px}
.user{display:none; position:absolute; width:150px; border: none;border-radius: 2px; background-color: #fff;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35); margin-top: -20px;}
.user a{ display:block;width:100%; height:40px;line-height:40px; text-indent: 10%; float:left;text-transform:capitalize; font-size: 16px;}
.user a:hover{ background:rgba(62,94,154,1); color:#FFF}
.user i{ font-size:14px; margin-right:3px;}

.userlogin{display:none; position:absolute; width:300px; background:rgba(255,255,255,1); padding-bottom:10px;;border-radius:0 0 5px 5px; overflow:hidden; border:#CCC 1px solid; border-top:none; left:-160px;}
.userlogin .tj{display:block; width: 121px;height: 42px;background: #1b76e1;border: 0px;color: #FFF; font-weight: bold;font-size: 18px; text-align:center}


.bb{ display:block; width: 121px;height: 42px;background: #1b76e1;border: 0px; margin-left: 220px;color: #FFF; font-weight: bold;font-size: 18px; text-align:center}
.bb:hover{background: #FFF;color: #1b76e1;}
#search{
display:none;
width: 400px; 
height: 150px; 
right:-130px;
position:absolute;	
	}
#search_box { 
width: 400px; 
height: 50px; 
margin-top: -20px;
border: none;border-radius: 2px; background-color: #fff;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);left: 0;
} 
#search_box .s { 
float: left; 
padding-left:8px;
height:50px;
line-height:50px; 
border: 0; 
width: 340px; 
background: none; 
font-size: 1em;
color:#333
} 
#search_box .tpp { 
float: left; 
padding: 0;
height:50px;
line-height:50px;
color:#fff;
width: 115px;
margin-left:10px;
background: none; 
font-size: 12px;
border-right:#FFF 1px solid;
border-bottom:none;
border-left:none;
border-top:none;
} 

#search_box .tpp1 { 
color:#000;
} 
#search_box .go { 
float: left;
    color: rgb(255, 255, 255);
    cursor: pointer;
/*    background: rgba(62,94,154,0.8);*/
    height: 50px;
    line-height: 50px;
    width: 52px;
	background:rgba(254,189,105,1);
    border: none;
}

.head .r{float:left; line-height:60px; height:60px; width:315px; margin-left:20px}

.title{text-align: center; max-width:1100px; margin:20px auto 20px auto}
.title h1{margin: 0px;line-height: 1.4;font-size: 3rem;font-weight: 200; position: relative;}
.title span{background: white;padding: 0px 4rem;display: inline-block;position: relative; z-index: 2;font-stretch: ultra-condensed;}
.title h1::after {left: 0px;top: 50%; right: 0px;border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px;border-bottom-style: solid; display: block;position: absolute;content: "";
}	
a.out{ height:40px; padding:4px; background:url(../images/out.png) no-repeat;}
.videoa{position:absolute; height:50px; background:rgba(0,0,0,0.1); margin-top:-150px; left:40%; line-height:50px; padding:0 20px; border-radius:50px; border:#FFF 2px solid;font-size:1.5rem; font-weight:bold; color:#FFF}
.videoa:hover{ background:rgba(0,0,0,0.4); color:#fff}
.pindex{ position:absolute; display:block; width:120px; background:rgba(0,0,0,0.1); margin-top:-290px; left:2%; padding:3px; border-radius:20px;border:#FFF 2px solid;font-size:0.5rem; font-weight:bold; color:#FFF}
.pindex:hover{ background:rgba(0,0,0,0.4); color:#fff}
.pindex img{ width:120px;border-radius:20px;}
.pindex p{ margin-top:8px; text-align:center}


.four-level-menu {

	height: 70px; float:left; margin-left:10%; width:72%;text-transform:uppercase;
}
@media all and (max-width:300px)
{
.four-level-menu { margin-left:80px; width:807px}
}
.first-menu{float: right;}
.first-menu>li {
	float: left;
}

.first-link {
	padding: 0 18px;
	line-height:70px;
	display: block;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
	z-index:998;
    font-size: 16px;
}

.first-link.hover {
	color: #ed631a;
}


/*¶þ¼¶²Ëµ¥*/

.second-menu {
	width: 98%;
	position: absolute;
	left: 0;
/*	margin-left:-600px;*/
	background:rgba(62, 94, 154, 0.9);
	padding: 10px 1% 1% 1%;
	display: none;
	max-height:86vh;
/*	overflow:scroll;
	overflow-x:hidden;*/
	z-index:999

}
.second-menu::-webkit-scrollbar-track {
	background:#02457c;
	border-radius: 5px;
}
.second-menu::-webkit-scrollbar {width: 15px;}
.second-menu::-webkit-scrollbar-thumb {
	background:#ccff33;
    border-radius: 5px;
}

.second-menu li {
	float: left;
	width: 100%;
}

.second-link {
	color: #ccff33;
	font-weight: bold;
	padding: 2px;
	border-radius: 4px;
	font-size:16px;
	line-height:40px;
	
}

.second-link:hover {
	color: #fff;
	background:#02457c;
}
.zdy{ font-size:20px; padding-left:2%}
.third-menu{column-count:4;-webkit-column-break-inside:avoid;}

.third-menus{display: flex;flex-wrap: wrap;}

.third-menu li {
	/*position: relative;width: 25%;*/ float:left;-webkit-column-break-inside:avoid; display: flex;
  flex-wrap: wrap;
}

.third-menus li {
	position: relative;width: 10.25%; float:left; display: flex;flex-wrap: wrap; padding:0 2% 1% 2%;
}


.third-link {
	padding: 3px;
	display: block;
	color: #fff;
	font-size:14px;border-radius: 4px;
	float:left;-webkit-column-break-inside:avoid;
overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;
}
.third-menus .third-link {
	text-align:center
}

.third-link.hover {
	background: #02457c;
	color: #fff;	
}
.third-menus .third-link.hover{
	background: #ee631a;
}
.third-menu .fourth-menu {
	position:absolute;
	background: #02457c;
	
	padding: 5px;
	/*left: 0px;
	bottom: 20px;*/
	/*margin-left:100px;*/
	margin-top:20px;
	width: 23.5%;
	z-index: 999;
	border-radius: 6px;
	box-shadow: 1px 1px 7px #ddd;
}

.third-menus .fourth-menu {
	position:absolute;
	background:#ee631a;
	top:15%;
	left:85%;
	width: 260px;
	z-index: 999;
	border-radius: 6px;
	box-shadow: 1px 1px 7px #ddd;
	max-height:460px;
	overflow:scroll;
	overflow-x:hidden;
}
.fourth-menus {
	position:absolute;
	background:#ee631a;
	top:15%;
	left:85%;
	width: 260%;
	z-index: 999;
	border-radius: 6px;
	box-shadow: 1px 1px 7px #ddd;
	max-height:480px;
	overflow:scroll;
	overflow-x:hidden;
}
.fourth-menus::-webkit-scrollbar-track {
	border-radius: 5px;
}
.fourth-menus::-webkit-scrollbar {width: 10px;}
.fourth-menus::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,0.8);
    border-radius: 5px;
}

.fourth-menu::-webkit-scrollbar-track {
	border-radius: 5px;
}
.fourth-menu::-webkit-scrollbar {width: 10px;}
.fourth-menu::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,0.8);
    border-radius: 5px;
}


.third-menus li:nth-child(5) .fourth-menus,.third-menus li:nth-child(6) .fourth-menus,.third-menus li:nth-child(7) .fourth-menus,.third-menus li:nth-child(12) .fourth-menus,.third-menus li:nth-child(13) .fourth-menus,.third-menus li:nth-child(14) .fourth-menus,.third-menus li:nth-child(19) .fourth-menus,.third-menus li:nth-child(20) .fourth-menus,.third-menus li:nth-child(21) .fourth-menus{
	left:-245%
}
.third-menus li:nth-child(5) .fourth-menu,.third-menus li:nth-child(6) .fourth-menu,.third-menus li:nth-child(7) .fourth-menu,.third-menus li:nth-child(12) .fourth-menu,.third-menus li:nth-child(13) .fourth-menu,.third-menus li:nth-child(14) .fourth-menu,.third-menus li:nth-child(19) .fourth-menu,.third-menus li:nth-child(20) .fourth-menu,.third-menus li:nth-child(21) .fourth-menu{
	left: auto; right:85%
}



.third-menus li:nth-child(8) .fourth-menus,.third-menus li:nth-child(9) .fourth-menus,.third-menus li:nth-child(10) .fourth-menus,.third-menus li:nth-child(11) .fourth-menus,.third-menus li:nth-child(12) .fourth-menus,.third-menus li:nth-child(13) .fourth-menus,.third-menus li:nth-child(14) .fourth-menus{ max-height:350px}
.third-menus li:nth-child(15) .fourth-menus,.third-menus li:nth-child(16) .fourth-menus,.third-menus li:nth-child(17) .fourth-menus,.third-menus li:nth-child(18) .fourth-menus,.third-menus li:nth-child(19) .fourth-menus,.third-menus li:nth-child(20) .fourth-menus,.third-menus li:nth-child(21) .fourth-menus{ top: auto; bottom:30%}


.third-menus li:nth-child(15) .fourth-menu,.third-menus li:nth-child(16) .fourth-menu,.third-menus li:nth-child(17) .fourth-menu,.third-menus li:nth-child(18) .fourth-menu,.third-menus li:nth-child(19) .fourth-menu,.third-menus li:nth-child(20) .fourth-menu,.third-menus li:nth-child(21) .fourth-menu{ top: auto; bottom:30%}

/*.second-menu li:nth-child(2) .fourth-menus{ top: auto !important; bottom:5% !important}
.second-menu li:nth-child(1) .fourth-menus{ top:0 !important; bottom:auto !important}*/
.lm2{ width:200% !important;-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2;}
.lm3{ width:300% !important;-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari and Chrome */column-count:3;}
.lm4{ width:400% !important;-moz-column-count:4; /* Firefox */-webkit-column-count:4; /* Safari and Chrome */column-count:4;}
.lm5{ width:500% !important;-moz-column-count:5; /* Firefox */-webkit-column-count:5; /* Safari and Chrome */column-count:5;}

.fourth-menu li{ width:100%;}
.fourth-menus li{ width:21%; float:left}
/*.fourth-menu:before,
.fourth-menu:after {
	content: "";
	display: block;
	border-width: 10px;
	position: absolute;
	bottom: 8px;
	left: -20px;
	border-style: solid dashed dashed;
	border-color: transparent #ddd transparent transparent;
	font-size: 0;
	line-height: 0;
}

.fourth-menu:after {
	bottom: 10px;
	left: -16px;
	border-width: 8px;
	border-color: transparent #fff transparent transparent;
}*/

.fourth-link {
	display: block;
	color: #fff;
	padding: 4px 0px;
	font-size:12px;;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; display:block;
	text-align:center;text-transform:capitalize;
}

.fourth-link:hover {
	color: #fff;
	text-decoration: underline;   		
}