/**
 * 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:Arial,"宋体",sans-serif;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()); color:#0066cc;}
a:hover{ color:#0066cc;}
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:,Arial,"宋体",sans-serif; 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; z-index:9999;}
.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:#0c8acc; margin:0 auto; overflow:hidden; padding:0 0 15px 0;}

.main_con .banner{ width:100%;}
.main_con .banner img{ width:100%;}

.main_con .text_inf{ width:95%; height:auto; background:#fff; margin:0 auto; padding:30px 0;}
.main_con .text_inf .inf_con{ width:90%; margin:0 auto;}
.main_con .text_inf .inf_con h1{ display:block; float:left; width:100%; height:50px; border-bottom:1px dashed #ddbf7f; color:#e1721b;  margin:10px 0 40px 0;   _margin:10px 0 20px 0; position:relative;}
.main_con .text_inf .inf_con h1 img{ display:block; position:absolute; left:0; bottom:-10px;}
.main_con .text_inf .inf_con dl{ display:block;  width:100%; border:1px solid #CCC; overflow:hidden; line-height:1px; margin-bottom:20px;}
.main_con .text_inf .inf_con dl dt{ display:block; width:35.71%; margin:0; float:left; position:relative;}
.main_con .text_inf .inf_con dl dt .btn_group{ position:absolute; bottom:10%; width:80%; left:50%; margin-left:-40%;  _width:220px;}
.main_con .text_inf .inf_con dl dt .btn_group a{ display:block; float:left; width:44%; margin:0 3%; _width:80px;}
.main_con .text_inf .inf_con dl dt .btn_group a img{ width:100%;}
.main_con .text_inf .inf_con dl.last dt .btn_group{ }
.main_con .text_inf .inf_con dl.last dt .btn_group a{ width:44%; margin:0 28%; _width:80px; _margin:0 auto 0 35px;}

.main_con .text_inf .inf_con dl dt img{ width:100%;}
.main_con .text_inf .inf_con dl dd{ display:block; float:left; width:64.28%; margin:0;}
.main_con .text_inf .inf_con dl dd img{ width:100%;}


.main_con .text_inf .inf_con h3{ width:100%; text-align:center; font-size:24px; line-height:32px; margin:0 0 30px 0;}
.main_con .text_inf .inf_con p{ font-size:14px; line-height:22px; margin-bottom:15px;}













/*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;}
	
.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;
}


.main_con{ width:100%; max-width:none;}

.main_con .text_inf .inf_con h1 img{ width:50%;}
}

@media (max-width: 480px) {
.main_con .text_inf{ padding:30px 0 10px 0;}
.main_con .text_inf .inf_con h1{ height:20px;}
.main_con .text_inf .inf_con dl dt{ width:100%;}
.main_con .text_inf .inf_con dl dd{ width:100%;}
}


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

.main_con .text_inf{ padding:50px 0 10px 0;}
.main_con .text_inf .inf_con h1{ height:10px; margin-bottom:30px;}	
.main_con .text_inf .inf_con h1 img{ width:80%;}
}