@import url('reset.css');
@import url('static.css');
@import url('elements.css');
@import url('preloader.css');
#fb7 {
    font-family: Arial, sans-serif;
    font-size: 14px;
    -webkit-text-size-adjust: none;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 300px;
    opacity: 0;
    margin-bottom: 30px;
}

#fb7 .fb7-shadow {
    height: 100%;
    position: absolute;
    top: 0px;
    box-shadow: 0px 0px 10px 1px #999;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

#fb7 .fb7-shadow-double {
    width: 100%;
    left: 0%;
}

#fb7 .fb7-shadow-right {
    width: 50%;
    left: 50%;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#fb7 .fb7-shadow-left {
    width: 50%;
    left: 0%;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#fb7 .turn-page.even .fb7-cont-page-book {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.27)), color-stop(7%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45000000', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

#fb7 .turn-page.odd .fb7-cont-page-book {
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, right top, right top, color-stop(0%, rgba(0, 0, 0, 0.27)), color-stop(7%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* IE10+ */
    background: linear-gradient(to left, rgba(0, 0, 0, 0.27) 0%, rgba(255, 255, 255, 0) 7%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45000000', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

#fb7 .turn-page.odd {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#fb7 .turn-page.even {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#fb7.fullScreen,
#fb7-ajax[data-template="true"] #fb7 {
    margin-bottom: 0;
}

#fb7 #fb7-container-book {
    position: absolute;
    z-index: 5;
    display: none;
    width: 1280px;
    height: 920px;
}

#fb7 fieldset {}

#fb7 #fb7-deeplinking {
    display: none;
}

#fb7 .fb7-bcg-book {
    background: none no-repeat center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    height: 100%;
}

#test {
    margin: 0 auto;
    width: 100%;
}

#fb7 #page.mobile {
    width: 640px;
    height: 358px;
    margin: -210px 0 0 -275px;
}

#fb7 #page .padding {}

#fb7 .cursor-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

#fb7 .fb7-overlay {
    position: absolute;
    left: -10000px;
    top: 0;
    z-index: 20;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    display: none;
}

#fb7 .fb7-overlay.active {
    left: 0;
    display: block;
}

#fb7 #fb7-button-back {
    text-decoration: none;
    font-family: Nunito;
    color: #393939;
    position: absolute;
    left: -5px;
    top: 45px;
    box-shadow: 0 0 2px 2px #BEBEBE;
    background: -webkit-linear-gradient(#FFFFFF, #EAEAEA);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #EAEAEA);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #EAEAEA);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #EAEAEA);
    /* Standard syntax */
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #B9B9B9;
    padding: 5px;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    margin-top: -45px;
}

#fb7 #fb7-about {
    position: absolute;
    z-index: 5;
    width: 45%;
    display: none;
}

#fb7 #fb7-about h1,
#fb7 #fb7-about h2,
#fb7 #fb7-about h3,
#fb7 #fb7-about h4,
#fb7 #fb7-about h5,
#fb7 #fb7-about h6 {
    margin: 0 0 2% 0;
    padding: 0px;
    font-size: 1.375em;
    color: #64c8d3;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-weight: 300;
}

#fb7 #fb7-about h1 {
    padding: 0 0 0px 0px;
}

#fb7 #fb7-about ul,
#fb7-about ol {
    list-style: disc;
    margin: 0;
    padding-left: 10px;
    padding-top: 0%;
    padding-bottom: 2%;
}

#fb7 #fb7-about li {
    color: #cfeaee;
    margin-bottom: 4px;
}

#fb7 #fb7-about p {
    color: #cfeaee;
    margin-bottom: 8%;
    margin-top: 0%;
}

#fb7 #fb7-about a {
    color: #ffffff;
    text-decoration: underline;
}

#fb7 #fb7-about a:hover {
    text-decoration: none;
}

#fb7-about img {
    width: 640px;
    height: 920px;
}

#fb7 #fb7-book {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
}

#fb7 #fb7-book .turn-page {
    background-color: #FFF;
    background-size: 100% 100%;
}

