*{margin:0px;padding:0px;}
body{font-size:14px;color:#666;font-family: Arial ,"΢ÈíÑźÚ";line-height:1.8em; height:100%;}
a,a:visited{text-decoration:none; color:#808080;}
a:hover{color:#e2720d;}
a.red:link,a.red:hover,a.red:visited,.red{color:#e2720d;}
img{border:none;zome:1}
a:focus{outline:none;}
p{ margin: 10px auto;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input:focus {
    outline:none;
}
textarea:focus {
    outline:none;
}
textarea { -webkit-appearance: none;} 	

/*img:hover{filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity:  0.8;}
*/li,dl{list-style:none;}
.clear:before,.clear:after{content:".";display:block;height:0px;visibility:hidden;}
.clear{clear:both;}
html{ position:relative;}
h1,h2,h3{ font-weight:500;}
.pic{ width:100%; position:relative;}
.pic img{ width:100%; vertical-align:middle;}

#wrap{ width:100%; position:relative;}
.top{ width:100%; height:32px; position: absolute; left:0; top:0; z-index:23}
.topcontent{ width:1300px; margin:0 auto; height:32px; line-height:32px; color:#fff;}
.topright{ float:right; display:inline; color:#fff;}
.topright a{ margin-left:10px; color:#fff;}
.topright a.weixin{ padding: 8px 0; padding-left:25px; background: url(/images/weixin.png) left center no-repeat; background-size:20px auto; position: relative;z-index: 99;}
.topright a.weixin img{ position: absolute; z-index: 99; top: 33px; left: 50%; width: 120px; margin-left: -60px; display: none;}
.topright a.weixin:hover img{ display: block;}

#header{ width:100%; margin:0 auto; position:relative; overflow:hidden; min-width:1300px;  }
.head{ width:100%; height:400px;margin:0px auto ; position:relative; overflow:hidden;}
.head .logo{ width:1300px; position:absolute; left:50%; margin-left:-650px; top:120px; height:110px; z-index:22}
.head .logo img{ height:110px; vertical-align:top; position: absolute; left: -550px; top: 0;}
.head .logo h2{  position: absolute; top: 0; line-height:110px; font-size:24px; font-weight:bold;text-shadow: 1px 1px 5px #fff;
 color:#255aac; right: -550px;}
 
 
.select{ width:185px; height:32px; background:#fff; position:absolute; right:0; top:14px; overflow:hidden;  }
.select .txt{ width:150px; float:left; height:32px; background:#fff;text-indent:10px; border:none}
.select .button{ width:35px; cursor:pointer; float:right; height:32px; background:#fa752e url(../images/sel.png)   center no-repeat;; border:none; color:#fa752e;}
.headright a{ float:left; margin-left:15px; width:85px; height:35px; border-radius:15px; line-height:35px; text-align:center; color:#fff; font-weight:bold;}
.headright a.login{ background:#ff6000}
.headright a.reg{ background:#71a0ec}

.menu{ width:100%; height:60px; background: #255aac; position:relative; background-size: cover;}
.menu .menubox{ width:1300px; margin:0 auto; height:60px; position:relative;}
.menu li{ float:left; font-size:16px; font-weight:bold; height:60px; width:140px; text-align:center; line-height:40px;}
.menu li.home span img{ display:block; margin:0 auto;}

.menu li span{ display:inline-block; width:139px; height:40px; margin-top:10px;  text-align:center; font-size:18px; font-weight:bold; color:#fff; position:relative;}
.menu li:hover span{ background:#fa752e}
.menu li#menu6:hover span,.menu li#menu6:hover span font,.menu li#menu7:hover span,.menu li#menu7:hover span font{ background:none}

.menu li:hover span font{ display:block; width:16px; height:10px; background:url(/images/icon1.png) center no-repeat; position:absolute; bottom:-10px; left:50%; margin-left:-8px; z-index:22}
.menu li.home:hover  span { background:none;}
.menu li.home{ width:80px;}
.menu li.home span{ width:79px;}
.menu li span a{ color:#fff; display:block;}
.submenu{ position:absolute;  left:-9999px; top:60px; line-height:45px; z-index:22; background:#f7f7f7; }
.submenu a{ margin-right:20px;font-size:16px; color:#255aac }

#menu3  .submenu a{ margin-right:8px;font-size:15px;}
.menu li.current span{ background:#fa752e}
.menu li.current span font{ display:block; width:16px; height:10px; background:url(/images/icon1.png) center no-repeat; position:absolute; bottom:-10px; left:50%; margin-left:-8px; z-index:22} 
 .menu li.current .submenu{  left:0px; } 
.submenu a:hover{color:#fa752e;}
.menu li:hover .submenu{ left:0px;z-index:30;}
.menu li i{ background:#fff; display:inline-block; margin-top:24px; float:right; display:block; width:1px; height:12px; opacity:0.5;}

.menubg{width:100%; height:45px; line-height:45px; background:#f7f7f7; position:relative; overflow:hidden;}
#menu4 .submenu{ padding-left: 120px;}
#menu5 .submenu{ padding-left: 400px;}
#menu8 .submenu{ padding-left:800px;}
#container{ width:1300px; margin:0 auto; position:relative;overflow:hidden; margin-top:30px;}

#footer{ width:100%; position:relative; background:#eaeaea; padding:25px 0; margin-top:40px; }
.foot{ width:1300px; margin:0 auto; overflow:hidden;}
.footleft{ width:980px; float:left;}
.footright{ width:220px; float:right;}
.footright select{ width:100%; border:1px solid #dbdbdb;height:26px; line-height:26px; margin-bottom:10px; color:#666; border-radius:3px; overflow:hidden;}
.footlist{ width:100%; position:relative; line-height:30px; margin-bottom:10px; margin-top:10px; color: #ccc;}
.footlist a{ font-size:16px; margin:0 10px;}
.footlist a:first-child{ margin-left: 0;}


.head .logo img{ height:110px; vertical-align:top; position: absolute; left: -850px; top: 0; animation: ani_1 800ms linear 1 forwards;
    -webkit-animation: ani_1 800ms linear 1 forwards;
    animation-delay: 0.6s;}
.head .logo h2{  position: absolute; top: 0; line-height:110px; font-size:24px; font-weight:bold;text-shadow: 1px 1px 5px #fff;
 color:#255aac; right: -1050px; animation: ani_4 800ms linear 1 forwards;
    -webkit-animation: ani_4 800ms linear 1 forwards;
    animation-delay: 0.8s;}


.banner{ width:100%; height:400px; position:relative; background:url(/images/banbg.png) top center repeat-x;    animation: wave2 80s linear 0s infinite;
    -webkit-animation: wave2 80s linear 0s infinite;}
.banner div img{ width:100%;}	
.banbg4{overflow:hidden; position:absolute; left:21%; bottom:-320px; width:61.5%;    animation: ani_2 500ms linear 1 forwards;
    -webkit-animation: ani_2 500ms linear 1 forwards;
    animation-delay: 1s;
  }

.banbg2{ overflow:hidden; position:absolute; left:-500px; bottom:0; width:21%;  animation: ani_1 800ms linear 1 forwards;
    -webkit-animation: ani_1 800ms linear 1 forwards;
    animation-delay: 1.1s;
  }
.banbg1{ position:absolute; left:18.75%; bottom:-280px; width:62.5%;animation: ani_2 500ms linear 1 forwards;
    -webkit-animation: ani_2 500ms linear 1 forwards;
    animation-delay: 1.8s;}
.banbg3{ overflow:hidden; position:absolute; right:-500px; bottom:0; width:17.5%;  animation: ani_4 800ms linear 1 forwards;
    -webkit-animation: ani_4 800ms linear 1 forwards;
    animation-delay: 1.21s;
  }

@keyframes ani_1 {
	0% {
		opacity: 0;
		bottom: 0;
		left: -1080px;
	}

	100% {
		opacity: 1;
		bottom: 0;
		left:0;
	}

}

@-webkit-keyframes ani_1 {
	0% {
		opacity: .7;
		bottom: 0;
		left: -500px;
	}

	100% {
		opacity: 1;
		bottom: 0;
		left:0%;
	}
}
@keyframes ani_4 {
	0% {
		opacity: 0;
		bottom: 0;
		right: -500px;
	}

	100% {
		opacity: 1;
		bottom: 0;
		right:0;
	}

}

@-webkit-keyframes ani_4 {
	0% {
		opacity: 1;
		bottom: 0;
		right: -500px;
	}

	100% {
		opacity: 1;
		bottom: 0;
		right:0%;
	}
}

@keyframes ani_2 {
	0% {
		opacity: 0;
		bottom: -100px;
	}

	100% {
		opacity: 1;
		bottom: -10px;
	}

}

@-webkit-keyframes ani_2 {
	0% {
		opacity: 0;
		bottom: -100px;
	}

	100% {
		opacity: 1;
		bottom: -10px;
	}
}

@keyframes ani_3 {
	0% {
		opacity: 0;
		left: 0%;
	}

	100% {
		opacity: 1;
		left: 8%;
	}

}

@-webkit-keyframes ani_3 {
	0% {
		opacity: 0;
		left: 0%;
	}

	100% {
		opacity: 1;
		left: 8%;
	}
}