@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	margin: 0 auto;
font-family: "microsoft yahei", simsun;
font-weight: normal;
	font-size: 14px;
	background-color: #fff;
min-width:1200px;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

li,
p {
	list-style-type: none;
	font-size: 15px;
	margin: 0;
}

a,
a:focus,
a:hover {
	border: none;
	outline: none;
	height: auto;
	text-decoration: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.w100 {float: left;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.clear {
	clear: both;
}
.li_last {
	margin-right: 0 !important;
}
.header{float: left;width:100%;/* height:115px; */border-bottom: 5px solid #efc418;background: url(../img/bg_header.png)  no-repeat #0080c9 center center;z-index: 9999;}
.head{width:100%; max-width: 1200px; margin: 0 auto;}
.logo{float: left;margin: 28px auto;/* width:645px; *//* height: 64px; */}
.logo img{width: 100%; height: auto; display: block;}
.top_link{float: right;margin: 45px 0 45px 18px; text-align: center; line-height: 28px; }
.top_link a{color: #fff;padding: 0 5px; font-size: 16px;}
.top_link a:hover{color: #efc418;}
.search{float:right; margin: 45px auto; width: 178px; padding: 0 10px; height: 28px; background-color: transparent; border:1px solid #fff; -webkit-border-radius: 13px;-moz-border-radius: 13px;-o-border-radius: 13px; border-radius: 13px;
 }
.search .ssk{float: left; width:160px; outline: none;  line-height: 26px; border: 0;  background-color: transparent; color: #fff; font-size: 16px;}
.search .ss{float:right; padding: 5px 0px;}
.nav{float: left; width:100%; height:auto; background-color: #ffffff; margin: 0 auto; box-shadow: 2px 0 4px #000;}




.footer-h3 {
    float: left;
    width: 106px;
    height: 36px;
    margin-left: 10px;
    background: linear-gradient(135deg, transparent 0px, #fff 0) top left, linear-gradient(45deg, transparent 0px, #fff 0) bottom left, linear-gradient(-45deg, transparent 12px, #fff 0) bottom right, linear-gradient(-135deg, transparent 12px, #fff 0) top right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.footer-h3 h3 {
    font-size: 16px;
    color: #fff;
    margin: 2px 0 0 2px;
    width: 103px;
    height: 32px;
    line-height: 30px;
    text-align: left;
    padding-left: 14px;
    background: linear-gradient(135deg, transparent 0px, #01afe2 0) top left, linear-gradient(45deg, transparent 0px, #01afe2 0) bottom left, linear-gradient(-45deg, transparent 12px, #01afe2 0) bottom right, linear-gradient(-135deg, transparent 12px, #01afe2 0) top right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}


















#menu {
	position: relative;
	z-index: 9;
	zoom: 1;
	width: 1200px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	text-align: center;
	line-height: 50px;
	height: auto;
	width: 11%;
	float: left;
	border-right: none;
	position: relative;
}

#menu li a {
	white-space: normal;
	color: #000;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	/* text-decoration: none;-webkit-transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
   transform:scale(1);transition: all 0.8s ease-in-out; */
	/*text-shadow: 0 1px 0 #000;*/
}


#menu li:hover {
	background-color: #ecc218;
	
}
#menu li:hover a{color: #fff;}
#menu li a:hover {
	background-color: #ecc218;
	color:#fff;
}

#menu li ul {
	margin: 0;
	padding: 0;
	width: 100%;
	_margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 1;
	background:none;
	filter: alpha(opacity=100);
	/*transition: all .2s ease-in-out;*/
}
#menu li ul li{margin-left: 0;background-color: #ecc218;}

#menu li:hover>ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	z-index: 1;
}

#menu ul ul {
	top: 0;
	z-index: 1;
	left: 200px;
	margin: 0 auto;
	_margin: 0;
}

#menu li ul li,#menu li:hover ul li a {
	padding: 0px;
	white-space: normal;
	float: none;
	width: 100%;
	z-index: 1;
	height: 35px;
	line-height: 35px;
	display: block;
	border: 0;color: #fff;
	_line-height: 0;
	background-color: #ecc218;
}

#menu li ul li a {
	white-space: normal;
	padding: 0px 10px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: none;
	display: block;
	white-space: nowrap;
	color: #fff;
	float: none;
	background-color: #ecc218;
	/* text-transform: none;-webkit-transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
   transform:scale(1);transition: all 0.8s ease-in-out; */
}

#menu li ul li:hover ,#menu li ul li:hover  a{
	background-color: #fff;
	color: #ecc218;
}
.banner {
	width: 100%;
	padding: 0;
	position: relative;
	height: auto;
	
	margin: 0 auto;
	overflow: hidden;
}
.banner .prev {
	position: absolute;
	left: 0px;
	top: 40%;
	width: 42px;
	height: 63px;
	z-index: 9;
	background: url(../img/prev.png) rgba(51,51,51,0.7)   no-repeat center center;
}

