@font-face {
	font-family: Montserrat-Light;
	src: url(../fonts/Montserrat-Light.ttf) format("truetype");
}
@font-face {
	font-family: Montserrat-Regular;
	src: url(../fonts/Montserrat-Regular.ttf) format("truetype");
}

@font-face {
	font-family: Anton-Regular;
	src: url(../fonts/Anton-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Anton-Regular.woff) format("woff"), url(../fonts/Anton-Regular.ttf) format("truetype"), url(../fonts/Anton-Regular.svg#YourWebFontName) format("svg");
}



body,div,p,input,a,textarea,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,span,form{margin:0;padding:0;}
body,input,select,textarea{font:normal 14px "Noto Sans SC Light", sans-serif;}
ul li,ol li{list-style:none;}
html,body{height:100%;color:#333333;}
img{border:0px;}
a { color:#333; text-decoration:none; }
a:hover {color:#F0862F; text-decoration:none; }
.clearfix{clear: both; height:0px;}

a.link1{color:#007E80; display:block; margin-top:10px; font-size:16px; font-weight:bold;}
a.link1:hover{color:#F0862F;}



.navbox {min-width:1280px;height:120px;background:#ffffff;box-shadow: 3px 3px 10px rgba(0,0,0,0.2); width:100%; position:fixed; z-index:1000;background:rgba(255,255,255,0.9);}
.logobox {width:1280px;margin:auto;height:120px;}
.logo {height:80px;float:left;padding:20px 0px;}
.logo img{height:80px;}
.ppfix{top:0px; z-index:1000;}	

.nav {float:right; margin-top:35px;}
.nav ul {}
.nav LI {
float:left;
text-align:center;
height:60px;
POSITION: relative;
margin-left:20px;
}





.nav LI .aa {color: #333333;}

.nav LI .aa A {
	display: block;
	line-height:40px;
	height:40px;
	font-size:16px;
	color: #333333;
	text-align:center;
	padding:10px 25px 10px 10px;
	transition: all 0.35s ease-in-out;
	background-image: url(../images/icon03.gif);
	background-repeat: no-repeat;
	background-position: right 5px center;
}
.nav LI .navon A {
	display: block;
	line-height:40px;
	height:40px;
	font-size:16px;
	background:#242D2C;
	color: #BCC1C1;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: right 5px center;
}

.nav LI dl{
	position: absolute;
	top:60px;
	display: none;
	z-index:100;
	width:180px;
	background:#242D2C;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
	opacity: 0;
	margin-left:0px;
	padding:1px 0px;
}

.nav LI dl dd {
	line-height:40px;
	height:40px;
}

.nav LI dl dd a{
	text-decoration: none;
	font-size:12px;
	display:block;
	text-align:left;
	color:#FFFFFF;
	padding:0px 15px;
	border-bottom:1px solid #495151;
	transition: all 0.35s ease-in-out;
}
.nav LI dl dd a:hover{background:#E96305;color:#FFFFFF;border-bottom:1px solid #E96305;}

.nav LI dl.pronav{
	width:1080px;
	margin-left:-500px;
}
.nav LI dl .protab{
	width:269px;
	height:600px;
	border-right:1px solid #495151;
	float:left;
	line-height:30px;
}
.nav LI dl .nbd{border-right:none;}

.nav LI dl.pronav dt{padding:5px 0px;}
.nav LI dl.pronav dt a{ font-weight:bold; padding:0px 15px;display:block;text-align:left;color:#FFFFFF;}
.nav LI dl.pronav dt a:hover{background:#E96305;color:#FFFFFF;}
.nav LI dl.pronav dd {line-height:26px;height:26px;}
.nav LI dl.pronav dd a{ padding-left:30px;border-bottom:none;line-height:26px;}




.hui-slide-menu{width:40%; height:100%; position:fixed; z-index:9999; background:#333; right:-40%; top:0px;}
.hui-slide-menu ul{padding:20px;}
.hui-slide-menu li{color:#FFFFFF;background:#0045AC; margin-bottom:10px; padding:0px 30px 0px 10px; position:relative;}

.sinput {height: 30px;line-height:30px;width: 60%;background:#007E80;padding:5px 10px;float:left;border:none;color:#FFF;}
.keyword {line-height:30px;color:#BC133E; clear:both;}
.keyword a{margin-right:10px;color:#666;}
input.sbtn{ font-size:14px;background:#F0862F; border:none;height:40px; color:#FFF; width:100px;line-height:40px; float:left;}



@keyframes hui-a-menu-show{0%{right:-40%;} 100%{right:0%}}
@-moz-keyframes hui-a-menu-show{0%{right:-40%;} 100%{right:0%}}
@-webkit-keyframes hui-a-menu-show{0%{right:-40%;} 100%{right:0%}}
@-o-keyframes hui-a-menu-show{0%{right:-40%;} 100%{right:0%}}
.hui-slide-menu-show{-webkit-animation:hui-a-menu-show 0.3s forwards; animation:hui-a-menu-show 0.3s forwards;}
@keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-40%}}
@-moz-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-40%}}
@-webkit-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-40%}}
@-o-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-40%}}
.hui-slide-menu-hide{-webkit-animation:hui-a-menu-hide 0.3s forwards; animation:hui-a-menu-hide 0.3s forwards;}
#hui-mask{position:fixed; z-index:1003; background:rgba(0,0,0, 0.5); width:100%; left:0px; top:0px; height:100%;}





.contanierbg{ min-width: 1280px;margin:0 auto; background:#F0F0F0;}
.contanier{width: 1280px;margin:0 auto; padding:20px 0px;}



.leftside {width:50px;position:fixed;top:150px;left:0px; z-index:100;}
.leftside ul li{width:50px;height:50px;position:relative;border-bottom:1px solid #fff;}
.leftside ul li i{width:50px;height:50px; display:block; font-size:15px;background:#007E80;color:#FFFFFF; text-align:center; line-height:50px;transition: all .4s ease;}
.leftside ul li a:hover i{background:#F0862F;}
.leftside ul li .sidebox{position:absolute;width:100px;height:50px;top:0;left:0;display: none;background:rgba(2,126,127,0.8);z-index:-1; color:#fff; font-size:16px; line-height:50px; padding-left:10px;}





.footer{min-width:1280px;height:50px;background:#111; width:100%; padding:10px 0px; line-height:50px;}
.foot{width:1280px; margin:auto; font-size:16px;color: #fff;}
.footl{ float:left;}
.footr{ float:right;}
.footl a{color: #fff;}
.footr a{color: #fff;}
.footr span {color: #ccc; font-size:14px;}
.footr span a{color: #ccc;}