/**
 * PgwMenu - Version 1.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */

/*css reset*/
html,body,p{ padding: 0; margin: 0; font-family:"宋体";font-size:14px; } 
body{ background:#fff;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table { border-collapse:collapse; border-spacing: 0; border:0; }
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur()); }
a:hover{ color:#000000;}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;} 
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0; font-family:"宋体"; font-weight:normal;}
:focus {outline: 0;}
/*css common*/
.f-left {float: left;}
.f-right {float: right;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.nodisplay{display: none;}
html, body, #wrap {height: 100%;}
body > #wrap { height: auto; min-height: 100%;}

/*css #header*/
#header{ width:100%; max-width:902px;_width:expression((documentElement.clientWidth >902) ? "902px" : "auto" ); height:88px; background:#fff; margin:0 auto 20px auto; padding:0 0 15px 0; background:url(../images/top_bg.jpg) 0 bottom repeat-x;}
#header h1{ float:left; margin-top:17px;}
#header h1 img{ }

.nav { position:relative; display:inline-block; font-size:12px; float:right; line-height:18px;}
.nav-list { margin-top:55px;}
.nav-item { float:left; *display:inline; zoom:1;}
.nav-item a { display:block; color:#0166b4; margin:0 8px;}
.nav-item:first-child a { border-radius:5px 0 0 5px;}
.nav-item:last-child a { border-radius:0 5px 5px 0;}
.nav-item a:hover { color:#4296d2;}

.nav-mobile { display:none; /* Hide from browsers that don't support media queries */ cursor:pointer; position:absolute; top:0; right:0;background:#0065b2 url(../images/nav.svg) no-repeat center center; height:40px; width:40px; border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


/*css #main_con*/
.main_con{ width:100%; max-width:902px;_width:expression((documentElement.clientWidth >902) ? "902px" : "auto" ); height:auto; background:#f5f5f5; margin:0 auto; overflow:hidden;}
.main_con .banner{ width:100%; background:url(../images/banner_bg.jpg) 0 0 repeat-y; background-size:100%;}
.main_con .banner img{ width:100%;}

.main_con .banner .banner_inf{ width:95%; background:#0e3158 url(../images/banner_inf_bg.jpg) 0 top repeat-x; padding:20px 0; margin:0 auto;}

.main_con .banner .banner_inf p{ width:90%; color:#FFF; margin:10px auto; line-height:24px;}
.main_con .banner .banner_inf p b{ color:#FF0; }

.main_con .banner .banner_inf table{text-align:center; font-size:14px; line-height:22px; margin-bottom:10px; margin-left:5%; color:#FFF;}
.main_con .banner .banner_inf table tr td{ border:1px solid #fff;}
.main_con .banner .banner_inf table td{ padding:10px 5px;word-break:break-all; }
.main_con .banner .banner_inf table td a{ color:#333;}

.main_con .text_inf{ width:100%; height:auto; background:#f5f5f5; margin:30px 0;}
.main_con .text_inf h3{ width:144px; margin:10px 0 20px 2.5%;}
.main_con .text_inf h3 img{ width:100%;}
.main_con .text_inf .text{ width:90%; margin:0 auto;}
.main_con .text_inf p{ width:95%; color:#000; margin:10px auto; line-height:24px;}

.yya{font-size:14px; font-weight:bold; color:#FF0; text-decoration:underline;}
.yya:hover{font-size:14px; font-weight:bold; color:#FF0; text-decoration:none;}
.main_con .banner .banner_inf1{text-align: center;width:95%; color:#FFF;  auto; line-height:24px;}
/*css #share*/
#share{ width:100%; max-width:902px;_width:expression((documentElement.clientWidth >902) ? "902px" : "auto" ); height:auto; background:#fff; margin:0 auto; overflow:hidden;
height:27px;
margin-top:15px;
margin-right:auto;
margin-bottom:15px;
margin-left:auto;
background-image:url(../images/tit.jpg);
vertical-align: middle;
}

/*css #recommended_marketing*/
#recommended_marketing{width:100%; max-width:902px;_width:expression((documentElement.clientWidth >902) ? "902px" : "auto" ); height:158px; background:url(../images/r_bg.png) 0 0 no-repeat; margin:0 auto; overflow:hidden; }

/*css #footer*/
#footer{ width:100%; max-width:902px;_width:expression((documentElement.clientWidth >902) ? "902px" : "auto" ); background:#fff; margin:20px auto 0 auto; padding:20px 0; border-top:3px solid #0469b4; overflow:hidden;}
#footer .gs{ float:left; margin-right:10px;}
#footer .gs img{ width:35px;}
#footer .copyright{ width:60%; float:left; color:#999;}
#footer .copyright p{ line-height:20px; font-size:12px;}
#footer .copyright p span{ margin:0 15px 0 0;}
#footer ul{ display:block; width:305px; float:right; margin:10px 0;}
#footer ul li{ float:right; margin-left:20px; font-size:12px;}


@media (max-width: 1000px) {
#share{ display:none;}
#recommended_marketing{ display:none;}
#footer{margin-top:0;}
#footer .gs{ display:none;}
#footer ul{ margin:0 auto 40px auto; float:none;}
#footer ul li{ margin:0 10px;}
#footer .copyright{ width:95%; float:none; text-align:center; margin:0 auto;}
}

@media (max-width: 767px) {
#header{margin-bottom:0;}
#header h1{ margin-top:18px;}
#header h1 img{ width:90%; }
.pgwMenu{ float:right; height:50px; position:relative; margin-top:25px;}
	
.main_con{ width:100%; max-width:none;}
.main_con .text_inf p{ margin-left:15px;}

.nav-mobile { display:block; }
.nav { width:100%; padding:40px 0 0; float:none; right:10px; top:-48px;}
.nav-list { display:none; margin:0;}
.nav-item { width:60%;float:right;}
.nav-item a { background:#0065b2; text-align:right; color:#FFF; padding:13px 15px 13px 0; margin:0; border-bottom:1px solid #005ea6;}
.nav-item a:hover{ color:#FF0;}
.nav-item:first-child a { border-radius:5px 0 0; }
.nav-item:last-child a { border-radius:0 0 5px 5px;}
.nav-active { display:block;}
.nav-mobile-open { border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
}
}

@media (max-width: 320px) {
.main_con a.btn{ width:93px; height:30px;}
#header h1{ margin-top:24px;}
#header h1 img{ width:70%; }
.nav { top:-44px;}
}