#fb7 .fb7-double {
    background-size: 200% 100% !important;
}

#fb7 .fb7-double.fb7-first {
    background-position: 0% 0%;
}

#fb7 .fb7-double.fb7-second {
    background-position: -100% 0%;
}

#fb7 .fb7-nav-arrow {
    position: absolute;
    top: 50%;
    z-index: 15;
    width: 158px;
    height: 100px;
    margin-top: -50px;
    cursor: pointer;
}

#fb7 .fb7-nav-arrow.next {
    right: 0px;
    background-position: -174px -205px;
}

#fb7 .fb7-nav-arrow.next:hover {
    background-position: -174px -315px;
}

#fb7 .fb7-nav-arrow.prev {
    background-position: 0px -205px;
    display: none;
}

#fb7 .fb7-nav-arrow.prev:hover {
    background-position: 0px -315px;
}

#fb7 .fb7-nav-arrow.next {
    transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    -webkit-transform-origin: 0 center;
}

#fb7 .fb7-nav-arrow.prev {
    transform-origin: right center;
    -ms-transform-origin: right center;
    -webkit-transform-origin: right center;
}

#fb7 #fb7-logo-cover {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
}

#fb7 #fb7-cover ul {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    clear: both;
    width: 100%;
    list-style: none;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#fb7 #fb7-cover ul:after {
    clear: both;
    content: '';
    display: block;
}

#fb7 #fb7-cover li {
    float: left;
    width: 28.3%;
    margin: 0 2.5%;
    list-style: none;
}

#fb7 #fb7-cover li,
#fb7 #fb7-cover img {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: none;
}

#fb7 #fb7-cover li:last-child {
    margin-right: 0;
}

#fb7 #fb7-cover li img {
    float: left;
    width: 100%;
}

#fb7 #fb7-cover li a:hover img {}

#fb7 #end {
    text-align: center;
}

#fb7 #end p {
    padding-top: 60%;
}

#fb7 #fb7-book .fb7-meta {
    position: absolute;
    bottom: 2%;
    left: 48%;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
}

#fb7 .fb7-meta .fb7-num {
    line-height: 43px;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 6px #666666;
}

#v7_lightbox {
    width: 100%;
    height: 100%;
    z-index: 555789;
    position: fixed;
    display: block;
    top: 0px;
}

#v7_lightbox .bcg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    position: absolute;
    cursor: pointer;
}

.fb7-cont-page-book {
    position: absolute;
}

#fb7 .fb7-page-book {
    position: absolute;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    overflow: hidden;
}

#fb7 .fb7-page-book .center {}

#fb7 .fb7-page-book img {
    border: none;
    padding: 0;
}

#fb7 .fb7-page-book p {
    margin-bottom: 20px;
    line-height: 1.5;
}

#fb7 .fb7-page-book p strong {
    font-weight: bold;
    -webkit-text-size-adjust: none;
}

#fb7 .fb7-page-book a {
    text-decoration: underline;
    color: #64C8D3;
}

#fb7 .fb7-page-book p a:hover {
    text-decoration: none;
}

#fb7 .fb7-page-book h1,
#fb7 .fb7-page-book h2,
#fb7 .fb7-page-book h3,
#fb7 .fb7-page-book h4,
#fb7 .fb7-page-book h5,
#fb7 .fb7-page-book h6 {
    font-family: Arial, sans-serif;
    text-transform: none;
    margin-bottom: 2%;
}

#fb7 .fb7-page-book ul {
    list-style: disc inside;
    margin-bottom: 3% !important;
}

#fb7 .fb7-page-book ul li {
    margin-bottom: 2px;
    list-style: disc inside;
}

#fb7 .fb7-page-book ol {
    margin-bottom: 3% !important;
}

#fb7 .fb7-page-book ol li {
    list-style: decimal inside;
    margin: 0;
}

#fb7 .fb7-page-book ul li a,
#fb7 .fb7-page-book ol li a {
    color: #77797F;
    font-weight: normal;
    text-decoration: none;
}

