body { text-align: left; padding: 0; margin: 0; font: 12px arial, helvetica, clean, sans-serif; color: #333; font-family: "microsoft yahei"; background: #fff; }
div, p, li { word-break: break-all; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { padding: 0; margin: 0; }
fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0; }
a img { border: 0; padding: 0; margin: 0; }
i { font-style: normal; }
/*清除浮动*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix {  *zoom: 1;
}
address, caption, cite, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
li { list-style-type: none; }
caption { text-align: left; }
th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 100%; }
q:unknown {
 content: '';
}
q:unknown {
 content: '';
}
.em2{ text-indent:2em; display:block;}
input, textarea, select { font-family: inherit; }
input, textarea, select { font-size: 100%; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #041828; text-decoration: none; }
.icon { background-image: url("icon.png"); display: inline-block; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; }
/*网站公用样式表*/
.w1000 { width: 1000px; margin: 0 auto; }
.w1300 { width: 1300px; margin: 0 auto; }
.head_main { width: 100%; border-bottom: 1px solid #ececec; height: 35px; line-height: 35px;  }
.head_main ul { color: #d8d8d8; }
.head_main ul li { float: left; }
.head_main ul li i { width: 15px; height: 15px; background-position: -15px 0; margin-right:3px; margin-left:15px }
.head_main ul li em { padding: 0 10px; }
.head_main ul li .mobile { position: absolute; left: -15px; top: 35px; border: 1px solid #ececec; border-top: none; padding-bottom: 0; background: #fff; transition: ease-in-out 0.2s; height: 0; width: 110px; z-index:100;}
.head_main ul li .mobile img { width: 90px; height: 90px; display: none; padding: 10px; }
.head_main ul li .on { color: #ed1b23; }
.head_main ul li .select_box { background: #e7e7e7; position: relative; width: 170px; height: 22px; float: left; z-index: 999; line-height: 22px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 7px; margin-right: 20px; }
.head_main ul li .select_box span { cursor: pointer; display: block; width: 160px; padding-left: 10px; height: 22px; line-height: 22px; overflow: hidden; color: #333; }
.head_main ul li .select_box i { width: 7px; height: 4px; background-position: -133px 0; position: absolute; right: 4px; top: 9px; }
.head_main ul li .select_box .son_ul { z-index: 9999; width: 168px; position: absolute; left: 0; top: 19px; background: #fff; border: 1px solid #ececec; padding-top: 3px; }
.head_main ul li .select_box .son_ul dd { display: block; line-height: 22px; height: 22px; overflow: hidden; margin-bottom: 4px; }
.head_main ul li .select_box .son_ul dd a, .head_main ul li .select_box .bottom_main .son_ul dd a:visited { color: #000; display: block; overflow: hidden; padding-left: 10px; }
.head_main ul li .select_box .son_ul dd a:hover { color: #fff; background: #ed1a22; }
.head_main ul li .select_box .son_ul dd { cursor: pointer; }
.head_main ul .l2 { position: relative; }
.head_main ul .l2:hover .mobile { height: 110px; }
.head_main ul .l2:hover .mobile img { display: block; }
.head_main ul li:first-child i { background-position: 0 0; }
.head_main ul .l3 i { width: 11px; height: 6px; background-position: -120px 0; margin-left: 8px;  *margin-top: 16px;}
.head_main ul .l4 i { width: 20px; height: 15px; background-position: -120px 0; margin-left:15px;  *margin-top: 16px;}
.top_main { height: 95px; }
.top_main .left img { padding-top: 16px; }
.top_main .right { position: relative; width: 246px; text-align: center; }
.top_main .right p { font-size: 14px; font-weight: bold; color: #ed1b23; padding-top: 16px; width: 90px; margin: 0 auto; background: #fff; display: block; z-index: 11; position: relative; }
.top_main .right p i { width: 14px; height: 14px; background-position: -59px 0; margin-right: 5px; }
.top_main .right h1 { font-family: "helv"; font-size: 32px; font-weight: 100; }
.top_main .right .line { position: absolute; right: 0; top: 27px; height: 1px; background: #989898; width: 246px; z-index: 10; }
.nav_main { height: 55px; line-height: 55px; background: #0075c9; width: 100%; }
.nav_main ul li { float: left; width: 140px; text-align: center; height: 45px; position: relative; }
.nav_main ul li a { color: #fff; font-size: 16px; display: block;transition: ease-in-out .2s; }
.nav_main ul li a:hover { background: url("nav_on.jpg") center bottom repeat-x; color:#ff0 }
.nav_main ul li a.hover { background: url("nav_on.jpg") center bottom repeat-x; }
.nav_main ul li a.hover2 { background: url("nav_on.jpg") center bottom repeat-x; }
.nav_main ul li dl { width: 140px; display: none; background: #073358; position: absolute; left: 0px; top: 55px; z-index: 11; overflow: hidden; border-top: 3px; }
.nav_main ul li dl dd { overflow: hidden; }
.nav_main ul li dl dd a { margin-bottom: 5px; width: 100%; height: 45px; line-height: 45px; display: block; font-size: 14px; color: #fff; text-align: center; transition: ease-in-out 0.2s; }
.nav_main ul li dl dd a:hover { color: #fff; background: #8dcb20; height: 45px; line-height: 45px; }
.nav_main ul li dl dd a.hover{ background:none;}
.nav_main ul li dl dd a.hover:hover{ background: #8dcb20;}
.nav_main ul li:first-child { border: none; }


/***css3****/
.leftIn { animation: leftIn 1s forwards; -webkit-animation: leftIn 1s forwards; }
.rightIn { animation: rightIn 1s forwards; -webkit-animation: rightIn 1s forwards; }
.shensuo { animation: shensuo 1.5s forwards; -webkit-animation: shensuo 1.5s forwards; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.downIn { -webkit-animation-name: downIn; animation-name: downIn; }
.upIn { -webkit-animation-name: upIn; animation-name: upIn; }


@-webkit-keyframes leftIn {  0% {
 opacity: 0;
 -webkit-transform: translateX(-40px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes leftIn {  0% {
 opacity: 0;
 -moz-transform: translateX(-40px);
 -ms-transform: translateX(-40px);
 transform: translateX(-40px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes rightIn {  0% {
 opacity: 0;
 -webkit-transform: translateX(40px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes rightIn {  0% {
 opacity: 0;
 -moz-transform: translateX(40px);
 -ms-transform: translateX(40px);
 transform: translateX(40px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes shensuo {  0% {
 -webkit-transform: scaleX(0.9);
}
 100% {
 -webkit-transform: translateY(1);
}
}
@keyframes shensuo {  0% {
 -moz-transform: scaleX(0.9);
 -ms-transform: scaleX(0.9);
 transform: scaleX(0.9);
}
 100% {
 -moz-transform: translateY(1);
 -ms-transform: translateY(1);
 transform: translateY(1);
}
}
@-webkit-keyframes downIn {  0% {
 opacity: 0;
 -webkit-transform: translateY(30px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@-moz-keyframes downIn {  0% {
 opacity: 0;
 -moz-transform: translateY(30px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
@-o-keyframes downIn {  0% {
 opacity: 0;
 -o-transform: translateY(30px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
@keyframes downIn {  0% {
 opacity: 0;
 -ms-transform: translateY(30px);
 transform: translateY(30px);
}
 100% {
 opacity: 1;
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes upIn {  0% {
 opacity: 0;
 -webkit-transform: translateY(-30px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@-moz-keyframes upIn {  0% {
 opacity: 0;
 -moz-transform: translateY(-30px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
@-o-keyframes upIn {  0% {
 opacity: 0;
 -o-transform: translateY(-30px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
@keyframes upIn {  0% {
 opacity: 0;
 -ms-transform: translateY(-30px);
 transform: translateY(-30px);
}
 100% {
 opacity: 1;
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes spinAround {  from {
 -webkit-transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinAround {  from {
 -moz-transform: rotate(0deg);
}
to { -moz-transform: rotate(360deg); }
}
@keyframes spinAround {  from {
 transform: rotate(0deg);
}
to { transform: rotate(360deg); }
}
@-webkit-keyframes sonarEffect {  0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
 -webkit-transform: scale(1.5);
 opacity: 0;
}
}
@-moz-keyframes sonarEffect {  0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
 -moz-transform: scale(1.5);
 opacity: 0;
}
}
@keyframes sonarEffect {  0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
 transform: scale(1.5);
 opacity: 0;
}
}
.top2 {
    position: relative;
    margin-top: 0px;
    font-size: 14px;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 3px center;
}
.vm { position: absolute; left: 0px; left: -25px; top: 35px; border: 1px solid #ececec; border-top: none; padding-bottom: 0; background: #fff; transition: ease-in-out 0.2s; width: 150px; height: 150px; height: 175px; z-index:150; background-color: #fff; display: none; padding: 10px; }
.vm canvas {position: absolute; width: 150px; height: 150px; overflow:hidden;}
.vm p { position: absolute; top: 140px; left: 10%; text-align: center; color:#666; }
.top2:hover .vm { display: block }

/*导航条以上代码结束*/

/*幻灯片代码开始*/
.slideBox {width:100%;height:500px;overflow:hidden;position:relative}
.slideBox .bd {position:relative;height:100%;z-index:0}
.slideBox .bd li {zoom:1;vertical-align:middle;height:500px}
.slideBox .bd img {width:100%;height:500px;	display:block}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:40%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:55px; height:5px; line-height:4px; text-align:center; background:#073358; cursor:pointer; }
.slideBox .hd ul li.on{ background:#81c426; color:#fff; }
		
.youshi {margin-bottom:50px;
	float: left;
	width: 100%;
	background-image: url(ys-line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.youshi .ys_kj {
	margin: auto;
	padding: 0px;
	width: 1300px;
}
.youshi .ys_kj .ys_bt {
	font-family: "微软雅黑";
	font-size: 36px;
	font-weight: bold;
	color: #000;
	float: left;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.youshi .ys_kj .ys_bt a {
	color: #073358;
	font-family: "微软雅黑";
	font-size: 36px;
	font-weight: bold;
}

.youshi .ys_kj .ys_fb { line-height:40px;
	color: #B7B7B7;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.youshi .ys_kj .ys_nr {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}


.youshi .ys_kj .ys_nr li {
	float: left;
	width: 225px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 17px;
	padding: 0px;
}
.youshi .ys_kj .ys_nr li .ys_t {
	text-align: center;
	float: left;
	width: 100%;
	font-family: "微软雅黑";
	font-size: 25px;
	font-weight: bold;
	color: #000;
}
.youshi .ys_kj .ys_nr li .ys_x { line-height:35px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: lighter;
	color: #666666;
}
.youshi .ys_kj .ys_lx {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.youshi .ys_kj .ys_lx li {
	background-color: #86c020;
	text-align: center;
	padding: 10px;
	width: 600px;
	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: lighter;
	color: #FFFFFF;
	list-style-type: none;
	line-height: 1.5;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.youshi .ys_kj .ys_lx li a {
	font-size: 26px;

	color: #fff;
	margin-top: 15px;
}


.portal-wrap {
width: 1250px;
margin: 35px auto;
}
.portal-wrap ul {
margin-right: -15px;
}
.portal-wrap li {
float: left;
width: 235px;
padding: 12px 10px;
margin-right: 15px;
border: 1px solid #eee;
border-radius: 2px;
}
.portal-wrap .portal-btn {
display: block;
width: 164px;
margin: 22px auto 0;
line-height: 30px;
text-align: center;
font-size: 14px;
color: #ff4c53;
border: 1px solid #ff4c53;
background: #fff4f5;
border-radius: 30px;
}
.portal-wrap .title {
position: relative;
padding-left: 49px;
font-size: 24px;
color: #333;
font-weight: bold;
line-height: 40px;
}
.portal-wrap .title i {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
background: url(index-icons.png) 0 0 no-repeat;
}
.portal-wrap .title em {
position: absolute;
right: 3px;
top: 10px;
width: 19px;
height: 19px;
background: url(index-icons.png) 0 -40px no-repeat;
}
.portal-wrap .info {
padding-left: 10px;
margin-top: 6px;
font-size: 14px;
color: #555;
line-height: 21px;
}
.portal-wrap .portal-btn {
display: block;
width: 164px;
margin: 22px auto 0;
line-height: 30px;
text-align: center;
font-size: 14px;
color: #ff4c53;
border: 1px solid #ff4c53;
background: #fff4f5;
border-radius: 30px;
}
.portal-wrap .title .pos2 {
background-position: -40px 0;
}
.portal-wrap .title .pos3 {
background-position: -80px 0;
}
.portal-wrap .title .pos4 {
background-position: -120px 0;
}
.portal-wrap .title .pos5 {
background-position: -160px 0;
}