@charset "utf-8";

@font-face {
    font-family: 'PF Din Light';
    src: url('img/PFDinTextCondPro-Light.eot');
    src: url('img/img/PFDinTextCondPro-Light01.eot') format('embedded-opentype'),
        url('img/img/PFDinTextCondPro-Light.woff2') format('woff2'),
        url('img/PFDinTextCondPro-Light.woff') format('woff'),
        url('img/PFDinTextCondPro-Light.ttf') format('truetype'),
        url('img/PFDinTextCondPro-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PF Din Thin';
    src: url('img/PFDinTextCondPro-Thin.eot');
    src: url('img/img/PFDinTextCondPro-Thin01.eot') format('embedded-opentype'),
        url('img/img/PFDinTextCondPro-Thin.woff2') format('woff2'),
        url('img/PFDinTextCondPro-Thin.woff') format('woff'),
        url('img/PFDinTextCondPro-Thin.ttf') format('truetype'),
        url('img/PFDinTextCondPro-Thin.svg') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic';
    src: url('img/AvantGardeITCbyBT-Book.eot');
    src: url('img/img/AvantGardeITCbyBT-Book01.eot') format('embedded-opentype'),
        url('img/img/AvantGardeITCbyBT-Book.woff2') format('woff2'),
        url('img/AvantGardeITCbyBT-Book.woff') format('woff'),
        url('img/AvantGardeITCbyBT-Book.ttf') format('truetype'),
        url('img/AvantGardeITCbyBT-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "iconfont";
    src: url('img/iconfont.eot');
    /* IE9*/
    src: url('img/iconfont.eot#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('img/wAJWm7IAAAAeJxjYGKAAC4G7ICZkYmRmZGFgbGCrSIzsSoxk4EBABYrAyEA') format('woff'),
        url('img/iconfont.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('img/iconfont.svg') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xiazai:before {
    content: "\e667";
}

html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    outline: none;
}

caption,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0px;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

body {
    font: 14px/1.8 "Microsoft Yahei", "微软雅黑", "微软正黑体", "Microsoft JhengHei", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", Helvetica, Arial;
    margin: 0 auto;
    color: #666666;
    background-color: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

strong {
    font-weight: bold;
}

table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    margin: 0 auto !important;
}

img {
    border: 0;
}

input,
textarea,
select,
option {
    background: none;
    outline: 0;
    font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", Helvetica, Arial;
    padding: 0;
    margin: 0;
}

input {
    outline: none;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}

::-moz-selection {
    background: #0355ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #0355ff;
    color: #fff;
    text-shadow: none;
}

select {
    outline: none;
}

select::-ms-expand {
    display: none;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:link,
a:visited {
    text-decoration: none;
}

a:active,
a:hover {
    text-decoration: none;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}

.fc {
    text-align: center;
}

.fr {
    text-align: right;
}

.l {
    float: left;
    display: inline-block;
}

.r {
    float: right;
    display: inline-block;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

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

.top a:link,
.top a:visited {
    color: #333;
}

.top a:active,
.top a:hover {
    color: #333;
}

.top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    z-index: 1000;
    background: #fff;
}

.logo {
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
}

.logo a {
    display: block;
    padding: 16px 0px;
    height: 60px;
}

.logo img {
    height: 100%;
}

.logo .img1 {
    display: block;
}

.logo .img2 {
    display: none;
}

.navbox {
    display: block;
    margin: 15px auto 0;
    text-align: center;
    float: right;
    margin-right: 15px;
}
.navbox h2{
    font-size: 15px;
    color: #333;
    text-align: right;
    font-weight: normal;
    line-height: 1;
    margin-right: 25px;
}
.navbox h2 b {
    color: #f00;
    font-weight: normal;
    font-size: 20px;
}
.nav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}

.nav>li>a {
    display: block;
    padding: 9px 0;
    position: relative;
}

.nav>li>a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 52px;
    margin: -12px 0 0 -2.5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #08358b;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 0;
    visibility: hidden\9;
}

.nav .txt {
    font-size: 16px;
    padding: 0px 30px;
    height: 42px;
    line-height: 42px;
    border: 1px solid transparent;
    position: relative;
    display: block;
}

.nav a.active .txt {
    color: #263d8f;
}

.nav a:hover .txt,
.nav a.hov .txt {
    color: #08358b;
    border-color: #08358b;
}

.nav a:hover:before,
.nav a.hov:before {
    margin-top: 0;
    opacity: 1;
    visibility: visible\9;
}

.nav .subnav {
    position: absolute;
    left: 0;
    top: 95%;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    padding: 22px 0px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    display: none;
}

.nav .subnav:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 90%;
    left: 5%;
    top: 10px;
    background-color: #f6cf53;
}

.nav .subnav:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 90%;
    left: 5%;
    bottom: 10px;
    background-color: #f6cf53;
}

.nav .subnav a:link,
.nav .subnav a:visited {
    color: #666666;
}

.nav .subnav a:active,
.nav .subnav a:hover {
    color: #08358b;
}

.nav .subnav a {
    display: block;
    padding: 5px 5%;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    perspective: 300px;
    transform-style: preserve-3d;
    text-align: center;
}

.nav .subnav a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    width: 100%;
    display: block;
    height: 100%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    z-index: -1;
    transform-origin: center bottom 0;
    -webkit-transform-origin: center top 0;
    left: 0;
    opacity: 0;
    bottom: 0;
    visibility: hidden;
    background-color: #f2f2f2;
}

.nav .subnav a:hover:before {
    transform: none;
    opacity: 1;
    visibility: visible;
}

.languageBox {
    position: absolute;
    right: 5%;
    top: 28px;
}

.languageBox .item {
    display: inline-block;
    float: left;
    font-size: 12px;
    text-align: center;
    margin-left: 20px;
}

.languageBox .item img {
    width: 40px;
    display: block;
    margin-bottom: 2px;
}

.ibox-scoll {
    animation: 850ms 350ms;
    -webkit-animation: animation: 850ms 350ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: fadedown;
    animation-name: fadedown;
}

.scoll-top {
    background-color: #fff;
    border-bottom: 3px solid #263c8f;
}