#fb7 .fb7-page-book ul li a:hover,
#fb7 .fb7-page-book ol li a:hover {
    text-decoration: underline;
}

#fb7 .fb7-page-book a:hover img {
    opacity: 0.8;
}

#fb7 .fb7-page-book .alignnone,
.#fb7-about .alignnone {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book.aligncenter,
.fb7-page-book div.aligncenter,
#fb7-about.aligncenter,
#fb7-about div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb7 .fb7-page-book .alignright,
#fb7-about .alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#fb7 .fb7-page-book .alignleft,
#fb7-about .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .aligncenter,
#fb7-about .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb7 .fb7-page-book a img.alignright,
#fb7-about a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#fb7 #fb7 .fb7-page-book a img.alignnone,
#fb7-about a img.alignnone {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book a img.alignleft,
#fb7-about a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book a img.aligncenter,
#fb7-about a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#fb7 .fb7-page-book .wp-caption,
#fb7-about .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

#fb7 .fb7-page-book .wp-caption.alignnone,
#fb7-about .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .wp-caption.alignleft,
#fb7-about .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .wp-caption.alignright,
#fb7-about .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.fb7-page-book .wp-caption img,
#fb7-about .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

#fb7 .fb7-page-book .wp-caption p.wp-caption-text,
#fb7-about .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

@media screen and (max-width: 768px) {}

#fb7 .fb7-nav-arrow,
#fb7 .fb7-menu li {
    background: url("../images/icons.png") no-repeat;
}

#fb7 .fb7-menu li {
    background-position: -39px 0px;
}

#fb7 .fb7-bcg-book {
    background-color: #f2f8ff;
}

#fb7 #fb7-footer .fb7-bcg-tools {
    background: -webkit-linear-gradient(#FFFFFF, #EAEAEA);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #EAEAEA);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #EAEAEA);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #EAEAEA);
    /* Standard syntax */
    border-radius: 10px;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 4px 0 #878787;
    opacity: 0
}

#fb7 .fb7-tooltip {
    background: -webkit-linear-gradient(#2252d9, #052ea1)repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(#2252d9, #052ea1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(#284F06, #052ea1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(#2252d9, #052ea1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cedbff;
    box-shadow: 0 0 1px 1px #0a2673;
    color: #FFFFFF;
}

#fb7 #fb7-footer #fb7-logo {
    left: 12px;
    top: -5px;
}

#fb7 .fb7-menu li.fb7-goto input[type="text"] {
    color: #000000;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #566C43;
}

#fb7 .fb7-menu li.fb7-goto input[type='text'].focus_input {
    box-shadow: 0 0 7px 2px #4F9B09;
}

#fb7 .fb7-menu li.fb7-goto button {
    border: none;
    color: #ffffff;
    background: -webkit-linear-gradient(#337fc4, #0055a2);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#337fc4, #0055a2);
    /* For Opera 11.1 to 12.0 */
    background: linear-gradient(#337fc4, #0055a2);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#337fc4, #0055a2);
    /* Standard syntax */
}

#fb7 .fb7-shadow {
    box-shadow: 0 0 10px 1px #666666;
}

#fb7 .turn-page.odd {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#fb7 .turn-page.even {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#fb7 .fb7-shadow {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#fb7 .turn-page.fb7-noshadow .fb7-cont-page-book {
    background: none;
}

#fb7 #fb7-book .turn-page {
    background-color: #FFFFFF;
}

#fb7 #fb7-book .fb7-meta {
    background-position: -139px -9px;
    background: -webkit-radial-gradient(#D0D0D0, #A8A8A8);
    /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#D0D0D0, #A8A8A8);
    /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#D0D0D0, #A8A8A8);
    /* For Firefox 3.6 to 15 */
    background: radial-gradient(#D0D0D0, #A8A8A8);
    /* Standard syntax */
    box-shadow: inset 0 0 4px 8px #ADADAD;
}

#fb7 .fb7-meta .fb7-num {
    color: #FFFFFF;
    text-shadow: 2px 2px 6px #666666;
}