.banner .next {
	position: absolute;
	right: 0px;
	top: 40%;
	width: 42px;
	height: 63px;
	z-index: 9;
	background: url(../img/next.png) rgba(51,51,51,0.8) no-repeat center center;
}
.banner .hd {
	width: 100%;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 20px;
	z-index:9999;
}

.banner .hd ul {width: 150px; overflow: hidden;
	margin:0 auto; display: block;
}

.banner .hd ul li {
	position: relative;
	width: 10px;
	float: left;
	height: 10px;
	text-align: center;
	cursor: pointer;
	margin: 0 10px;
	background-color: #fff;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%; border-radius:100%;
}

.banner .hd ul li.on {
	background: #efc418;
}
.banner .bd{float: left; width: 100%;}
.banner .bd ul{float: left; width: 100%;}
.banner .bd ul li {
	width: 100%;
	height:auto;
	overflow: hidden;
	/*-webkit-animation: scaleDraw 2s ease-in-out infinite;*/
}

.banner .bd ul li img {
	float:left;width: 100%;
	height: auto;
}

.banner1{width:100%; height: auto; position: relative;}

.bg_main{width: 100%; height: auto; background: url(../img/bg_main.png) #f5f5f5 no-repeat bottom center; overflow: hidden;}
.main{width: 1200px; overflow: hidden; margin: 0 auto; padding: 0 30px; background-color: #fff;}
.main2{margin: 0px auto; width: 100%;overflow: hidden; max-width: 1260px; padding: 10px 30px; background-color: #fff;}

.lm{float: left; width: 100%; margin-top: 30px; height: auto; line-height: 60px; }
.lm span{float: left; padding-left:0px; background: url(../img/bg_lm.png) no-repeat left bottom; font-size: 20px; font-weight: bold; color: #008cd0;}
.lm a.more{float: right; width:47px; height: 60px; background: url(../img/more2.png) no-repeat center center;}
.lm a.more:hover{background-image: url(../img/more.png);}

.lm2{float: left;width: 210px;padding: 10px 20px;margin-top: 0px;height: 29px;line-height: 30px;border-bottom: 1px solid #008cd0;}
.lm2 span{float: left;border-left: 8px solid #008cd0;padding-left: 10px;font-size: 20px;height: auto;/* line-height: 20px; */font-weight: bold;color: #008cd0;}

.xgxw{float: left; width: 790px;}
.notice{float: right; width: 380px;}
.pic_news{position: relative; float: left; margin-top: 20px; width: 380px; height: auto; overflow: hidden;}
.pic_news .hd{position: absolute; width: 100%; right: 0;  bottom:100px; z-index: 99;}
.pic_news .hd ul{float:none; width:80px; margin: 0 auto; display: block;}
.pic_news .hd ul li{float: left; background-color: #fff; margin:0 3px; width: 10px; height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; border-radius: 10px;}
.pic_news .hd ul li.on{background-color: #f3ae09;}
.pic_news .bd{float:left; width: 100%;}
.pic_news .bd ul{float: left; width: 100%;}
.pic_news .bd ul li{float:left; position: relative; width:100%; height:320px; overflow: hidden;}
.pic_news .bd ul li .pic{float:left; width:100%; height:253px; overflow: hidden;}
.pic_news .bd ul li .pic img{width:100%; height: auto; margin: 0 auto; display: block;}
.pic_news .bd ul li .bt{position: absolute; bottom: 0; left: 10px;  width:360px; background: url(../img/bg_bt.png) no-repeat center bottom;line-height: 45px;}
.pic_news .bd ul li .bt p{line-height: 35px; color: #fff;padding: 10px 20px;}
.pic_news .bd ul li .bt p a{/*background: url(../img/pic_more.png) no-repeat center center;*/ width:30px; height: 35px;; float: right; margin-right: 5px;}
.news{float: right; margin-top: 20px; width: 49%;max-width: 380px; height: auto; overflow: hidden;}
.news ul{float: left; width: 100%;}
.news ul li{float: left; width:100%;height: auto; border-bottom: 1px solid #dedede; }
.news ul li a{float: left; width:100%;line-height: 40px; font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news ul li span.time{float: left; width: 100%; text-align: left; text-indent: 20px; line-height: 24px; font-size: 12px; color: #008cd0; background: url(../img/bg_time.png) no-repeat left center;}
.news ul li:hover a{color: #008cd0;}

.notice ul{float: left; width: 100%; margin-top: 20px;}
.notice ul li{float: left; width:100%;height: auto; border-bottom: 1px solid #dedede; }
.notice ul li a{float: left; width:100%;line-height: 40px; font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.notice ul li span.time{float: left; width: 100%; text-align: left;  line-height: 24px; font-size: 12px; color: #008cd0; }
.notice ul li:hover a{color: #008cd0;}

.tab_news{position: relative; float: left; width: 790px; margin-top: 50px; margin-bottom: 60px;}
.tab_news .hd{position: relative; float: left; width: 100%; height: 60px;}
.tab_news .hd ul{float: left; width: 100%;}
.tab_news .hd ul li{float: left; width: 120px;margin-right: 25px; line-height: 60px; font-size: 20px; color: #333;}
.tab_news .hd ul li.on,.tab_news .hd ul li:hover{cursor: pointer; background: url(../img/bg_lm.png) no-repeat left bottom; font-weight: bold; font-size: 24px; color: #008cd0;}
.tab_news .tempWrap{overflow:inherit !important;}
.tab_news .bd{float: left; width: 100%; height: auto;overflow:inherit !important;}
.bg_tab{display: none;float: left; position: relative; width:100%;}
.bg_tab a.more{position: absolute; top:-60px; right:0;width:47px; height: 60px; display: block;background: url(../img/more2.png) no-repeat center center;}
.bg_tab a.more:hover{background-image: url(../img/more.png);}
.tab_img{float: left; width: 100%; margin-top: 20px;}
.tab_img ul{float: left; width: 100%;}
.tab_img ul li{float: left; width:250px; margin-right: 20px;}
.tab_img ul li .t_pic{float: left; width;100%; height: 160px; overflow: hidden;}
.tab_img ul li .t_pic img{width:100%; height: auto;}
.tab_img ul li .t_bt{float: left; width: 100%; line-height: 44px; text-align: center; background: url(../img/bg_tab_bt1.png) no-repeat top center;}
.tab_img ul li:hover .t_bt{background-image: url(../img/bg_tab_bt2.png);}
.tab_img ul li .t_bt a{color: #fff; font-size: 16px;}
.tab_bt{float: left; width: 100%; margin-top: 10px;}
.tab_bt ul{float: left; width: 100%;}
.tab_bt ul li{float: left; width: 775px; line-height: 40px; background: url(../img/bg_tab_list.png) no-repeat left center; padding-left: 15px;}
.tab_bt ul li a{float: left; width: 85%; font-size: 16px; color: #333;}
.tab_bt ul li:hover a{color: #008CD0;}
.tab_bt ul li span.time{float: right; font-size: 14px;}

.ztzl{float: right; width: 380px;margin-top: 20px; margin-bottom: 60px;}
.ztzl ul{float: left; width: 100%; margin-top: 10px;}
.ztzl ul li{float: left; width: 100%; margin-top: 10px;}

.footer{width:100%;height: auto;overflow: hidden;min-height: 210px;background: url(../img/bg_footer.png) #008cd0 no-repeat center center;}
.foot{width:1200px; margin: 0 auto;}
.foot_link{float: left; width: 100%; border-bottom: 1px solid #01afe2; line-height: 16px; padding: 17px 0;}
.foot_link span{float: left;font-size: 16px; font-weight: bold; color: #fff; margin-right: 10px;}

.copy{float: left;width: 800px;margin-top: 20px;}
.copy p{line-height: 30px; color: #fff; font-size: 16px;}
.code{float: right; margin-top: 20px;}
.code ul{float: right;}
.code ul li{float: right; margin-left: 30px;}
.code ul li span{float: left; width: 16px; height: 64px; padding: 10px 12px; text-align: center; color: #fff; font-weight: bold;}
.code ul li img{float: left; width: 100px; height: 100px;}

.m_left{float:left; width:280px; padding-bottom: 10px; background: url(../img/bg_m_left.png) no-repeat top -5px  right #008cd0;
-webkit-border-radius: 0px 5px 5px 5px;-moz-border-radius:0px 5px 5px 5px;-o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
}
.m_right{float:right; width:890px;margin-bottom: 20px; min-height:500px;}

.bg_dqlm{float: left; width: 100%; border-bottom: 1px solid #008cd0; line-height: 60px;}
.dqlm{display: block; float: left;  color: #008cd0; font-weight: bold; font-size: 18px;}
.dqwz{float:right; }
.dqwz a{color: #888; font-size: 14px;}
.yjlm{float: left; font-weight: bold; font-size: 18px; line-height:30px; padding: 15px  30px; text-align: left;  color: #fff;} 
.sunav{float: left;margin: 0 10px; width:260px;}
.sunav ul{float: left; width: 100%; background-color: #fff;}
.sunav ul li{float: left; width: 84%; line-height: 20px; padding: 14px 8%; text-align: left; border-bottom: 1px solid #e0e0e0;}
.sunav ul li a{font-size: 16px; color: #333;}
.sunav ul li.on,.sunav ul li:hover{background-color: #ffb619;}
.sunav ul li.on a,.sunav ul li:hover a{color: #fff; }

.bt_list{float: left; width: 100%;}
.bt_list ul{float: left; width: 100%;}
.bt_list ul li{float: left; width:100%; line-height: 50px; border-bottom: 1px dashed #d6d6d9; background: url(../img/li_list_d.png) no-repeat left center; }
.bt_list ul li a{float: left; text-indent:15px; width:85%;font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bt_list ul li span.time{float: right; width: 15%; text-align: right; font-size: 16px; color: #aaa;}
.bt_list ul li:hover a{color: #008CD0; font-weight: bold;}
.fy{float:left; width:100%}
.fy table{margin:30px auto;min-width: 470px;/* display: block; */}
.content{float: left; width: 100%; padding:0 0; margin: 20px auto;}
.showtitle{font-size: 28px;  font-weight:bold;text-align: center; color: #333; line-height: 30px;; margin: 10px auto;}
.subtitle{font-size: 20px; text-align: center; color: #333;line-height: 30px;margin: 0px auto;}
.data{padding: 15px 0 20px 0; line-height: 16px; height: auto; margin-bottom: 10px; border-bottom:1px dashed #D6D6D9; color: #aaa;  font-size: 16px; line-height: 20px; text-align: center;}
.data b{text-align: center; padding:0 10px;}
.data img{margin:0px 10px 0px 0;}

.wznr{float: left; width: 100%; margin-bottom: 30px;border-bottom: 1px solid #e2e2e2;}
.wznr p{float: left; width: 100%; height:auto;font-size: 16px; text-indent: 2em; line-height: 30px; margin-bottom: 10px;}
.wznr p span{font-size: 16px; line-height: 30px; }
.wznr table,.wznr p table{width:100% !important;}
.wznr p img,.wznr  img{margin: 0 auto;max-width: 600px;}

.page{width: 100%; float: left;margin: 10px 0;}
.page div{width: 100%; float: left;height: 30px; font-size: 18px; line-height: 30px; color:#008cd0;}
.page div a{color: #333;}
.page div:hover,.page div:hover a{color:#008cd0;}