@charset "utf-8";
/* CSS Document */
body{padding:0;margin:0;  font:normal 12px/180% "微软雅黑"; color:#333;text-align:center; background:url(images/bg.png) }
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{ margin:0 auto;text-align:left;font:normal 12px/180% "微软雅黑";}
a:link,a:visited{color:#333;text-decoration:none}
a:hover{text-decoration:underline}
img{ border:none}
ol,ul,li{list-style:none;} 
em,i{font-style:normal;}
.clear{ clear:both;}
/* clearfix */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

/*other*/
.fl{float:left;}
.fr{float:right;}
.m0{margin:0 auto;}
.m10{ margin:10px auto}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt17{margin-top:17px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml25{margin-left:25px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mb10{ margin-bottom:10px;}
.p5{padding:5px 0;}
.p3{padding:3px 0;}
.p0{padding:0;}
.p10{padding:10px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb1{border-bottom:1px;}
.bd1{border:1px solid #DAD0AE;}
.w1000{ width:1000px;}
.w980{ width:980px;}
.w978{width:978px;border:1px solid #ECDDAC;background:#fff;}
.w960{width:960px;}
.w100{width:100%;}
.f14{font-size:14px;}
.am2 a{margin:0 2px;}
.am3 a{margin:0 3px;}
.am5 a{margin:0 5px;}
.duan{width:100%;height:8px;}
.t_c{ text-align:center;}
.t_l{ text-align:left;}
.t_r{ text-align:right;}
.w300{ width:300px; }
.w360{ width:360px; }
.list_14 li{ background:url(images/dot.gif) no-repeat 5px 12px; padding-left:15px;font-size:14px; line-height:28px; }
.list_12 li{ background:url(images/dot2.gif) no-repeat 5px 14px; padding-left:15px; line-height:28px;}
.list_12 li,.list_14 li,.list_14 li a:link,.list_14 li a:hover,.list_14 li a:visited,.list_12 li a:link,.list_12 li a:hover,.list_12 li a:visited{color:#033266;}
.l_h26{ line-height:26px;}
.l_h24{ line-height:24px;}
.l_h22{ line-height:22px;}
.o_h{ overflow:hidden;}
.white,.white a:link,.white a:hover,.white a:visited{ color:#fff;}
.blue,.blue a:link,.blue a:hover,.blue a:visited{ color:#6997c7;}
.red,.red a:link,.red a:hover,.red a:visited{ color:#cc0000}
/*top nav*/
.top_nav{ width:989px; height:35px; }
.top_nav img{ float:left; vertical-align:middle; margin:0 20px auto 20px;}
.top_nav span{ float:right; margin-right:10px; line-height:35px; color:#565656}
.top_nav span a{ color:#565656; padding:0 6px;}
.top_nav b{ float:left; font-size:18px; color:#BE140B; font-family:\9ED41\4F53; margin-left:10px;}

/*nav*/
.nav_01{ font-size:14px; line-height:26px; padding:15px 0}
.nav_01 a{ margin:auto 21px;}
.nav_02{ background:#e7e7e7; height:25px; line-height:25px;}
.nav_02 a{ margin:auto 13px;}
.nav_01,.nav_01 a:link,.nav_01 a:hover,.nav_01 a:visited{ color:#333;}
.nav_02,.nav_02 a:link,.nav_02 a:hover,.nav_02 a:visited{ color:#666;}
.ad1{ width:986px; margin-top:13px;}
.ad1 img{ float:left; margin:0 4px;}

/*tit*/
.tit1{ width:100%; height:30px; background:#f4f4f4; line-height:30px;}
.tit1 i{ float:left; font-size:16px; color:#033266; padding-left:12px;}
.tit1 em{ float:right;}
.tit1 em img{ float:right;}
.tit2 { background:none;}
.flash{ background:url(images/flash.jpg) no-repeat top center; width:100%; height:915px;}
/*p1*/
.p1_content{ overflow:hidden; margin-top:12px; /* background:url(images/p1_bg.gif) right repeat-y; */ overflow:hidden;}
.p1_left{ width:580px; height:auto; float:left;}
.p1_right{ width:356px; height:auto; float:right; }
.w268{ width:268px;}
h2{ font-size:30px; font-weight:normal; line-height:70px; margin-top:5px;}
.list1{ width:100%; height:500px;overflow-y:scroll; margin-top:30px}
.list1 li{ clear:both; font-size:14px; line-height:28px;}
.list1 li i{ color:#996633; display:block}
.liuyan{ display:block; width:100%; overflow:hidden}
.liuyan li{ clear:both; padding:0 0 14px 0;}
.liuyan li textarea.t1{ width:352px; height:113px;}
.liuyan li input.t2{ width:352px; height:30px; font-size:18px; color:#999}
.ly_list{ width:100%; height:465px; overflow-y:scroll; margin-top:15px}
.ly_list li{ clear:both; font-family:"宋体" ; padding:5px 0}
.ly_list li i{ color:#999; display:block; line-height:22px;}
.ly_list li i a:link,.ly_list li i a:hover,.ly_list li i a: visited{ color:#999}

.erwm{ position:fixed;_position:absolute;background-position:0 -40px;display:block;width:155px; height:155px;right:13px;_right:-52px;bottom:100px; color:#f62f3b; line-height:22px; font-size:14px; text-align:center}
/*======= copyright========*/
.copyright{ margin:30px auto;width:100%; font-size:12px;color:#666; text-align:center; padding:20px 0; line-height:180%;  clear:both;}
#copyright{clear: both;margin: 5px auto;padding-top:10px;width: 980px;height: auto;color: #2A3084; text-align:center}
#copyright p{margin: 0 0 2px 0; text-align:center;}
#copyright a{color:#2A3084;}
#copyright p.p1{margin: 15px  auto;width: 530px;}
#copyright p.p2{margin: 8px 0 0 0;}

/* === header === */

header {
	width: 100%;
	height: 915px;
	background: url(images/bg.jpg) center top no-repeat;
}

header .w980 {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

header nav {
	position: relative;
	width: 100%;
	text-align: center;

	color: black;
	font-size: 20px;
	font-family: "Microsoft YaHei";
	top: 39px;
}

header nav a,
header nav a:link,
header nav a:visited {
	color: black;
	text-decoration: none;
	margin: 0 20px;
}

header nav a:hover {
	text-decoration: underline;
}

header .scroll-area {
	position: absolute;
	width: 369px;
	height: 56px;
	/*border: 1px solid red;*/
	top: 548px;
	left: 50%;
	margin-left: -184px;
	overflow: hidden;
}

header .scroll-area p {
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: white;
	line-height: 200%;
	font-family: "Microsoft YaHei", helvetica;
}

header .bag {
	position: absolute;
	left: 452px;
	top: 625px;
	width:165px;
	height:58px;
	background-image:url(images/bag.png);
	opacity: 0;
}

header .bag.bag0 {
	left: 264px;
	top: 637px;
}

header .bag.bag1 {
	left: 394px;
	top: 629px;
}

header .bag.bag2 {
	left: 523px;
	top: 630px;
}

header .num {
	position: absolute;
	background-color: rgba(255,255,255,.2);
	color: white;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	width: 230px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 10px;
	left: -50px;
	top: 670px;
}

header .btn {
	width:127px;height:75px;
	background:url(images/btn.png) no-repeat center top;
	position: absolute;
	left: 0px;
	top: 560px;
	color: white;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	text-align: center;
	padding-top: 80px;
	cursor: pointer;
}

header .title {
	position: absolute;
	top: 115px;
	left: 50%;
	margin-left: -142px;
	width:284px;
	height:409px;
	background-image:url(images/title.png);
}

@keyframes scrollUp {
	0% { transform: translateY(50px); }
	100% { transform: translateY(-300px); }
}

@-webkit-keyframes scrollUp {
	0% { transform: translateY(50px); }
	100% { transform: translateY(-250px); }
}

header .scrollUp {
	-webkit-animation: scrollUp 20s infinite linear;
	animation: scrollUp 20s infinite linear;
}

@keyframes fadeIn {
	0% { opacity: 0; transform: translateY(-10px); }
	100% { opacity: 1; transform: translateY(0px); }
}

@-webkit-keyframes fadeIn {
	0% { opacity: 0; transform: translateY(-10px); }
	100% { opacity: 1; transform: translateY(0px); }
}

.fadeIn {
	-webkit-animation: fadeIn .4s both;
	animation: fadeIn .4s both;
}

.fadeIn2 {
	-webkit-animation: fadeIn 1s .4s both;
	animation: fadeIn 1s .4s both;
}