#fb7 #fb7-all-pages .fb7-container-pages {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 0 40px rgba(245, 220, 11, 0.8);
}

#fb7 #fb7-contact form {
    background: none repeat scroll 0 0 #161616;
    box-shadow: 0 0 60px rgba(100, 200, 211, 0.7);
}

#fb7 #fb7-contact form h3 {
    color: #FFFFFF;
}

#fb7 #fb7-contact button {
    background: none repeat scroll 0 0 #64C8D3;
    color: #FFFFFF;
}

#fb7 #fb7-contact form input,
#fb7-contact form textarea {
    color: #737373;
}

#fb7 #fb7-contact .fb7-close {
    color: #000000;
    background: none repeat scroll 0 0 #64C8D3;
}

#fb7 #fb7-contact .fb7-thanks p {
    color: #444444
}

#fb7 #fb7-contact .fb7-thanks h1 {
    color: #FFFFFF
}

#fb7 .fb7-preloader .wBall .wInnerBall {
    background: #F5DC0B;
}

#fb7 .fb7-nav-arrow {}

#fb7 .fb7-page-book p {
    color: #77797F;
    font-family: Nunito;
    font-size: 14px;
}

#fb7 .fb7-page-book a {
    color: #000000;
}

#fb7 .fb7-page-book h1 {
    color: #2E577C;
    font-family: Nunito;
    font-size: 28px;
}

#fb7 .fb7-page-book h2 {
    color: #2E577C;
    font-family: Nunito;
    font-size: 26px;
}

#fb7 .fb7-page-book h3 {
    color: #2E577C;
    font-family: Nunito;
    font-size: 24px;
}

#fb7 .fb7-page-book h4 {
    color: #2E577C;
    font-family: Nunito;
    font-size: 22px;
}

#fb7 .fb7-page-book h5 {
    color: #2E577C;
    font-family: Nunito;
    font-size: 20px;
}

#fb7 .fb7-page-book h6 {
    color: #2E577C;
    font-family: Nunito;
    font-size: 18px;
}

#fb7 .fb7-page-book li {
    color: #77797F;
    font-family: Nunito;
    font-size: 14px;
}

#fb7 .fb7-page-book ul li a,
#fb7 .fb7-page-book ol li a {
    color: #2E577C;
}

#fb7 #fb7-about p,
#fb7 #fb7-about li {
    color: #333333;
    font-family: Nunito;
    font-size: 15px;
}

#fb7 #fb7-about a {
    color: #0a2673
}

#fb7 #fb7-about h1 {
    color: #0d2e8b;
    font-family: Nunito;
    font-size: 30px;
}

#fb7 #fb7-about h2 {
    color: #333333;
    line-height: 48px;
    text-indent: 2em;
    font-family: Nunito;
    font-size: 24px;
}

#fb7 #fb7-about h3 {
    color: #2252d9;
    font-family: Nunito;
    font-size: 22px;
}

#fb7 #fb7-about h4 {
    color: #2252d9;
    font-family: Nunito;
}

#fb7 #fb7-about h5 {
    color: #2252d9;
    font-family: Nunito;
    font-size: 18px;
}

#fb7 #fb7-about h6 {
    color: #2252d9;
    font-family: Nunito;
    font-size: 16px;
}

#fb7 #fb7-button-back {
    color: #803900;
    background: -webkit-linear-gradient(#F6EE0D, #E7A506);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F6EE0D, #E7A506);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F6EE0D, #E7A506);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F6EE0D, #E7A506);
    /* Standard syntax */
    box-shadow: none;
    border: 1px solid #488015;
}

#fb7 .fb7-overlay {
    background: rgba(0, 0, 0, 0.6);
}

