@charset "utf-8";

@font-face {
    src: url(../font/ITC Franklin Gothic LT Book.ttf);
    font-family: Franklin;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    list-style: none;
    font-weight: normal;
    color: #555;
    font-family: "Arial";
    font-size: 14px;
    line-height: 20px;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, dir, section {
    margin: 0;
    padding: 0;
    display: block;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.nav_box {
    width: 100%;
    background: rgba(255, 255, 255, 0.97);
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 999;
    height: 80px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.logo {
    width: 16%;
    height: 100%;
    float: left;
}

.logo img {
    display: block;
    height: 80%;
    margin: 3.5% auto;
}

.nav_list ul {
    float: right;
    width: 60%;
    margin-left: 24%;
}

html[lang="en"] .nav_list ul {
    margin-left: 10%;
}

.nav_list ul li {
    float: left;
    width: 12.5%;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    text-align: center;
}

html[lang="en"] .nav_list ul li {
    width: 16.667%;
}

.nav_list ul li a {
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
    color: #222;
    line-height: 80px;
}

html[lang="en"] .nav_list ul li a {
    letter-spacing: 0.5px;
}

.nav_list ul li:before {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #15309b;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
   /* -webkit-transition: all 0.4s;
    transition: all 0.4s;*/
}
.nav_list ul li.active {
    background: #f6ab00;
}
.nav_list ul li.active a{
    color: #FFFFFF;
}
.nav_list ul li.active:before {
    width: 100%;
}

.nav_list > dl {
    width: 7.5%;
    float: right;
    margin-right: 1.5%;
    margin-top: 22px;
}

.nav_list > dl dd {
    float: left;
    text-align: center;
}

.nav_list > dl .home {
    width: 54%;
}

.nav_list > dl .home img {
    display: block;
    width: 22px;
    margin: auto;
    margin-top: 3px;
}

.nav_list > dl .language {
    width: 46%;
    line-height: 28px;
    background-color: #122a88;
    color: #fff;
}

.s_menu_box {
    width: 100%;

    background: rgba(255, 255, 255, 0.97);
    position: absolute;
    right: 0;
    top: 100%;
    overflow: hidden;
    border-top: 2px solid #122a88;
    box-sizing: border-box;
    opacity: 0;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}

.s_menu {
    width: 100%;
}

.s_menu .s_txt {
    width: 62%;
    margin-left: 24%;
}

html[lang="en"] .s_menu .s_txt {
    margin-left: 26%;
}

.s_menu dl {
    padding: 30px 0;
    float: left;
    width: 14.285%;
    position: relative;
    display: none;
    text-align: center;
}

.s_menu dl:before {
    content: "";
    width: 1px;
    height: 160px;

    background: rgba(18, 42, 126, 0.1);
    position: absolute;
    left: 0;
    top: 30px;
}

.s_menu dl:last-of-type:after {
    content: "";
    width: 1px;
    height: 160px;

    background: rgba(18, 42, 126, 0.1);
    position: absolute;
    right: 0;
    top: 30px;
}

.s_menu dl .sd_box {
    width: 0;
    height: 1940px;

    background: #111;
    position: absolute;
    left: 50%;
    top: -20px;
    display: none;
}

.s_menu dd {
    color: #555;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 8px;
    padding-left: 1%;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
}

html[lang="en"] .s_menu dl {
    width: 16.667%;
}

html[lang="en"] .s_menu dd {
    letter-spacing: 0;
    font-size: 13px;
    color: #777;
}

.s_menu dd:hover {
    color: #122a88 !important;
}

.banner {
    width: 100%;
    height: 100%;
    position: relative;
    border: none;
    overflow: hidden;
}

.rslides {
    width: 100%;
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

video {
    background: none;
    border: none;
}

.ban_btn {
    background: url(../image/ban_btng.png) no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
}

.news_b {
    width: 56%;
    margin: auto;
    height: 70px;
    position: absolute;
    bottom: 0%;
    left: 22%;
    opacity: 0;
}

.news_b h1 {
    float: left;
    font-size: 24px;
    width: 20%;
    line-height: 70px;
    position: relative;
    letter-spacing: 1px;
    color: #122a88;
    text-align: center;
}

.news_b .newsbox {
    float: left;
    height: 24px;
    width: 70%;
    margin-top: 25px;
    margin-left: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news_b .newst h6 {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.news_b .newst b {
    font-weight: normal;
    float: right;
    font-size: 13px;
    letter-spacing: 0.4px;
    font-weight: bold;
    line-height: 24px;
    color: #122a88;
    text-shadow: none;
}

.news_b .newst h6:hover {
    text-decoration: underline;
    cursor: pointer;
}

.index_product {
    width: 100%;
    background: url(../image/con2_img.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 40px;
    overflow: hidden;
}

.index_title {
    width: 100%;
    padding-top: 92px;
    padding-bottom: 100px;
    position: relative;
}

.index_title h1 {
    width: 100%;
    line-height: 66px;
    height: 42px;
    letter-spacing: 4px;
    font-size: 40px;
    text-align: center;
    position: absolute;
    top: 150px;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    color: #111;
    text-transform: uppercase;
}

.index_title span {
    display: block;
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
}

html[lang="en"] .index_title h1 {
    letter-spacing: 2px;
}

html[lang="en"] .index_title b {
    width: 80px;
    height: 4px;
    background-color: #122a88;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -40px;
}

.index_title h1 b {
    display: block;
    width: 140px;
    height: 2px;
    background-color: #777;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: 0;
}

.index_title h1.active {
    opacity: 1;
    top: 42%;
}

.index_product ul {

    width: 90%;

    margin: 50px auto;

    margin-top: 10px;

}

.index_product ul li {

    float: left;

    width: 22.5%;

    height: 0;

    padding-bottom: 20%;

    margin: 0 1.25%;

    position: relative;

    cursor: pointer;

    margin-bottom: 40px;

}

.index_product ul li img {

    /*position: absolute;*/

    display: block;

    width: 100%;

    height: 100%;

}

.index_product .txt1 {

    /*position: absolute;

    left: 0;

    bottom: 0px;*/

    background-color: #f6ab00;

    /*width: 130px;*/padding:10px 10%;

    width:80%;

    line-height: 38px;

    color: #fff;

    font-size: 16px;

    letter-spacing: 1.2px;

    text-align: center;

    -webkit-transition: all .3s;

    transition: all .3s;
}

html[lang="en"] .index_product .txt1 {
    font-size: 14px;
    width: 180px;
    letter-spacing: 0.6px;
}

.index_product li:hover .txt1 {

    opacity: 0;

}

.index_protlbox {

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    position: absolute;

    background: rgba(18, 42, 136, 0.6);

    top: 0;

    left: 0;

    opacity: 0;
    display: none;

}

.index_protl {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    padding: 40px 20px;

    position: relative;

    background: rgba(255, 255, 255, 0.1);

}

.index_protl:before {

    content: "";

    display: block;

    box-sizing: border-box;

    width: 0;

    height: 0;

    border-top: solid 3px #fff;

    border-right: solid 3px #fff;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.index_protl:after {

    content: "";

    display: block;

    box-sizing: border-box;

    width: 0;

    height: 0;

    border-bottom: solid 3px #fff;

    border-left: solid 3px #fff;

    position: absolute;

    bottom: 0;

    right: 0;

    opacity: 0;

}

.index_protl h3 {

    width: 100%;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

    letter-spacing: 2px;

    position: absolute;

    top: 20px;

    left: 0;

    opacity: 0;

}

html[lang="en"] .index_protl h3 {
    letter-spacing: 1px;
    line-height: 28px;
    width: 90%;
    left: 5%;
}

.index_protl h5 {

    width: 100%;

    color: #fff;

    font-size: 15px;

    text-align: center;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    position: absolute;

    bottom: 10px;

    left: 0;

    opacity: 0;

}

.index_promore {

    width: 40px;

    height: 40px;

    box-sizing: border-box;

    border-radius: 50%;

    border: solid 2px #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -60px;

    margin-left: -20px;

    opacity: 0;

}

.index_promore:before {

    content: "";

    display: block;

    width: 14px;

    height: 2px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -7px;

    margin-top: -1px;

}

.index_promore:after {

    content: "";

    display: block;

    width: 14px;

    height: 2px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -7px;

    margin-top: -1px;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}

.index_product ul li:hover .index_protlbox {

    opacity: 1;

    padding: 20px;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;
    display: block;

}

.index_product ul li:hover .index_protl:before {

    width: 100%;

    height: 100%;

    opacity: 1;

    -webkit-transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s, height 0.3s ease 0.55s;

    transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s, height 0.3s ease 0.55s;

}

.index_product ul li:hover .index_protl:after {

    width: 100%;

    height: 100%;

    opacity: 1;

    -webkit-transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s, height 0.3s ease 0.55s;

    transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s, height 0.3s ease 0.55s;

}

.index_product ul li:hover .index_protl h3 {

    opacity: 1;

    top: 45%;

    -webkit-transition: all 0.55s ease 0.55s;

    transition: all 0.55s ease 0.55s;

}

.index_product ul li:hover .index_protl h5 {

    opacity: 1;

    bottom: 40px;

    -webkit-transition: all 0.55s ease 0.75s;

    transition: all 0.55s ease 0.75s;

}

.index_product ul li:hover .index_promore {

    opacity: 1;

    margin-top: -20px;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-transition: opacity 0.3s ease 0.65s, margin-top 0.3s ease 0.65s, transform 0.3s ease 0.95s;

    transition: opacity 0.3s ease 0.65s, margin-top 0.3s ease 0.65s, transform 0.3s ease 0.95s;

}

.index_video {

    width: 100%;

    background-color: #f0f0f0;

    padding-bottom: 50px;

}

.video_box {

    width: 90%;

    margin: 0 auto;

    height: 425px;

    background: url(../image/about_bg.jpg) no-repeat;

    background-size: cover;

    position: relative;

}

.video_box .v_btn {

    width: 80px;

    height: 80px;

    background: rgba(255, 255, 255, 0.8);

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -40px;

    margin-top: -40px;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all .4s;

    transition: all .4s;

}

.video_box .v_btn p {

    width: 0;

    height: 0;

    border-top: solid 12px transparent;

    border-bottom: solid 12px transparent;

    border-left: solid 16px rgba(0, 0, 0, 0.7);

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -12px;

    margin-left: -6px;

}

.video_box:hover .v_btn {

    background: #122a88;

}

.video_box:hover .v_btn p {

    border-left: solid 16px #fff;

}

.index_company {

    width: 90%;

    margin: auto;

    margin-top: 40px;

}

.index_company dd {

    float: left;

    width: 48.7%;

    margin-right: 2.5%;

    height: 400px;

    overflow: hidden;

}

.index_company dd > img {

    display: block;

    width: 100%;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.index_company dd:hover > img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.index_company .about {

    position: relative;

}

.index_about_intro {

    position: absolute;

    width: 38%;

    height: 100%;

    background: rgba(102, 102, 102, 0.9) url(../image/about_bg2.png) no-repeat;

    background-size: cover;

    box-sizing: border-box;

    padding: 50px 20px;

    top: 0;

    left: 0;

}

.index_abouticon {

    width: 40px;

    margin: auto;

}

.index_abouticon img {

    display: block;

    width: 100%;

}

.index_about_intro h2 {

    font-size: 22px;

    text-align: center;

    color: #fff;

    letter-spacing: 2px;

    margin-top: 40px;

}

.index_about_intro h5 {

    font-size: 16px;

    text-align: center;

    color: #eee;

    letter-spacing: 2px;

    margin-top: 20px;

}

html[lang="en"] .index_about_intro h5 {
    letter-spacing: 1px;
}

.index_about_intro p {

    font-size: 13px;

    text-align: center;

    color: #aaa;

    letter-spacing: 1px;

    margin-top: 30px;

}

html[lang="en"] .index_about_intro P {
    letter-spacing: 0px;
    line-height: 18PX;
    font-size: 12px;
}

.index_aboutmore {

    width: 60%;

    height: 40px;

    border: solid 1px #ddd;

    margin: auto;

    position: absolute;

    bottom: 50px;

    left: 20%;

    cursor: pointer;

}

.index_aboutmore:before {

    content: "";

    display: block;

    width: 0;

    height: 100%;

    background: #fff;

    position: absolute;

    top: 0;

    right: 0;

    left: auto;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.index_aboutmore span {

    display: block;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

}

.index_aboutmore:hover:before {

    width: 100%;

    left: 0;

    right: auto;

}

.index_aboutmore:hover span {

    color: #222;

}

.index_company .s_con {

    margin-right: 0%;

    position: relative;

    cursor: pointer;

}

.index_company .s_con .index_scon {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

    box-sizing: border-box;

    padding: 20px;

}

.index_company .s_con .index_scon h2 {

    font-size: 22px;

    text-align: center;

    color: #fff;

    letter-spacing: 2px;

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

    margin-top: -46px;

}

.index_company .s_con .index_scon h2 span {

    display: block;

    color: #fff;

    font-weight: bold;

    font-size: 18px;

    letter-spacing: 0;

    margin-top: 12px;

}

.index_sconmore {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: solid 1px #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 30px;

    margin-left: -20px;

}

.index_sconmore:after {

    content: "";

    display: block;

    width: 10px;

    height: 10px;

    border-top: solid 1px #fff;

    border-right: solid 1px #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -5px;

    margin-left: -7px;

}

.index_company .s_con .index_scon:before {

    content: "";

    display: block;

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border: solid 3px rgba(255, 255, 255, 0.3);

    top: 0;

    left: 0;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.index_company .s_con .index_scon:hover:before {

    border: solid 3px rgba(255, 255, 255, 1);

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

}

.index_relative {

    width: 100%;

    background: #f8f8f8;

    background-size: cover;

}

.index_relative h1 b {

    width: 168px;

    margin-left: -84px;

}

.index_relative ul {

    width: 90%;

    margin: 30px auto;

    margin-top: 0;

}

.index_relative ul li {

    float: left;

    width: 23.1%;

    margin-right: 2.5%;

}

.index_relative ul li .r_img {

    overflow: hidden;

    position: relative;

}

.index_relative ul li img {

    display: block;

    width: 100%;    height: 300px;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    cursor: pointer;

}

.index_relative ul li:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.index_relative ul li b {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: rgba(0, 0, 0, 0.2);

    opacity: 0;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.index_relative ul li span {

    display: block;

    position: absolute;

    left: 50%;

    top: 10%;

    margin-left: -18px;

    border: 2px solid #fff;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    font-size: 26px;

    text-align: center;

    line-height: 36px;

    color: #fff;

    opacity: 0;

    -webkit-transition: all 1s;

    transition: all 1s;

}

.index_relative ul li:hover b {

    opacity: 1;

}

.index_relative ul li:hover b span {

    opacity: 1;

    top: 50%;

    margin-top: -18px;

}

.index_relative ul li h1 {

    font-size: 18px;

    margin: 20px 0 3px 0;

    letter-spacing: 2px;

    color: #222;

    -webkit-transition: all .5s;

    transition: all .5s;

}

html[lang="en"] .index_relative ul li h1 {
    letter-spacing: 0.6px;
}

.index_relative ul li:hover h1 {

    color: #122a88;

}

.index_relative ul li p {

    font-size: 13px;

}

.index_partner {

    width: 100%;

    background: #122a88;

    padding-bottom: 10px;

    padding-top: 50px;

}

html[lang="en"] .index_partner {
    padding-top: 40px;
}

.index_partner h1 {

    color: #fff;

}

.index_partner b {

    background-color: #ddd !important;

}

.index_partner span {

    color: #ddd;

}

.index_partner .p_box {

    width: 90%;

    margin: 50px auto;

    position: relative;

    overflow: hidden;

    margin-top: 20px;

}

.index_partner .s_box {

    width: 100%;

    position: relative;

    height: 200px;

}

.index_partner dl {

    width: 100%;

    float: left;
    display: none;
}

.index_partner dl:nth-of-type(1) {
    display: block;
}

.index_partner dl dd {

    float: left;

    width: 13.2%;

    padding: 5px 0;

}

.index_partner dl dd img {

    display: block;

    width: 96%;

    margin: auto;

}

.index_partner .btn {

    width: 40px;

    margin: auto;

    margin-top: 26px;

}

.index_partner .btn span {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    float: left;

    margin: 5px;

    border: 1px solid #ccc;

    box-sizing: border-box;

    cursor: pointer;

}

.index_partner .btn span.p_btn_active {

    background-color: #fff;

    border: none;

}

.footer {

    background: url(../image/inews_bg.jpg) no-repeat center center;

    background-size: cover;

    width: 100%;

    padding-top: 60px;

}

.footer_list {

    padding: 0 5%;

}

.footer_list dl {

    float: left;

    width: 15%;

    margin-left: 2%;

}

.footer_list dl:first-of-type {

    margin-left: 0;

}

.footer_list dl dt {

    border-top: solid 1px rgba(255, 255, 255, 0.2);

    padding-top: 16px;

    margin-bottom: 20px;

    position: relative;

}

.footer_list dl dt:before {

    content: "";

    width: 48px;

    height: 3px;

    background-color: rgba(255, 255, 255, 0.5);

    position: absolute;

    left: 0;

    top: -2px;

}

.footer_list dl dt h1 {

    font-size: 15px;

    color: #FFF;

    font-weight: bold;

    letter-spacing: 2px;

}

html[lang="en"] .footer_list dl dt h1 {
    letter-spacing: 0px;
}

.footer_list dl dd h2 {

    color: rgba(255, 255, 255, 0.7);

    font-size: 13px;

    margin-top: 6px;

    letter-spacing: 1px;

}

html[lang="en"] .footer_list dl dd h2 {
    letter-spacing: 0px;
    font-size: 12px;
}

.footer_bottom {

    padding: 10px 5%;

    background: #111;

    margin-top: 30px;

}

.footer_bottom p {

    float: left;

    color: #aaa;

}

.footer_bottom p:last-of-type {

    float: right;

}

.footer_bottom a {

    color: #aaa;

}

.index_product ul li {

    -webkit-transition: all 1s;

    transition: all 1s;

    overflow: hidden;

}

.index_product ul li:nth-of-type(odd).scthide {

    /*margin-top: -80px;*/

}

.index_product ul li:nth-of-type(even).scthide {

    margin-top: 80px;

}

.video_box {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.video_box.scthide {

   /* margin-top: 120px;*/

    opacity: 1;

}

.index_company {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.index_company.scthide {

    margin-top: 160px;

}

.index_company .index_consub {

    -webkit-transition: all 1s;

    transition: all 1s;
    position: relative;

}

.index_company .index_consub.scthide {

    margin-top: 120px;

    opacity: 0;

}

.index_relative ul {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.index_relative ul li:nth-of-type(1) {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.index_relative ul li:nth-of-type(2) {

    -webkit-transition: all 1s ease 0.2s;

    transition: all 1s ease 0.2s;

}

.index_relative ul li:nth-of-type(3) {

    -webkit-transition: all 1s ease 0.4s;

    transition: all 1s ease 0.4s;

}

.index_relative ul.scthide {

    margin-top: 150px;

}

.index_relative ul .index_consub.scthide {

    opacity: 1;

    margin-top: 120px;

}

.index_partner .s_box {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.index_partner .s_box.scthide {

    margin-top: 120px;

    opacity: 0;

}

.footer_list dl:nth-of-type(1) {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.footer_list dl:nth-of-type(2) {

    -webkit-transition: all 1s ease 0.1s;

    transition: all 1s ease 0.1s;

}

.footer_list dl:nth-of-type(3) {

    -webkit-transition: all 1s ease 0.2s;

    transition: all 1s ease 0.2s;

}

.footer_list dl:nth-of-type(4) {

    -webkit-transition: all 1s ease 0.3s;

    transition: all 1s ease 0.3s;

}

.footer_list dl:nth-of-type(5) {

    -webkit-transition: all 1s ease 0.4s;

    transition: all 1s ease 0.4s;

}

.footer_list dl:nth-of-type(6) {

    -webkit-transition: all 1s ease 0.5s;

    transition: all 1s ease 0.5s;

}

.footer_list dl.scthide {

    opacity: 1;

    margin-top: 0px;

}

.o_ban {

    width: 100%;

    height: 420px;

}

.o_ban .o_img {

    width: 100%;

    height: 420px;

}

.o_ban dl {

    width: 100%;

    height: 420px;

    position: absolute;

    left: 0;

    top: 0;

    background-color: rgba(10, 67, 144, 0.9);

}

.o_ban dl dt {

    font-size: 40px;

    text-align: center;

    color: #fff;

    position: absolute;

    width: 100%;

    top: 10%;

    letter-spacing: 5px;

    opacity: 0;

}

html[lang="en"] .o_ban dl dt {
    letter-spacing: 1px;
}

.o_ban dl dt span {

    font-size: 26px;

    text-align: center;

    color: #fff;

    margin-top: 30px;

    display: block;

    letter-spacing: 1px;

    text-transform: uppercase;

}

html[lang="en"] .o_ban dl dt span {
    letter-spacing: 2px;
    font-size: 36px;
}

.o_ban dl .bottom {

    position: absolute;

    width: 100%;

    bottom: 0%;

    width: 16%;

    left: 42%;

}

html[lang="en"] .o_ban dl .bottom {
    width: 40%;
    left: 30%;
}

html[lang="en"] .o_ban.pl1 dl .bottom {
    width: 46%;
    left: 27%;
}

.o_ban dl .bottom dd {

    font-size: 15px;

    text-align: center;

    color: #ccc;

    letter-spacing: 1px;

    float: left;

    width: 50%;

    border-right: 1px solid #ddd;

    box-sizing: border-box;

    line-height: 16px;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.o_ban dl .bottom dd:hover {

    color: #fff;

}

.o_ban dl .bottom a:last-of-type dd {

    border: none;

}

.o_ban dl .bottom dd.bot_active {

    font-size: 16px;

    color: #fff;

    letter-spacing: 1.4px;

}

html[lang="en"] .o_ban dl .bottom dd.bot_active {
    letter-spacing: 0;
}

.ab_ban .company {

    position: absolute;

    bottom: 0%;

    left: 10%;

    width: 80%;

    opacity: 0

}

.ab_ban .left {

    float: left;

    width: 42%;

    padding-top: 20px;

}

.ab_ban .left img {

    display: block;

    width: 100%;

    height: 420px;

}

.ab_ban .left .lts {

    width: 100%;

    margin-top: 15px;

}

.ab_ban .left .lts h3 {

    width: 100%;

}

.ab_ban .left .lts b {

    color: #fff;

    font-size: 20px;

    letter-spacing: 1px;

}

.ab_ban .left .two {

    color: #fff;

    font-size: 20px;

}

.ab_ban .left span {

    position: absolute;

    right: 65px;

    top: 2px;

    font-size: 36px;

    color: #fff;

    display: block;

}

.ab_ban .right {

    float: right;

    width: 48%;

    height: 420px;

    overflow: auto;

    padding: 20px 30px 0px 0;

}

.ab_ban .right h1 {

    font-size: 24px;

    color: #fff;

    letter-spacing: 2px;

    margin-bottom: 10px;

}

html[lang="en"] .ab_ban .right h1 {
    letter-spacing: 0.6px;
    font-size: 22px;
}

.ab_ban .right h2 {

    font-size: 14px;

    color: #fff;

    margin-bottom: 25px;

}

.ab_ban .right p {

    font-size: 13px;

    color: #ddd;

    letter-spacing: 0.8px;

    margin-bottom: 15px;

}

html[lang="en"] .ab_ban .right p {
    letter-spacing: 0px;
    font-size: 12px;
}

.train.speech h1 {

    opacity: 0;

    margin-top: 50px;

}

.train.speech .left {

    width: 41%;

    margin-left: -100px;

    opacity: 0;

}

.train.speech .left ul {

    border-radius: 0;

    width: 100%;

    margin-top: 15px;

    height: 480px;

}

.train.speech .left li {

    display: block;

}

.train.speech .left li img {

    height: 480px;

}

.train.speech .right {

    width: 53%;

    float: right;

    margin-right: -100px;

    opacity: 0;

}

.train.speech .right h2 {

    margin-left: 5px;

}

.train.speech .right p {

    font-size: 13px;

    margin-bottom: 12px;

}

.train.speech .right h3 {

    float: right;

    font-size: 14px;

    margin-top: 20px;

    color: #122a88;

}

.cul_box {

    width: 100%;

    background-color: #eee;

}

.train.culture h1 {

    opacity: 0;

    margin-top: 50px;

}

html[lang="en"] .train.culture h1 {
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.culture dd {

    width: 31.3%;

    float: left;

    height: 260px;

    margin-right: 3%;

    position: relative;

    overflow: hidden;

    border-radius: 18px;

    overflow: hidden;

    margin-top: 40px;

    opacity: 0;

}

.culture dd:last-of-type {

    margin-right: 0;

}

.culture dd img {

    display: block;

    width: 100%;

}

.culture dd h2 {

    color: #fff;

    font-size: 20px;

    padding: 30px 0 12px 25px;

    letter-spacing: 1px;

    position: relative;

}

.culture dd h2 b {

    position: absolute;

    left: 20px;

    bottom: 0;

    width: 40px;

    height: 1px;

    background-color: #ccc;

}

.culture dd h3 {

    font-size: 12px;

    color: #fff;

    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

    margin-left: 20px;

    margin-top: 12px;

    text-transform: uppercase;

}

.culture dd .t_box {

    position: absolute;

    left: 0%;

    top: 50%;

    width: 100%;

    height: 0;

    background-color: rgba(18, 42, 136, 0.9);

    opacity: 0;

    z-index: 11;

    -webkit-transition: all .4s;

    transition: all .4s;

}

.culture dd:hover .t_box {

    left: 0%;

    top: 0%;

    height: 100%;

    opacity: 1;

}

.culture dd:hover .txt {

    opacity: 0;

}

.culture dd em {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-style: normal;
    padding-bottom: 20px;
}

.culture dd .box h4 {

    color: #fff;

    font-size: 24px;

    text-align: center;

    padding: 30px 0 10px;

    letter-spacing: 1px;

}

html[lang="en"] .culture dd .box h4 {
    letter-spacing: 0.4px;
    font-size: 20px;
    padding-bottom: 30px
}

.culture dd .box p {

    color: #ddd;

    width: 88%;

    margin: auto;

    font-size: 14px;

    text-align: center;

    letter-spacing: 1px;

    text-align: center;
    line-height: 24px;

}

html[lang="en"] .culture dd .box p {
    letter-spacing: 0px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 5px;
}

.honor_box {

    width: 100%;

    background: url(../image/bg_bg10.jpg);

}

.train.honor h1 {

    opacity: 0;

    margin-top: 50px;

}

.honor .more {

    width: 130px;

    border: 1px solid #333;

    margin: auto;

    border-radius: 20px;

    -webkit-transition: all .4s;

    transition: all .4s;

    opacity: 0;

}

.honor .more p {

    text-align: center;

    color: #333;

    font-size: 13px;

    line-height: 36px;

}

.honor .more:hover {

    background-color: #122a88;

}

.honor .more:hover p {

    color: #fff;

}

.train.history h1 {

    color: #fff;

    opacity: 0;

    margin-top: 50px;

}

.train.history span {

    color: #ccc;

}

.his_box {

    width: 100%;

    background: url(../image/ab-bg3.jpg) no-repeat;

    background-size: cover;

}

.history .container {

    opacity: 0;

    margin-left: 100px;

}

.train.org h1 {

    opacity: 0;

    margin-top: 50px;

}

.org img {

    width: 96%;

    margin: auto;

    display: block;

    opacity: 0;

    margin-top: 80px;

}

.news.honor1 .top {

    width: 87%;

    border-bottom: 1px solid #ddd;

    padding-bottom: -20px;

}

.news.honor1 .top ul {

    padding-left: 0;

    padding-bottom: 25px;

}

.honor1 .h_dev {

    width: 87%;

    margin: auto;

    margin-top: 210px;

    position: relative;

    opacity: 0;

}

.honor1 .h_dev .hx {

    width: 2px;

    height: 100%;

    background-color: rgba(18, 42, 136, 0.2);

    position: absolute;

    left: 130px;

    top: -40px;

    padding-top: 50px;

}

.honor1 .h_dev li {

    margin-bottom: 50px;

    position: relative;

    cursor: default;

}

.honor1 .h_time {

    float: left;

    width: 80px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    background-color: #ccc;

    font-size: 14px;

    color: #122a88;

    font-weight: 600;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.honor1 span {

    position: absolute;

    left: 121px;

    top: 10px;

    border: 2px solid rgba(18, 42, 136, 0.2);

    border-radius: 50%;

    width: 15px;

    height: 15px;

    background-color: #FFF;

    z-index: 99;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.honor1 .h_txt {

    float: right;

    background-color: rgba(18, 42, 136, 0.03);

    padding: 20px 0;

    width: 84%;

    margin-top: -12px;

    position: relative;

    border: 1px solid rgba(18, 42, 136, 0.05);

    box-sizing: border-box;

    -webkit-transition: all 1s;

    transition: all 1s;

}

.honor1 .h_sj {

    width: 20px;

    height: 20px;

    border-bottom: 1px solid rgba(18, 42, 136, 0.05);

    border-left: 1px solid rgba(18, 42, 136, 0.05);

    background-color: #e7e8eb;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    left: -11px;

    top: 20px;

    transition-delay: 0.1s;

}

.honor1 .sx {

    width: 30px;

    height: 30px;

    background-color: #122a88;

    position: absolute;

    left: 116px;

    top: -70px;

    border-radius: 50%;

}

.honor1 .h_txt p {

    margin-left: 80px;

    color: #333;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    font-size: 12px;

    letter-spacing: 0.5px;

    line-height: 20px;

    margin-bottom: 6px;

}

html[lang="en"] .honor1 .h_txt p {
    letter-spacing: 0px;
    line-height: 16px;
}

.honor1 .h_txt strong {

    position: absolute;

    left: -40px;

    top: 0;

    font-weight: bold;

}

html[lang="en"] .honor1 .h_txt .ttt {
    position: relative;
}

html[lang="en"] .honor1 .h_txt strong {
    position: absolute;
    left: 40px;
    top: 0px;
}

.honor1 li:hover .h_txt {

    margin-right: -10px;

}

.honor1 .h_dev li:hover .h_time {

    color: #fff;

    background-color: #122a88;

}

.honor1 .h_dev li:hover span {

    border: 2px solid #122a88;

}

.honor dd .imgs {

    background-color: #ddd;

}

.news {

    width: 100%;

    background-color: #eee;

    padding: 50px 0 30px 0;

}

.news .top {

    width: 89%;

    margin: auto;

    margin-top: -30px;

    opacity: 0;

}

.news .top ul {

    float: left;

    padding: 30px 15px 40px 15px;

}

.news .top ul li {

    float: left;

    /*width: 120px;*/padding-right: 15px;

    font-size: 20px;

    color: #666;

    font-family: Franklin;

    /*font-weight: bold;*/

    letter-spacing: 1px;

}

html[lang="en"] .news .top ul li {
    letter-spacing: 0px;
}

.news .top ul li.news_active_t {

    font-size: 30px;

    color: #333;

}

.news .top .right {

    float: right;

    padding-top: 30px;

    text-align: center;

}

.news .top .right h1 {

    float: left;

    margin: 0 10px;

    font-size: 13px;

    color: #666;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news .top .right h1:hover {
    color: #122a88;

}

.news .top .right h2 {

    float: left;

    margin: 0 2px;

    font-size: 14px;

    color: #666;

}

.news .top .right p {

    float: left;

    width: 80px;

    font-size: 14px;

    color: #122a88;;

}

html[lang="en"] .news .top .right p {
    width: 120px;
}

html[lang="en"] .news.pl_content .top .right p {
    width: 140px;
}

html[lang="en"] .news.js .top .right p {
    width: 160px;
}

html[lang="en"] .news.sb1_b .top .right p {
    width: 180px;
}

html[lang="en"] .news.sb2_b .top .right p {
    width: 120px;
}

.news dl {

    width: 88%;

    margin: auto;

    margin-top: 80px;

    opacity: 0;

}

.news dl dd {

    width: 31%;

    float: left;

    background-color: #fff;

    margin-right: 3.5%;

    margin-bottom: 3%;

    -webkit-transition: all .8s;

    transition: all .8s;

}

.news dl a:nth-of-type(3n) dd {

    margin-right: 0%;

}

.news dl dd:hover {

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);

}

.news dl dd .box {

    width: 100%;

    padding: 15px;

    box-sizing: border-box;

    -webkit-transition: all .6s;

    transition: all .6s;

}

.news dl dd .n_img {

    width: 100%;

    height: 320px;

    overflow: hidden;

}

.news dl dd .n_img img {

    width: 100%; height: 100%;

    display: block;

    -webkit-transition: all .8s;

    transition: all .8s;

}

.news dl dd:hover .n_img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.news dl dd .n_txt {

    margin-top: 25px;

}

.news dl dd .n_txt h2 {

    width: 90%;

    font-size: 18px;

    line-height: 20px;

    height: 20px;

    color: #111;

    letter-spacing: 1px;

    font-family: arial;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.news dl dd .n_txt h1 {

    margin: auto;

    font-size: 12px;

    color: #555;

    line-height: 20px;

    height: 40px;

    margin-top: 8px;

    padding-bottom: 0px;

    border-bottom: 1px solid #999;

    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news dl dd .n_txt h3 {

    font-size: 12px;

    line-height: 12px;

    height: 12px;

    letter-spacing: 0.5px;

    padding-left: 5px;

    margin-top: 16px;

    float: left;

}

.news dl dd .n_txt p {

    font-size: 12px;

    line-height: 12px;

    height: 12px;

    letter-spacing: 0.5px;

    padding-left: 5px;

    margin-top: 12px;

    float: right;

}

.news dl dd .n_txt a {

    color: #333;

}

.news dl dd a:hover {

    color: #122a88;

}

.news dl dd:hover .n_txt h1 {

    color: #122a88;

}

.news dl dd:hover .n_txt p {

    color: #333;

}

.pro_ban .container {

    width: 86%;

    left: 7%;

    position: absolute;

    bottom: 0%;

    opacity: 0;

    text-align: center;

}

.ch-grid:after,
.ch-item:before {

    content: '';

    display: table;

}

.ch-grid:after {

    clear: both;

}

.ch-grid li {

    width: 290px;

    height: 290px;

    display: inline-block;

    margin: 30px;

}

.ch-item {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    position: relative;

    cursor: default;

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    -o-perspective: 900px;

    -ms-perspective: 900px;

    perspective: 900px;

}

.ch-info {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.ch-info > div {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background-position: center center;

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    transition: all 0.4s linear;

    -webkit-transform-origin: 50% 0%;

    -moz-transform-origin: 50% 0%;

    -o-transform-origin: 50% 0%;

    -ms-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

}

.ch-info .ch-info-front {

    box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.2);

}

.ch-info .ch-info-back {

    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    background: #000;

    opacity: 0;

}

.ch-img-1 {

    background-image: url(../image/pro1.jpg);

}

.ch-img-2 {

    background-image: url(../image/pro2.jpg);

}

.ch-img-3 {

    background-image: url(../image/pro3.jpg);

}

.ch-info h3 {

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 24px;

    margin: 0 15px;

    padding: 60px 0 0 0;

    height: 120px;

    text-shadow: 0 0 1px #fff,
    0 1px 2px rgba(0, 0, 0, 0.3);

}

html[lang="en"] .ch-info h3 {
    line-height: 30px;
    font-size: 22px;
    letter-spacing: 0;
    width: 70%;
    margin: auto;
    padding: 50px 0 0 0;
}

.ch-info .t_box {

    position: absolute;

    width: 80%;

    top: 130px;

    left: 10%;

}

.ch-grid li:nth-of-type(3) .t_box, .ch-grid li:nth-of-type(2) .t_box {

    top: 150px;

}

.ch-info h4 {

    color: #ddd;

    margin: 3px 18px;

    float: left;

    font-size: 14px;

}

html[lang="en"] .ch-info h4 {
    margin: 2px 6px;
    text-align: left;
}

.ch-info h4:hover {

    color: #183bc1;

}

.ch-info p {

    color: #fff;

    padding: 10px 0px;

    font-style: italic;

    margin: 20px 30px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}

html[lang="en"] .ch-info p {
    margin: 50px 30px 0 30px;
}

.ch-info p a {

    display: block;

    color: #ccc;

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    letter-spacing: 1px;

    padding-top: 25px;

}

.ch-info p a:hover {

    color: #fff;

}

.ch-item:hover .ch-info-front {

    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    opacity: 0;

}

.ch-item:hover .ch-info-back {

    -webkit-transform: rotate3d(1, 0, 0, 0deg);

    -moz-transform: rotate3d(1, 0, 0, 0deg);

    -o-transform: rotate3d(1, 0, 0, 0deg);

    -ms-transform: rotate3d(1, 0, 0, 0deg);

    transform: rotate3d(1, 0, 0, 0deg);

    opacity: 1;

}

.o_ban.pl1 .bottom {

    width: 40%;

    left: 30%;

}

.o_ban.pl1 .bottom dd {

    width: 25%;

}

.pl_content {

    background: none;

}

.product_nav {

    padding-bottom: 40px;

}

.product_nav ul li a {

    width: 100px;

    line-height: 30px;

    margin: 10px;

    float: left;

    text-align: center;

    background-color: #ccc;

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

    font-size: 14px;

    color: white;

}

.product_nav ul li a:first-child {

    margin-left: 0;

}

.product_nav_active {

    background-color: #06C !important;

}

.product_nav ul li a:hover {

    background-color: #06C;

    cursor: pointer;

}

.product_sub_nav_box {

    width: 50%;

    margin: auto;

    position: absolute;

    left: 0%;

    top: -60px;

    z-index: 5;

}

.pro_con_box {

    width: 88%;

    margin: auto;

    position: relative;

    padding-top: 50px;

    border-top: 1px solid #eee;

    opacity: 0;

    margin-top: 100px;

}

.product_sub_nav_box p {
    width: 26%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #333;
    position: absolute;
    left: 0%;
    top: 0;
    letter-spacing: 1px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

html[lang="en"] .product_sub_nav_box p {
    letter-spacing: 0;
}

.product_sub_nav_box p:hover {
    background-color: #122a88;
}

.product_sub_nav {

    line-height: 40px;

    color: white;

    width: 46%;

    transition: all 0.4s;

    -webkit-transition: all 0.4s;

    margin-bottom: 30px;

    background-color: #06c;
    margin-left: 28%;

}

.product_sub_nav h2 {

    margin-left: 20px;

    color: white;

    line-height: 40px;

    position: relative;

    font-size: 15px;

    letter-spacing: 1px;

}

.product_sub_nav h2:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border-width: 5px 5px 0;

    border-style: solid;

    border-color: white transparent transparent;

    position: absolute;

    right: 20px;

    top: 18px;

    transition: all 0.4s;

    -webkit-transition: all 0.4s;

}

.product_sub_nav:hover {

    background-color: #122a88;

}

.product_sub_nav:hover h2:after {

    right: 10px;

}

.product_sub_nav ul {

    overflow: hidden;

    height: 0;

    background-color: white;

    border: 1px solid #fff;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.product_sub_nav:hover ul {

    border: 1px solid #122a88;

}

.product_sub_nav ul li {

    padding-left: 40px;

    line-height: 40px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.product_sub_nav ul li:hover {

    color: #122a88;

    background-color: #ccc;

}

.pro_con {

    width: 100%;

    position: relative;

}

.pro_con li dd {

    width: 23%;

    float: left;

    margin-right: 2.6%;

    margin-bottom: 30px;

}

.pro_con li dd:nth-of-type(4n) {

    margin-right: 0

}

.pro_con li dd img {

    display: block;

    width: 100%;

}

.pro_con li p {

    text-align: center;

    font-size: 14px;

    color: #333;

    margin-top: 15px;
    height: 30px;

}

html[lang="en"] .pro_con li p {
    letter-spacing: 0;
}

.big_imgs p {

    text-align: center;

    font-size: 14px;

    color: #fff;

    margin-top: 15px;

}

.news.js dl {

    width: 89%;

    margin-bottom: 30px;

}

.news.js dd {

    width: 48%;

    margin: 0 1%;

    position: relative;

    overflow: hidden;

}

.news.js dd h1 {

    width: 100%;

    text-align: center;

    line-height: 40px;

    font-size: 15px;

    background-color: #555;

    color: #fff;

    letter-spacing: 1.2px;

    -webkit-transition: all .5s;

    transition: all .5s;

}

html[lang="en"] .news.js dd h1 {
    letter-spacing: 0px;
}

.news.js dd:hover h1 {

    background-color: #122a88;

}

.news.js dd .txt {

    padding: 30px 40px;

    height: 230px;
    overflow: hidden;

}

.news.js dd p {

    line-height: 24px;

    font-size: 13px;

    letter-spacing: 1px;

}

html[lang="en"] .news.js dd:nth-of-type(2) p {
    width: 60%;

}

html[lang="en"] .news.js dd p {
    letter-spacing: 0px;
}

.news.js dd img {

    position: absolute;

    right: 0;

    bottom: 0;

    display: block;

    height: 290px;

}

html[lang="en"] .news.js dd img {
    right: -80px;
}

.o_ban.sb1 .bottom {

    width: 30%;

    left: 35%;

}

.o_ban.sb1 .bottom dd {

    width: 33.3%;

}

.sb1_b .contain {

    border-top: 1px solid #ddd;

    width: 87%;

    margin: auto;

}

.sb1_b .contain .left {

    width: 66%;

    float: left;

    border-right: 1px dotted #495581;

    padding-right: 2%;

    margin-top: 35px;

}

.sb1_b .contain h5 {

    width: 100%;

    margin: auto;

    font-size: 18px;

    margin-bottom: 15px;

    color: #122a88;

    letter-spacing: 1px;

    margin-top: 5px;

    position: relative;

    padding-left: 20px;

}

html[lang="en"] .sb1_b .contain h5 {
    letter-spacing: 0px;
}

.sb1_b .contain h5 b {

    position: absolute;

    left: 0;

    top: 4px;

    width: 8px;

    height: 8px;

    background-color: #122a88;

    border-radius: 50%;

}

.relate1.sb1_b .contain table {

    width: 100%;

}

.sb1_b .contain .right {

    width: 100%;

    margin-top: 30px;

}

.sb1_b .contain .right .imgs {

    width: 31.6%;

    margin-right: 2.5%;

    margin-bottom: 15px;

    float: left;

}

.sb1_b .contain .right .imgs:nth-of-type(3n) {

    margin-right: 0;

}

.sb1_b .contain .right img {

    display: block;

    width: 100%;

}

.sb1_b .contain .right .imgs p {

    padding: 10px 0;

    text-align: center;

    font-size: 15px;

    color: #333;

}

.sb1_b .contain .right h5 {

    margin-top: 10px;

}

.relate dl .bottom {

    width: 40%;

    left: 35%;

}

.relate dl .bottom dd {

    width: 25%;

}

.relate1 .contain {

    margin-top: 100px;

    opacity: 0;

}

.relate1 .contain table {

    width: 87%;

    margin: auto;

    margin-bottom: 40px;

}

.relate1 .contain tr {

    width: 100%;

    margin-bottom: 10px;

    background-color: #999;

}

.relate1 .contain tr.d_bar {

    background-color: #333;

}

.relate1 .contain tr td {

    text-align: center;

    color: #fff;

    line-height: 40px;

    font-size: 14px;

    letter-spacing: 1px;

}

.relate1 .contain .one {

    text-align: left;

    padding-left: 30px;

}

.relate1 .contain tr.d_bar td {

    line-height: 38px;

}

.relate1 .contain tr img {

    display: block;

    width: 25px;

    margin: auto;

    padding-top: 4px;

}

.relate1 .contain tr h6 {

    width: 100%;

    color: #fff;

    line-height: 40px;

    height: 40px;

    font-size: 14px;

}

.relate1 .contain h6:hover {

    background-color: #122a88;

}

.relate1 .contain .m_more {

    height: 40px;

    background-color: #122a88;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

    cursor: default;

}

.relate1 .contain .m_more .more_box {

    width: 90px;

    margin: auto;

}

html[lang="en"] .relate1 .contain .m_more .more_box {
    width: 100px;
}

.relate1 .contain .m_more h2 {

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: normal;

    float: right;

    color: #fff;

    line-height: 40px;

}

.relate1 .contain .m_more .more_box span {

    display: block;

    width: 16px;

    height: 9px;

    background: url(../image/view.png) no-repeat;

    margin-top: 15px;

    float: left;

}

.relate3 .top {

    border-bottom: 1px solid #ddd;

}

.relate3 .r3 {

    width: 87%;

    margin: auto;

    padding-top: 50px;

    margin-bottom: 40px;

}

.relate3 img {

    display: block;

    width: 54%;

    margin: auto;

}

.message {

    width: 87%;

    margin: auto;

    margin-bottom: 40px;

    background-color: #fff;

}

.message .left {

    float: left;

    width: 42%;

    padding: 30px;

}

.message .right {

    float: right;

    width: 52%;

}

.message .right img {

    display: block;

    width: 100%;

}

.message h1 {

    font-size: 24px;

    color: #222;

    text-align: center;

    padding: 15px 0;

    letter-spacing: 1.5px;

}

.message input {

    display: block;

    width: 45%;

    border: 0px none;

    outline: none;

    padding: 0;

    padding-left: 3px;

    line-height: 32px;

    border-bottom: 1px solid #ccc;

    background: none;

    color: #666;

    float: left;

    margin: 5px 10px;
    height: 32px;
}

.message textarea {

    width: 94%;

    display: block;

    margin: auto;

    height: 120px;

    border: 0px none;

    background: #eee;

    color: #666;

    font-size: 12px;

    padding-left: 10px;

    padding-top: 5px;

    border-radius: 3px;

    margin-top: 25px;

    margin-left: 10px;

}

.message input[type="submit"] {

    float: none;

    display: block;

    width: 20%;

    margin: auto;

    color: #fff;

    background: #122a88;

    margin-top: 25px;

    line-height: 30px;

    border-radius: 3px;

    letter-spacing: 0.4px;

}

.res_ban {

    height: 800px;

}

.res_ban .o_img, .res_ban dl {

    height: 800px;

}

.res_ban dl > p {

    position: absolute;

    width: 100%;

    top: 35%;

    width: 50%;

    left: 25%;

    color: rgba(255, 255, 255, 0.8);

    font-size: 13px;

    letter-spacing: 1.5px;

    text-align: center;

    line-height: 22px;

    opacity: 0;

}

html[lang="en"] .res_ban dl > p {
    letter-spacing: 0px;
}

.res_ban dl .llt {

    position: absolute;

    width: 1200px;

    bottom: 8%;

    width: 60%;

    left: 20%;

    opacity: 0;

}

.res_ban dl .llt dd {

    width: 33.3%;

    float: left;

    overflow: hidden;

    opacity: 0;

}

.res_ban dl .llt dd:nth-of-type(1) {

    margin-left: -100px;

}

.res_ban dl .llt dd:nth-of-type(2) {

    margin-top: 100px;

}

.res_ban dl .llt dd:nth-of-type(3) {

    margin-right: -100px;

}

.res_ban dl .llt dd .imgs {

    width: 200px;

    height: 200px;

    margin: auto;

}

.res_ban dl .llt dd .imgs img {

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

.res_ban dl .llt dd h1 {

    color: #fff;

    text-align: center;

    font-size: 15px;

    margin-top: 20px;

    letter-spacing: 0.5px;

}

.res_ban dl .scroll_btn {

    position: absolute;

    bottom: 4%;

    width: 38px;

    height: 38px;

    left: 50%;

    margin-left: -19px;

    border: 1px solid #fff;

    border-radius: 50%;

    opacity: 0;

}

.res_ban dl .scroll_btn span {

    display: block;

    width: 8px;

    height: 8px;

    border-bottom: solid 2px #FFF;

    border-right: solid 2px #FFF;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    top: 12px;

    left: 50%;

    margin-left: -5px;

    opacity: 0;

}

.res_ban dl .scroll_btn span {

    -webkit-animation: myfirst 2.8s ease-in-out 0s infinite;

    animation: myfirst 2.8s ease-in-out 0s infinite;

}

@keyframes myfirst {

    0%, 100% {
        top: 12px;
        opacity: 1;
    }

    50% {
        top: 18px;
        opacity: 0.8;
    }

}

@-webkit-keyframes myfirst {

    0%, 100% {
        top: 12px;
        opacity: 1;
    }

    50% {
        top: 18px;
        opacity: 0.8;
    }

}

.train {

    padding-top: 80px;

    padding-bottom: 60px;

    width: 80%;

    margin: auto;

}

.train h1 {

    font-size: 36px;

    text-align: center;

    color: #333;

    letter-spacing: 4px;

    padding-bottom: 40px;

    opacity: 0;

    margin-top: 50px;
    text-transform: uppercase;

}

html[lang="en"] .train h1 {
    letter-spacing: 1px;
}

.train h1 span {

    font-size: 24px;

    text-align: center;

    margin-top: 25px;

    display: block;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.train .left {

    float: left;

    width: 43%;

    position: relative;

    opacity: 0;

    margin-left: -100px;

}

.train .left ul {

    position: relative;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    overflow: hidden;

    margin: auto;

    margin-top: 30px;

}

.train .left li {

    position: absolute;

    left: 0;

    top: 0;

    display: none;

}

.train .left img {

    display: block;

    width: 100%;

    height: 300px;

}

.train .left .yy {

    width: 40px;

    height: 40px;

    background-color: #4c69db;

    position: absolute;

    left: 15%;

    border-radius: 50%;

    bottom: 2%;

}

.train .right {

    float: right;

    width: 50%;

    opacity: 1;

    margin-right: -100px;

}

.train .right h2 {

    font-size: 14px;

    color: #555;

    letter-spacing: 1px;

    font-weight: bold;

    margin-bottom: 5px;

    margin-top: 10px;

}

html[lang="en"] .train .right h2 {
    letter-spacing: 0px;
    font-size: 15px;
}

.train .right p {

    letter-spacing: 1px;

    margin: 5px;

}

html[lang="en"] .train .right p {
    letter-spacing: 0px;
    line-height: 16px;
}

.job {

    padding-top: 80px;

    padding-bottom: 30px;

    border-top: 1px solid #e5e5e5;

    background: url(../image/j_cg2.jpg) no-repeat;

    background-size: cover;

}

.job h1 {

    font-size: 36px;

    text-align: center;

    color: #333;

    letter-spacing: 4px;

    padding-bottom: 40px;

    opacity: 0;

    margin-top: 50px;

}

html[lang="en"] .job h1 {
    letter-spacing: 1px;
}

.job h1 span {

    font-size: 24px;

    text-align: center;

    margin-top: 25px;

    display: block;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.job dl {

    padding-top: 20px;

    width: 89%;

    margin: auto;

    opacity: 0;

    margin-top: 100px;

}

.job dl dd {

    margin-bottom: 3.5%;

    width: 31%;

    float: left;

    background-color: #fff;

    border-radius: 5px;

    border-bottom: 3px solid #122a88;

    box-sizing: border-box;

    cursor: default;

    margin-right: 3.5%;

}

.job dl dd:nth-of-type(3n) {

    margin-right: 0%;

}

.job dl dd .txts {

    padding: 30px 20px 20px 20px

}

.job dl dd .txts h2 {

    font-size: 18px;

    letter-spacing: 1px;

    color: #122a88;

    border-bottom: 1px solid #ccc;

    padding-bottom: 10px;

    font-weight: bold;

}

.job dl dd .txts h2 b {

    font-size: 15px;

    float: right;

    color: #122a88;

}

.job dl dd .txts h3 {

    font-size: 15px;

    position: relative;

    margin-top: 15px;

    margin-bottom: 10px;

}

.job dl dd .txts h4 {

    font-size: 12px;

    color: #999;
    height: 115px;
    overflow: hidden;

}

.job dl dd .more .m_img {

    display: block;

    width: 30px;

    margin-left: 25px;

    padding-bottom: 20px;

    height: 30px;

    background: url(../image/enters1.png) no-repeat;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.job dl dd:hover .more .m_img {

    background: url(../image/enter2.png) no-repeat;

    margin-left: 30px;

}

.job .m_xq {

    background-color: rgba(0, 0, 0, 0.8);

    width: 100%;

    height: 100%;

    position: fixed;

    right: 0;

    top: -100%;

    z-index: 55;

    display: none;

    overflow: auto;

}

.job .m_xq .txt {

    width: 60%;

    padding-bottom: 30px;

    background-color: rgba(255, 255, 255, 1);

    position: absolute;

    right: 20%;

    top: 18%;

    border-radius: 5px;

}

.job .left_back img {

    position: absolute;

    right: -15px;

    top: -15px;

    width: 30px;

    display: block;

}

.job .m_xq .txt .top {

    width: 90%;

    margin: auto;

    padding-bottom: 30px;

    margin-top: 40px;

    border-bottom: 1px solid #ccc;

}

.job .m_xq .txt .top h5 {

    font-size: 32px;

    color: #122a88;

    text-align: center;

}

.job dl dd .h_bot {

    width: 55%;

    margin: auto;

}

.job dl dd .lrs {

    font-size: 14px;

    color: #999;

    position: relative;

    margin: 20px auto;

    margin-bottom: 0;

    float: left;

    margin-right: 13%;

}

.job dl dd .lrs.lastd {

    margin-right: 0px;

}

.job dl dd .lrs span img {

    display: block;

    width: 20px;

    position: absolute;

    left: -28px;

    top: 0px;

}

.job .apl {

    width: 90%;

    margin: 30px auto;

    border-bottom: 1px solid #eee;

    padding-bottom: 30px;

}

.job .m_xq .txt h6 {

    font-size: 18px;

    color: #333;

    margin-bottom: 10px;

}

.job .m_xq .txt p {

    font-size: 13px;
    line-height: 22px;

}

.job .m_xq .txt h6:nth-of-type(2) {

    margin-top: 20px;

}

.job .m_xq .txt h4 {

    font-size: 13px;

    color: #666;

    line-height: 28px;

}

.job .m_xq .submit h2 {

    width: 110px;

    line-height: 40px;

    background-color: #122a88;

    color: #fff;

    font-size: 15px;

    text-align: center;

    float: left;

    border-radius: 3px;

    margin-left: 35px;

}

.job .m_xq .submit p {

    font-size: 12px;

    color: #555;

    float: right;

    margin-right: 35px;

}

.job .m_xq .submit span {

    color: #122a88;

}

.scom {

    background: url(../image/scom_ban.jpg) no-repeat;

    background-size: cover;

    width: 100%;

    height: 920px;

}

.scom h1 {

    font-size: 40px;

    text-align: center;

    color: #fff;

    position: absolute;

    width: 100%;

    top: 18%;

    letter-spacing: 5px;

}

html[lang="en"] .scom h1 {
    letter-spacing: 1px;
}

.scom h1 span {

    font-size: 26px;

    text-align: center;

    color: #fff;

    margin-top: 30px;

    display: block;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.mapTipText {

    width: 255px;

    height: 180px;

    background-color: #ffffff;

    padding: 20px;

    z-index: 10;

    position: relative;
    cursor: default;

}

.mapTipText .mapTipImg img {

    width: 66px;

    display: block;

    height: 66px;

    float: left;

    border: 2px solid #ffffff;

    border-radius: 50%;

    overflow: hidden;

    margin: -50px 0px 0 -50px;

}

.mapTipText h2 {

    float: left;

    font-size: 16px;

    color: #122a88;

    text-decoration: none;

    margin-left: 5px;

    font-weight: bold;

}

html[lang="en"] .mapTipText h2 {
    width: 90%;
}

.mapTipText .mapTipList {

    float: left;

    margin-left: 4px;

}

.mapTipText .mapTipList span {

    font-size: 12px;

    display: block;

    color: #262626;

    margin-bottom: 5px;

    line-height: 16px;

    margin-top: 5px;

}

.mapTipText .mapTipList ul li {

    list-style: none;

    line-height: 22px;

}

html[lang="en"] .mapTipText .mapTipList ul li {
    line-height: 16px;
}

.mapTipText .mapTipList ul li a {

    color: #262626;

    text-decoration: none;

}

.mapTipText .mapTipList ul li b {

    font-weight: bold;

}

.mapTipText .mapTipList ul li a:hover {

    background-color: #2ebcfe;

    color: #ffffff;

}

.map_boxx {

    position: absolute;

    left: 50%;

    top: 210px;

    height: 609px;
    width: 1240px;
    margin-left: -620px;

}

.ad {

    height: 100%;
}

.ad p {

    z-index: 9;

}

.ad p:nth-of-type(1) {

    position: absolute;

    right: 25%;

    top: 30%;

}

.ad p:nth-of-type(2) {

    position: absolute;

    right: 29%;

    top: 69%;

}

.ad p:nth-of-type(3) {

    position: absolute;

    right: 34%;

    top: 86%;

}

.ad p:nth-of-type(4) {

    position: absolute;

    right: 39%;

    top: 48%;

}

.ad p:nth-of-type(5) {

    position: absolute;

    right: 33%;

    top: 44%;

}

.ad p:nth-of-type(6) {

    position: absolute;

    right: 30%;

    top: 60%;

}

.ad p img {

    display: block;

    width: 34px;

}

.map_box {

    position: relative;

    opacity: 0;

    padding-top: 72px;

    background-color: #ddd;

    border: 1px solid #ddd;

    box-sizing: border-box;

}

.contact_box {

    width: 86%;

    margin: auto;

    opacity: 1;

    position: absolute;

    left: 7%;

    bottom: -10%;

}

.contact_box li {

    float: left;

    width: 23.5%;

    position: relative;

    text-align: center;

    opacity: 0;

    background-color: rgba(255, 255, 255, 0.98);

    margin-right: 2%;

    padding: 15px 0;

}

.contact_box li b {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    background-color: #122a88;

}

.contact_box li:nth-of-type(1) {

    margin-top: 30px;

}

.contact_box li:nth-of-type(2) {

    margin-top: 60px;

}

.contact_box li:nth-of-type(3) {

    margin-top: 90px;

}

.contact_box li:nth-of-type(4) {

    margin-top: 120px;

}

.contact_box li .icon {

    -webkit-transition: all .5s;

    transition: all .5s;

}

.contact_box .effect6 .icon {

    background-position: -602px 0;

}

.contact_box .effect8 .icon {

    background-position: -86px 0;

}

.contact_box .effect9 .icon {

    background-position: -172px 0;

}

.contact_box li .icon {

    display: inline-block;

    overflow: hidden;

    width: 86px;

    height: 86px;

    vertical-align: middle;

    background: url(../image/n_ico.png);

}

.contact_box li .con_t {

    font-size: 18px;

    font-weight: bold;

    margin: 10px 0 5px 0px;

}

html[lang="en"] .contact_box li .con_p2 {
    height: 40px;
}

html[lang="en"] .contact_box li .con_p1 {
    height: 40px;
}

.contact_box .effect6:hover .icon {

    background-position: -602px -86px;

}

.contact_box .effect7:hover .icon {

    background-position: -0px -86px;

}

.contact_box .effect8:hover .icon {

    background-position: -86px -86px;

}

.contact_box .effect9:hover .icon {

    background-position: -172px -86px;

}

.contact_message {

    width: 83%;

    padding: 20px;

    margin: auto;

    margin-top: 120px;

}

.contact_message h1 {

    font-size: 36px;

    color: #333;

    text-align: center;

    padding: 15px 0;

    letter-spacing: 4px;

    padding-bottom: 40px;

    opacity: 0;

    margin-top: 80px;

}

html[lang="en"] .contact_message h1 {
    letter-spacing: 1px;
}

.contact_message h1 span {

    font-size: 24px;

    text-align: center;

    margin-top: 25px;

    display: block;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.contact_message .left {

    width: 50%;

    float: left;

}

.contact_message input {

    display: block;

    width: 90%;

    border: 0px none;

    outline: none;

    padding: 0;

    padding-left: 5px;

    line-height: 32px;
    height: 32px;

    border-bottom: 1px solid #ccc;

    background: none;

    color: #666;

    float: left;

    margin: 8px;

}

.contact_message .right {

    width: 50%;

    float: right;

}

.contact_message textarea {

    width: 95%;

    display: block;

    margin: auto;

    height: 170px;

    border: 0px none;

    background: #eee;

    color: #666;

    font-size: 12px;

    margin: 20px 20px 5px 20px;

    padding-left: 5px;

    padding-top: 5px;

    border-radius: 3px;

}

.contact_message input[type="submit"] {

    float: none;

    display: block;

    width: 20%;

    margin: auto;

    color: #fff;

    background: #122a88;

    margin-top: 25px;

    line-height: 34px;

    border-radius: 3px;

    letter-spacing: 0.4px;

    margin-bottom: 20px;

    float: right;

}

.plq {

    width: 83%;

    margin: auto;

    border-top: 1px solid #eee;

    padding-top: 30px;

    padding-bottom: 30px;

}

.plq dt {

    font-size: 22px;

    color: #333;

    margin-bottom: 20px;

}

.plq dd {

    padding: 25px;

    background-color: rgba(204, 204, 204, 0.2);

    margin-bottom: 25px;

}

.plq dd h2 {

    font-size: 13px;

    color: #333;

    position: relative;

    padding-bottom: 25px;

}

.plq dd h2 b {

    position: absolute;

    right: 0;

    bottom: 0px;

    font-size: 12px;

    display: block;

}

.plq dd p {

    margin: 10px auto;

    border-top: 1px solid #ddd;

    padding-top: 10px;

    font-size: 13px;

    color: #122a88;

}

.plq dd h3 {

    margin: 10px auto;

    border-top: 1px solid #ddd;

    margin-top: 5px;

}

.plq dd h3 span {

    font-size: 13px;

    color: #333;

    float: right;

    margin-top: 10px;

}

.news .plq {

    width: 87%;

    margin: auto;

    border-top: 1px solid #eee;

    padding-top: 30px;

    padding-bottom: 30px;

}

.news .plq dl {
    opacity: 1;
    width: 100%;
    margin-top: 0;
}

.news .plq dt {

    font-size: 22px;

    color: #333;

    margin-bottom: 20px;

}

.news .plq dl dd {
    float: none;
    padding: 2%;
    margin-right: 0;
    width: 96%;
    background-color: rgba(204, 204, 204, 0.2);

    margin-bottom: 25px;

}

.news .plq dl dd:hover {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.16);

}