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




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,button{font:normal 14px "Montserrat-Light", sans-serif;}
ul li,ol li{list-style:none;}
img{border:0px;}
a { color:#333; text-decoration:none; }
a:hover {color:#00a5e3; text-decoration:none; }
.clearfix{clear: both; height:0px;}
input::-webkit-input-placeholder{color:#FFF;}





.hui-slide-menu{width:40%; height:100%; position:fixed; z-index:9999; background:#666; 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:#00a5e3;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:#0088BB; border:none;height:40px; color:#FFF; width:100px;line-height:40px; float:left;}



#hui-mask{position:fixed; z-index:1003; background:rgba(0,0,0, 0.5); width:100%; left:0px; top:0px; height:100%; display:none;}

#hui-toast{width:100%; position:fixed; z-index:1004; left:0; top:50%; text-align:center;}
#hui-toast-msg{margin:0 auto; line-height:22px; background:rgba(0,0,0,0.7); padding:10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}
/* icon toast */
#hui-icon-toast{width:158px; position:fixed; z-index:99999; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); background:rgba(0,0,0,0.9); border-radius:5px;}
#hui-icon-toast *{color:#FFFFFF;}
#hui-icon-toast .hui-icons{text-align:center; font-size:50px; height:40px; font-weight:700; line-height:40px; padding:28px 0px 18px 0px;}
#hui-icon-toast .hui-text-center{line-height:1.5em; padding-bottom:15px; font-size:16px; margin-top:8px;}



.navbg {min-width:1200px;height:100px;background:rgba(255,255,255,0.9);box-shadow: 3px 3px 10px rgba(0,0,0,0.2); width:100%; position:fixed; z-index:1002;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out; padding:15px 0px;}
.ppfixbk {padding:10px 0;}
.navbox {padding:0x 2%; width:1200px; margin:auto;}
.navleft {float:left;}
.logo {position:relative; height:40px;padding:10px 0px;}
.logo img{height:50px;}
.logo ul{position:absolute; left:0px; top:0px;}
.logo ul li.logoa{ margin-top:10px;background:#0045AC; padding:10px;}
.logo ul li.logoa a{
	display:block;
	text-align:center;
	color:#FFFFFF;
	background-image: url(../images/ico1.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	padding-top:50px;
}
.logo ul li.logoa a.contact{background-image: url(../images/ico1.png);}
.logo ul li.logoa a.loc{background-image: url(../images/ico2.png);}
.slogo {float:left; width:100px;display:none; padding:5px 0px; text-align:center;}
.slogo img{width:50px;}

.navright {float:right; margin-top:17px;}
.topico {height:25px;}
.topico li{ float:left;color:#00a5e3; line-height:25px;}
.lang{margin-top:-5px;}
.lang a{ display:block; color:#FFFFFF; width:20px; height:20px; line-height:20px;font-size:12px;border-radius:20px;background-color:#00a5e3; float:left;margin-right:20px; padding:5px; text-align:center;}

a.tdybtn {border-radius:20px;background:#00a5e3; color:#FFFFFF; padding:5px 20px; display:block; margin-top:10px; text-align:center;}


.nav { margin-top:10px;}
.nav ul {}
.nav LI {float:left;text-align:center;POSITION: relative;margin-right:25px;}
.nav LI .aa {height:40px;color: #fff;padding-bottom:10px;font-size:16px;}
.nav LI .aa span{ display:block; position:absolute; width:0%; height:2px; background:#00a5e3; bottom:10px; left:50%;
-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out;}
.nav LI .aa A {display: block;line-height:40px;height:40px;font-size:16px;color: #333;text-align:center;text-transform : uppercase; font-weight:bold;}
.nav LI .navon {height:40px;color: #fff;padding-bottom:10px;font-size:16px;}
.nav LI .navon span{ display:block; position:absolute; width:100%; height:2px; background:#00a5e3; bottom:10px; left:0;}
.nav LI .navon A {display: block;line-height:40px;height:40px;font-size:16px;text-transform : uppercase;color: #00a5e3; font-weight:bold;}
.nav LI dl{
	position: absolute;
	top:80px;
	display: none;
	z-index:100;
	width:220px;
	background:rgba(255,255,255,0.9);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
	opacity: 0;
	margin-left:-10px;
	padding:10px 0px;
}

.nav LI dl dd {line-height:30px;height:30px;}
.nav LI dl dd a{text-decoration: none;font-size:15px;display:block;text-align:left;color:#333;padding:0px 15px;}
.nav LI dl dd a:hover{background:rgba(0,165,227,1);color:#fff;}



.container {width: 1200px;margin: 0px auto;padding: 50px 0px;}
.containerbg {min-width: 1200px;background-color:#FaFaFa;}
.hpic{ height:130px;}


















.footer{width:100%;background: #333333;color: #b2b2b2;min-width:1200px;}
.fnav {float: left;}
.fnav dl{float: left; margin-right:40px; padding-right:40px;}
.fnav dl dt {height: 40px; line-height: 40px;text-transform : uppercase;font-size: 24px; font-weight:bold; color: #b2b2b2;}
.fnav dl dt a{ font-size: 24px; font-weight:bold; color: #b2b2b2;}
.fnav dl dd { font-size: 15px; line-height: 30px; height: 28px;color: #b2b2b2;}
.fnav dl dd a{color: #b2b2b2;}
.fnav dl dd a:hover{color:#00a5e3;}


.wrap_r{float:right;}
.flink { margin-bottom:10px;}
.flink a{display:inline-block; width:33px; margin-right:20px; text-align:center;transition: All .3s linear;}
.flink a img{width:33px; height:33px;}
.flink a:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px); }
.wrap_r dl dd {
	font-size: 16px;
	line-height: 30px;
	height: 28px;
	color: #b2b2b2;
	background-image: url(../images/fico6.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0px 5px 40px;
	position:relative;
}
.wrap_r dl dd a{color: #b2b2b2; display:block; position:relative; font-size:16px;}
.wrap_r dl dd a:hover{color:#00a5e3;}
.ewm {position:absolute; left:40px; bottom:30px; display:none;}
.ewm img{ width:150px; height:150px;}


.copyright{width:100%;min-width:1200px; border-top:1px solid #555; text-align:center; padding:10px 0px;}
.copybox {width: 1200px;margin: 0px auto; height:30px; line-height:30px;}
.copyright a{color: #b2b2b2;}
.botprivacy { float:left;}
.copycont { float:right;}
a.ndybtn {border-radius:20px;background:#00a5e3; color:#FFFFFF; padding:5px 20px;}
.dytext { line-height:30px; font-size:14px; margin-bottom:10px;}

#dydiv input{border:1px solid #ddd; padding:2px 9px; height:20px; line-height:20px; width:80%;margin-bottom:2px;}
#dydiv select{height:auto;margin-bottom:2px;padding:3px 0px 3px 5px;line-height:20px;border:1px solid #ccc;font-size:14px}
#dydiv button{border-radius:20px;background:#00aebf; color:#FFFFFF; padding:5px 20px; border:none;}