/*Generated by wjdhcms 3.0 */

@charset "utf-8";





.clear {

    clear: both;

}



.l {

    float: left;

}



.r {

    float: right;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



::selection {

    background-color: #1b5498;

    color: #fff;

}



::-moz-selection {

    background-color: #1b5498;

    color: #fff;

}



::-webkit-selection {

    background-color: #1b5498;

    color: #fff;

}



* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}



.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

}



/*header*/

.web_header_hh {

    width: 100%;

}



.web_hh {

    width: 1180px;

    margin: 0 auto

}



.web_header .web_hh_b {

    width: 1180px;

    margin: 0 auto;

}



.web_hh_b .web_hh_logo {

    float: left;

    height: 60px;

    border-left: 1px solid #eee;

    padding-left: 20px;

    margin-top: 65px;

}



.web_hh_b .web_hh_logo h3 {

    font-size: 18px;

    color: #000;

}



.web_hh_b .web_hh_logo h3 span {

    font-weight: bold;

}



.web_hh_b .web_hh_logo h5 {

    font-size: 18px;

    color: #000;

}



.web_hh_b .web_hh_logo h5 span {

    color: #154c8e;

    font-weight: bold

}



.web_hh_b .web_hh_tell {

    float: right;

    width: 23%;

}



.web_hh_b .web_hh_tell .web_hh_img {

    float: left;

    width: 54px;

    height: 120px;

    margin: 0 20px 0 0

}



.web_hh_b .web_hh_tell .web_hh_img img {

    width: 54px;

    height: 120px;

}



.web_hh_b .web_hh_tell p {

    font-size: 14px;

    color: #333;

    float: left;

}



.web_hh_b .web_hh_tell h6 {

    font-size: 18px;

    color: #1b5498;

    float: left;

    font-weight: 600

}



.web_hh_b .web_hh_tell .one {

    margin-top: 50px;

}



.header_img {

    float: left;

    margin: 65px 24px 55px 0;

    width: 280px;

}



.header_img h3 {

    font-size: 46px;

    color: #000;

    margin: -11px 0 0 15px;

}



/*nav*/

.inner_nav {

    background: url("../images/header_02.jpg") no-repeat center;

    width: 100%;

    height: 82px;

}



.navBox {

    width: 1180px;

    margin: 0 auto

}



.inner_nav #cssmenu,

.inner_nav #cssmenu ul,

.inner_nav #cssmenu ul li,

.inner_nav #cssmenu ul li a,

.inner_nav #cssmenu #menu-button {

    margin: 0;

    padding: 0;

    border: 0;

    list-style: none;

    line-height: 1;

    display: block;

    position: relative;

    z-index: 99;

    box-sizing: border-box;

}



.inner_nav #cssmenu:after,

.inner_nav #cssmenu > ul:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.inner_nav #cssmenu #menu-button {

    display: none;

}



.inner_nav #cssmenu {

    width: auto;

    font-family: open sans, sans-serif;

    line-height: 1;

    height: 82px;

}



.inner_nav #cssmenu .logo {

    float: left;

    margin-top: 27px;

    margin-right: 56px;

}



.inner_nav #cssmenu ul {

    float: left;

}



.inner_nav #cssmenu > ul > li {

    float: left;

    height: 82px;

}



.inner_nav #cssmenu > ul > li:after {

    content: '';

    display: block;

    position: relative;

    bottom: 10px;

    left: 50%;

    transform: translateX(-50%);

    background: url("../images/nav_li.png") center center no-repeat;

    width: 19px;

    height: 10px;

    display: none;

}



.inner_nav #cssmenu > ul > li:hover:after {

    display: block;

}



.inner_nav #cssmenu > ul > li.another:after {

    display: block;

}



.inner_nav #cssmenu.align-center > ul {

    font-size: 0;

    text-align: center;

}



.inner_nav #cssmenu.align-center > ul > li {

    display: inline-block;

    float: none;

}



.inner_nav #cssmenu.align-center ul ul {

    text-align: left;

}



.inner_nav #cssmenu.align-right > ul > li {

    float: right;

}



.inner_nav #cssmenu.align-right ul ul {

    text-align: right;

}



.inner_nav #cssmenu > ul > li > a {

    padding: 0 21px;

    height: 82px;

    line-height: 82px;

    font-size: 18px;

    text-decoration: none;

    text-transform: uppercase;

    color: #fff;

    -webkit-transition: color 0.5s ease;

    -moz-transition: color 0.5s ease;

    -ms-transition: color 0.5s ease;

    -o-transition: color 0.5s ease;

    transition: color 0.5s ease;

}