@-webkit-keyframes fadedown {
    from {
        -webkit-transform: translateY(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadedown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.scoll-top .logo .img1 {
    display: none;
}

.scoll-top .logo .img2 {
    display: block;
}

.scoll-top.top a:link,
.scoll-top.top a:visited {
    color: #333333;
}

.scoll-top.top a:active,
.scoll-top.top a:hover {
    color: #263d8f;
}

.scoll-top .nav a:hover .txt,
.scoll-top .nav a.hov .txt {
    border-color: #08358b;
}

.scoll-top .nav>li>a:before {
    border-top: 5px solid #08358B;
}

.menu-handler {
    width: 64px;
    float: right;
    height: 54px;
    display: none;
    cursor: pointer;
}

.menu-handler span {
    position: relative;
    display: block;
    margin: 25.5px auto 0;
    width: 28px;
    height: 3px;
    background-color: #08358b;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menu-handler span:after,
.menu-handler span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px;
    left: 0;
    background-color: #08358b;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}

.menu-handler span:before {
    top: -9px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}

.menu-handler span:after {
    bottom: -9px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.menu-handler.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.menu-handler.active span:after,
.menu-handler.active span:before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.menu-handler.active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-handler.active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menuBox a:link,
.menuBox a:visited {
    color: #333333;
}

.menuBox a:active,
.menuBox a:hover {
    color: #333333;
}

.menuBox {
    background-color: #f7f7f7;
    color: #333333;
    position: fixed;
    display: none;
    right: 0px;
    top: 0px;
    height: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-overflow-scrolling: touch;
    width: 400px;
    z-index: 980;
    -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.menuMoblie {
    padding: 20px 0px 80px;
}

.menuMoblie .nav-link {
    display: block;
    font-size: 20px;
    padding: 10px 22px 10px 80px;
    position: relative;
}

.menuMoblie .cur {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background-color: #e8e8e8;
}

.menuMoblie .cur .nav-link {
    color: #154a9e;
}

.menuMoblie .subnav {
    padding-bottom: 12px;
    display: none;
}

.menuMoblie .subnav a {
    position: relative;
    display: block;
    padding: 6px 22px 6px 80px;
    line-height: 1.4;
    color: #333333;
    font-size: 15px;
}

.pusher-black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 900;
    visibility: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -ms-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -o-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}

.menuOpen .pusher-black {
    visibility: visible;
    filter: alpha(enabled=false);
    opacity: 1;
}

.menuOpen .menuBox {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.menuBox .languageBox .item {
    margin: 0px 20px 0px 0px;
}

.menuBox .languageBox .item:last-child {
    margin-right: 0;
}

.menuBox .languageBox {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 57px;
    padding: 22px 22px 22px 80px;
    background-color: #154a9e;
}

.menuBox .languageBox a:link,
.menuBox .languageBox a:visited {
    color: #fff;
}

.menuBox .languageBox a:active,
.menuBox .languageBox a:hover {
    color: #fff;
}

.foot a:link,
.foot a:visited {
    color: #fff;
}

.foot a:active,
.foot a:hover {
    color: #fff;
    opacity: 0.6;
}

.foot {
    background-color: #313131;
    color: #fff;
    padding: 20px 0px;
}

.foot-le {
    float: left;
    display: block;
    width: 60%;
}

.foot-re {
    display: block;
    width: 100%;
    text-align: center;
}

.foot-re p {
    float: left;
}

.foot-re a {
    float: right;
}

.logo3 {
    display: inline-block;
    float: left;
    margin-right: 15px;
    position: relative;
}

.foot-le .txt {
    padding-left: 235px;
}

.linkBox a:link,
.linkBox a:visited {
    color: #fff;
}

.linkBox a:active,
.linkBox a:hover {
    color: #fff;
    opacity: 0.6;
}

.linkBox {
    border-top: 5px solid #204ea4;
    background-color: #272727;
    padding: 50px 0px 30px;
    color: #fff;
}

.foot-nav {
    float: left;
    display: inline-block;
}

.foot-nav li {
    float: left;
    display: block;
    margin-right: 130px;
}

.chatList {
    width: 100%;
    overflow: hidden;
    margin: 15px 0 0;
}

.chatList li {
    width: 78px;
    height: 115px;
    float: left;
    margin-right: 10px;
}

.chatList li img {
    width: 78px;
    height: 78px;
}

.chatList li p {
    display: block;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    opacity: .6;
}

.foot-nav .t {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.5;
}

.link-sider {
    float: right;
    display: block;
}

.link-sider p {
    font-size: 16px;
    line-height: 22px;
    opacity: 0.6;
}

.link-sider p.text {
    font-size: 24px;
    line-height: 30px;
    opacity: 1;
    margin-bottom: 5px;
}

.navFooter {
    width: 100%;
    height: 12px;
    line-height: 12px;
    margin-top: 20px;
}

.navFooter a {
    color: #FFF;
    height: 12px;
    line-height: 12px;
    padding: 0 13px;
    font-size: 12px;
    position: relative
}

.navFooter a.first {
    padding-left: 0
}

.navFooter a span {
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 3px;
    display: block;
    background: #FFF
}

.navFooter a:hover {
    text-decoration: underline;
    opacity: 0.6;
    color: #fff;
}

.fsharpT {
    font-size: 15px;
    text-transform: uppercase;
}

.fsharp {
    padding: 8px 0px 25px;
}

.fsharp a {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 6px;
    background: none #3765a3;
    border-radius: 50%;
    float: left;
    position: relative;
}

.fsharp a.a1 {
    background-color: #3765a3;
}

.fsharp a.a2 {
    background-color: #41abe1;
}

.fsharp a.a3 {
    background-color: #f73f3f;
}

.fsharp a.a4 {
    background-color: #3fc06d;
}

.fsharp a em {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.fsharp a .ibg {
    background-color: #333333;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 300ms;
}

.fsharp a:hover {
    background: none;
}

.fsharp a:hover .ibg {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 1;
    filter: alpha(opacity=100);
}

.ermsblack {
    background: url(img/black_50.png) repeat;
    background: none rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1030;
    display: none;
}

.ermSBox {
    width: 220px;
    height: 264px;
    border: 5px solid #eeeeee;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -115px;
    z-index: 1004;
}

.ermSBox .img {
    padding: 20px;
}

.ermSBox .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.ermSBox .t {
    padding: 10px 0px;
    color: #666;
    font-weight: bold;
    background: #eeeeee;
    text-align: center;
}

.link-select-box a:link,
.link-select-box a:visited {
    color: #fff;
}

.link-select-box a:active,
.link-select-box a:hover {
    color: #fff;
}

.link-select-box {
    background-color: #fff;
    width: 100%;
    height: 42px;
    position: relative;
    line-height: 42px;
    transition: 300ms;
    -webkit-transition: 300ms;
    text-align: left;
}

.link-select-box .mt {
    padding: 0 54px 0 22px;
    background-color: #848484;
    position: relative;
    cursor: pointer;
    line-height: 42px;
}

.link-select-box .mt .aw {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 22px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.link-select-box .mc {
    padding-bottom: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 100%;
    z-index: 100;
    display: none;
}

.link-select-box:hover {
    background-color: #EEEEEE;
}

.link-select-box ul {
    background-color: #154A9E;
    padding: 8px 0;
    overflow: hidden;
}

.link-select-box a {
    display: block;
    padding: 5px 15px;
    line-height: 1.4;
    font-size: 12px;
}

.link-select-box a:hover {
    background-color: #2F71FA;
}

.link-select-box.act .mt .aw {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.pageH {
    height: 93px;
}

/* Slider */
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-loading .slick-list {
    background: #fff url(img/loader.gif) center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*main style end*/
/*index style*/
.align-vertical {
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
}

.vertical-inner {
    display: table-cell;
    vertical-align: middle;
}

.transXT50 {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transYT20 {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transYT50 {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transXT100 {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.action.transYT50,
.action.transYT20 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.action.transXT50,
.action.transXT100 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.dly_1 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}

.dly_2 {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}

.dly_3 {
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}

.dly_4 {
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
}

.dly_5 {
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
}

.dly_6 {
    transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
}

.dly_7 {
    transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
}

.dly_8 {
    transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
}

.dly_9 {
    transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
}

.dly_10 {
    transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
}

.dly_11 {
    transition-delay: 1100ms;
    -webkit-transition-delay: 1100ms;
}

.banner a:link,
.banner a:visited {
    color: #fff;
}

.banner a:active,
.banner a:hover {
    color: #fff;
}

.banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background-color: #efefef;
}

.banner .img {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
}

.banner .pimg {
    width: 100%;
    display: block;
    position: absolute;
    overflow: hidden;
}

.banner .bimg {
    display: none;
    width: 100%;
    position: relative;
}

.banner .item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner .yy {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: url(img/yy.png) repeat-x scroll left bottom;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}

.banner .binbox {
    position: absolute;
    width: 1000px;
    overflow: hidden;
    left: 50%;
    margin-left: -500px;
    top: 0;
    height: 100%;
    display: table;
    text-align: center;
    color: #fff;
}

.banner .binbox .by {
    font-size: 60px;
    line-height: 1.2;
}

.banner .binbox .zh {
    font-size: 30px;
    line-height: 1.5;
    margin-top: 12px;
}

.banner .binbox .en {
    font-size: 16px;
    font-family: "PF Din Light";
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 12px;
}

.banner .binbox .line {
    width: 2px;
    height: 42px;
    display: block;
    margin: 20px auto 0;
    background-color: #fff;
}

.banner .binbox .ico {
    background: url(img/ilogo.png) no-repeat;
    background-size: cover;
    width: 36px;
    height: 36px;
    display: block;
    margin: 10px auto 90px;
}

.banner .slick-active .pimg {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-active .bimg {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-dots {
    bottom: 140px;
    z-index: 104;
}

.banner .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 6px;
    width: 28px;
    height: 8px;
    padding: 0px;
    cursor: pointer;
}

.banner .slick-dots li a {
    height: 2px;
    width: 100%;
    line-height: 8px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 0%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 3px;
}

.banner .slick-dots li a:focus {
    outline: none;
}

.banner .slick-dots li.slick-active a {
    height: 8px;
    top: 0;
}

/*首页-轮播 */

/* 手机端banner */
.pc_body {
    display: block;
}

.wap_body {
    display: none;
}

.flexslider {
    margin: 0px;
    padding: 0px;
}

.flexslider .slides {
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
}

.slides::after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0px;
}

.flexslider {
    padding: 50px 0 0;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 0px solid rgb(255, 255, 255);
    position: relative;
}

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease 0s;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    margin: 0px;
    padding: 0;
    text-align: center;
    border: 0px dashed red;
}

.flex-control-nav li {
    margin: 0px 6px;
    display: inline-block;
}

.flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 10px;
}

.flex-control-paging li a:hover {
    background: #fff;
    width: 30px;
    border-radius: 5px;
}

.flex-control-paging li a.flex-active {
    background: #fff;
    width: 30px;
    border-radius: 5px;
    cursor: default;
}

/* end banner */
@-webkit-keyframes decreaseHeight {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@keyframes decreaseHeight {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@-ms-keyframes decreaseHeight {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@-o-keyframes decreaseHeight {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

.ibox-inner {
    width: 1200px;
    margin: 0px auto;
    max-width: 1712px;
}

.bgf7 {
    background-color: #fff;
}

.ibox-advantage {
    padding-bottom: 15px;
    visibility: hidden;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transition: 0.58s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: 0.58s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: 0.58s cubic-bezier(.215, .61, .355, 1);
}

.ibox-advantage.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.ibox-advantage-list {
    color: #666666;
    margin-top: -90px;
    position: relative;
}

.ibox-advantage-list li {
    float: left;
    display: block;
    background-color: #fff;
    width: 14%;
    padding: 20px 3% 35px;
    position: relative;
    overflow: hidden;
}

.ibox-advantage-list li:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: #d1d1d1;
}

.ibox-advantage-list li:last-child:before {
    display: none;
}

.ibox-advantage-list li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #F6CF53;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
    transition: transform .5s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.ibox-advantage-list .item {
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.ibox-advantage-list .ico {
    width: 60px;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin-bottom: 10px;
    transition: 0.3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: 0.3s cubic-bezier(.4, 0, .2, 1);
}

.ibox-advantage-list h2 {
    font-size: 24px;
    color: #08358b;
    line-height: 1.2;
    margin-bottom: 20px;
}

.ibox-advantage-list .c {
    font-size: 15px;
    line-height: 1.5;
    height: 67px;
    overflow: hidden;
    text-indent: 2em;
}

.ellipsisT {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ommore {
    width: 17px;
    height: 17px;
    display: block;
    position: relative;
    overflow: hidden;
}

.ommore .i1 {
    position: absolute;
    width: 1px;
    height: 100%;
    left: 8px;
    top: 0;
    background-color: #fff;
}

.ommore .i2 {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0%;
    top: 8px;
    background-color: #fff;
}

.ilink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ibox-advantage-list .ommore {
    position: absolute;
    bottom: 35px;
    left: 15%;
    opacity: 0;
    visibility: visibl\9;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.ibox-about a:link,
.ibox-about a:visited {
    color: #08358b;
}

.ibox-about a:active,
.ibox-about a:hover {
    color: #08358b;
}

.ibox-about {
    padding: 126px 0;
    position: relative;
    margin-bottom: 15px;
    background-color: #fff;
    overflow: hidden;
}

.wave-canvas-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ibox-about-con {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.ibox-about-con img.bj {
    position: absolute;
    left: 0;
    top: -35px;
    z-index: 1;
    opacity: 1;
    right: 0;
    width: 115px;
    margin: 0 auto;
}

.ibox-about-con .t {
    font-size: 36px;
    color: #08358b;
    line-height: 1.2;
    margin-bottom: 1px;
    position: relative;
    z-index: 9;
    text-align: center;
}

.ibox-about-con .en {
    font-size: 18px;
    color: #bdcfe7;
    line-height: 25px;
    font-family: "ITC Avant Garde Gothic";
    text-align: center;
    position: relative;
    z-index: 9;
}

.ibox-about-con .c {
    margin-top: 40px;
    font-size: 15px;
    text-align: justify;
    margin-bottom: 230px;
}

.ibox-about-con .c p {
    text-indent: 2em;
}

.ibox-about-list {
    margin-top: 65px;
}

.ibox-about-list li {
    margin-bottom: 55px;
    float: left;
    display: block;
    width: 31%;
    margin-right: 3.5%;
    text-align: center;
    font-size: 14px;
}

.ibox-about-list li img {
    width: 50px;
    height: auto;
    margin-bottom: 15px;
}

.ibox-about-list li:last-child {
    margin-right: 0
}

.ibox-about-list li p span {
    font-weight: bold;
    font-size: 16px;
}

.ibox-about-list .numbox {
    color: #666;
    line-height: 1;
}

.ibox-about-list .num {
    font-size: 58px;
    padding-right: 10px;
    color: #08358b;
    font-weight: bold;
}

.btnMore {
    width: 170px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 2px solid #999999;
    display: block;
    position: relative;
    z-index: 1;
}

.btnMore:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #08358b;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: transform .42s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.btnMore .txt {
    color: #263d8f;
    padding: 0px 42px 0 0px;
    background: url(img/btn_m1.png) no-repeat scroll right center;
    /*transition: 0.3s; -webkit-transition: 0.3s;*/
}

.btnMore:hover {
    border-color: #08358b;
}

.btnMore:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.btnMore:hover .txt {
    color: #fff;
    background-image: url(img/btn_m2.png);
    /*background-position: 100% center;*/
}

.ibox-about .line {
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f6cf53;
}

.ibox-about .line-bg {
    position: absolute;
    right: 50%;
    bottom: 0;
    margin-right: 416px;
    height: 5px;
    background-color: #6686c3;
    width: 100%;
}

.ibox-two {
    /*margin-bottom: 18px;*/
}

.ibox-two dd {
    height: 450px;
    overflow: hidden;
    float: left;
    display: block;
    width: 50%;
    background-color: #fff;
}

.ibox-service-c .btnMore2 {
    visibility: hidden\9;
    opacity: 0;
}





.index04 {
    height: 706px;
    background: url(../images/dtys_bg.jpg) center no-repeat;
}

.index04 .index_title {
    padding-top: 63px;
}

.index04 .index_title h2,
.index04 .index_title p {
    color: #fff
}

.index04 .index_title h2 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}

.index04 .index_title p {
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}

.dtysList {
    width: 216px;
    position: absolute;
}

.dtysList h3 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 45px;
}

.dtysList p {
    text-align: center;
    color: #fff;
    line-height: 24px;
}

.dtysList img {
    display: block;
    margin: 15px auto 0;
}

.index_dtys {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    background: url(../images/dtys_img05.png) center 120px no-repeat;
    height: 550px;
}

.dtys01 {
    left: 31px;
    top: 141px;
}

.dtys02 {
    left: 240px;
    top: 15px;
}

.dtys03 {
    left: 743px;
    top: 15px;
}

.dtys04 {
    left: 945px;
    top: 131px;
}

.dtysList a {
    display: block;
}

.dtys01_icon,
.dtys02_icon,
.dtys03_icon,
.dtys04_icon {
    width: 120px;
    height: 260px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../images/icon_bg.png) center bottom no-repeat
}

/* .dtys01_icon span,.dtys02_icon span,.dtys03_icon span,.dtys04_icon span{ display:block; width:120px; height:120px; overflow:hidden; background:url(../images/bai.png) center no-repeat;} */
.dtys01_icon span em,
.dtys02_icon span em,
.dtys03_icon span em,
.dtys04_icon span em {
    display: block;
    width: 100%;
    height: 120px;
}

.dtys01_icon span em {
    background: url(../images/dtys01_icon.png) center no-repeat;
    background-size: 50%;
}

.dtys02_icon span em {
    background: url(../images/dtys02_icon.png) center no-repeat;
    background-size: 50%;
}

.dtys03_icon span em {
    background: url(../images/dtys03_icon.png) center no-repeat;
    background-size: 50%;
}

.dtys04_icon span em {
    background: url(../images/dtys04_icon.png) center no-repeat;
    background-size: 50%;
}

.dtys01:hover .dtys01_icon,
.dtys02:hover .dtys02_icon,
.dtys03:hover .dtys03_icon,
.dtys04:hover .dtys04_icon {
    cursor: pointer;
    background: url(../images/icon_bg_hover.png) center bottom no-repeat
}

.dtys01_icon:hover span,
.dtys02_icon:hover span,
.dtys03_icon:hover span,
.dtys04_icon:hover span {
    background: url(../images/blue.png) center no-repeat;
}

.dtys01:hover .dtys01_icon span em {
    background: url(../images/dtys01_icon_hover.png) center no-repeat;
    background-size: 50%;
}

.dtys02:hover .dtys02_icon span em {
    background: url(../images/dtys02_icon_hover.png) center no-repeat;
    background-size: 50%;
}

.dtys03:hover .dtys03_icon span em {
    background: url(../images/dtys03_icon_hover.png) center no-repeat;
    background-size: 50%;
}

.dtys04:hover .dtys04_icon span em {
    background: url(../images/dtys04_icon_hover.png) center no-repeat;
    background-size: 50%;
}

.JiJinAbout {
    background: #fff url(../images/bn14.png) no-repeat 50% 100%;
    padding: 130px 0px;
}

.JiJinAbout .ibox-about-list {
    margin-top: 0;
}

.JiJinAbout .ibox-about-list li {
    margin-bottom: 0;
    text-align: left;
    width: 22.375%;
}

.JiJinAbout .ibox-about-list .numbox {
    margin-bottom: 25px;
    color: #F69626;
    font-size: 40px;
    font-weight: bold;
}

.JiJinAbout .ibox-about-list P.by {
    font-size: 16px;
    color: #555555;
    line-height: 30px;
}

.ibox-product {
    position: relative;
    color: #fff;
}

.ibox-product-img .img {
    width: 100%;
    height: 450px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.ibox-product-img .yy {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(img/yy.png) repeat-x scroll left bottom;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.ibox-product-img .con {
    padding: 60px 8% 0;
    width: 84%;
    position: relative;
    transform: translateX(88px);
    -webkit-transform: translateX(88px);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
    visibility: hidden\9;
}

.ibox-product-img .t {
    font-size: 30px;
    line-height: 1.5;
    height: 90px;
    margin-bottom: 78px;
}

.ibox-product-img .c {
    font-size: 15px;
    height: 81px;
    overflow: hidden;
    margin-bottom: 25px;
    text-indent: 2em;
}

.ibox-product-img .more {
    background: url(img/btn_m2.png) no-repeat scroll right center;
    padding-right: 42px;
}

.ibox-product-img .slick-active .con {
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0) skew(0);
    opacity: 1;
    visibility: visible\9;
    transition: 680ms 480ms;
    -webkit-transition: 680ms 480ms;
}

.ibox-product-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.ibox-product-nav .item {
    float: left;
    display: inline-block;
    width: 25%;
    padding: 24px 0px;
    text-align: center;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    border-top: 1px solid #acadab;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.ibox-product-nav .item:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #acadab;
    background-color: rgba(255, 255, 255, 0.4);
}

.ibox-product-nav .item:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    visibility: hidden\9;
}

.ibox-product-nav .item.slick-current:after {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    visibility: visible\9;
}

.newIbox-list li a {
    height: 36px;
    line-height: 36px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ibox-product-nav .ico {
    width: 35px;
    height: 35px;
    position: relative;
    display: block;
    margin: 0px auto 8px;
}

.ibox-product-nav .ico i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
}

.ibox-product-nav .ico i.i2 {
    display: none;
}

.ibox-product-nav .sj {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 50%;
    bottom: 90%;
    margin-left: -5px;
    opacity: 0;
    visibility: visible\9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.ibox-product-nav .slick-list {
    overflow: inherit;
}

.ibox-product-nav .slick-current {
    color: #09398e;
}

.ibox-product-nav .slick-current .sj {
    opacity: 1;
    visibility: visible\9;
    bottom: 100%;
}

.ibox-product-nav .slick-current .ico {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

.ibox-product-nav .slick-current .ico .i1 {
    display: none;
}

.ibox-product-nav .slick-current .ico .i2 {
    display: block;
}

@keyframes gelatine {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes gelatine {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.ibox-service a:link,
.ibox-service a:visited {
    color: #fff;
}

.ibox-service a:active,
.ibox-service a:hover {
    color: #fff;
}

.ibox-service {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
    position: relative;
}

.ibox-service .itab-t {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 15px;
    border-top: 1px solid #acadab;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    width: 84%;
    padding: 50px 8% 0;
    height: 68px;
}

.ibox-service .itab-t a {
    margin-right: 42px;
    float: left;
    display: inline-block;
    padding-bottom: 8px;
    position: relative;
    border-bottom: 2px solid transparent;
}

.ibox-service .itab-t a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    opacity: 0;
    visibility: visible\9;
}

.ibox-service .itab-t a:last-child {
    margin-right: 0;
}

.ibox-service .itab-t a.active {
    border-bottom-color: #fff;
}

.ibox-service .itab-t a.active:before {
    opacity: 1;
    visibility: visible\9;
}

.ibox-service .itab-c {
    width: 84%;
    margin: 0px auto;
    padding-top: 60px;
}

.ibox-service .itab-c:hover .btnMore2 {
    opacity: 1;
    visibility: visible\9;
}

.ibox-service-c {
    height: 330px;
    overflow: hidden;
}

.ibox-service .itab-c {
    height: 330px;
    display: none;
    -webkit-animation-name: tab;
    animation-name: tab;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes tab {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes tab {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.ibox-service .itab-c.active {
    display: block;
}

.ibox-service-c h2 {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.5;
    height: 90px;
    margin-bottom: 78px;
}

.ibox-service-c p {
    font-size: 15px;
    height: 81px;
    overflow: hidden;
    margin-bottom: 40px;
    text-indent: 2em;
}

.btnMore2 {
    border-color: #fff;
}

.btnMore2 .txt {
    background-image: url(img/btn_m2.png);
    color: #fff;
}

.btnMore2:before {
    background-color: #fff;
}

.btnMore2:hover {
    border-color: #fff;
}

.btnMore2:hover .txt {
    background-image: url(img/btn_m1.png);
    color: #08358b;
}

.ibox-threen {
    margin-bottom: 18px;
    position: relative;
}

.ibox-threen dd {
    float: left;
    display: block;
    width: 33.33%;
}

.ibox-new-c {
    padding: 60px 0 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.ibox-new a:link,
.ibox-new a:visited {
    color: #666;
}

.ibox-new a:active,
.ibox-new a:hover {
    color: #08358b;
}

.ibox-new {
    width: 77%;
    margin: 0px auto;
    color: #666666;
    height: 328px;
    overflow: hidden;
    position: relative;
}

.ibox-new .item {
    height: 328px;
}

.ibox-new .type {
    color: #08358b;
    font-size: 30px;
    line-height: 1.5;
    height: 45px;
    margin-bottom: 45px;
}

.ibox-new h3 {
    font-size: 15px;
    color: #666666;
    font-weight: normal;
    margin-bottom: 18px;
    height: 25px;
    overflow: hidden;
}

.ibox-new .c {
    font-size: 15px;
    height: 81px;
    overflow: hidden;
    margin-bottom: 45px;
    text-indent: 2em;
}

.ibox-new .time {
    background: url(img/time_ico1.png) no-repeat scroll left center;
    padding-left: 22px;
    margin-bottom: 40px;
    font-family: "ITC Avant Garde Gothic";
    font-size: 12px;
}

.btnMore3 {
    border-color: #08358b;
}

.ibox-new .slick-dots {
    bottom: 0px;
    z-index: 104;
    text-align: left;
}

.ibox-new .slick-dots li {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0px;
    height: 10px;
    margin: 0px 8px 0px 0px;
    cursor: pointer;
}

.ibox-new .slick-dots li a {
    height: 10px;
    width: 10px;
    line-height: 10px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
    background: none #999;
}

.ibox-new .slick-dots li a:focus {
    outline: none;
}

.ibox-new .slick-dots li.slick-active a {
    background: none #eaa334;
}

.ibox-threen-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.ibox-settled {
    height: 438px;
    position: relative;
    overflow: hidden;
}

.ibox-settled .img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

.ibox-settled .title {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 60px;
    color: #08358b;
    background: url(img/ii.png) no-repeat scroll left center;
    padding-left: 65px;
    box-sizing: border-box;
}

.ibox-settled .title .zh {
    font-weight: bold;
    font-size: 20px;
}

.ibox-settled .title .en {
    font-size: 12px;
    font-family: "ITC Avant Garde Gothic";
    text-transform: uppercase;
}

.ibox-settled:hover .img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

.ibox-join {
    height: 438px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.ibox-join a:link,
.ibox-join a:visited {
    color: #fff;
}

.ibox-join a:active,
.ibox-join a:hover {
    color: #fff;
}

.ibox-join .img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

.ibox-join .nbox {
    display: block;
    position: absolute;
    left: 10%;
    top: 60px;
    width: 90%;
}

.ibox-join .nbox .num {
    margin-right: 10px;
    font-size: 72px;
    line-height: 1;
    font-family: arial, helvetica, sans-serif;
}

.ibox-join .nbox .num,
.ibox-join .nbox .c {
    display: inline-block;
    text-align: left;
}

.ibox-join .nbox .t1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}

.ibox-join .nbox .t2 {
    font-size: 14px;
    font-weight: bold;
}

.ibox-join .ilink {
    z-index: 4;
}

.ibox-join:hover .img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

.ibox-settled .btnMore,
.ibox-join .btnMore {
    position: absolute;
    left: 10%;
    bottom: 138px;
    z-index: 6;
}

.ibox-threen .btnMore {
    opacity: 0;
    visibility: hidden\9;
}

.ibox-new .item:hover .btnMore,
.ibox-settled:hover .btnMore,
.ibox-join:hover .btnMore {
    opacity: 1;
    visibility: visible\9;
}

.partnerIbox a:link,
.partnerIbox a:visited {
    color: #666;
}

.partnerIbox a:active,
.partnerIbox a:hover {
    color: #08358b;
}

.partnerIbox {
    margin-bottom: 18px;
    background-color: #fff;
    padding-bottom: 55px;
}

.partnerIbox .title {
    margin: 0px auto;
    width: 100%;
    padding: 20px 0px;
}

.partnerIbox .title .zh {
    color: #08358b;
    font-size: 30px;
    float: left;
    line-height: 1.2;
    font-weight: bold;
}

.partnerI-line {
    border-top: 1px solid #e3e3e3;
    height: 0px;
    margin-bottom: 55px;
    overflow: hidden;
    line-height: 0;
}

.partnerIdemo {
    margin: 0px auto;
    overflow: hidden;
    height: 80px;
}

.partnerIdemo .item {
    margin: 0px 10px;
}

.partnerIdemo .item a {
    overflow: hidden;
    display: block;
    position: relative;
}

.partnerIdemo .item img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.partnerIdemo .slick-arrow {
    width: 34px;
    height: 34px;
    top: -90px;
    z-index: 200;
    border-radius: 50%;
    border: 1px solid #3c1605;
}

.partnerIdemo .slick-arrow i {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.partnerIdemo .slick-prev {
    right: 55px;
}

.partnerIdemo .slick-prev i {
    background: url(img/img_l1.png) no-repeat scroll center center;
}

.partnerIdemo .slick-next {
    right: 10px;
}

.partnerIdemo .slick-next i {
    background: url(img/img_r1.png) no-repeat scroll center center;
}

.partnerIdemo .item:hover img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
}

.partner-btn {
    float: right;
    display: block;
}

.prevpartner,
.nextpartner {
    cursor: pointer;
    float: left;
    display: block;
    border-radius: 50%;
    margin-left: 15px;
    width: 36px;
    height: 36px;
    border: 2px solid #7b7b7b;
}

.prevpartner {
    background: url(img/imgl1.png) no-repeat scroll center center;
}

.nextpartner {
    background: url(img/imgr1.png) no-repeat scroll center center;
}

.prevpartner:hover,
.nextpartner:hover {
    border-color: #325a9c;
}

.prevpartner:hover {
    background-image: url(img/imgl2.png);
}

.nextpartner:hover {
    background-image: url(img/imgr2.png);
}

/*index style end*/
/*about style*/
.pbanner {
    position: relative;
    overflow: hidden;
}

.pbanner img {
    width: 100%;
    height: auto;
}

.pbanner .bg {
    background: url(img/yy3.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden\9;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.pbanner.active .bg {
    opacity: 1;
    visibility: visible\9;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: .68s 0s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: .68s 0s cubic-bezier(.215, .61, .355, 1);
}

.pbanner .title {
    font-size: 40px;
    line-height: 1.1;
    position: absolute;
    left: 5%;
    color: #fff;
    top: 28%;
    opacity: 0;
    visibility: hidden\9;
    transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transition: .78s 0.3s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: .78s 0.3s cubic-bezier(.215, .61, .355, 1);
}

.pbanner .title.en {
    font-size: 22px;
    top: 55%;
}

.pbanner.active .title {
    opacity: 1;
    visibility: visible\9;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.page-nav-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px #f0f0f0 solid;
    background-color: #fff;
}

.page-nav-btn {
    float: left;
    display: block;
}

.page-nav-btn a:link,
.page-nav-btn a:visited {
    color: #333333;
}

.page-nav-btn a:active,
.page-nav-btn a:hover {
    color: #fff;
}

.page-nav-btn li {
    float: left;
    display: block;
    height: 60px;
    line-height: 60px;
}

.page-nav-btn a {
    display: inline-block;
    padding: 0px 30px;
    position: relative;
    margin-right: -1px;
    z-index: 1;
    font-size: 16px;
}

.page-nav-btn a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    background-color: #dbdbdb;
    margin-top: -6px;
    z-index: -2;
}

.page-nav-btn a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #08358b;
    z-index: -1;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.page-nav-btn a.active:after,
.page-nav-btn a:hover:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.page-nav-btn a.active {
    color: #fff;
}

.page-cur a:link,
.page-cur a:visited {
    color: #666666;
}

.page-cur a:active,
.page-cur a:hover {
    color: #263d8f;
}

.page-cur {
    display: block;
    color: #666;
    height: 60px;
    line-height: 60px;
    position: relative;
    padding-left: 25px;
    width: 1200px;
    margin: 0 auto;
}
.page-cur img{
    position: absolute;
    left: 0;
    top: 23px;
    width: 15px;
}
.page-cur a {
    padding: 0px 10px;
}

.page-cur a.act {
    color: #263d8f;
}

.aboutPage {
    padding: 115px 0px 90px;
    position: relative;
    overflow: hidden;
}

.inner1000 {
    width: 1000px;
    margin: 0px auto;
}

.aboutPage a:link,
.aboutPage a:visited {
    color: #2f4b80;
}

.aboutPage a:active,
.aboutPage a:hover {
    color: #0346CC;
}

.aboutPage .inner1000 {
    position: relative;
}

.about-sider {
    float: left;
    display: block;
    width: 100%;
}

.memorabiliaPage .partnerIdemo {
    width: 100%;
    height: 235px;
    margin-bottom: 105px;
}

.about-inner {
    float: right;
    display: block;
    width: 100%;
}

.pageT h2 {
    font-size: 36px;
    text-align: center;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 10px;
}

.pageT h3 {
    font-size: 28px;
    color: #333333;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
}

.pageT .en {
    font-size: 24px;
    color: #263d8f;
    line-height: 1.2;
    margin-bottom: 35px;
    text-align: center;
}

.pageTmore {
    width: 34px;
    height: 34px;
    background-color: #263d8f;
    position: relative;
    background-color: #263d8f;
    display: block;
}

.pageTmore i {
    background: url(img/jt1.png) no-repeat scroll center center;
    width: 32px;
    height: 13px;
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.about-list {
    margin-bottom: 75px;
}

.about-list li {
    float: left;
    display: block;
    width: 29.33%;
    padding: 0px 2% 0px 2%;
    position: relative;
    font-size: 15px;
    color: #666666;
}

.about-list li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #cccccc;
}

.about-list .numbox {
    color: #666;
    line-height: 1;
}

.about-list .num {
    font-size: 60px;
    padding-right: 10px;
    color: #263d8f;
    font-family: "PF Din Thin";
}

.pageC a:link,
.pageC a:visited {
    color: #2f4b80;
}

.pageC a:active,
.pageC a:hover {
    color: #0346CC;
}

.pageC img {
    max-width: 100% !important;
    height: auto !important;
    color: #393939;
}

.pageC {
    overflow: hidden;
    color: #666;
    text-align: justify;
}

.about-con h2 {
    font-size: 36px;
    color: #333;
    font-weight: normal;
    margin-bottom: 25px;
    line-height: 1.5;
}

.about-con .c {
    margin-bottom: 65px;
}

.planningPage {
    padding: 120px 0;
}

.planning-con h3 {
    font-size: 30px;
    line-height: 1.5;
    color: #333;
    font-weight: normal;
    margin-bottom: 45px;
}

.planning-con .c {
    margin-bottom: 100px;
    text-align: center;
}

.planning-ico-list li {
    float: left;
    display: block;
    margin-right: 100px;
    margin-bottom: 10px;
}

.planning-ico-list a {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    display: block;
    line-height: 1.2;
    text-align: center;
    position: relative;
}

.planning-ico-list a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #263d8f;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden\9;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transition: 0.5s;
    -webkit-transform: 0.5s;
}

.planning-ico-list .ico {
    position: absolute;
    width: 60px;
    height: 60px;
    display: block;
    left: 50%;
    top: 50%;
    margin: -30px 0px 0px -30px;
}

.planning-ico-list .name {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    padding-top: 24px;
    width: 94px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -47px 0px 0px -47px;
    font-size: 16px;
    opacity: 0;
    visibility: hidden\9;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.planning-ico-list a:hover:before,
.planning-ico-list a:hover .name {
    background-color: #263d8f;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible;
}

.memorabiliaPage {
    padding: 105px 0px 0;
}

.industrial-inner {
    width: 790px;
    position: relative;
    float: right;
    display: block;
    padding-bottom: 105px;
}

.memorabiliaBox {
    height: 386px;
    overflow: hidden;
    cursor: url(img/mouse.png) 16 16, default;
}

.memorabiliaBox .mCSB_scrollTools {
    visibility: hidden !important;
}

.industrial-bot {
    position: absolute;
    left: 116px;
    top: 0;
    width: 10px;
    height: 2px;
    background-color: #c1cbde;
    display: block;
}

.industrial-line {
    position: absolute;
    left: 120px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #c1cbde;
}

.industrial-item {
    padding: 19px 0px 19px 170px;
    position: relative;
}

.industrial-item .time {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    font-family: "PF Din Thin";
    color: #acacac;
}

.industrial-item .ico {
    border-radius: 50%;
    background-color: #f6d196;
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    left: 105px;
    top: 50%;
    margin-top: -17px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.industrial-item .ico:before {
    content: "";
    background-color: #eaa334;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0px 0px -5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.industrial-item .ico:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    visibility: hidden;
    z-index: -1;
}

.industrial-item .sj {
    position: absolute;
    left: 142px;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #eaa334;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.industrial-item .pageC {
    padding: 40px;
    border: 2px solid #f7f7f7;
    background-color: #f7f7f7;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.industrial-item .pageC h3 {
    color: #333333;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 18px;
}

.industrial-btn {
    position: absolute;
    right: -100px;
    top: 50%;
    margin-top: -60px;
    z-index: 10;
}

.industrial-btn span {
    cursor: pointer;
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 50%;
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    position: relative;
}

.industrial-btn span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    visibility: hidden;
    z-index: -1;
}

.industrial-btn span:hover:before {
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .37s;
    -o-transition: all .37s;
    transition: all .37s;
}

.industrial-prev {
    margin-bottom: 8px;
    background-image: url(img/arrow_t.png);
}

.industrial-next {
    background-image: url(img/arrow_b.png);
}

.industrial-btn span:hover {
    background-color: #263d8f;
}

.industrial-item:hover .ico {
    background-color: #76bee0;
}

.industrial-item:hover .ico:before {
    background-color: #204ea4;
}

.industrial-item:hover .ico:after {
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .5s;
    transition: .5s;
}

.industrial-item:hover .time {
    color: #263d8f;
}

.industrial-item:hover .sj {
    border-left-color: #204ea4;
    margin-left: 5px;
}

.industrial-item:hover .pageC {
    border-color: #2c84b2;
}

.about-con .pageC p,
.industrial-demo .pageC p {
    text-indent: 2em;
}

.about-con .pageC p {
    text-indent: 2em;
    font-size: 16px;
    line-height: 31px;
}

.planning-con .pageC p {
    font-size: 16px;
}

.industrial-demo {
    height: 600px;
    overflow: hidden;
    cursor: url(img/mouse.png) 20 20, default;
}

.industrial-demo .mCSB_scrollTools {
    visibility: hidden !important;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0 !important;
}

/*about style end*/
/*park style*/
.content {
    position: relative;
}

.page-left,
.page-right {
    padding: 100px 0px;
}

.content .bgf5 {
    background-color: #f5f5f5;
    width: 32%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.page-left {
    width: 32%;
    float: left;
    display: block;
    position: relative;
}

.page-right {
    float: left;
    display: block;
    width: 68%;
    position: relative;
}

.page-sider {
    width: 350px;
    float: right;
    display: block;
    margin-right: 60px;
}

.page-con {
    margin-left: 10%;
    width: 844px;
}

.park-box {
    margin-bottom: 45px;
}

.park-box .zh {
    font-size: 36px;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 5px;
}

.park-box .en {
    color: #666666;
    font-family: "PF Din Thin";
    font-size: 44px;
    font-style: italic;
    line-height: 1.2;
}

.park-box .line {
    width: 35px;
    height: 2px;
    background-color: #263d8f;
    display: block;
    margin-top: 30px;
}

.page-sider-num li {
    float: none;
    width: auto;
    margin-top: 50px;
}

.park-img-demo a:link,
.park-img-demo a:visited {
    color: #2f4b80;
}

.park-img-demo a:active,
.park-img-demo a:hover {
    color: #0346CC;
}

.park-img-demo {
    position: relative;
    margin-left: 32%;
}

.park-img-demo .item {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.park-img-demo .item img {
    width: 100%;
    display: block;
    opacity: 0.28;
    filter: alpha(Opacity=28);
    -webkit-transition: .3s;
    transition: .3s;
}

.park-img-demo .item .txt {
    text-align: right;
    position: absolute;
    right: 30px;
    bottom: 3%;
    color: #333333;
    font-size: 15px;
    font-family: "PF Din Thin";
}

.park-img-demo .slick-active .txt {
    text-align: left;
    color: #fff;
    left: 30px;
}

.park-img-demo .slick-active img {
    opacity: 1;
    filter: alpha(Opacity=100);
}

.park-img-demo .slick-list {
    overflow: inherit;
}

.park-img-demo .slick-arrow {
    background-color: #fff;
    width: 58px;
    height: 58px;
    z-index: 105;
    top: 50%;
    margin-top: -29px;
    border-radius: 50%;
}

.park-img-demo .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    visibility: hidden;
    z-index: -1;
}

.park-img-demo .slick-arrow:hover:before {
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .5s;
    transition: .5s;
}

.park-img-demo .slick-arrow i {
    width: 100%;
    height: 100%;
    display: block;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.park-img-demo .slick-prev {
    left: -66px;
}

.park-img-demo .slick-next {
    left: 6px;
}

.park-img-demo .slick-prev i {
    background: url(img/imgl1.png) no-repeat scroll center center;
}

.park-img-demo .slick-next i {
    background: url(img/imgr1.png) no-repeat scroll center center;
}

.park-img-demo .slick-arrow:hover {
    background-color: #204ea4;
}

.park-img-demo .slick-prev:hover i {
    background-image: url(img/imgl3.png);
}

.park-img-demo .slick-next:hover i {
    background-image: url(img/imgr3.png);
}

.park-demo {
    overflow: hidden;
}

/*park style end*/
/*product style*/
.bgf0 {
    background-color: #f0f0f0;
}

.w630 {
    width: 630px;
    text-align: center;
    padding: 60px 0;
    margin: 0px auto;
    font-size: 20px;
}

.page-line {
    width: 30px;
    height: 4px;
    display: block;
    margin: 0px auto 16px;
    background-color: #bfbfbf;
}

.page-bot {
    background: url(img/bot.png) no-repeat scroll center center;
    width: 21px;
    height: 13px;
    display: block;
    margin: 20px auto 0;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0;
    }
}

@-webkit-keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0;
    }
}

.w630 .pageC {
    text-align: center;
}

.w630 .pageC p {
    text-indent: 2em;
}

.w90 {
    width: 90%;
    margin: 0px auto;
}

.filler {
    position: absolute;
    display: block;
    background-color: #839ac5;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s;
}

.product-list {
    padding-bottom: 120px;
}

.product-list a:link,
.product-list a:visited {
    color: #333333;
}

.product-list a:active,
.product-list a:hover {
    color: #08358b;
}

.product-list li {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.product-list li .img {
    width: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

.product-list li .img img {
    transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    width: 100%;
    display: block;
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.product-list .con {
    color: #7f7e7e;
    width: 35%;
    height: 100%;
    position: absolute;
    top: 0%;
}

.product-list .con .ico {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    margin-top: -35px;
}

.product-list .con .zh {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0px 0px 25px;
    color: #000;
    padding-left: 80px;
    position: relative;
}

.product-list .con .c {
    height: 75px;
    overflow: hidden;
    margin-bottom: 25px;
}

.product-list .con .c p {
    text-indent: 2em;
}

.product-list .bor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-list .moreBtn {
    background-image: url(img/more_bg2.png);
}

.product-list .moreBtn .txt {
    color: #977751;
}

.product-list .oneItem .con {
    left: 55%;
}

.product-list .twoItem .img {
    margin-left: 50%;
}

.product-list .twoItem .con {
    left: 10%;
}

.product-list .filler-left {
    width: 2px;
    height: 0%;
    left: 0%;
    top: 0%;
}

.product-list .filler-right {
    width: 2px;
    height: 0%;
    right: 0%;
    bottom: 0%;
}

.product-list .filler-top {
    width: 0%;
    height: 2px;
    right: 0%;
    top: 0%;
}

.product-list .filler-bottom {
    width: 0%;
    height: 2px;
    left: 0%;
    bottom: 0%;
}

.pro-clist {
    padding-top: 30px;
}

.pro-clist li {
    float: left;
    display: block;
    width: 50%;
    margin-bottom: 76px;
}

/*product style end*/
/*service style*/
.administrative-title {
    font-size: 24px;
    color: #333;
    margin-bottom: 25px;
    line-height: 1.5;
    font-weight: normal;
}

.service-ico li {
    float: left;
    display: block;
    margin: 0px 20px 10px 0px;
    position: relative;
}

.service-ico li:last-child {
    margin-right: 0;
}

.service-ico .item {
    cursor: pointer;
    text-align: center;
    line-height: 1.5;
    width: 96px;
    height: 56px;
    padding-top: 40px;
    border-radius: 50%;
    border: 2px solid #d3d3d3;
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.service-ico .item2 {
    padding-top: 30px;
    height: 66px;
}

.service-ico .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #263d8f;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden\9;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transition: 0.5s;
    -webkit-transform: 0.5s;
    z-index: -2;
}

.service-ico .item:after {
    content: "";
    border: 1px solid #fff;
    border-radius: 50%;
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
    opacity: 0;
    visibility: hidden\9;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: -1;
}

.service-ico .item:hover:before,
.service-ico .item:hover:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible\9;
}

.service-ico .item:hover {
    color: #fff;
    border-color: #263d8f;
}

.finance-box {
    margin-left: 10%;
    width: 600px;
}

.finance-box2 {
    width: auto;
    margin-right: 10%;
    margin-top: 50px;
}

.finance-box2 .finance-tabT li {
    margin-right: 7%;
}

.finance-box2 .finance-tabT .txt {
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
}

.finance-tabT {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 35px;
}

.finance-tabT li {
    float: left;
    display: inline-block;
    margin-right: 10%;
    text-align: center;
    /* font-weight: bold;*/
    font-size: 14px;
    color: #2a2a2a;
    padding-bottom: 32px;
    cursor: pointer;
}

.finance-tabT li:last-child {
    margin-right: 0;
}

.finance-tabT .ico {
    width: 70px;
    height: 70px;
    border: 2px solid #2c4391;
    border-radius: 50%;
    margin: 0px auto 12px;
    display: block;
    position: relative;
}

.finance-tabT .ico i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.finance-tabT .ico i.i2 {
    display: none;
}

.finance-tabT .active .ico {
    background-color: #2c4391;
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

.finance-tabT .active i.i1 {
    display: none;
}

.finance-tabT .active i.i2 {
    display: block;
}

.finance-tabT .active {
    color: #2c4391;
}

.finance-tabC .pageC {
    display: none;
    -webkit-animation-name: tab;
    animation-name: tab;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.finance-tabC .pageC.active {
    display: block;
}

.life-list {
    padding-top: 80px;
}

.life-list dd {
    float: left;
    display: block;
    width: 49.5%;
    margin-left: 1%;
    cursor: zoom-in;
}

.life-list dd:nth-of-type(2n+1) {
    margin-left: 0;
}

.life-list .img {
    overflow: hidden;
    position: relative;
}

.life-list .img img {
    width: 100%;
    display: block;
}

.life-list .img img {
    width: 100%;
    display: block;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: 0.6s;
    -webkit-transition: 0.6s;
}

.life-list .txt {
    height: 58px;
    line-height: 58px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding: 0px 5%;
    overflow: hidden;
    color: #666666;
    background-color: #ebebeb;
}

.life-list .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url(img/blue_75.png) repeat;
    background: none rgba(38, 61, 143, 0.7);
    text-align: center;
    transition: 0.48s;
    -webkit-transition: 0.48s;
    opacity: 0;
    visibility: hidden\9;
}

.life-list .more {
    background: url(img/query.png) no-repeat scroll center top;
    padding-top: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0px 0px -30px;
    color: #fff;
    transition: 0.48s;
    -webkit-transition: 0.48s;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    opacity: 0;
    visibility: hidden\9;
}

.life-list dd:hover .img img {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.life-list dd:hover {
    box-shadow: 0 0 29px rgba(0, 0, 0, 0.33);
}

.life-list dd:hover .txt {
    color: #fff;
    background-color: #263C8F;
}

.life-list dd:hover .more {
    visibility: visible\9;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.life-list dd:hover .bg {
    visibility: visible\9;
    opacity: 1;
}

/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/black_90.png) repeat;
    background: none rgba(0, 0, 0, .9);
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: 0;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button {
    background: url(img/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {

    ,
    .pswp--svg .pswp__button {
        background-image: url(img/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left {
        background: url(img/imgl1.png) no-repeat scroll center center
    }

    .pswp--svg .pswp__button--arrow--right {
        background: url(img/imgr1.png) no-repeat scroll center center
    }

    .pswp--svg .pswp__button--close {
        color: #fff
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    top: 50%;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    position: absolute;
    border-radius: 50%;
    background: url(img/imgl1.png) no-repeat center center #fff;
}

.pswp__button--arrow--left {
    left: 2%;
}

.pswp__button--arrow--right {
    right: 2%;
    background-image: url(img/imgr1.png);
}

.pswp__button--arrow--left:hover {
    background-image: url(img/imgl3.png);
    background-color: #08358B;
}

.pswp__button--arrow--right:hover {
    background-image: url(img/imgr3.png);
    background-color: #08358B;
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    float: left;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption__center {
    text-align: center;
    max-width: 600px;
    font-size: 15px;
    margin: 0 auto;
    padding: 20px 10px;
    color: #fff
}

.pswp__caption__center .xzy-zan {
    float: right;
    display: block
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(img/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 1
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

#gallery2 .pswp__caption__center {
    text-align: center;
    font-size: 18px
}

/*service style end*/
/*advantage style*/
.advantage-demo {
    overflow: hidden;
    height: 764px;
    color: #fff;
}

.advantage-list a:link,
.advantage-list a:visited {
    color: #fff;
}

.advantage-list a:active,
.advantage-list a:hover {
    color: #fff;
}

.advantage-list li {
    width: 33.33333%;
    float: left;
    overflow: hidden;
    position: relative;
    transition: width 455ms;
}

.advantage-list li figure {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    height: 764px;
}

.advantage-item {
    width: 340px;
    height: 364px;
    position: absolute;
    left: 50%;
    top: 60%;
    margin: -182px 0px 0px -170px;
    text-align: center;
    -webkit-transition: all .52s cubic-bezier(.4, 0, .2, 1);
    transition: all .52s cubic-bezier(.4, 0, .2, 1);
}

.advantage-list .black-20 {
    background: none rgba(38, 61, 143, 0.5);
    /* background: url(img/black_20.png) repeat;
    background: none rgba(0, 0, 0, 0.2); */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.advantage-item .ico {
    width: 60px;
    display: block;
    position: relative;
    margin: 0px auto 15px;
}

.advantage-item .ico img {
    width: 100%;
    display: block;
}

.advantage-item p {
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.advantage-item .t {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.advantage-item .bot {
    height: 0px;
    width: 1px;
    background-color: #fff;
    display: block;
    margin: 0px auto 24px;
    -webkit-transition: all .52s cubic-bezier(.4, 0, .2, 1);
    transition: all .52s cubic-bezier(.4, 0, .2, 1);
}

.advantage-item .by {
    opacity: 0;
    visibility: hidden\9;
    height: 75px;
    text-align: center;
    overflow: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.advantage-item .btnMore {
    margin: 60px auto 0;
    opacity: 0;
    visibility: hidden\9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.advantage-item .ilink {
    z-index: 10;
}

.advantage-page {
    margin-left: 10%;
    width: 706px;
}

.advantage-pic li {
    float: left;
    display: block;
    margin-right: 30px;
}

.advantage-pic li:last-child {
    margin-right: 0;
}

p.ady {
    text-indent: 0em;
    padding-left: 22px;
    font-size: 15px;
    position: relative;
}

p.ady:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f3bb33;
}

.advantage-two-page {
    position: relative;
    padding: 240px 0 115px 32%;
    background-color: #f0f0f0;
}

.advantage-two-tabC .img {
    position: absolute;
    left: 0%;
    top: 0;
    width: 32%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.advantage-two-tabC .img .black-20 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/black_20.png) repeat;
    background: none rgba(0, 0, 0, 0.2);
}

.advantage-two-t .zh {
    font-size: 24px;
    color: #263d8f;
    line-height: 1.5;
}

.advantage-two-t .en {
    font-size: 16px;
    color: #999999;
    font-family: "PF Din Light";
}

.advantage-two-t .line {
    margin: 15px 0px 25px;
    width: 28px;
    height: 1px;
    background-color: #333;
    display: block;
}

.advantage-two-tabT {
    position: absolute;
    left: 32%;
    width: 68%;
    z-index: 10;
    border-top: 1px solid #2b4191;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
}

.advantage-two-tabT ul {
    margin-left: 10%;
}

.advantage-two-tabT li {
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 16px;
    height: 76px;
    line-height: 76px;
    color: #333333;
    position: relative;
    transition: 0.3s;
    z-index: 1;
}

.advantage-two-tabT li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #2b4191;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.advantage-two-tabT li:hover:before {
    background-color: #f3bb33;
}

.advantage-two-tabT li:hover:before,
.advantage-two-tabT li.active:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
}

.advantage-two-tabT li.active,
.advantage-two-tabT li:hover {
    color: #fff;
}

.advantage-two-tabT li.active .sj {
    opacity: 1;
    visibility: visible\9;
    top: 94%;
}

.advantage-two-tabT li .sj {
    position: absolute;
    left: 50%;
    top: 90%;
    margin: -12px 0 0 -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 0;
    visibility: hidden\9;
}

.advantage-two-page {
    display: none;
    -webkit-animation-name: tab;
    animation-name: tab;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.advantage-two-tabC .advantage-two-page.active {
    display: block;
}

.well-box {
    margin-top: 40px;
}

.well-box img {
    width: 100%;
    display: block;
}

.advantage-one-box {
    width: 100%;
    overflow: hidden;
}

.advantage-one-demo a:link,
.advantage-one-demo a:visited {
    color: #fff;
}

.advantage-one-demo a:active,
.advantage-one-demo a:hover {
    color: #fff;
}

.advantage-one-demo {
    position: relative;
    margin-left: 32%;
}

.advantage-one-demo .slick-list {
    overflow: inherit;
}

.advantage-one-demo .item {
    position: relative;
    overflow: hidden;
}

.advantage-one-demo .img {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.advantage-one-demo .img img {
    width: 100%;
    display: block;
    opacity: 0.2;
    filter: alpha(Opacity=20);
    -webkit-transition: .3s;
    transition: .3s;
}

.advantage-one-demo .img .yy {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(img/black_20.png) repeat;
    opacity: 0;
    visibility: hidden\9;
}

.advantage-one-demo .con {
    position: absolute;
    left: 5%;
    bottom: 5%;
    color: #fff;
    width: 540px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(10%);
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
}

.advantage-one-demo .name {
    font-size: 24px;
    font-weight: bold;
}

.advantage-one-demo .line {
    width: 28px;
    height: 1px;
    background-color: #fff;
    display: block;
    margin: 18px 0px 30px;
}

.advantage-one-demo .c {
    font-size: 17px;
}

.advantage-one-demo .c p {
    text-indent: 2em;
}

.advantage-one-demo .slick-active img {
    opacity: 1;
    filter: alpha(Opacity=100);
}

.advantage-one-demo .slick-active .yy {
    opacity: 1;
    visibility: visible\9;
}

.advantage-one-demo .slick-active .con {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transition: .78s 0.55s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: .78s 0.55s cubic-bezier(.215, .61, .355, 1);
}

.advantage-one {
    background-color: #f5f5f5;
}

.advantage-one-tabT {
    position: relative;
    margin-left: 32%;
    border-top: 1px solid #2b4191;
    background-color: #fff;
}

.advantage-one-tabT ul {
    margin-left: 10%;
}

.advantage-one-tabT li {
    float: left;
    display: block;
    cursor: pointer;
    padding: 0px 16px;
    height: 76px;
    line-height: 76px;
    color: #333333;
    position: relative;
    transition: 0.3s;
    z-index: 1;
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
}

.advantage-one-tabT li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #2b4191;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.advantage-one-tabT li:hover:before {
    background-color: #f3bb33;
}

.advantage-one-tabT li:hover:before,
.advantage-one-tabT li.active:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
}

.advantage-one-tabT li.active,
.advantage-one-tabT li:hover {
    color: #fff;
}

.advantage-one-tabT li.active .sj {
    opacity: 1;
    visibility: visible\9;
    top: 94%;
}

.advantage-one-tabT li .sj {
    position: absolute;
    left: 50%;
    top: 90%;
    margin: -12px 0 0 -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 0;
    visibility: hidden\9;
}

.advantage-five-list {
    padding-bottom: 100px;
}

.advantage-five-list li {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.advantage-five-list li .img {
    width: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

.advantage-five-list li .img img {
    transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    width: 100%;
    display: block;
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.advantage-five-list .con {
    color: #7f7e7e;
    width: 34%;
    height: 100%;
    position: absolute;
    top: 0%;
}

.advantage-five-list .con .ico {
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    margin-top: -37px;
}

.advantage-five-list .con .zh {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0px 0px 40px;
    color: #263d8f;
    padding-left: 95px;
    position: relative;
}

.advantage-five-list .con .c p {
    text-indent: 2em;
}

.advantage-five-list .oneItem .con {
    left: 58%;
}

.advantage-five-list .twoItem .img {
    margin-left: 50%;
}

.advantage-five-list .twoItem .con {
    left: 8%;
}

/*advantage style end*/
/*news style*/
.pagePadding {
    padding: 50px 0px;
}
.child.ibox-inner ul{
    text-align: center;
    overflow: hidden;
    margin: 50px auto 0;
    display: flex;
    justify-content: center;
}
.child.ibox-inner li{
    width: 150px;
    height: 50px;
    border: 1px solid #e8e8e8;
    text-align: center;
    line-height: 50px;
    margin: 0 20px;
}
.child.ibox-inner li.on{
    border: 1px solid #263d8f;
}
.child.ibox-inner li a{
    color: #333;
    font-size: 16px;
}
.child.ibox-inner li.on a{
    color: #263d8f;
    font-weight: bold;
}
.child.ibox-inner li a:hover{
    color: #263d8f;
}
.news-list {
    border-left: 1px solid #e8e8e8;
}

.new .news-list {
    border-left: 0;
}

.new .news-list li {
    width: 100%;
    float: initial;
    overflow: hidden;
}

.news-list li {
    float: left;
    display: block;
    width: 33.33333%;
}

.new .nitem {
    padding: 34px 0 24px;
    border-right: 0;
    border-top: 0;
    overflow: hidden;
}

.nitem {
    padding: 34px 40px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    margin-top: -1px;
    position: relative;
    cursor: pointer;
}

.nitem:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #91a0d5;
    z-index: -1;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.nitem .img {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.new .nitem .img {
    width: 365px;
    float: left;
    margin-right: 40px;
}

.nitem .img img {
    width: 100%;
    display: block;
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

.nitem .blue-20 {
    background: url(img/blue_40.png) repeat;
    background: none rgba(8, 53, 139, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden\9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.nitem .nr {
    float: left;
    width: -webkit-calc(100% - 405px);
    width: -moz-calc(100% - 405px);
    width: calc(100% - 405px);
}

.nitem h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 20px;
    height: 54px;
    overflow: hidden;
    color: #333;
}

.new .nitem h4 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.nitem .c {
    height: 50px;
    overflow: hidden;
    margin-bottom: 28px;
    color: #999999;
}

.nitem .time {
    background: url(img/time_ico1.png) no-repeat scroll left 3px;
    padding-left: 20px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #666666;
}

.nitem:hover .blue-20 {
    opacity: 1;
    visibility: visible\9;
}

.nitem:hover h4 {
    color: #263d8f;
}

.nitem:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.nitem:hover .img img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

.paging {
    padding: 55px 0px 0px;
    text-align: center;
}

.paging a:link,
.paging a:visited {
    color: #333333;
}

.paging a:active,
.paging a:hover {
    color: #fff;
    background-color: #074988;
}

.paging a {
    display: inline-block;
    margin: 0px 2px !important;
    background-color: #e2e2e2;
    padding: 5px 14px;
    font-size: 15px;
}

.paging a.act {
    background-color: #074988;
    color: #fff;
}

.md-content {
    background-color: #fff;
    position: relative;
    margin-left: 86px;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    opacity: 0;
    visibility: hidden\9;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.md-show,
.md-show body {
    overflow-y: hidden;
}

.md-show .md-content {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1;
    visibility: visible\9;
}

.md-show .form-box-close {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1;
}

.md-modal {
    position: fixed;
    left: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    right: 0px;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background: url(img/black_50.png) repeat;
    background: nnone rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-overflow-scrolling: touch;
}

.form-box-close {
    background-color: #263d8f;
    width: 86px;
    height: 74px;
    position: fixed;
    left: 0px;
    top: 50%;
    margin-top: -37px;
    cursor: pointer;
    transition: 300ms;
    -webkit-transition: 300ms;
    transform: translateX(-86px);
    -webkit-transform: translateX(-86px);
    opacity: 0;
}

.form-box-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/close_i1.png) no-repeat scroll center center;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.form-box-close:hover {
    background-color: #222222;
}

.form-box-close:hover i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.w898 {
    width: 898px;
    margin: 0px auto;
}

.info-t {
    padding: 100px 0px 40px;
    background-color: #f5f5f5;
    border-bottom: 2px solid #263d8f;
}

.info-t h3 {
    font-size: 28px;
    color: #333;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 30px;
}

.info-t .time {
    background: url(img/time_ico1.png) no-repeat scroll left 3px;
    padding-left: 20px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #666666;
    margin-bottom: 25px;
}

.info-c {
    padding: 50px 0px 100px;
}

.shared .txt {
    background: url(img/sharp.png) no-repeat scroll center center;
    width: 18px;
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.sharelist1 {
    float: left;
}

.sharelist1 li {
    float: left;
}

.sharelist1 li a {
    height: 28px;
    display: block;
    position: relative;
}

.sharelist1 li {
    width: 28px;
    height: 28px;
    position: relative;
    margin-right: 8px;
}

.sharelist1 li:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #DDDDDD;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    visibility: hidden;
    transition: 0.32s;
}

.sharelist1 li:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    visibility: visible;
}

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

.sharelist1 li a.icon-share1 {
    background: url(img/weixin.png) center no-repeat;
}

.sharelist1 li a.icon-share2 {
    background: url(img/weib.png) center no-repeat;
}

.sharelist1 li a.icon-share3 {
    background: url(img/qq.png) center no-repeat;
}

.sharelist1 li:hover a {
    opacity: 0.7;
}

.previous {
    padding: 26px 0px 0;
    border-top: 1px solid #cacaca;
    position: relative;
    margin-top: 50px;
    font-size: 12px;
}

.previous .previ {
    display: block;
    width: 172px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 2px solid #b5b5b5;
    color: #b5b5b5;
}

.previous .prev {
    float: left;
}

.previous .prev .txt {
    background: url(img/btn_l1.png) no-repeat scroll left center;
    padding-left: 64px;
}

.previous .next {
    float: right;
}

.previous .next .txt {
    background: url(img/btn_r1.png) no-repeat scroll right center;
    padding-right: 64px;
}

.backlist {
    display: block;
    width: 175px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background-color: #08358b;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    top: 26px;
}

.backlist .txt {
    background: url(img/black1.png) no-repeat scroll right center;
    padding-right: 34px;
}

.backlist:hover {
    background-color: #666;
}

.previous .previ:hover {
    background-color: #08358b;
    border-color: #08358b;
    color: #fff;
}

.previous .prev:hover .txt {
    background-image: url(img/btn_l2.png);
}

.previous .next:hover .txt {
    background-image: url(img/btn_r2.png);
}

.info-t .shared {
    float: left;
    display: block;
}

.info-t .back-box {
    float: right;
    display: block;
}

.back-box {
    overflow: hidden;
    width: 190px;
    margin: 0px auto;
    display: block;
}

.back-box a {
    display: block;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 12px;
    overflow: hidden;
}

.back-box .back {
    width: 50px;
    background: url(img/back-1.png) no-repeat scroll center center;
    margin: 0 10px;
}

.back-box .prev,
.back-box .next {
    width: 60px;
    text-align: center;
    color: #fff;
    position: relative;
}

.back-box .prev span,
.back-box .next span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
    color: #999999;
}

.back-box .prev span {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.back-box .next span {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.back-box .prev .ico,
.back-box .next .ico {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.back-box .prev .ico {
    background-image: url(img/back-2.png);
}

.back-box .next .ico {
    background-image: url(img/back-3.png);
}

.regulations-sider {
    margin: 50px 0px;
}

.regulations-sider h2 {
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 20px;
}

.regulations-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32%;
}

.regulations-img img {
    width: 100%;
    display: block;
}

.regulations-list a:link,
.regulations-list a:visited {
    color: #2f4b80;
}

.regulations-list a:active,
.regulations-list a:hover {
    color: #0346CC;
}

.regulations-list .ico {
    width: 10%;
    margin-right: 5%;
    float: left;
    display: block;
    overflow: hidden;
}

.regulations-list .ico img {
    max-width: 100% !important;
    display: block;
}

.regulations-list .con {
    width: 85%;
    float: left;
    display: block;
}

.regulations-list .con h4 {
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 20px;
}

.regulations-list dd {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 45px;
    margin-bottom: 45px;
}

.download-list {
    width: 1210px;
    margin: 0px auto;
}

.download-list li {
    float: left;
    display: block;
    width: 23%;
    padding: 0px 1%;
    margin-bottom: 20px;
}

.download-list .item {
    border: 1px solid #b5b5b5;
    position: relative;
    padding: 30px 35px 25px;
    z-index: 1;
}

.download-list .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #315baa;
    z-index: -1;
    opacity: 0;
    visibility: hidden\9;
    transition: 0.3s;
}

.download-list .ico {
    width: 38px;
    height: 38px;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}

.download-list h3 {
    font-size: 20px;
    font-weight: normal;
    color: #08358b;
    line-height: 1.5;
    margin-bottom: 10px;
}

.download-list .time {
    background: url(img/time_ico1.png) no-repeat scroll left 3px;
    padding-left: 20px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #666666;
    margin-bottom: 45px;
}

.download-list .more {
    width: 90px;
    padding-right: 20px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #dcdcdc;
    color: #666;
    display: block;
    position: relative;
    z-index: 1;
}

.download-list .more:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #08358b;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: transform .42s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.download-list .more .iconfont {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 1px;
}

.download-list .item:hover {
    border-color: #315baa;
}

.download-list .item:hover:before {
    opacity: 1;
    visibility: visible\9;
}

.download-list .item:hover .more {
    color: #fff;
}

.download-list .item:hover .more:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.download-list .item:hover .ico {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

/*news style end*/
/*contact style*/
.contactPage {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.contactPage .bgf0 {
    background-color: #f0f0f0;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.contactPage .inner {
    position: relative;
}

.contactBox {
    width: 42%;
    float: left;
    display: block;
}

.ico-list {
    margin-top: 50px;
}

.ico-list dd {
    border-left: 1px solid #cccccc;
    padding-bottom: 10px;
}

.ico-list dd:last-child {
    padding-bottom: 0;
}

.ico-list a:link,
.ico-list a:visited {
    color: #333;
}

.ico-list a:active,
.ico-list a:hover {
    color: #08358B;
}

.ico-list .ico {
    width: 44px;
    margin: 0px 20px;
    float: left;
    display: block;
}

.ico-list .ico img {
    max-width: 100% !important;
}

.ico-list .c {
    font-size: 16px;
    line-height: 1.5;
    padding: 6px 0px 0px 84px;
}

.messageBox {
    float: right;
    display: block;
    width: 45%;
}

.messageBox .t {
    font-size: 24px;
    color: #333333;
    line-height: 1.2;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #cccccc;
    font-weight: normal;
}

.formbox p {
    padding-bottom: 16px;
}

.formbox .ctxt {
    color: #666666;
    padding: 10px 3%;
    height: 25px;
    line-height: 25px;
    width: 94%;
    font-size: 14px;
    font-family: "microsoft yahei";
    border: 0px none;
    background-color: #f0f0f0;
}

.formbox .ctxt3 {
    height: 154px;
    resize: none;
}

.formbox input[type="text"]:focus,
.formbox textarea:focus {
    background-color: #DBDBDB;
    color: #08358B;
}

/*contact style end*/
/*admission style*/
.admission-list li {
    float: left;
    display: block;
    width: 23.5%;
    margin: 0px 2% 25px 0;
    text-align: center;
    position: relative;
}

.admission-list li:nth-child(4n) {
    margin-right: 0;
}

.admission-list .img {
    border: 2px solid #e3e3e3;
    margin-bottom: 10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.admission-list .img img {
    width: 100%;
    display: block;
}

.admission-list .txt {
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    height: 44px;
    overflow: hidden;
}

.admission-list li:hover .img {
    border-color: #05419c;
}

.admission-img {
    /* margin:0px 0px 60px 100px;*/
    margin-bottom: 60px;
}

.admission-img img {
    width: 100%;
    display: block;
}

.admission-plist li {
    float: left;
    display: block;
    width: 32.33%;
    margin-right: 1%;
    margin-bottom: 25px;
    text-align: center;
}

.admission-plist figure {
    overflow: hidden;
    margin-bottom: 5px;
}

.admission-plist figure img {
    width: 100%;
    display: block;
}

.admission-plist .txt {
    line-height: 1.4;
}

.admission-plist li:nth-child(3n+1) {
    clear: both;
}

.admission-sharp {
    padding: 30px 0px 0px 100px;
    border-top: 1px solid #cccccc;
    margin-top: 50px;
}

.administrative-paging {
    padding: 10px 0px;
    border-top: 1px solid #a6a6a6;
    border-bottom: 1px solid #a6a6a6;
    margin-top: 15px;
}

.administrative-paging .back-box .prev .ico {
    background-image: url(img/back-21.png);
}

.administrative-paging .back-box .next .ico {
    background-image: url(img/back-31.png);
}

.administrative-paging .back-box .back {
    background-image: url(img/back-11.png);
}

.administrative-paging .back-box .prev span,
.administrative-paging .back-box .next span {
    color: #fff;
}

.btnMore4 {
    display: block;
    width: auto;
    border: 0px none;
    margin-top: 22px;
    background-color: #f3bb33;
    height: 55px;
    line-height: 55px;
}

.btnMore4 .txt {
    color: #fff;
    background-image: url(img/btn_r2.png);
}

.administrative-paging2 {
    display: none;
}

/*admission style end*/
/*recruit style*/
.pageT2 {
    line-height: 1.2;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #cccccc;
}

.pageT2 .zh {
    font-size: 24px;
    margin-right: 24px;
    color: #333333;
}

.hrList {
    margin: 0px auto 28px;
    color: #666666;
}

.hrList .hrdt {
    background-color: #093b90;
    margin-bottom: 2px;
    color: #fff;
}

.hrList .hspan {
    text-align: center;
    cursor: pointer;
    width: 26%;
    display: block;
    float: left;
}

.hrList .hrdt .hspan {
    height: 64px;
    line-height: 64px;
}

.hrList .hrT .hspan {
    padding-top: 15px;
    padding-bottom: 15px;
}

.hrList .hspan1 {
    text-align: left;
    padding-left: 5%;
}

.hrList .hspan2 {
    width: 20%;
}

.hrList .hspan4 {
    width: 20%;
}

.hspan .txt {
    display: inline-block;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left center;
}

.hrList dd {
    position: relative;
    background-color: #fff;
}

.hrList .hrdt {
    overflow: hidden;
}

.hrList .hrT {
    background-color: #eaedef;
    border-bottom: 2px solid #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.hrList .hrB {
    border: 1px solid #eaedef;
    display: none;
}

.hrList .hrCon {
    width: 91%;
    margin: 0px auto;
    padding: 22px 0px 40px;
    overflow: hidden;
}

.hrList dd.active .hrT {
    background-color: #f3bb33;
}

.hrList dd.active .hrT,
.hrList dd:hover .hrT {
    background-color: #f3bb33;
    color: #fff;
}

.hrList .pageC p {
    text-indent: 0;
}

.join-box-btn {
    padding-top: 32px;
}

.join-box-btn .btn {
    float: left;
    display: block;
    background-color: #093b90;
    color: #fff;
    padding: 10px 48px;
}

.join-box-btn .btn:hover {
    background-color: #333333;
}

.join-ts .item {
    margin-right: 50px;
}

.join-ts a:link,
.join-ts a:visited {
    color: #666666;
}

.join-ts a:active,
.join-ts a:hover {
    color: #C79F63;
}

.join-ts img {
    max-width: 100% !important;
    height: auto !important;
}

.admissionHrPage {
    position: relative;
    background-color: #f4f4f4;
    padding: 60px 0px 70px 32%;
}

.admissionHrPage .rimg {
    width: 32%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-size: cover;
}

.admissionHrBox {
    padding-bottom: 50px;
    position: relative;
}

.logoitem {
    float: left;
    display: block;
    width: 23.5%;
    margin: 0px 2% 15px 0;
    text-align: center;
    position: relative;
}

.logoitem:nth-child(4n) {
    margin-right: 0;
}

.logoitem .img {
    border: 2px solid #e3e3e3;
    margin-bottom: 10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.logoitem .img img {
    width: 100%;
    display: block;
}

.logoitem .txt {
    color: #333;
    line-height: 1.4;
    height: 38px;
    overflow: hidden;
}

.logoitem:hover .img {
    border-color: #05419c;
}

.admissionHrBox .slick-dots {
    bottom: 0px;
    z-index: 104;
    text-align: center;
}

.admissionHrBox .slick-dots li {
    position: relative;
    width: auto;
    padding: 0px;
    height: 12px;
    margin: 0px 6px;
    cursor: pointer;
}

.admissionHrBox .slick-dots li a {
    height: 12px;
    width: 12px;
    line-height: 12px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
    background: none #999;
}

.admissionHrBox .slick-dots li a:focus {
    outline: none;
}

.admissionHrBox .slick-dots li.slick-active a {
    background: none #eaa334;
}

.culture-list {
    margin-left: -3%;
}

.culture-list li {
    float: left;
    display: block;
    width: 47%;
    margin-left: 3%;
    margin-bottom: 36px;
    color: #fff;
    position: relative;
}

.culture-list .img {
    overflow: hidden;
    position: relative;
}

.culture-list .img img {
    width: 100%;
    display: block;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.culture-list .blue-70 {
    background: url(img/blue_70.png) repeat;
    background: none rgba(38, 61, 143, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden\9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.culture-list .yy {
    background: url(img/yy4.png) repeat-x scroll left bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.culture-list .t {
    position: absolute;
    left: 5%;
    width: 90%;
    bottom: 22px;
    font-size: 18px;
    line-height: 1.5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.culture-list .con {
    position: absolute;
    left: 5%;
    bottom: 30%;
    width: 90%;
    opacity: 0;
    visibility: hidden\9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.culture-list .con .c {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 5px;
}

.culture-list li:hover .blue-70 {
    opacity: 1;
    visibility: visible\9;
}

.culture-list li:hover .t {
    bottom: 0;
    opacity: 0;
    visibility: hidden\9;
}

.culture-list li:hover .con {
    bottom: 8%;
    opacity: 1;
    visibility: visible\9;
}

.culture-list li:hover .img img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 3s linear;
    transition: all 3s linear;
}

/*recruit style end*/
/*404 style*/
.no-page {
    padding: 10% 0 12%;
}

.nobox-c {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    color: #666666;
}

.nobox-btn {
    width: 174px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 40px auto 0px;
    background-color: #263d8f;
}

.nobox-btn .txt {
    color: #fff;
}

.nobox-btn:hover {
    background-color: #333333;
}

/*404 style end*/

/*右侧悬浮菜单*/
.slide {
    width: 50px;
    height: 215px;
    position: fixed;
    top: 50%;
    margin-top: -126px;
    background: #222222;
    right: 0;
    border-radius: 5px 0 0 5px;
    z-index: 999;
}

.slide ul {
    list-style: none;
}

.slide .icon li {
    width: 49px;
    height: 50px;
    background: url(../images/icon.png) no-repeat;
}

.slide .icon .up {
    background-position: -330px -120px;
}
.slide .icon .up a{
    width: 100%;
    height: 100%;
    display: block;
}
.slide .icon li.qq {
    background-position: -385px -73px;
}

.slide .icon li.tel {
    background-position: -385px -160px;
}

.slide .icon li.wx {
    background-position: -385px -120px;
}

.slide .icon li.down {
    background-position: -330px -160px;
}

.slide .info {
    top: 50%;
    height: 147px;
    position: absolute;
    right: 100%;
    background: #222222;
    width: 0px;
    overflow: hidden;
    margin-top: -73.5px;
    transition: 0.5s;
    border-radius: 4px 0 0 4px;
}

.slide .info.hover {
    width: 145px;

}

.slide .info li {
    width: 145px;
    color: #CCCCCC;
    text-align: center;
}

.slide .info li p {
    font-size: 1.1em;
    line-height: 2em;
    padding: 15px;
    text-align: left;
}

.slide .info li.qq p a {
    display: block;
    margin-top: 12px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 5px;
}

.slide .info li.qq p a:hover {
    color: #222;
    border: none;
    background: #fff;
    border: 1px solid #fff;
}

.slide .info li div.img {
    height: 100%;
    background: #fff;
    margin: 15px;
}

.slide .info li div.img img {
    width: auto;
    height: 115px;
}

/*控制菜单的按钮*/
.index_cy {
    width: 30px;
    height: 30px;
    background: url(../images/index_cy.png);
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: 100px;
    background-position: 62px 0;
    cursor: pointer;
}

.index_cy2 {
    width: 30px;
    height: 30px;
    background: url(../images/index_cy.png);
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: 100px;
    background-position: 30px 0;
    cursor: pointer;
}
.page_fy {
    text-align: center;
    margin-top: 50px;
}

.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom
}

.pagination li {
    display: inline-block;
    border: solid 1px #ddd;
    border-radius: 4px;
    margin: 0 3px;
}

.pagination a {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.pagination span {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.pagination .active span {
    background: #263d8f;
    color: #fff;
}

.pagination .disabled a:link,
.pagination .disabled a:visited,
.pagination .disabled a:hover {
    cursor: not-allowed;
    pointer-events: none;
    color: #ddd
}

.pagination .active {
    pointer-events: none
}

.pagination .active,
.pagination a:hover {
    background: #263d8f;
    color: #fff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
/*自适应 当屏小于1050时隐藏*/
@media screen and (max-width: 1050px) {
    .slide {
        display: none;
    }

    #btn {
        display: none;
    }

}