@import url('reset.css');

body {
    font-size: 14px;
}

.wrap {
    width: 1300px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    clear: both;
}

a:hover {
    color: #0a499b;
}

.header {
    width: 100%;
    float: left;
    height: 80px;
    z-index: 99999;
    position: relative;
    background: #fff;
}

.header a.alogo {
    display: block;
    float: left;
    line-height: 80px;
    height: 80px;
    width:300px;
    position:relative;
    z-index:99999999;
    background:#fff;
}

.header a.alogo img {
    max-height: 80px;
}

.header a.alogo img {
    vertical-align: middle;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

#top-menu {
    float: right;
    height: 80px;
    box-sizing: border-box;
    line-height: 80px;
    color: #252525;
    width: 1000px;
    z-index: 999;
    position: relative;
}

#top-menu ul {
    width: 100%;
    float: right;
    position:relative;
    z-index:99999999;
    background:#fff;
}

#top-menu .cate0 {
    float: left;
    text-align: center;
    font-weight: normal;
    height: 78px;
}

#top-menu ul li a {
    box-sizing: border-box;
    font-size: 16px;
    color: #252525;
}

#top-menu .cate0 > a {
    display: inline-block;
    height: 78px;
    border-top: 2px #fff solid;
    transition: 0.2s ease-in;
}

#top-menu .cate0.on > a, #top-menu .cate0:hover > a {
    border-top: 2px #0a499b solid;
}

#top-menu .cate0.on a, #top-menu .cate0:hover a {
    color: #0a499b;
}

#top-menu .cate0:hover .sub-cate {
    display: block;
}

#top-menu .cate0 ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 99999999;
}

#top-menu ul ul li {
    padding: 0;
    width: 150%;
    height: 55px;
    line-height: 55px;
    float: left;
    margin-left: -25%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, .8);
}

#top-menu .cate0 ul ul {
    width: auto;
    white-space: nowrap;
}

#top-menu .cate0 ul li:hover {
    background: #018fd9;
    color: #0a499b;
}

#top-menu .cate0 .sub-cate {
    display: none;
    position: absolute;
    width: 1300px;
    left: -300px;
    z-index: 999;
    top: 80px;
    background: #fff;
}
#top-menu .cate0 .sub-cate .pro-nav{
    width: 100%;
    float: left;
}
#top-menu .cate0 .sub-cate .pro-nav-sub{
    float: left;
    text-align: center;
    width: 33.33%;
}
#top-menu .cate0 .sub-cate .pro-nav-sub .pro-nav-sub-list{
    position: relative;
    border-right: 1px solid #EAEAEA;
    box-sizing: border-box;
    min-height:260px;
}
#top-menu .cate0 .sub-cate .pro-nav-sub .pro-nav-sub-list .col-line{
    position: absolute;
    left: 50%;
    z-index: 999;
    width: 1px;
    border-right: 1px solid #EAEAEA;
    box-sizing: border-box;
    min-height:260px;
}
#top-menu .cate0 .sub-cate .pro-nav-sub h3{
    height: 52px;
    background: #F5F5F5;
    font-size: 18px;
    font-family: MicrosoftYaHeiUI;
    font-weight: bold;
    color: #0A499B;
    line-height: 52px;
    border-right: 2px solid white;
}
#top-menu .cate0 .sub-cate .pro-nav-sub:hover h3{
    color: white;
    background-color: #0A499B;
}
#top-menu .cate0 .sub-cate .pro-nav-sub a{
    text-align: left;
    line-height: 40px;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding:0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#top-menu .cate0 .sub-cate .pro-nav-sub a:hover{

    color: white;
    background-color: #0A499B;
}
@keyframes menuShow {
    from {
        opacity: 0%;
    }
    to {
        opacity: 100%;
    }
}

.menuShow {
    animation-name: menuShow;
}

#top-menu .cate0 .sub-cate .item {
    min-height: 280px;
    background: #fff;
}

