@charset "utf-8";
/*重置CSS*/
body,
html{
    color: #333;
    font-size:12px;}
body,
html,
div,
blockquote,
img,
label,
p,
h1,h2,h3,h4,h5,h6,
pre,
ul,ol,li,
dl,dt,dd,
form,
a,
fieldset,
input,
th,
td{
    margin:0;
    padding:0;
    border:0;
    outline:none;
    word-break: break-all;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif}
select,textarea{
    outline:none;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif}
table {
    border-collapse:collapse;
    border-spacing:0}
fieldset,img {
    border:0}
address,caption,cite,code,dfn,strong,th,var{
    font-weight:normal}
em,i{
    font-style:normal;
}
ol,ul {
    list-style:none;
    list-style-position:inside}
a{
    color:#333;
    text-decoration:none}
caption,th{
    text-align:left;}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal}
q:before,q:after{
    content:'.';
    display:block;
    height:0;
    clear:both;
    visibility:hidden}
abbr,acronym{
    border:0}
@font-face {font-family: "st-iconfont";
    src: url('../fonts/iconfont.eot?t=1471499964'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1471499964#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=1471499964') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf?t=1471499964') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1471499964#iconfont') format('svg'); /* iOS 4.1- */
}
input::-webkit-input-placeholder {
    color: #ccc !important;
}
input:-moz-placeholder {
    color: #ccc !important;
}
input::-moz-placeholder {
    color: #ccc !important;
}
input:-ms-input-placeholder {
    color: #ccc !important;
}
/*公用css*/
.fl{
    float:left}
.fr{
    float:right}
.clear{
    clear:both}
.clearfix:before,
.clearfix:after{
    content:'.';
    display:block;
    height:0;
    clear:both;
    overflow:hidden}
.c-red{
    color: #f00;
}
.c-333{
    color: #333;
}
.c-666{
    color: #666;
}
.c-999{
    color: #999;
}
.c-f60{
    color: #f60;
}
.c-f80{
    color: #f80;
}
.w100{
    width:100px !important;}
.w105{
    width:105px !important;}
.w120{
    width:120px !important;}
.w150{
    width:150px !important;}
.w230{
    width:230px !important;}
.w250{
    width:250px !important;}
.w260{
    width:260px !important;}
.w270{
    width:270px !important;}
.w300{
    width:300px !important;}
.w350{
    width:350px !important;}
.w500{
    width:500px !important;}
.w550{
    width:550px !important;}
.w700{
    width:700px !important;}
.w790{
    width:790px !important;}
.pl10{
    padding-left: 10px;
}
.pr10{
    padding-right: 10px;
}
.mt4{
    margin-top: 4px;
}
.mt5{
    margin-top:5px !important;}
.mt10{
    margin-top:10px !important;}
.mt15{
    margin-top:15px !important;}
.mt20{
    margin-top:20px !important;}
.mt25{
    margin-top:25px !important;}
.mt50{
    margin-top:50px !important;}
.mt100{
    margin-top:100px !important;}
.ml5{
    margin-left: 5px !important;}
.ml10{
    margin-left: 10px !important;}
.ml20{
    margin-left: 20px !important;}
.ml15{
    margin-left:15px !important;}
.mr20{
    margin-right:20px !important;}
.mb15{
    margin-bottom:15px !important;}
.mb35{
    margin-bottom:35px !important;}
.hide{
    display:none !important;}
.big{
    float:left;
    width:100%;
    min-width:1200px}
.wm-1200{
    width:1200px;
    margin:0 auto;
    position:relative}
.wm-1200:before,
.wm-1200:after{
    content:'.';
    display:block;
    height:0;
    clear:both;
    overflow:hidden}
.st-guide{
    font-size: 14px;
    color: #0e86e3;
    height: 30px;
    line-height: 30px;
    padding: 5px 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    background-color: #fff;
}
.st-guide a{
    color: #0e86e3;
}
.st-guide a:hover{
    color: #0e86e3;
}

/*分页代码样式*/
.main_mod_page{
    margin-top: 30px;
    width:100%;
    padding:20px 0;
    overflow:hidden;
    text-align: center}
.main_mod_page p.page_right{
    display: inline-block;
    height:30px;
    text-align:center;
    background-color: #f5f5f5;
}
.main_mod_page a{
    display:inline-block;
    *zoom:1;
    *display:inline;
    width:42px;
    height:30px;
    line-height: 30px;
    font-size:14px;
    vertical-align:top;
    border:1px solid #ccc;
    border-radius:3px;
    color: #666;
    background-color: #fbfbfb;
    margin: 0 2px;
}
.main_mod_page .back-first,
.main_mod_page .go-last{
    width: 42px;
}
.main_mod_page .prev,
.main_mod_page .next{
    width:56px;
}
.main_mod_page .mod_pagenav_count{
    display:inline-block;
    height:30px;
    vertical-align:top;
}
.main_mod_page .mod_pagenav_count a{
    display:inline-block;
    *zoom:1;
    *display:inline;
    color:#666;
    width:28px;
    height:28px;
    line-height:28px;
    font-size:14px;
    text-align:center;
    margin:0 2px;
    border:1px solid #ccc;
    border-radius:3px;
    background-color: #fbfbfb;
}
.main_mod_page a.current,
.main_mod_page a:hover{
    color:#fff;
    border:1px solid #444444;
    background-color: #666}
.main_mod_page p.page_right .txt{
    display: inline-block;
    width: 28px;
    line-height: 30px;
    margin: 0 2px;
    color: #666;
    text-align: center;
}
.main_mod_page p.page_right .txt b{
    color: #ff6600;
    font-weight: normal;
}


/* 焦点图 */
.st-focus-banners{
    width: 100%;
    min-width: 1200px;
    height: 640px;
    position: relative;
    overflow: hidden;
}
.st-focus-banners .banners{
    width: 1920px;
    height: 640px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
}
.st-focus-banners .banners > ul > li > a{
    display: table-cell;
    width: 1920px;
    height: 640px;
    vertical-align: middle;
    text-align: center;
}
.st-focus-banners .banners > ul > li > a img{
    vertical-align: middle;
}
.st-focus-banners .focus{
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 27px;
    z-index:99;
    text-align: center;
}
.st-focus-banners .focus > ul{
    height: 12px;
}
.st-focus-banners .focus > ul > li{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    cursor: pointer;
    vertical-align: top;
    background-color: rgba(255,255,255,.5);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.st-focus-banners .focus > ul > li.on{
    background-color: rgba(255,255,255,1);
}

/* 导航 */
.st-nav{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 180px;
    width: 100%;
	background:#004D88;
    background-color: rgba(0,77,136,0.502);
	filter:alpha(opacity=50);
}
.st-logo{
    float: left;
    width: 180px;
    height: 180px;
    padding: 0 20px;
}
.st-logo>a{
    display: table-cell;
    width: 220px;
    height: 180px;
    vertical-align: middle;
}
.st-logo>a img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.st-menu{
    float: left;
    height: 180px;
    width: 980px;
}
.st-menu ul{
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.st-menu ul li{
    display: inline-block;
    height: 180px;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    font-size: 0;
}
.st-menu > ul > li > a {
    display: block;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding: 47px 24px 0 25px;
    text-align: center;
}
.st-menu > ul > li:last-child > a {
    padding-right: 0;
}
.st-menu > ul > li.on > a {
    color: #ff9900;
}
.st-menu > ul > li > a>.ico{
    display: block;
    width: 67px;
    height: 67px;
    margin: 0 auto 10px;
}
.st-menu > ul > li.st-menu-item01 > a>.ico{
    background: url("../images/st-nav-ico01.png") no-repeat;
}
.st-menu > ul > li.st-menu-item01.on > a>.ico{
    background: url("../images/st-nav-ico01-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item02 > a>.ico{
    background: url("../images/st-nav-ico02.png") no-repeat;
}
.st-menu > ul > li.st-menu-item02.on > a>.ico{
    background: url("../images/st-nav-ico02-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item03 > a>.ico{
    background: url("../images/st-nav-ico03.png") no-repeat;
}
.st-menu > ul > li.st-menu-item03.on > a>.ico{
    background: url("../images/st-nav-ico03-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item04 > a>.ico{
    background: url("../images/st-nav-ico04.png") no-repeat;
}
.st-menu > ul > li.st-menu-item04.on > a>.ico{
    background: url("../images/st-nav-ico04-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item05 > a>.ico{
    background: url("../images/st-nav-ico05.png") no-repeat;
}
.st-menu > ul > li.st-menu-item05.on > a>.ico{
    background: url("../images/st-nav-ico05-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item06 > a>.ico{
    background: url("../images/st-nav-ico06.png") no-repeat;
}
.st-menu > ul > li.st-menu-item06.on > a>.ico{
    background: url("../images/st-nav-ico06-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item07 > a>.ico{
    background: url("../images/st-nav-ico07.png") no-repeat;
}
.st-menu > ul > li.st-menu-item07.on > a>.ico{
    background: url("../images/st-nav-ico07-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item08 > a>.ico{
    background: url("../images/st-nav-ico08.png") no-repeat;
}
.st-menu > ul > li.st-menu-item08.on > a>.ico{
    background: url("../images/st-nav-ico08-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item09 > a>.ico{
    background: url("../images/st-nav-ico09.png") no-repeat;
}
.st-menu > ul > li.st-menu-item09.on > a>.ico{
    background: url("../images/st-nav-ico09-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item10 > a>.ico{
    background: url("../images/st-nav-ico10.png") no-repeat;
}
.st-menu > ul > li.st-menu-item10.on > a>.ico{
    background: url("../images/st-nav-ico10-on.png") no-repeat;
}
.st-menu > ul > li.st-menu-item11 > a>.ico{
    background: url("../images/st-nav-ico11.png") no-repeat;
}
.st-menu > ul > li.st-menu-item11.on > a>.ico{
    background: url("../images/st-nav-ico11-on.png") no-repeat;
}