html,
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
dl,
dt,
dd,
iframe,
span {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body {
    padding: 0px;
    margin: 0px;
    zoom: 100%;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1;
    font-family: "Microsoft YaHei", 寰蒋闆呴粦, 瀹嬩綋, 榛戜綋, "Helvetica Neue", Tahoma, Arial, "Hiragino Sans GB";
}

table {
    width: 100%;
    text-align: center;
}

table td {
    word-break: break-all;
    word-wrap: break-word;
    font: 500 14px Arial
}

ul,
dl,
dt,
dd,
ol {
    list-style-type: none;
}

select,
input {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    outline: none;
}

textarea {
    resize: none;
    outline: none;
}

a {
    color: #333333;
    text-decoration: none;
}

button,
input,
audio {
    outline: none;
    border: 0;
}

a:hover {
    color: #ff7f2f;
    cursor: pointer;
}

em {
    font-style: normal;
}

i {
    font-style: normal;
}

* html .clear {
    zoom: 1;
}

*+html .clear {
    zoom: 1;
}

* {
    margin: auto;
    padding: auto;
    font-family: "Microsoft YaHei", 寰蒋闆呴粦, 瀹嬩綋, 榛戜綋, "Helvetica Neue", Tahoma, Arial, "Hiragino Sans GB";
}

.r {
    float: right;
}

.l {
    float: left;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.header {
    height: 525px;
    background: url(../images/header_bj.png) no-repeat center;
}

@media (max-width: 1600px) and (min-width: 1200px) {
    .header {
        height: 525px;
        background: url(../images/header_sp.png) no-repeat center !important;
    }
}


/* header顶部 start */

.header_t {
    width: 1262px;
    height: 84px;
    margin: auto;
}

.header_t_l {
    width: 900px;
    float: left;
}

.header_t_l ul li {
    float: left;
    line-height: 83px;
    margin-right: 60px;
    box-sizing: border-box;
}

.header_t_l ul li:last-child {
    margin-right: 0;
}

.header_t_l ul li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.header_t_l ul li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #f6feff;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.header_t_l ul li:hover:before,
.header_t_l ul li.on:before,
.header_t_l ul li:focus:before,
.header_t_l ul li:active:before {
    right: 0;
}

.header_t_l ul li a {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
    text-shadow: 0px 3px 5px #9093dd;
}

.header_t_r {
    height: 28px;
    margin-top: 27px;
    background: url(../images/dl_bj.png) no-repeat center;
    width: 265px;
    float: right;
}

.header_t_r a {
    font-size: 16px;
    color: #ffffff;
    display: block;
    line-height: 28px;
}

.header_t_r a:first-child {
    float: left;
    margin-left: 31px;
}

.header_t_r .daohang {
    float: right;
    margin-right: 12px;
    position: relative;
}

.header_t_r .daohang:hover .wangzhandaohang {
    visibility: visible !important;
    height: 620px !important;
    border: 2px solid #ff7f2f;
    padding: 26px 34px;
    overflow: hidden;
    transition: all .5s;
}

.wangzhandaohang {
    position: absolute;
    height: 0px;
    width: 675px;
    top: 55px;
    right: 0;
    z-index: 999;
    border: 0px solid transparent;
    background: #fff;
    padding: 0px 34px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .3s;
}

.wangzhandaohang h3 {
    font-size: 19px;
    color: #ff7f2f;
    height: 28px;
}

.wangzhandaohang h3:nth-child(3),
.wangzhandaohang h3:nth-child(5) {
    margin-top: 10px;
}

.wangzhandaohang li {
    font-size: 14px !important;
    line-height: 26px !important;
    height: 26px !important;
    float: left;
    color: #333333 !important;
    width: 33.3%;
}

.wangzhandaohang li a {
    color: #333333 !important;
    line-height: 26px !important;
    font-size: 14px !important;
}

.wangzhandaohang li:hover a {
    color: #ff7f2f !important;
}


/* header顶部 end */


/* logo start */

.logo {
    width: 493px;
    height: 118px;
    padding-top: 88px;
    padding-bottom: 36px;
}

.logo a {
    background: url(../images/logo.png) no-repeat center;
    width: 493px;
    height: 118px;
    display: block;
}


/* logo end */


/* 搜索 start */

.search {
    width: 668px;
    height: 63px;
    margin: auto;
    border-radius: 30px;
    position: relative;
    background: url(../images/ss_bj.png) no-repeat center;
}

.search button {
    position: absolute;
    top: 0;
    left: 30px;
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: #fff;
    outline: 0;
    width: 74px;
    float: left;
    height: 63px;
    border: none;
    padding: 0;
    background: none;
}

.search button span {
    display: block;
    height: 63px;
    line-height: 63px;
    text-align: left;
    font-size: 18px;
}

.search button ul {
    display: none;
    margin-left: -13px;
    margin-top: -5px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.search button ul li {
    height: 32px;
    line-height: 32px;
}

.search button ul li:hover {
    height: 32px;
    background: #ff7f2f;
    color: #fff;
}

.search input {
    float: left;
    box-sizing: border-box;
    margin-left: 127px;
    width: 410px;
    height: 63px;
}

.search input {
    font-size: 16px;
}

.search input::placeholder {
    font-size: 16px;
    color: #999999;
}

.search .submit {
    width: 131px;
    height: 63px;
    float: left;
    margin-left: 0;
    background: none;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 18px;
    padding-left: 64px;
    text-align: left;
    border-radius: 0 30px 30px 0px;
    cursor: pointer;
}


/* 搜索 end */


/* 下拉导航 start */

.xl_dh {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    height: 0;
    overflow: hidden;
    background: url(../images/xl_dh_bj.png) no-repeat center;
    opacity: 0;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.xl_dh.hover {
    height: 138px;
    opacity: 1;
}

.xl_dh_width {
    width: 1346px;
    margin: auto;
}

.xl_dh_logo {
    width: 209px;
    height: 54px;
    float: left;
    margin-top: 17px;
    background: url(../images/xl_dh_logo.png) no-repeat center;
}

.xl_dh ul {
    margin-left: 56px;
    float: left;
    margin-top: 10px;
}

.xl_dh ul li {
    float: left;
    margin-right: 60px;
}

.xl_dh ul li:last-child {
    margin-right: 0;
}

.xl_dh ul li:nth-child(3) {
    margin-right: 182px;
}

.xl_dh ul li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.xl_dh ul li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #f6feff;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.xl_dh ul li:hover:before,
.xl_dh ul li.on:before,
.xl_dh ul li:focus:before,
.xl_dh ul li:active:before {
    right: 0;
}

.xl_dh ul li a {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 60px;
}

.xl_dh_ss {
    position: relative;
    top: 20px;
    left: 51.6%;
    z-index: 9999;
}

.xl_dh_ss i {
    width: 84px;
    height: 77px;
    top: 0;
    left: 0;
    cursor: pointer;
    position: absolute;
    transition: all 0.6s;
    background: url(../images/xl_dh_ss.png) no-repeat center;
}

.xl_dh_ss i:hover {
    transform: scale(1.1);
    transition: all 0.6s;
}

.xl-search {
    width: 545px;
    display: none;
    height: 58px;
    position: absolute;
    left: -229px;
    top: 59px;
    background: url(../images/xl_dh_ss_bj.png) no-repeat center;
}

.xl-search input {
    float: left;
    box-sizing: border-box;
    margin-left: 90px;
    width: 340px;
    height: 42px;
    font-size: 18px;
    color: #ffffff;
    background-color: #ee7022;
}

.xl-search input::placeholder {
    font-size: 16px;
    color: #ffffff;
}

.xl-search input:-webkit-autofill {
    color: #ffffff;
    box-shadow: 0 0 0px 1000px #ee7022 inset;
}

.xl-search .submit {
    width: 42px;
    height: 42px;
    float: left;
    margin-left: 0;
    background: none;
    box-sizing: border-box;
    border-radius: 0 30px 30px 0px;
    cursor: pointer;
}


/* 下拉导航 end */


/* header end */

.header2 {
    height: 306px;
    background: url(../images/header_bj2.png) no-repeat center top;
}

.header_t_r2 {
    margin-top: 25px;
    background: url(../images/dl_bj2.png) no-repeat center;
}

.header_t_r2 a {
    color: #fd8032;
}

.logo2 {
    width: 493px;
    margin-top: 16px;
    height: 118px;
    float: left;
}

.logo2 a {
    background: url(../images/logo2.png) no-repeat center;
    width: 493px;
    height: 118px;
    display: block;
}

.div_ss {
    width: 548px;
    height: 63px;
    float: left;
    margin-top: 49px;
    margin-left: 159px;
}

.search2 {
    margin-top: 49px;
    width: 548px;
    height: 63px;
    margin: auto;
    border-radius: 30px;
    position: relative;
    background: url(../images/ss_bj2.png) no-repeat center;
}


/* Glow */

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
    box-shadow: 0 0 8px rgba(255, 127, 47, 0.6);
}

.search2 button {
    position: absolute;
    top: 0;
    left: 30px;
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: #fff;
    outline: 0;
    width: 74px;
    float: left;
    height: 63px;
    border: none;
    padding: 0;
    background: none;
}

.search2 button span {
    display: block;
    height: 63px;
    line-height: 63px;
    text-align: left;
    font-size: 18px;
}

.search2 button ul {
    display: none;
    margin-left: -13px;
    margin-top: -5px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.search2 button ul li {
    height: 32px;
    line-height: 32px;
}

.search2 button ul li:hover {
    height: 32px;
    background: #ff7f2f;
    color: #fff;
}

.search2 input {
    float: left;
    box-sizing: border-box;
    margin-left: 127px;
    width: 346px;
    height: 63px;
}

.search2 input {
    font-size: 16px;
}

.search2 input::placeholder {
    font-size: 16px;
    color: #999999;
}

.search2 .submit {
    width: 61px;
    height: 63px;
    float: right;
    margin-left: 0;
    background: none;
    border-radius: 50px;
    cursor: pointer;
}

.nav {
    height: 60px;
    background-color: #ff7f2f;
}

.nav ul li {
    float: left;
    margin-right: 102px;
}

.nav ul li:last-child {
    margin-right: 0;
}

.nav ul li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.nav ul li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #f6feff;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.nav ul li:hover:before,
.nav ul li.on:before,
.nav ul li:focus:before,
.nav ul li:active:before {
    right: 0;
}

.nav ul li a {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 60px;
}


/* 通用头部 end */


/* footer start */

.footer {
    height: 206px;
    background: url(../images/footer_bj.png) no-repeat center;
}

.footer_yqlj {
    padding-top: 40px;
}

.footer_yqlj ul li {
    width: 366px;
    height: 43px;
    float: left;
    border: 1px solid #757575;
    margin-right: 51px;
    box-sizing: border-box;
}

.footer_yqlj ul li:last-child {
    margin-right: 0;
}

.footer_yqlj ul li a {
    font-size: 15px;
    color: #dadada;
    display: block;
    line-height: 43px;
    text-align: center;
}

.footer_yqlj ul li:hover {
    border: 1px solid #ff7f2f;
}

.footer_yqlj ul li a:hover {
    color: #ff7f2f;
}

.footer_c_l {
    width: 113px;
    height: 46px;
    float: left;
    margin-top: 37px;
    background: url(../images/footer_fg.png) no-repeat right center;
}

.footer_c_l ul li {
    float: left;
    width: 113px;
    height: 18px;
    line-height: 18px;
}

.footer_c_l ul li a {
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    color: #a7a7a7;
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding-left: 29px;
}

.footer_c_l ul li:nth-child(1) {
    margin-bottom: 15px;
}

.footer_c_l ul li:nth-child(1) a {
    background: url(../images/footer_dt.png) no-repeat left center;
}

.footer_c_l ul li:nth-child(2) a {
    background: url(../images/footer_lx.png) no-repeat left center;
}

.footer_c_l ul li a:hover {
    color: #ff7f2f;
}

.footer_c_c {
    padding-left: 30px;
    float: left;
    width: 852px;
    margin-top: 37px;
}

.footer_c_c ul li {
    font-size: 15px;
    color: #a7a7a7;
}

.footer_c_c ul li a {
    font-size: 15px;
    color: #a7a7a7;
}

.footer_c_c ul li:first-child {
    margin-bottom: 15px;
}

.footer_c_c ul li a:hover {
    color: #ff7f2f;
}

.footer_c_c ul li .gaba {
    padding-left: 22px;
    background: url(../images/gaba.png) no-repeat left center;
}

.footer_c_r {
    width: 205px;
    float: left;
}

.footer_c_r a:first-child {
    width: 53px;
    height: 64px;
    float: left;
    margin-top: 27px;
    margin-left: 20px;
    margin-right: 21px;
    background: url(../images/dzjg.png) no-repeat center;
}

.footer_c_r a:last-child {
    width: 102px;
    height: 51px;
    float: left;
    margin-top: 33px;
}


/* footer end */


/* 右侧悬浮窗口 start */

.xf-nav {
    right: 0;
    top: 28%;
    width: 116px;
    height: 465px;
    position: fixed;
    z-index: 9999;
    background: url(../images/yc_xf_bj.png) no-repeat center;
}

.close {
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    float: right;
}

.xf_znwd a {
    width: 90px;
    height: 80px;
    display: block;
    float: left;
}

.xf-nav ul {
    margin-top: 1px;
    margin-right: 14px;
    width: 102px;
    float: right;
}

.xf-nav .xfnavnr li {
    width: 102px;
    height: 86px;
    float: left;
}

.xf-nav .xf-nLi {
    width: auto;
    position: relative;
    overflow: visible;
}

.xf-nav .xfnavnr li a {
    width: 102px;
    height: 86px;
    display: block;
    box-sizing: border-box;
    padding-top: 56px;
    text-align: center;
}

.xf-nav .xfnavnr li:nth-child(1) a {
    background: url(../images/yc_xf_mw.png) no-repeat center 16px;
}

.xf-nav .xfnavnr li:nth-child(2) a {
    background: url(../images/yc_xf_wza.png) no-repeat center 16px;
}

.xf-nav .xfnavnr li:nth-child(3) a {
    background: url(../images/yc_xf_zbb.png) no-repeat center 16px;
}

.xf-nav .xfnavnr li:nth-child(4) a {
    background: url(../images/yc_xf_xmt.png) no-repeat center 16px;
}

.xf-nav ul li:hover em {
    display: block;
}

.xf-nav ul li>em {
    display: none;
    position: absolute;
    left: -120px;
    top: 60%;
    transform: translateY(-50%);
    width: 106px;
    background: #fff;
    box-shadow: 0 0 10px 5px rgba(255, 127, 47, .1);
    border: 1px solid #ff7f2f;
    box-sizing: border-box;
    padding-top: 1px;
    padding-left: 2px;
    border-radius: 5px;
}

.xf-nav ul li>em::after {
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 20px;
    height: 40px;
    background: url(../images/xf_xjt.png) no-repeat center;
    background-size: 10px;
}

.xf-nav ul li em img {
    width: 100px;
    height: 100px;
}

.open {
    display: none;
}

.open img {
    width: 85px;
}

.open {
    right: 0;
    transition: right .3s;
    position: fixed;
    top: 46%;
    cursor: pointer;
}

@media (max-width: 1600px) and (min-width: 320px) {
    .open {
        display: block;
    }
    .xfnr {
        display: none;
    }
}


/* 右侧悬浮窗口 end */


/* 通用底部 start */

.footer2 {
    background-color: #434343 !important;
    background: none;
    height: 146px;
}

.footer_c_c2 ul li {
    color: #c4c4c4;
}

.footer_c_c2 ul li a {
    color: #c4c4c4;
}

.footer_c_l2 {
    margin-top: 50px;
    width: 85px;
}

.footer_c_l2 ul li a {
    background: none !important;
    padding-left: 0;
    color: #c4c4c4;
}

.footer_c_c2 {
    margin-top: 50px;
    width: 880px;
}

.footer_c_r2 a:first-child {
    margin-top: 36px;
}

.footer_c_r2 a:last-child {
    margin-top: 42px;
}


/* 通用底部 end */