#top-menu .cate0 .sub-cate .item .fl {
    width: 320px;
    margin-top: 60px;
    padding-left: 60px;
    border-right: 1px solid #eaeaea;
    height: 180px;
    background: url(../images/bg-menu-down.png) no-repeat;
    background-position: 50px bottom;
    background-size: 100%;
}


#top-menu .cate0 .sub-cate .item .fl .p2 {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #0a499b;
    clear: both;
}

#top-menu .cate0 .sub-cate .item .fl .p3 {
    width: 100%;
    font-size: 36px;
    color: #dfdfdf;
    clear: both;
}

#top-menu .cate0 .sub-cate .item .fc {
    float: left;
    width: 200px;
    margin-top: 50px;
    min-height: 180px;
    padding: 0 60px;
    border-right: 1px solid #eaeaea;
}

#top-menu .cate0 .sub-cate .item .fc a {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

#top-menu .cate0 .sub-cate .item .fc a:hover {
    background: #0a499b url(../images/icon-menu-on.png) 160px 50% no-repeat;
    background-size: 16px;
    color: #fff;
}

#top-menu .cate0 .sub-cate .item .fr {
    float: left;
    width: 360px;
    margin-top: 50px;
    height: 180px;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 60px;
}

.fcates {
    width: 100%;
    float: left;
    padding: 30px 0;
    line-height: 2;
    font-size: 12px;
}

.fcates .wrap {
    display: table;
}