.inner_nav #cssmenu > ul > li:hover > a,

.inner_nav #cssmenu > ul > li.another > a {

    color: #fff;

    font-weight: bold;

}



.inner_nav #cssmenu > ul > li.has-sub > a {

    padding-right: 25px;

}



.inner_nav #cssmenu > ul > li.has-sub > a::after {

    position: absolute;

    top: 21px;

    right: 10px;

    width: 4px;

    height: 4px;

    border-bottom: 1px solid #000;

    border-right: 1px solid #000;

    content: "";

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: border-color 0.5s ease;

    -moz-transition: border-color 0.5s ease;

    -ms-transition: border-color 0.5s ease;

    -o-transition: border-color 0.5s ease;

    transition: border-color 0.5s ease;

}



.inner_nav #cssmenu > ul > li.has-sub:hover > a::after {

    border-color: #1b5498;

}



.inner_nav #cssmenu ul ul {

    position: absolute;

    left: -9999px;

}



.inner_nav #cssmenu li:hover > ul {

    left: auto;

}



.inner_nav #cssmenu.align-right li:hover > ul {

    right: 0;

}



.inner_nav #cssmenu ul ul ul {

    margin-left: 100%;

    top: 0;

}



.inner_nav #cssmenu.align-right ul ul ul {

    margin-left: 0;

    margin-right: 100%;

}



.inner_nav #cssmenu ul ul li {

    height: 0;

    -webkit-transition: height 0.2s ease;

    -moz-transition: height 0.2s ease;

    -ms-transition: height 0.2s ease;

    -o-transition: height 0.2s ease;

    transition: height 0.2s ease;

}



.inner_nav #cssmenu ul li:hover > ul > li {

    height: 45px;

    background-color: #ee7000;

}



.inner_nav #cssmenu ul ul li a {

    padding: 15px 20px;

    width: 115px;

    font-size: 14px;

    background: -webkit-linear-gradient(left, #ee7000, #ee7000) no-repeat;

    background: linear-gradient(to right, #ee7000, #ee7000) no-repeat;

    background-size: 0% 100%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    text-decoration: none;

    color: #ddd;

    -webkit-transition: color 0.5s ease;

    -moz-transition: color 0.5s ease;

    -ms-transition: color 0.5s ease;

    -o-transition: color 0.5s ease;

    transition: color 0.5s ease;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    border-bottom: 2px solid #fff;

    display: block;

}



.inner_nav #cssmenu ul ul li:hover > a,

.inner_nav #cssmenu ul ul li a:hover {

    color: #fff;

    background: -webkit-linear-gradient(left, #1b5498, #1b5498) no-repeat;

    background: linear-gradient(to right, #1b5498, #1b5498) no-repeat;

    background-size: 100% 100%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.inner_nav #cssmenu ul ul li.has-sub > a::after {

    position: absolute;

    top: 20px;

    right: 10px;

    width: 4px;

    height: 4px;

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    content: "";

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transition: border-color 0.2s ease;

    -moz-transition: border-color 0.2s ease;

    -ms-transition: border-color 0.2s ease;

    -o-transition: border-color 0.2s ease;

    transition: border-color 0.2s ease;

}



.inner_nav #cssmenu.align-right ul ul li.has-sub > a::after {

    right: auto;

    left: 10px;

    border-bottom: 0;

    border-right: 0;

    border-top: 1px solid #ddd;

    border-left: 1px solid #ddd;

}



.inner_nav #cssmenu ul ul li.has-sub:hover > a::after {

    border-color: #fff;

}



/*foot*/

.footer {

    background: #e5e5e5;

}



.footBox {

    width: 1180px;

    margin: 0 auto;

}



.footer .ewm {

    float: left;

    width: 172px;

    padding: 20px;

    background: #fff;

}



.footer .ewm img {

    display: block;

    width: 170px;

    height: 170px;

    border: 1px #d2d2d2 dotted;

}



.footer .ewm p {

    margin-top: 20px;

    font-size: 16px;

    line-height: 1;

    text-align: center;

}



.footer .footerR {

    width: 968px;

    float: right;

}



.footer .footerR .links {

    width: 100%;

    position: relative;

    border-bottom: 1px #d2d2d2 solid;

    min-height: 40px;

}



.footer .footerR .links .tit {

    font-size: 36px;

    width: 120px;

    line-height: 40px;

    height: 40px;

    color: #1b5498;

    text-align: right;

    text-transform: uppercase;

    display: inline-block;

    vertical-align: top;

    font-weight: bold;

    padding: 30px 0 0;

}



