@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
/*
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%; background: transparent; color:#666;}
button, input, textarea{margin: 0; padding: 0;}
*/
body,button,input,select,textarea{font-family: Microsoft YaHei, SimHei, Verdana, Arial, sans-serif; font-size:14px;}
body{ min-width:1300px;}
h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
ul {list-style:none; padding:0; margin:0;}
button,input[type="submit"],input[type="button"]{cursor: pointer;}
input[type="radio"],input[type="checkbox"],input[type="submit"],input[type="reset"] { vertical-align: middle; cursor: pointer; }
/****/
a{ color:#282828; text-decoration:none;}
a[href]{ cursor:pointer;}
a[href]:hover{ color:#03a9f4; text-decoration:none;}
a[href].udl:hover{ text-decoration:underline;}
:focus { outline:0;}
/****/
fieldset, img { border:0; vertical-align:middle;}
button, input, select, textarea {background:transparent; font-size: 100%; outline: 0;}
input, button {vertical-align: middle;border: none;background: none;outline: none;}
:link, *:visited, *:hover, *:active, *:focus{transition: background-color 0.2s linear 0s }
/**/
table{ border-collapse:collapse; border-spacing:0;}
i{ font-style:normal;}
/* */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display: block; margin: 0; padding: 0;}

/**/
.main-blue,.c-blue{color:#1D50A2;}
.black{color:#000;}
.f-4c{ color:#4c4c4c;}
.f-fff{color:#fff;}
.c-red{color:#FF6160;}
.fs-20{ font-size:20px;}

/**/
.pr{position: relative;}
.pa{position: absolute;}
.hide{display: none;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.nowrap{ white-space:nowrap;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table; content: ""; height:0; clear:both; visibility: hidden;}
.p-content{ width:1200px; margin:0 auto;background: white;padding: 10px 0px;}

/*图标pr*/
/*
.icon{ display:inline-block; vertical-align:-3px; *vertical-align:middle; background: url(../images/icon.png) no-repeat;}
*/
.icon.icon-news{ width:20px; height:20px; margin-right:10px; background-position:0 0;}
.icon.icon-fold{ width:14px; height:14px; margin-right:6px; background-position:-15px -30px;}
.icon.icon-search{ width:37px; height:37px; margin-right:6px; background-position:0 -50px;}

/*头部*/
#header{ width:100%; height: 64px; position:fixed; z-index: 10;background-color:white}
#header .index .logo-naves{}
#header .logo-naves{ background-color: #fff;  margin: 0 auto; width:94%; width:1240px;position:relative;}
#header .logo-naves .logo{ display: table-cell; vertical-align: middle; width: 158px; height: 64px; position: relative;}
#header .logo-naves .logo a img{ max-width: 100%;}
#header .logo-naves .logo::after{ content: ''; height: 40px; margin-top: -20px; border-right: 1px solid #F0F0F0; position: absolute; top: 50%; right: -10px; z-index: 1;}
#header .logo-naves .logo-text{ display: table-cell; vertical-align: middle; color: #494949; width: 240px; height: 64px; position: relative; top: 0; bottom: 0; left: 36px; z-index: 1;}
#header .logo-naves .naves{ position: absolute; top: 20px; right: 184px; z-index: 1;}
#header .logo-naves .naves li{ float:left; font-size: 16px; height: 30px; line-height: 30px; margin-left: 40px; position:relative;}
#header .logo-naves .naves li a{ color:#444;transition:all 0.3s;}
#header .logo-naves .naves li a:hover,#header .logo-naves .naves li.on a{color: #03a9f4;}
#header .logo-naves .naves-user{ position: absolute; right: 0; top: 20px; z-index: 2;}
#header .logo-naves .naves-user li{ float:left; font-size: 14px; height: 30px; line-height: 30px; padding: 0 20px; margin-left: 6px; border: 1px solid #E7E7E7; border-radius: 20px; background-color: #fff;}
#header .logo-naves .naves-user li.on{ background-color: #03a9f4;}
#header .logo-naves .naves-user li a{ display: block; height: 100%;}
#header .logo-naves .naves-user li.on a{ color: #fff;}
/*banner*/
.bannerWrap{ width:100%; height:500px; padding-top:64px;overflow:hidden; background:url(../images/loading.gif) center center no-repeat;}
#slider { background-color: #fff; background-position: center center; background-repeat: no-repeat; height: 500px; position: relative; width: 100%;}
#slider li{ float:left;}
#slider li a{ width:100%; height:500px; display:block;}
#slider .slide {float: left; height: 180px; left: 0; position: absolute; top: 0; width: 100%;}
/*
.banner-icon{ width:1200px; margin:0 auto; height:50px; top:-215px; display:block; position:relative;}
.banner-icon li { background:url(../images/banner-icon.png) no-repeat scroll 0 0 transparent; top: 0; cursor: pointer; height: 50px;  position: absolute; width: 50px; z-index: 21;}
.banner-icon .pre { background-position: 0 0; left: 0;}
.banner-icon .pre:hover{ background-position: -140px 0;}
.banner-icon .next { background-position: -60px 0; right: 0;}
.banner-icon .next:hover{ background-position: -200px 0;}
*/

.sub-banner{ width: 100%; height: 338px; overflow: hidden; /*padding-top: 64px;*/}
/*
.sub-banner img{ margin-left: -960px; position: relative; left: 50%;}
*/
/*版权*/
.footerWrap{ color:#acacac; font-size:14px; height:296px; border-top: 1px solid #ccc; background-color: #fff;}
.footerWrap .cContent{ width:1100px; margin:0 auto; padding:80px 50px 40px 50px;}
.footerWrap .footer-left{ float:left; width:622px; border-right:1px solid #ccc;}
.footerWrap .footer-left .footer-left-item{ float: left; color: #333; font-size: 16px; width: 270px; line-height: 38px;}
.footerWrap .footer-left .footer-left-item:first-of-type{ width: 350px;}
.footerWrap .footer-left .footer-left-item h3{ font-weight: bold;}
.footerWrap .footer-right{ float:left; margin-left: 60px;}
.footerWrap .footer-right dl { float:left; color: #333; text-align: center; width:90px;}
.footerWrap .footer-right dl:first-of-type{ margin-right: 120px;}
.footerWrap .footer-right dt{ font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.footerWrap .footer-right dd .qrcode{ display: block; width: 90px; margin-bottom: 10px;}
.footerWrap .footer-right .hrefLink{margin:40px 0 0 25px; display: block;font-size: 22px; color:#acacac;}
.footerWrap .footer-company{ font-size:20px; margin-bottom:20px;}
.footerWrap .copyRight{ color: #fff; font-size: 14px; height:118px; line-height: 30px; background-color: #222; padding: 20px 10px;}


/*-----------------------------------分页-----------------------------------------------*/
.pages{ padding:20px 0;font-size:14px; color:#333; text-align:center;}
.pages a{display:inline-block; color:#333; text-align:center; height:28px; line-height:28px; padding:0 10px; margin:0 5px; border-radius:18px; background-color:#F7F6F6; cursor:pointer;}
.pages a:hover{ color:#1D50A2; text-decoration:none;}
.pages a.cur{ text-decoration:none; color:#FFF; background-color:#1D50A2;}
.pages a.gray{ color:#ADADAD;}
.pages a.gray:hover{ border-color:#ECECEC; background-color:#FFF; cursor:default;}
.pages span{ cursor:text; margin:0 8px; display:inline-block;}
.pages span b{ color:#666;}
.pages .page-tool{ color:#333; margin-left:20px;}
.pages .ipt{ text-align:center; border:1px solid #ddd; border-radius:18px; height:28px;}
.pages .num{ width:50px; height:28px; line-height:28px; border:1px solid #ECECEC; border-radius:18px;}
.pages .btn{ width:55px;  height:30px; line-height:30px; border:1px solid #ECECEC;}
.pages .btn:hover{ color:#FFF; background-color:#1D50A2;}


/********响应式布局**************/
.box
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#header {
    box-shadow: 0 0 5px rgba(0,0,0,0.14);
}
#header .wap_menu{
    display: none;
}
@media only screen and (max-width: 750px){
    body {
        width: 100%;
        min-width: 100%;
    }
    #header .logo-naves .logo {
        vertical-align: bottom;
        height: 40px;
        padding-left: 3px;
    }
    #header .logo-naves .logo::after {
        border-right: none;
    }
    #header .logo-naves .logo-text {
        float: left;
        left: 3px;
        height:auto;
        font-size: 12px;
        margin-top: 5px;
        color: rgb(0,102,180);
    }
    #header .logo-naves-fixed .naves {
        position: fixed;
        top: 64px;
        left: 0px;
        right: 0px;
        width: 100%;
        background: #fff;
        bottom: 0;
        overflow-y: auto;
    }
    #header .logo-naves-fixed .naves .home {
        display: none;
    }
    #header .logo-naves-fixed .naves>ul {
        border-top: 3px solid #f2f6fa;
        list-style: none;
    }
    #header .logo-naves-fixed .naves li {
        width: 100%;
        list-style: none;
        height: 50px;
        line-height: 50px;
        float: none;
        text-align: left;
        margin: 0px;
        font-size: 18px;
        border-bottom: 3px solid #f2f6fa;
    }
    #header .logo-naves-fixed .naves li a {
        margin: 0 20px;
    }
    #header .logo-naves .wap_menu{
        position: fixed;
        display: block;
        top: 12px;
        right: 10px;
        width: 40px;
        height: 40px;
        background: url(../images/menu.png) no-repeat center center #63a5ff;
        border-radius: 2px;
        background-size: 22px auto;
    }
    #header .logo-naves-fixed .wap_menu{
        background: url(../images/menu-1.png) no-repeat center center #63a5ff;
        border-radius: 2px;
        background-size: 22px auto;
    }
    .footerWrap .cContent {
        width: 100%;
        padding: 10px 10px 10px 10px;
    }
    .footerWrap .footer-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }
    .footerWrap .footer-right {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    .footerWrap .footer-left .footer-left-item:first-of-type {
        width: 50%;
    }
    .footerWrap .footer-left .footer-left-item {
        width: 50%;
    }
}