.fcates .fcitem {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

.fcates .fcitem .a1 {
    display: block;
    font-weight: bold;
    clear: both;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 40px;
}

.fcates .fcitem .a2 {
    display: block;
    clear: both;
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

.fcates .fcitem .a2 img {
    vertical-align: middle;
    margin-right: 10px;
}

.fcates .fcitem.ed {
    width: 500px;
    padding-left: 50px;
    font-size: 26px;
    color: #9f9ad4;
    padding-left: 0;
}

.fcates .fcitem.ed .qrcode {
    float: left;
}

.fcates .fcitem.ed .qrcode img {
    width: 107px;
}

.fcates .fcitem.ed .txt {
    margin-top: 10px;
    float: left;
    margin-left: 10px;
    line-height: 46px;
}

.fcates .fcitem.ed .txt p {
    font-size: 18px;
    padding-left: 20px;
    color: #fff;
}

.foocate {
    width: 100%;
    float: left;
    background: #fff;
    padding-bottom: 60px;
}

.foocate .fl {
    width: 700px;
    border-right: 01px solid #e7e7e7;
}

.foocate .fl .p1 {
    font-size: 14px;
    color: #030303;
    line-height: 50px;
}

.foocate .fl .p2 {
    font-size: 12px;
    color: #828282;
    line-height: 2.5;
}

.foocate .fr {
    width: 490px;
}

.foocate .fr .img {
    width: 120px;
    float: left;
    margin-top: 20px;
    margin-left: 75px;
    font-size: 12px;
    text-align: center;
}

.foocate .fr .ftel {
    text-align: center;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
}

.foocate .fr .ftel .p1 {
    font-size: 12px;
    color: #5d5d5d;
    line-height: 30px;
}

.foocate .fr .ftel .p2 {
    font-size: 30px;
    color: #f97316;
}

.links {
    position: relative;
    width: 100%;
    line-height: 30px;
    float: left;
    background: #f4f4f4;
    color: #333;
    padding: 25px 0;
    font-size: 12px;
    /*! margin-top: 30px; */
}

.links a {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-bottom: 12px;
    color: #333;
    padding-right: 20px;
}

.links .tel {
    position: absolute;
    right: 0;
    top: 0;
}

.links .tel .p1 {
    text-align: center;
    color: #b1aeae;
    font-size: 14px;
}

.links .tel .p2 {
    color: #ff5a00;
    font-size: 28px;
    font-family: impact;
}

.footer {
    background: url(../images/bg-foot.png) no-repeat center;
    background-size: cover;
    /*! height: 390px; */
    clear: both;
    float: left;
    text-align: left;
    width: 100%;
    overflow: hidden;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
}

.footer .fcon {
    height: 282px;
    margin-top: 38px;
}

.footer .copyright {
    border-top: 1px solid #535a61;
    /*! line-height: 70px; */
}

.footer .fleft {
    float: left;
    width: 460px;
}

.footer .fleft .flogo img {
    height: 80px;
}

.footer .fleft .flogo {
    margin-bottom: 10px;
}

.footer .fleft .bot .fwx {
    float: left;
    margin-right: 15px;
}

.footer .fleft .bot .fwx img {
    width: 123px;
}

.footer .fleft  .ftel {
    font-size: 20px;
    line-height: .8;
    margin-bottom: 20px;
}

.footer .fleft .bot .faddr {
    font-size: 12px;
    line-height: 24px;
}

.footer .fright {
    float: right;
    margin-top: 28px;
    width: 840px;
}

.footer .fright .fcitem {
    float: left;
    width: 180px;
    box-sizing: border-box;
}

.footer .fright .fcitem a {
    clear: both;
    float: left;
}

.footer .fright .fcitem .a1 {
    padding-right: 30px;
    background: url(../images/bg-ftit.png) no-repeat right;
    background-size: 19px;
    font-size: 15px;
    margin-bottom: 20px;
}


.footer .fright .fcitem .a2 {
    position: relative;
    white-space: nowrap;
    font-size: 13px;
    line-height: 30px;
    padding-left: 15px;
    background-size: 35px;
}
.footer .fright .fcitem .a2 .aico{
    position: absolute;
    top: 13px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #eee;
}
.footer a {
    color: #fff;
}

.footer table {
}

.footer table td, .footer table th {
    border: none;
}

.footer .ftxt {
    width: 50%;
    float: left;
}

.footer .fofrm {
    width: 410px;
    height: 160px;
    float: right;
    background: #fff;
}

.footer .fofrm input,
.footer .fofrm textarea {
    display: block;
    border: none;
    background: #dcdcdc;
    float: left;
    padding: 05px;
}

.footer .fofrm .iname {
    width: 195px;
    height: 38px;
}

.footer .fofrm .iphone {
    width: 194px;
    margin-left: 01px;
    height: 38px;
}

.footer .fofrm textarea {
    width: 355px;
    margin-top: 01px;
    height: 101px;
}

.footer .fofrm #submit {
    width: 45px;
    float: right;
    background: #5f5f5f;
    display: block;
    height: 111px;
    text-align: center;
    vertical-align: middle;
    line-height: 111px;
    margin-top: 01px;
}

.footer .fr .btxt {
    clear: both;
    width: 400px;
    margin-top: 10px;
    float: left;
}

.cp {
    width: 100%;
    background: #999;
    color: #fff;
    float: left;
    border-top: 01px solid #c9c9c9;
    padding: 20px 0;
}

.qqkefu {
    position: fixed;
    top: 50%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    /*right:0;*/
    right: 30px;
    width: 39px;
}

.qqkefu ul li {
    width: 45px;
    height: 45px;
    margin-bottom: 1px;
    float: right;
    background: #0a499b;
    line-height: 45px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.qqkefu ul li a {
    color: #fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}

.qqkefu ul li.qq_cza {
    overflow: hidden
}

.qqkefu ul li:hover {
    background: #0a499b;
}

.qqkefu ul li.top {
    background: url("../images/com/back.png") no-repeat center #0a499b;
    position: relative;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.qqkefu ul li.top:hover {
    background: url("../images/com/back.png") no-repeat center #0a499b;
}

.qqkefu ul li div {
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    float: right;
}

.qqkefu ul li span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

.qqkefu ul li div.a {
    position: relative;
    background: #0a499b url(../images/com/qq.png) no-repeat center center;
}

.qqkefu ul li div.b {
    position: relative;
    background: #0a499b url(../images/com/zixun.png) no-repeat center center;
}

.qqkefu ul li div.c {
    position: relative;
    background: #0a499b url(../images/com/weixin.png) no-repeat center center;
}

.qqkefu ul li div.e {
    position: relative;
    background: #0a499b url(../images/com/tel.png) no-repeat center center;
}

.qqkefu ul li.qq_czae {
    line-height: 15px !important
}

.erweima {
    width: 130px !important;
    height: 150px !important;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display: none;
    /*overflow: hidden;*/
}

.erweima p {
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}

.erweima p img {
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}

.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    position: absolute;
    right: -5px;
    top: 122px;
}

.body-form .form-item {
    margin-top: 30px;
    clear: both;
    width: 100%;
    float: left;
    height: 55px;
    position: relative;
}

.body-form .form-item .input {
    position: relative;
    float: left;
}

.body-form .form-item .input .msg-box {
    position: absolute;
    /* top: 55px; */
    left: 0;
}

.body-form .form-item input {
    display: block;
    float: left;
    height: 43px;
    border: 01px solid #cfcfcf;
    line-height: 43px;
}

.pages {
    width: 100%;
    float: left;
    padding: 60px 0;
}

.pages .fl a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 01px solid #dbdbdb;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    background: #fff;
}

.pages .fl a:hover, .pages .fl a.current {
    background-color: #BDBDBD;
    border: 01px solid #BDBDBD;
    color: #fff;
}

.pages .i-pnext {
    display: inline-block;
    width: 94px;
    height: 40px;
    background: #0a499b url(../images/com/i-pnext.png) no-repeat center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pages .fr img {
    float: left;
    width: 94px;
}

.cate-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 01px solid #979797;
    float: left;
    /*margin:3500px 00px;*/
}

.cate-title .cn {
    float: left;
    height: 30px;
    line-height: 30px;
    border-left: 05px solid #e81c23;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    color: #2d2d2d;
    display: inline-block;
}

.position {
    float: right;
    text-align: right;
}

.content .doc-info {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px 00px;
    border: 01px dashed #9c9c9c;
}

.content .doc-info span {
    color: #858585;
    padding-left: 20px;
}

.content .content-text {
    width: 100%;
    float: left;
    min-height: 500px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 250%;
}

.content .prevnext {
    width: 100%;
    float: left;
    margin: 50px 00px;
    border-top: 01px dashed #9c9c9c;
    line-height: 40px;
    padding-top: 20px;
}

.bread_line {
    height: 71px;
    background: url(../images/com/breadline_bg.png) no-repeat;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bread_line span {
    font-size: 30px;
    color: #fff;
    line-height: 71px;
    margin-right: 10px;
    margin-left: 25px;
}

.bread_line a {
    margin: 0 07px;
    font-size: 14px;
    color: #fff;
}

.message_nav {
    width: 120000px;
    margin: 0 auto;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.message_nav ul li {
    float: left;
}

.message_nav ul li a {
    display: block;
    height: 57px;
    line-height: 57px;
    font-size: 15px;
    color: #414141;
    padding: 0 25px;
}

.message_nav ul li a.message_nav_c {
    border-bottom: 03px solid #0a499b;
    color: #0c55a4;
}

.main_wrap_lv2 {
    background: #f6f6f6;
}


.newcatebar {
    text-align: center;
    float: left;
    width: 100%;
}

.newcatebar .dpos {
    text-align: left;
    height: 50px;
    line-height: 50px;
}

.newcatebar .d1 {
    /*! color: #ed3da1; */
    font-size: 24px;
}

.newcatebar .d2 {
    margin-bottom: 10px;
    line-height: 2;
    padding-bottom: 10px;
    border-bottom: 01px solid #dddd;
}

.newcatebar .dsub {
    text-align: center;
}

.newcatebar .dsub a {
    display: inline-block;
    background: #0c55a4;
    width: 164px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 15px;
}


.cate-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 01px solid #979797;
    float: left;
    /*margin:3500px 00px;*/
}

.cate-title .cn {
    float: left;
    height: 30px;
    line-height: 30px;
    border-left: 05px solid #0a499b;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    color: #2d2d2d;
    display: inline-block;
}

/*toppos*/
.toppos {
    width: 100%;
    clear: both;
    position: relative;
    float: left;
    height: 60px;
    line-height: 60px;
    border-bottom: 01px solid #eaeaea;
}

.toppos .i-home {
    width: 60px;
    float: left;
    height: 60px;
    text-align: center;
    border-right: 01px solid #eaeaea;
}

.toppos .posstep {
    float: left;
    padding-left: 10px;
}

.toppos .posstep .posa {
    display: inline-block;
    padding-left: 10px;
    background: url(../images/i-pos.png) no-repeat left center;
    margin-right: 10px;
}

.toppos .posstep .posa.i1 {
    background: none;
}

.toppos .fr ul,
.toppos .fr ul li {
    position: relative;
    height: 60px;
    float: left;
}

.toppos .fr ul li {
    margin-left: 24px;
}

.toppos .fr ul li a {
    display: block;
    float: left;
}

.toppos .fr ul li a.on {
    border-bottom: 01px solid #0a499b;
    color: #0a499b;
    font-weight: bold;
}

.toppos .fr .posso {
    position: relative;
    width: 270px;
    float: right;
    height: 34px;
    top: 12px;
}

.toppos .fr .posso input {
    position: absolute;
    width: 250px;
    height: 34px;
    display: inline-block;
    border-radius: 27px;
    border: none;
    background: #eaeaea;
    padding-left: 20px;
    z-index: 1;
}

.toppos .fr .posso img {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}

.position {
    float: right;
    text-align: right;
}

.content .doc-info {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px 00px;
    border: 01px dashed #9c9c9c;
}

.content .doc-info span {
    color: #858585;
    padding-left: 20px;
}

.content .content-text {
    width: 100%;
    float: left;
    min-height: 500px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 250%;
}

.content .prevnext {
    width: 100%;
    float: left;
    margin: 50px 00px;
    border-top: 01px dashed #9c9c9c;
    line-height: 40px;
    padding-top: 20px;
}

.bread_line {
    height: 71px;
    background: url(../images/com/breadline_bg.png) no-repeat;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bread_line span {
    font-size: 30px;
    color: #fff;
    line-height: 71px;
    margin-right: 10px;
    margin-left: 25px;
}

.bread_line a {
    margin: 0 07px;
    font-size: 14px;
    color: #fff;
}

.message_nav {
    width: 120000px;
    margin: 0 auto;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.message_nav ul li {
    float: left;
}

.message_nav ul li a {
    display: block;
    height: 57px;
    line-height: 57px;
    font-size: 15px;
    color: #414141;
    padding: 0 25px;
}

.message_nav ul li a.message_nav_c {
    border-bottom: 03px solid #0a499b;
    color: #0a499b;
}

.main_wrap_lv2 {
    background: #f6f6f6;
}

.left-news {
    border: 1px solid #e5e5e5;
}

.left-news p {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 10px;
    text-overflow: ellipsis;
    width: 100%;
    border-bottom: 01px solid #e5e5e5;
}

.left-news a:last-child p {
    border-bottom: 0;
}

.main-left {
    width: 300px;
    float: left;
    margin-top: 40px;
    margin-bottom: 100px;
}

.main-right {
    margin-top: 40px;
    width: 900px;
    float: right;
}

.page-content {
    font-size: 14px;
    line-height: 200%;
    min-height: 500px;
}