﻿*
{
    margin: 0;
    padding: 0;
    font-family: Microsoft Yahei,"微软雅黑",Arial,"Times New Roman";
}
body
{
    text-align: justify;
}
a
{
    text-decoration: none;
    font-size: 16px;
    color: #000;
}
input, select, textarea
{
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}
.clear
{
    clear: both;
}
.clearfix
{
    *zoom: 1;
}
.clearfix:before
{
    content: "";
    display: table;
}
.clearfix:after
{
    content: "";
    display: table;
    clear: both;
}
.pic
{
    overflow: hidden;
}
.pic img
{
    max-width: 100%;
    display: block;
    width: 100%;
    overflow: hidden;
    transition: all .5s;
    transform: scale(1);
    max-height: 100%;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.p10
{
    padding: 10px 0;
}
.p20
{
    padding: 20px 0;
}
.p30
{
    padding: 30px 0;
}
.p40
{
    padding: 40px 0;
}
.p50
{
    padding: 50px 0;
}
.p60
{
    padding: 60px 0;
}
.p70
{
    padding: 70px 0;
}
.p80
{
    padding: 80px 0;
}
.p90
{
    padding: 90px 0;
}
.p100
{
    padding: 100px 0;
}
.mt10
{
    margin-top: 10px!important;
}
.mt20
{
    margin-top: 20px!important;
}
.mt30
{
    margin-top: 30px!important;
}
.mt40
{
    margin-top: 40px!important;
}
.mt50
{
    margin-top: 50px!important;
}
.mt60
{
    margin-top: 60px!important;
}
.mt70
{
    margin-top: 70px!important;
}
.mt80
{
    margin-top: 80px!important;
}
.mt90
{
    margin-top: 90px!important;
}
.mt100
{
    margin-top: 100px!important;
}
.w1200
{
    width: 1200px;
    margin: 0 auto;
}
.mx1200
{
    max-width: 1200px;
    width: 94%;
    margin: 0 auto;
}
::-webkit-scrollbar
{
    width: 5px;
    height: 1px;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    height: 15px;
    background: #a0a0a0;
}
::-webkit-scrollbar-track
{
    background: #f6f8fb;
}
.top
{
    height: 92px;
    background: url("../image/top.jpg") center no-repeat;
}
.menu
{
    background: #004f87;
    line-height: 44px;
    text-align: center;
}
.menu li
{
    display: block;
    width: 165px;
    float: left;
    position: relative;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.menu li:last-child
{
    width: 45px;
}
.menu li:last-child img
{
    margin: 14px 0 0 0;
}
.menu li a
{
    display: block;
    color: #fff;
}
.menu li.this, .menu li:hover
{
    background: #f68100;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.menu li:last-child:hover
{
    background: none;
}
.menu li ul
{
    display: none;
    position: absolute;
    width: 250px;
    right: 0;
    top: 44px;
    padding: 10px 20px;
    background: #004f87;
}
.searchform .stext
{
    width: 180px;
    height: 36px;
    border: none;
    float: left;
    background: #fff;
    padding: 0 10px;
}
.searchform .sbut
{
    width: 50px;
    height: 36px;
    border: none;
    float: left;
    cursor: pointer;
    border-left: 1px solid #eee;
    background: url("../image/sbut1.png") #fff center no-repeat;
}
.banner
{
    width: 100%;
}
.banner img
{
    width: 100%;
    display: block;
}
.stitle
{
    font-size: 36px;
    text-align: center;
    font-weight: bold;
}
.stitle span
{
    color: #004f87;
}
.stitle p
{
    color: #888;
    font-weight: normal;
    font-size: 14px;
}
.probg
{
    background: #f5f5f5;
}
.cate
{
    width: 250px;
}
.cate .cate_title
{
    background: #004f87;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.cate .cate_title p
{
    font-size: 12px;
    opacity: .3;
    margin: 3px 0 0 0;
    text-transform: uppercase;
}
.cate li
{
    display: block;
    line-height: 45px;
    border-bottom: 2px solid #f5f5f5;
    background: #fff;
    position: relative;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.cate li:after
{
    display: block;
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    margin: -5px 0 0 0;
    width: 10px;
    height: 10px;
    background: url(../image/arrow_cate_1.png) center no-repeat;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.cate li.this, .cate li:hover
{
    background: #f68100;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.cate li a
{
    display: block;
    padding: 0 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #282828;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.cate li.this a, .cate li:hover a
{
    color: #fff;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.cate li:hover:after
{
    background: url(../image/arrow_cate_2.png) center no-repeat;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.proul
{
    width: 916px;
}
.proul li
{
    display: block;
    float: left;
    width: 300px;
    margin: 0 8px 8px 0;
}
.proul li:nth-child(3n)
{
    margin: 0 0 8px 0;
}
.proul li p
{
    padding: 0 18px;
    line-height: 54px;
    background: #fff;
    margin: 1px 0 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.proul li:hover p
{
    color: #fff;
    background: #004f87;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.proul li p span
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../image/arrow_pro_1.png") center no-repeat;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin: 0 0 0 10px;
    vertical-align: middle;
}
.proul li:hover p span
{
    background: url("../image/arrow_pro_2.png") center no-repeat;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.jjfabg
{
    background: url("../image/bg_jjfa.jpg") center no-repeat;
    background-size: cover;
}
.jjfabg .stitle, .jjfabg .stitle p
{
    color: #fff;
}
.jjfabg .stitle span
{
    color: #f68100;
}
.jjfa li
{
    width: 383px;
    margin: 0 24px 24px 0;
    display: block;
    float: left;
}
.jjfa li:nth-child(3n)
{
    margin: 0 0 24px 0;
}
.jjfa li:nth-child(7), .jjfa li:nth-child(8), .jjfa li:nth-child(9)
{
    margin: 0 24px 0 0;
}
.jjfa li:nth-child(9)
{
    margin: 0;
}
.jjfa li .pic
{
    height: 136px;
    background-position: center!important;
    background-size: cover!important;
}
.jjfa li p
{
    background: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.jjfa li:hover p
{
    background: #f68100;
    color: #fff;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.newspic
{
    width: 600px;
    position: relative;
}
.newspic .text
{
    position: absolute;
    text-align: right;
    top: 30px;
    right: 30px;
}
.newspic .text h4
{
    font-size: 24px;
    color: #333;
}
.newspic .text a
{
    width: 144px;
    line-height: 46px;
    text-align: center;
    display: block;
    color: #fff;
    background: #f68100;
    border: 1px solid #f68100;
    margin: 166px 0 0 0;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.newspic .text a:hover
{
    background: #fff;
    border: 1px solid #f68100;
    color: #f68100;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.newsul
{
    width: 580px;
    padding: 0 0 0 20px;
}
.newsul li
{
    display: block;
    margin: 0 0 25px 0;
}
.newsul li:last-child
{
    margin: 0;
}
.newsul li .date
{
    width: 99px;
    border-right: 1px solid #dcdcdc;
}
.newsul li .date
{
    font-size: 14px;
    text-align: center;
    color: #888;
}
.newsul li .date span
{
    display: block;
    font-size: 48px;
    color: #282828;
}
.newsul li .text
{
    width: 455px;
    padding: 0 0 0 25px;
}
.newsul li .text span
{
    color: #282828;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 5px 0;
}
.newsul li .text p
{
    color: #666;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.problem .stitle
{
    text-align: left;
    font-size: 24px;
}
.problem .stitle img
{
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 0;
}
.problemul
{
    padding: 10px 0;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
}
.problemul li
{
    display: block;
    float: left;
    width: 600px;
    margin: 10px 0;
    line-height: 24px;
}
.problemul li span
{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #282828;
    font-size: 16px;
    position: relative;
    padding: 0 80px 0 40px;
}
.problemul li:hover span
{
    color: #004f87;
    font-weight: bold;
}
.problemul li span:before
{
    width: 6px;
    height: 6px;
    background: #004f87;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -3px;
    content: '';
    display: block;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.problemul li:hover span:before
{
    background: #f68100;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.problemul li p
{
    padding: 0 80px 0 40px;
    color: #888;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.aboutbg
{
    background: url("../image/jz_bg.jpg") center top no-repeat;
    background-size: cover;
}
.about
{
    padding: 22px;
    background: #fff;
    width: 1156px;
}
.about .pic
{
    width: 391px;
    position: relative;
    overflow: visible;
}
.about .abmore
{
    width: 281px;
    left: 0;
    position: absolute;
    padding: 35px 0 35px 110px;
    background: #004f87;
    top: -142px;
    line-height: 36px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.about .abmore p
{
    font-size: 30px;
}
.about .abmore span
{
    display: inline-block;
    width: 21px;
    height: 13px;
    background: url("../image/arrow_about.png") center no-repeat;
    margin: 0 0 0 15px;
}
.about .text
{
    padding: 20px 0 0 0;
    width: 700px;
    font-size: 16px;
    line-height: 30px;
    color: #282828;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
.footerbg
{
    padding: 70px 0 50px 0;
    background: #000;
}
.footer h5
{
    font-size: 16px;
    margin: 0 0 15px 0;
    color: #fff;
}
.fmenu
{
    width: 270px;
    padding: 0 49px 30px 0;
    border-right: 1px solid #595959;
}
.fmenu li
{
    display: block;
    float: left;
    line-height: 30px;
    width: 50%;
}
.fmenu li a
{
    color: #999;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.fcontact
{
    width: 460px;
    padding: 0 74px 20px 75px;
    color: #b1b1b1;
    line-height: 30px;
    font-size: 14px;
    border-right: 1px solid #595959;
}
.ewm
{
    max-width: 128px;
}
.ewm p
{
    margin: 15px 0 0 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.flink
{
    color: #7f7f7f;
    line-height: 40px;
    font-size: 14px;
}
.flink a
{
    color: #7f7f7f;
    font-size: 14px;
}
.cr
{
    color: #7f7f7f;
    line-height: 40px;
    font-size: 14px;
}
.cr a
{
    color: #7f7f7f;
    font-size: 14px;
}
.nbanner
{
    height: 450px;
    background: url("../image/banner_about.jpg") center no-repeat;
}
.bnav
{
    line-height: 55px;
    padding: 0 20px;
    width: 1160px;
    position: relative;
    font-size: 14px;
    color: #888;
}
.bnav a
{
    font-size: 14px;
    color: #888;
}
.bnav:before
{
    width: 8px;
    height: 16px;
    background: #f68100;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
}
.container
{
    width: 916px;
}
.left_contact
{
    margin: 14px 0 0 0;
}
.cate_contact
{
    padding: 20px 40px;
    background: #004f87;
    color: #fff;
}
.cate_contact span
{
    display: block;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 24px;
}
.cate_contact span img
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.cate_contact p
{
    font-size: 24px;
    line-height: 30px;
    color: #f7902c;
    font-weight: bold;
    font-family: Arial;
}
.nbg .cate_title
{
    text-align: left;
    padding: 15px 0 15px 60px;
}
.nbg .cate li a
{
    padding: 0 60px;
}
.ntitle
{
    line-height: 46px;
    color: #666;
    font-size: 24px;
    display: table;
    border-bottom: 1px solid #004f87;
}
.ncontainer
{
    padding: 35px;
    background: #fff;
    font-size: 16px;
    line-height: 32px;
    color: #282828;
}
#showbox>div
{
    border: 1px solid #eee;
    margin: -70px 0 0 0;
}
#showsum
{
    margin-top: -60px;
}
.map
{
    padding: 20px;
    overflow: hidden;
    background: #fff;
}
.map p
{
    overflow: hidden;
}
.map iframe
{
    position: relative;
    left: 50%;
    margin-left: -600px;
}
.ncontact h4
{
    font-size: 24px;
    color: #282828;
    margin: 0 0 20px 0;
}
.ncontact h4:after
{
    width: 40px;
    height: 2px;
    background: #f68100;
    margin: 15px 0 0 0;
    content: '';
    display: block;
}
.ncontact
{
    font-size: 16px;
    color: #484848;
    line-height: 30px;
}
.ncontact .ewm p
{
    margin: 10px 0 0 0;
    font-size: 16px;
    color: #484848;
}
.njjfa
{
    padding: 0;
    background: none;
}
.njjfa li:nth-child(7), .njjfa li:nth-child(8), .njjfa li:nth-child(9), .njjfa li
{
    width: 300px;
    margin: 0 8px 8px 0;
}
.njjfa li:nth-child(3n)
{
    margin: 0 0 8px 0;
}
.njjfa li .pic
{
    height: 195px;
}
.nnewsul
{
    padding: 0;
    background: none;
}
.nnewsul li
{
    display: block;
    background: #fff;
    position: relative;
    margin: 0 0 20px 0;
}
.nnewsul li a
{
    display: block;
    padding: 20px;
}
.nnewsul li .pic
{
    width: 250px;
}
.nnewsul li .text
{
    width: 560px;
    margin: 0 0 0 40px;
}
.nnewsul li .more
{
    width: 30px;
    line-height: 30px;
    background: #434343;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.nnewsul li:hover .more
{
    background: #004f87;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.nnewsul li .text span
{
    display: block;
    font-size: 18px;
    margin: 10px 0;
}
.nnewsul li:hover .text span
{
    color: #004f87;
    font-weight: bold;
}
.nnewsul li .text p
{
    line-height: 24px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.nnewsul li .text .date
{
    font-size: 14px;
    color: #888;
    margin: 20px 0 0 0;
}
.nservice img
{
    max-width: 100%;
}
.pic_service1
{
    text-align: center;
}
.pic_service1 img
{
    display: block;
    float: left;
    box-shadow: 2px 2px 12px 0 rgba(0,0,0,.2);
    border-radius: 7px;
}
.pic_service1 img:nth-child(2)
{
    margin: 0 65px;
}
.nservice .ncontact
{
    box-shadow: 2px 2px 12px 0 rgba(0,0,0,.2);
    border-radius: 7px;
}
.ndownload li
{
    display: block;
    border-bottom: 1px dashed #bbb;
    line-height: 36px;
    margin: 0 0 15px 0;
}
.ndownload li .icon
{
    width: 30px;
    height: 36px;
    background: url("../image/icon_download.png") center no-repeat;
}
.ndownload li .downtitle
{
    width: 730px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    font-size: 14px;
}
.ndownload li .downdate
{
    width: 86px;
    text-align: right;
    font-size: 12px;
    color: #707070;
}
.clogoul
{
    height: 235px;
}
.clogoul li
{
    display: block;
    height: 110px;
}
.clogoul li img
{
    display: block;
}