.footer .footerR .links .linksBox {

    display: inline-block;

    vertical-align: top;

    width: 840px;

    padding: 29px 0 10px;

    line-height: 40px;

}



.footer .footerR .links .linksBox a {

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-left: 40px;

    font-size: 16px;

    position: relative;

    left: 0;

    transition: all .6s;

}



.footer .footerR .links .linksBox a:hover {

    color: #1b5498;

    left: 5px;

}



.footer .footerR .fontnNav {

    padding-top: 20px;

}



.footer .footerR .fontnNav dl {

    float: left;

    width: 175px;

    padding: 0 0px 0 67px;

    background: url(../images/dlLi.png) left top no-repeat;

    min-height: 170px;

}



.footer .footerR .fontnNav dl dt {

    font-size: 18px;

    font-weight: bold;

    line-height: 40px;

    padding-left: 39px;

}



.footer .footerR .fontnNav dl dd {

    padding-left: 39px;

    line-height: 30px;

}



.footer .footerR .fontnNav dl dd a {

    color: #878787;

    font-size: 16px;

    position: relative;

    left: 0;

    transition: all .6s;

}



.footer .footerR .fontnNav dl dd a:hover {

    color: #1b5498;

    left: 5px;

}



.footer .footerR .fontnNav dl.dl4 {

    padding-right: 0;

}



.footer .footerR .fontnNav dl.dl1 dt {

    background: url(../images/fico1.png) left center no-repeat;

}



.footer .footerR .fontnNav dl.dl2 dt {

    background: url(../images/fico2.png) left center no-repeat;

}



.footer .footerR .fontnNav dl.dl3 dt {

    background: url(../images/fico3.png) left center no-repeat;

}



.footer .footerR .fontnNav dl.dl4 dt {

    background: url(../images/fico4.png) left center no-repeat;

}



.footer .footerB {

    margin-top: 30px;

    background: #1b5498;

    color: #fff;

    padding: 20px 0 10px;

}



.footer .footerB a {

    color: #fff;

}



.footer .footerB img {

    vertical-align: middle;

}



.footer .footerB .contacts {

    text-align: center;

    line-height: 42px;

    font-size: 16px;

}



.footer .footerB .contacts span {

    display: inline-block;

    margin: 0 30px;

}



.footer .footerB .contacts span img {

    margin-right: 10px;

}



.footer .footerB .copyright {

    font-size: 14px;

}



/*xunpan*/

.topxunpan {

    width: 200px;

    height: 30px;

    position: absolute;

    right: 120px;

    top: 0;

    z-index: 9;

}



.topxunpan .xp {

    position: relative;

    line-height: 30px;

    color: #333;

    font-size: 12px;

    cursor: pointer;

    text-align: center;

}



.topxunpan .xp img {

    position: relative;

    top: 2px;

    margin-right: 2px;

}



.topxunpan .xp i {

    padding: 0 5px;

    margin-left: 4px;

    margin-right: 4px;

    border: 1px solid #1b5498;

    box-sizing: border-box;

}



.topxunpan .xp #xunpantip {

    z-index: 999;

    position: absolute;

    top: 35px;

    left: 50%;

    width: 180px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    -webkit-transform: translateX(-50%) scale(0);

    -moz-transform: translateX(-50%) scale(0);

    -o-transform: translateX(-50%) scale(0);

    -ms-transform: translateX(-50%) scale(0);

    transform: translateX(-50%) scale(0);

    -webkit-transition: transform .4s, opacity .4s;

    -moz-transition: transform .4s, opacity .4s;

    -o-transition: transform .4s, opacity .4s;

    -ms-transition: transform .4s, opacity .4s;

    transition: transform .4s, opacity .4s;

    background-color: #1b5498;

    border-radius: 4px;

    opacity: 0;

    font-weight: bold;

    box-shadow: 5px 5px 2px #dfdfdf;

}



.topxunpan .xp #xunpantip::after {

    content: '';

    position: absolute;

    top: -16px;

    left: 50%;

    width: 0;

    height: 0;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    border: 8px solid transparent;

    border-bottom-color: #1b5498;

}



.topxunpan .xp #xunpantip.xunpantextactive {

    -webkit-transform: translateX(-50%) scale(1);

    -moz-transform: translateX(-50%) scale(1);

    -o-transform: translateX(-50%) scale(1);

    -ms-transform: translateX(-50%) scale(1);

    transform: translateX(-50%) scale(1);

    opacity: 1;

}