/* FONTS */

body {
    /*font-family: "Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif;*/
    font-family: "Microsoft YaHei", "微软雅黑", "PingHei-light";
    /* font-family: "fira-sans", "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Arial, sans-serif; */
    overflow-x: hidden;
}


/*
.body_fix{
    overflow:hidden;
    }*/

.dbp{position: relative;}   
.zqerms{
        position: absolute;
    width: 120px;
    top:60px;
    left:0;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
    
.wap_show {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.wap_show_inner {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
}

.load {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}

.load_bgbg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100px;
    background: #000;
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
    -moz-opacity: 0.2 !important;
    -khtml-opacity: 0.2 !important;
    -webkit-opacity: 0.2 !important;
}

.load_bg {
    width: 100%;
    height: 100%;
}

.load_zi {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 15%;
    left: 0;
}

.load_zi h5 {
    font-size: 36px;
    color: #fff;
    letter-spacing: 5px;
    margin-top: 4%;
}

.load_zi p {
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.large-header {
    position: absolute;
    top: 0;
    left: 0;
}

.load_zi .btn-wrap {
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    text-align: center;
}

.heard_rop {
    /*background-color:#f2f2f2; */
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    position: relative;
}


/*.heard_rop p{    color: #8d8d8d; font-size:18px;}*/

.heard_rop p {
    color: #8d8d8d;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.heard_rop h1 {
    font-size: 35px;
    color: #eee;
    text-align: center;
}

.heard_rop svg {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 45%;
    top: 68%;
}

.home_news {
    background-color: #f1f1f1;
    padding: 30px 0 80px 0;
}


/*banner*/


/*news*/

.press {}

.press .title {
    font-size: 40px;
    letter-spacing: 3px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}

.pre_one {
    position: relative;
    -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
    -moz-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
    -ms-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
    -o-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
    transition: all cubic-bezier(.18, 1, .21, 1) .9s;
    width: 25%;
    float: left;
}
.pre_one:nth-child(even) .pre_text{
    background-color: #f7f7f7;
}
.pre_one:hover {
    z-index: 2;
    box-shadow: 0 0 28px 4px rgba(0, 0, 0, 0.4);
}

.pre_text {
    padding: 20px;
    background-color: #efefef;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.pre_title img {
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
}

.pre_text h3 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 30px;
    margin-top: 0;
}

.text {
    border-bottom: 1px solid #d8d8d8;
}

.pre_text .text p {
    color: #8d8d8c;
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.pre_title {
    font-weight: 600;
}

.pro_date {
    padding-top: 20px;
}

.pro_date p {
    color: #070400;
    font-weight: 600;
    margin-bottom: 0;
}

.pro_date span {
    font-weight: 600;
    font-size: 12px;
    float: right;
    color: #8d8d8c;
}

.pre_text_two {
    background-color: #f7f7f7;
}


/*.pre_one:hover .pre_text{ background-color:#522e2f;}

.pre_one:hover .pre_text h3 {
  color:#FFF;
}
.pre_one:hover .pre_text p {
  color:#FFF;
}


.pre_one:hover .pre_title{
  color:#FFF;
}



.pre_one:hover .pro_date p{
  color:#FFF;
}*/

.dis_left_top {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.dis_left_top:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.dis_left_top i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.dis_left_top:hover i {
    margin-left: 10px;
}

.dis_left_bottom {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.dis_left_bottom:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.dis_left_bottom i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.dis_left_bottom:hover i {
    margin-left: 10px;
}

.zx {
    width: 90%;
    margin-left: 5%;
    background-color: #DDD;
    height: 1px;
    margin-top: 80px;
}

.dis_more a {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 47%;
    border-radius: 15px;
    margin-top: -10px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.dis_more {
    margin-top: -10px;
    margin-bottom: 80px;
}

.dis_more a:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    background-color: #0068b6;
    color: #FFF;
}

.index_bg {
    padding-left: 20%;
    padding-right: 20%;
    position: relative;
    position: relative;
    margin-bottom: -62px
}

.word_text {
    position: absolute;
    left: 50%;
    top: 50%;
}

.index_bg span {
    font-size: 200px;
    letter-spacing: 141px;
    color: #ebebeb;
    font-weight: 900;
    font-family: "sofia-pro", Arial, Sans-Serif;
}

.index_te {
    position: absolute;
    bottom: 42%;
    right: 45%;
    font-size: 18px;
    letter-spacing: 8px;
    font-weight: 600;
}


/*count*/

.count {
    /* margin-top: -4.4%;*/
    width: 90%;
    margin-left: 5%;
    margin-bottom: 50px;
}

.count_one {
    position: relative;
}

.count_text {
    position: absolute;
    bottom: 20%;
    right: 10%;
    color: #FFF !important;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0
}

.count_text h1 {
    color: #FFF;
    font-weight: 900;
    font-size: 63px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.count_text p {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 0px;
}

.count_text_one {
    position: absolute;
    bottom: 30%;
    right: 10%;
    color: #FFF;
    text-align: right;
    /* -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -ms-transition:all 1s linear;
    -o-transition:all 1s linear;
    transition:all 1s linear; */
}

.count_text_one p {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
}

.count_text_one h2 {
    color: #FFF;
    font-weight: 900;
    font-size: 30px;
}

.count_one:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.count_one:hover .count_text_one {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    /*bottom:100%;*/
}

.count_one:hover .count_text {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.row_top {
    margin-top: 20px;
}


/*count*/

.main {
    margin-top: 70px;
}

.product {
    width: 100%;
    margin: auto;
    padding-top: 30px;
}

.prod_one {
    width: 25%;
    float: left;
    padding-right: 1%;
}

.prod_title {
    border-top: #2295d2 solid 4px;
}

.prod_title h5 {
    font-weight: 400;
    height: 2.5em;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #1c1c1c;
    font-size: 1.4em;
    line-height: 1.3em;
}

.prod_two {
    width: 28%;
    float: left;
}

.prod_bottom {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.prod_left1 {
    width: 25%;
    float: left;
    padding-right: 1%;
}

.prod_left2 {
    width: 25%;
    float: left;
    padding-right: 1%;
}

.prod_left3 {
    width: 25%;
    float: left;
    padding-right: 1%;
}

.prod_left4 {
    width: 25%;
    float: left;
    padding-right: 1%;
}


/*product*/

ul,
li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.textoverhidden,
.services .text h5 font {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

header,
footer {
    z-index: 100;
    position: relative;
}

.services .img.i1:before,
.services .img.i3:before,
.services .img.i6:before,
.services .img.i7:before,
.job .page4 .img:before,
.about .animal.a1:before,
.about .animal.a2:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=30);
    background-image: url("../images/noise.gif");
    z-index: 1;
}

.cover {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.cover-w {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.cover-h {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.cover-fixed {
    background-attachment: fixed;
}

pageBox {
    width: 100%;
}

.index .page5 {
    position: relative;
}

.index .page5 .z-index {
    z-index: 5;
}

.index .page5 .bg,
.index .page5 .bg img {
    width: 100%;
    position: relative;
}

.index .page5 .show,
.index .page5 .list,
.index .page5 .list .blockquote,
.index .page5 .box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.index .page5 .box {
    z-index: 1;
}

.index .page5 .list {
    z-index: 95;
}

.index .page5 .list .blockquote {
    width: 100%;
    top: 10%;
    margin: 0px;
}

.index .page5 .list .cm {
    width: 76%;
    position: relative;
    margin: 0 auto;
}

.index .page5 .list ul {
    width: 100%;
    display: inline-block;
}

.index .page5 .list li {
    width: 20%;
    float: left;
    text-align: center;
    cursor: pointer;
}

.index .page5 .show {
    opacity: 1;
}

.index .page5 .show.hide {
    display: block;
    opacity: 0;
}

.index .page5 .list li:hover {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}


/*css3*/

a,
.animate,
header .toggle em,
header .toggle,
.fadeLoop,
.team li,
.index .page3 .thumb span,
.index .page3 .thumb span:after,
.index .page4 .thumb span,
.index .page4 .thumb span:after,
.works .number span,
.works .number span em:after,
.works li .text em:after,
.works li .img:after,
.works li .img,
.works li .img img,
.works li .img i,
.job .page3 .list a:after,
.bodyWindow.job .close,
.job .page3 .thumb span,
.maps .send .btn:after,
.maps .send .close:before,
footer a.item img,
.gototop,
.maps,
.maps .table,
.index .page4 .thumb span:before,
.index .page5 .list li,
.job .page3 .prev,
.job .page3 .next,
.index .page1 .video {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.services .kv img,
.index .page1 canvas:last-child,
.about .kv .text,
.job .page3 .icon i,
.job .page3 .item {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

.index .page5 .show {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.test {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.test {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: center center;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: center center;
    -o-transform: rotate(180deg);
    -o-transform-origin: center center;
    transform: rotate(180deg);
    transform-origin: center center;
}


/*animate*/

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        -ms-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.iframe_box iframe {
    border: none;
}

.iframe_box {
    width: 100%;
    height: 700px;
}

.footer {
    width: 100%;
    background: #333;
    overflow: hidden;
    /*padding-top:110px;*/
    position: relative;
    z-index: 2;
}


/*.footer:before{*/


/*width:100%;*/


/*height:100px;*/


/*content:'';*/


/*background:#FFF;*/


/*position:absolute; top:0; left:0;*/


/*z-index:-1;*/


/*} */

.footer_a {
    padding-top: 40px;
    position: relative;
}

.footer_ar {
    width: 65%;
    margin-left: 35%;
}

.footer_ar h5 {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.footer_ar p {
    width: 55%;
    margin: 0;
    position: relative;
}

.footer_ar p input {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    padding: 10px;
    background: #fff;
    border: none;
    border-radius: 0 3px 3px 0;
}

.footer_ar p span {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #0068b6;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
}

.footer_al {
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 30px 5%;
}

.footer_al:before {
    width: 1000px;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #0068b6;
    border-radius: 0 5px 5px 0;
}

.footer_al h5 {
    font-size: 20px;
    color: #fff;
    margin: 15px 0;
}

.footer_al p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
}

.footer_al p span {
    margin-right: 20px;
}

.footer_b {
    width: 100%;
    margin-top: 40px;
    padding: 40px 0;
    border-bottom: 1px solid #373e37;
    position: relative;
}


/*.footer_aon{*/


/*padding-left:200px;*/


/*position:relative;*/


/*}*/


/*.footer_aon>img{*/


/*position:absolute; top:0; left:0px;*/


/*}*/

.footer_a_nav {
    width: 100%;
}

.footer_a_nav h5 {
    font-size: 16px;
    color: #ddd;
    letter-spacing: 1px;
    margin-top: 0;
}
.footer_a_nav h5:hover{
    color: #fff;
}
.footer_a_nav p {
    font-size: 14px;
    color: #ddd;
    letter-spacing: 1px;
}
.footer_a_nav a:hover p{
    color: #fff;
}
.footer_ap p {
    font-size: 12px;
    color: #ccc;
    letter-spacing: 1px;
    line-height: 25px;
}

.footer_a_nav_line {
    width: 100%;
    height: 3px;
    /*  background:url(../images/foot_line.png);*/
    margin-bottom: 10px;
}

.footer_aicon {
    width: 100%;
    text-align: right;
}

.footer_aicon span {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #999;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    color: #999;
    margin-left: 5px;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.footer_aicon span i {
    position: relative;
    top: -1px;
}

.footer_aicon span:hover {
    color: #fff;
    background: #999;
}

.footer_b span {
    display: inline-block;
    font-size: 13px;
    color: #eee;
    /*margin-right:35px;*/
}

.footer_ba {
    position: absolute;
    top: 40px;
    right: 0;
}

.footer_ba span {
    margin-right: 0;
    margin-left: 35px;
}

.footer_c {
    width: 100%;
    padding: 20px 0;
    position: relative;
}

.footer_c p {
    font-size: 13px;
    color: #eee;
    margin-bottom: 0; display: inline-block;
}
.footer_img { display: inline-block;    margin-left: 2%;}
.unohacha {
    position: absolute;
    top: 20px;
    right: 0;
}

.ganbeans{ display: inline-block;  width:220px;margin-left: 2%;color:#fff;}
.ganbeans a{ color:#fff;}
.bdtjdm{ display: inline-block;  margin-left:10px;}
.bdtjdm img{ margin-top:-2px;}

/*youce*/

.home_right {
    position: fixed;
    bottom: 5%;
    right: 0;
    z-index: 9999999999;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.home_right_list {
    width: 45px;
    height: 45px;
    margin-bottom: 1px;
    cursor: pointer;
    line-height: 35px;
    padding: 10px 0px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
}

.home_right_list i {
    font-size: 20px;
}

.home_right_list b {
    width: 100%;
    height: 100%;
    background: #696969;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.home_right_list:hover b {
    background: #0068b6;
}

.home_right_list span {
    font-size: 14px;
    line-height: 45px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: #333;
    background: #fff;
    border-radius: 3px 0 0 3px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.home_right_list:hover span {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.home_top:hover {
    background: #0068b6;
}

.home_top {
    z-index: 111;
    text-align: center;
    line-height: 35px;
    background: #696969;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    width: 45px;
    cursor: pointer;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}


/**/


/*****header*******/

.header {
    width: 100%;
    background: #fff;
    /*position: fixed; */
    position: relative;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
}

.header_inner {
    background: #fff;
}

.header_top {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: #0068b6;
}

.header_con {
    width: 100%;
    padding: 0 10px;
}

.logo {
    float: left;
    padding: 5px 20px;
    position: absolute;
    top: 0;
    left: 10%;
    z-index: 999;
    background: #0068b6;
}

.header_nav {
    float: right;
}

.header_nav>ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}

.header_nav>ul>li {
    float: left;
    line-height: 70px;
    padding: 0 15px;
}

@media (max-width: 1199px) {
    .header_nav>ul>li {
        padding: 0 6px;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .header_nav>ul>li {
        padding: 0 8px;
    }
}

.header_nav>ul>li>a {
    font-size: 16px;
    color: #333;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header_nav_search {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}

.header_nav_search span {
    font-size: 16px;
    color: #333;
    line-height: 70px;
    margin-left: 0px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header_nav_en {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-top: 30px;
}

.header_nav_en span {
    font-size: 16px;
    color: #333;
    line-height: 70px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header_tt {
    position: absolute;
    top: 0px;
    right: 18%;
}

.header_tzi {
    position: relative;
    top: 0px;
    left: 20%!important;
}

.header_tzi span {
    display: inline-block;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    margin: 0 4px;
}

.header_tzi span a {
    color: #fff;
}

.header_tt span {
    display: inline-block;
    line-height: 33px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    margin-left: 15px;
    padding-left: 20px;
    position: relative;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header_tt span i {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header_tt1 i {
    background: url(../images/header_tt_i1.png) center no-repeat;
    background-size: cover;
}

.header_tt2 i {
    background: url(../images/header_tt_i2.png) center no-repeat;
    background-size: cover;
}

.header_tt3 i {
    background: url(../images/header_tt_i3.png) center no-repeat;
    background-size: cover;
}

.no_nav a {
    position: relative;
}

.no_nav a span {
    width: 0%;
    height: 2px;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    position: absolute;
    bottom: 12px;
    left: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.no_nav:hover a span {
    width: 100%;
}

.header_show {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    text-align: left;
    overflow: hidden;
    border-top: 1px solid #e0e0e0;
    display: none;
}

.header_show .container {
    position: relative;
    z-index: 2;
}

.header_show .container>span {
    width: 2000px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 66%;
    z-index: -1;
    background: #f5f5f5;
}

.header_show_a {
    padding: 50px 0;
    padding-right: 50px;
    z-index: 2;
}

.header_show_a h5 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
}

.header_show_a p {
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 25px;
}

.header_show_a a {
    font-size: 14px;
    color: #666 !important;
    line-height: 25px;
    letter-spacing: 0;
}

.header_show_a a i {
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.header_show_b {
    padding: 50px;
}

.header_show_b ul {
    padding: 0;
    margin: 0;
}

.header_show_b ul li {
    line-height: 38px;
}

.header_show_b ul li a {
    font-size: 14px;
    display: inline-block;
    position: relative;
}

.header_show_b ul li a b {
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left: 0;
    background: #0068b6;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.header_show_on a b {
    width: 100% !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
}

.header_show_c {
    padding: 50px 0;
    padding-left: 50px;
    border-left: 1px solid #e0e0e0;
    position: relative;
}

.header_show_cs {
    width: 100%;
    box-shadow: 0 0 4px hsla(214, 3%, 49%, .5);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.header_show_cson {
    box-shadow: 0 6px 24px hsla(214, 3%, 49%, .15);
}

.header_show_cimg p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
    line-height: 20px;
    padding: 10px;
}

.header_show_zi {
    width: 90%;
    background: #fff;
    position: absolute;
    top: 50px;
    left: 50px;
    display: none;
}

.header_show_zi h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.header_show_zi p {
    display: inline-block;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    position: relative;
}

.header_show_zi p b {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left: 0;
    background: #333;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.header_p b {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
}

.header_show_zi a {
    line-height: normal;
}

.header_new_con>h5 {
    font-size: 20px;
}

.header_img img {
    display: none;
}
.header_img img:first-child{
    display: block;
}
.header_new_text {
    position: relative;
    padding-right: 100px;
    line-height: 30px;
    padding-left: 30px;
}

.header_new_text img {
    position: absolute;
    top: 7px;
    left: 0;
}

.header_new_text .time {
    position: absolute;
    right: 0;
    top: 0;
}

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


/*****header*******/

.banner {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner ul {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.banner ul li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.banner ul li:first-child{
    display: list-item;
}
.ban1 {
    background: url(../images/banner3.jpg) center no-repeat;
    background-size: cover;
    display: block;
}

.ban2 {
    

}

.ban3 {
    

}

.ban4 {
    background: url(../images/banner21.jpg) center no-repeat;
    background-size: cover;
    display: none;
}

.banner_zi_box {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 2;
}

.banner_zi {
    width: 100%;
    height: 70px;
    position: relative;
}

.banner_zi p {
    font-size: 16px;
    color: #333;
    line-height: 70px;
    margin-bottom: 0;
    letter-spacing: 1px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.banner_zi>span {
    width: 13px;
    height: 7px;
    cursor: pointer;
    background: url(../images/banner_bottom.svg) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ban_tex {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 15%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ban_tex>span {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 50px;
    position: relative;
}

.ban_tex span:before {
    width: 40px;
    height: 2px;
    content: '';
    background: #0068b6;
    position: absolute;
    left: 0;
    bottom: -25px;
}

.ban_tex>h5 {
    margin: 0;
    font-size: 40px;
    letter-spacing: 4px;
    color: #fff;
    margin-bottom: 20px;
}

.ban_tex>p {
    margin: 0;
    font-size: 30px;
    letter-spacing: 2px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.ban_tex>a {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
    padding: 0 30px;
    background: #0068b6;
    text-transform: uppercase;
}

.banner_bottom {
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 99;
}

.banner_p {
    position: absolute;
    top: 50%;
    left: 20px;
    cursor: pointer;
    margin-top: -20px;
}

.banner_n {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    margin-top: -20px;
}


/*****按钮2*******/

.btn_active {
    display: inline-block;
    text-align: center;
    padding: 16px;
    box-sizing: border-box;
    background-color: #ea5404;
    color: #FFF;
}

.btn-wrap {
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

.btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn,
.btn-bg {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
}

.btn-bg {
    transform: translate3d(0, 100%, 0);
    display: inline-block;
    overflow: hidden;
}

.btn-bg-line {
    position: absolute;
    left: 0;
    top: 0px;
    background: #000;
    transition: transform .42s cubic-bezier(.645, .045, .355, 1);
    transform: translate3d(-100%, 0, 0);
    width: 100%;
    height: 110%;
}

.btn-inner {
    position: relative;
    opacity: 0
}

.btn-over-wrap {
    display: block;
    padding: 0 0 0 4px
}

.btn-over-wrap span {
    float: left;
    font-size: 16px;
    padding: 0 0 0 1px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 3px
}

.btn-over {
    transform: translateZ(0)
}

.btn:hover .btn-over {
    transform: translate3d(0, -100%, 0)
}

.btn-under-wrap {
    display: block;
    padding: 0 0 0 4px;
    position: absolute;
    top: 0;
    left: 0
}

.btn-under-wrap span {
    float: left;
    padding: 0 0 0 1px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 3px;
    font-size: 16px;
}

.btn-under {
    transform: translate3d(0, 100%, 0)
}

.btn:hover .btn-under {
    transform: translateZ(0)
}

.btn:hover .btn-inner-7-0 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) .12s
}

.btn:hover .btn-inner-7-1 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) 80ms
}

.btn:hover .btn-inner-7-2 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) 40ms
}

.btn:hover .btn-inner-7-3,
.btn:hover .btn-inner-7-4 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1)
}

.btn:hover .btn-inner-7-5 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) 40ms
}

.btn:hover .btn-inner-7-6 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) 80ms
}

.btn:hover .btn-inner-7-7 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) .12s
}

.btn:hover .btn-inner-7-8 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) 80ms
}

.btn:hover .btn-inner-7-9 {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) 40ms
}

.btn-bg:hover .btn-bg-line {
    transform: translateZ(0);
}


/*****按钮2*******/

.btn-scroll {
    position: relative;
    top: -25px;
    text-align: center;
    width: 54px;
    margin: 0 auto;
}

.btn-scroll:before {
    content: '';
    background: url(../images/ellipse-path.svg) no-repeat;
    height: 54px;
    -webkit-animation: btnScroll 1.5s linear 0s infinite normal;
    animation: btnScroll 1.5s linear 0s infinite normal;
    width: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.btn-scroll .icon-arrow-a-down {
    color: #FFF;
    font-size: 15px;
    position: relative;
}

.btn-scroll:after {
    content: '';
    background: url(../images/ellipse-dotted.svg) no-repeat;
    height: 54px;
    width: 100%;
}

.btn-scroll .icon-arrow-a-down:after {
    content: '';
    left: 50%;
    position: absolute;
    top: -65px;
    background-color: rgba(255, 255, 255, .5);
    height: 60px;
    margin: 0 0 0 -.5px;
    -webkit-animation: btnScrollBar 2s cubic-bezier(.645, .045, .355, 1) 0s infinite normal;
    animation: btnScrollBar 2s cubic-bezier(.645, .045, .355, 1) 0s infinite normal;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    width: 1px;
}

.btn-scroll .icon-arrow-a-down i {
    -webkit-animation: btnScrollArrow 2s cubic-bezier(.645, .045, .355, 1) 0s infinite normal;
    animation: btnScrollArrow 2s cubic-bezier(.645, .045, .355, 1) 0s infinite normal;
    display: inline-block;
    position: relative;
    font-size: 24px;
}

.index_sec5 {
    width: 100%;
    padding: 80px 0;
    background: #f9f9f9;
    position: relative;
}

.index_sec5_con {
    width: 100%;
}

.index_sec5_list {
    width: 100%;
    cursor: pointer;
    position: relative;
    /*top:60px;*/
}

.index_sec5_list h5 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 15px;
    color: #333;
    /*font-weight: 600;*/
    line-height: 30px;
}

.index_sec5_list h5 span {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
	background: #0068b6;
	margin-right: 10px;
	vertical-align: top;
}

.index_sec5_list h5 span img {
    position: relative;
    top: -2px;
}

.index_sec5_zi {
    width: 100%;
    padding: 10px;
    padding-bottom: 35px;
    background: #fff;
}

.index_sec5_zi p {
	font-size: 16px;
	line-height: 28px;
	height: 51px;
	color: #333;
	margin-bottom: 20px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 0 19px;
}
.index_sec5_zi a {
    display: inline-block;
    width: 90%;
    line-height: 36px;
    background: #f1f1f1;
    text-align: center;
    margin-left: 5%;
    color: #000;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.index_sec5_list:hover .index_sec5_zi a {
    color: #fff;
    background: #0068b6;
}

.pre_text h3 {
    /*height: 60px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.img_bg1 {
    background-image: url(../images/index_sec2_0.jpg);
    background-size: cover;
    height: 100%;
}

.img_bg2 {
    background-image: url(../images/index_sec2_1.jpg);
    background-size: cover;
    height: 100%;
}

.img_bg3 {
    background-image: url(../images/index_sec2_2.jpg);
    background-size: cover;
    height: 100%;
}

.img_bg4 {
    background-image: url(../images/index_sec2_3.jpg);
    background-size: cover;
    height: 100%;
}

.img_bg5 {
    background-image: url(../images/index_sec2_4.jpg);
    background-size: cover;
    height: 100%;
}

.img_bg6 {
    background-image: url(../images/index_sec2_5.jpg);
    background-size: cover;
    height: 100%;
}

.img_bg7 {
    background-image: url(../images/index_sec2_6.jpg);
    background-size: cover;
    height: 100%;
}

.img_bg8 {
    background-image: url(../images/index_sec2_7.jpg);
    background-size: cover;
    height: 100%;
}

.backgroud_col {
    position: absolute;
    z-index: 0;
    top: 0%;
    left: 0;
    right: 0;
    height: 21em;
    overflow: hidden;
    background: rgba(28, 28, 28, 0.56);
    height: 100%;
    opacity: 0;
}

.media-box.show:hover .backgroud_col {
    opacity: 1;
}


/*.load_bg video{*/


/*width:100%;*/


/*}*/

.banner ul li.ban3 video {
    width: 100%;
}

.banner ul li {
    overflow: hidden;
}

.btn_active {
    width: 120px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

.btn_active:hover {
    background: #000;
}

@media (max-width: 1440px) and (min-width: 1024px) {
    .banner ul li.ban3 video {
        width: auto;
    }
    .banner ul li video,
    .load_bg video {
        min-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}




.about_sec1 {
    width: 100%;
    padding: 80px 0;
}

.about_sec1_con {
    width: 100%;
}



.about_sec1_zi {
    width: 100%;
    padding: 60px 0;
}

.about_sec1_zi h5 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 15px;
}

.about_sec1_zi p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.inner_t {
    margin-bottom: 30px;
}

.inner_t h3 {
    margin-top: 0;
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    letter-spacing: 0;
    margin-top: 0;
}

.inner_t span {
    display: inline-block;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    position: relative;
}

.inner_t span:before {
    width: 60%;
    height: 1px;
    content: '';
    background: #431515;
    position: absolute;
    bottom: -13px;
    left: 0;
}

.inner_tc {
    text-align: center;
}

.inner_tc span:before {
    left: 20%;
}

.inner_tw h3 {
    color: #fff;
}

.inner_tw span {
    color: #fff;
}

.inner_tw span:before {
    background: #eee;
}

.about_sec2 {
    width: 100%;
    padding: 80px 0;
    background: #eee;
}

.about_sec2_con {
    width: 100%;
}

.about_sec2_zi {
    width: 100%;
}

.about_sec2_zi span {
    display: inline-block;
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

.about_sec2_zi h5 {
    font-size: 30px;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}

.about_sec2_line {
    width: 80%;
    height: 4px;
    border: 1px solid #0068b6;
    margin: 20px 0;
    position: relative;
}

.about_sec2_line:before {
    width: 40%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #0068b6;
}

.about_sec2_zi p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.about_sec2_img {
    width: 100%;
    padding-left: 40%;
    position: relative;
    z-index: 2;
}

.about_sec2_img span {
    font-size: 360px;
    font-size: 18rem;
    line-height: 300px;
    line-height: 15rem;
    position: absolute;
    top: 0;
    left: 15%;
    z-index: -1;
    font-family: "Times New Roman", Times, serif;
    color: #e4ded7;
}

.about_sec2_img_a {
    border: 1px solid #d4d3d4;
}

.about_sec2_img_b {
    width: 75%;
    margin-left: 25%;
    margin-top: 15px;
    border: 1px solid #d4d3d4;
}

.about_bg1 {
    width: 100%;
    background: url(../images/about_bg1.jpg) center no-repeat fixed;
    background-size: cover;
}

.about_sec3 {
    width: 100%;
    padding: 80px 0;
    background: url(../images/about_sec3_list_bg.png) center no-repeat;
    background-size: cover;
}

.about_sec3_con {
    width: 100%;
}

.about_sec3_list {
    padding: 20px;
    background: #fff;
}

.about_sec3_list h5 {
    font-size: 16px;
    color: #333;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    height: 20px;
    overflow: hidden;
}

.about_sec3_img {
    padding: 10px 0;
    position: relative;
}

.about_sec3_img:before {
    width: 50px;
    height: 1px;
    content: '';
    background: #989898;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
}

.about_sec3_img:after {
    width: 50px;
    height: 1px;
    content: '';
    background: #989898;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}

.swiper_ab1_next {
    width: 27px;
    height: 44px;
    background: none;
    text-align: center;
    line-height: 44px;
    font-size: 40px;
    color: #431515;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.swiper_ab1_prev {
    left:-4px;
    width: 27px;
    height: 44px;
    background: none;
    text-align: center;
    line-height: 44px;
    font-size: 40px;
    color: #431515;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec3_box:hover .swiper_ab1_next {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.about_sec3_box:hover .swiper_ab1_prev {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.about_sec4 {
    width: 100%;
    background: #fff;
    padding: 80px 0 60px 0;
}

.about_sec4_con {
    width: 100%;
}

.about_sec4_con>p {
    width: 80%;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.about_sec4_box {
    position: relative;
}

.about_sec4_list {
    width: 100%;
}

.about_sec4_img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.about_sec4_img img {
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

.about_sec4_list:hover .about_sec4_img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.about_sec4_zi {
    width: 100%;
    padding: 20px 0;
}

.about_sec4_zi h5 {
    font-size: 18px;
    color: #333;
    margin-top: 0;
    margin-bottom: 10px;
}

.about_sec4_zi p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.about_sec4_zi p i {
    font-size: 20px;
    color: #0068b6;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

.about_sec4_list:hover .left,
.about_sec4_list:hover .right {
    height: 100%;
}

.about_sec4_list:hover .top,
.about_sec4_list:hover .bottom {
    width: 100%;
}

.about_sec4_list:hover .index_sec4_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.about_sec5 {
    width: 100%;
    padding: 80px 0;
    background: #f0f0f0;
}

.about_sec5_class {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.about_sec5_class span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    color: #333;
    margin: 0 15px;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.about_sec5_class span i {
    font-size: 20px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec5_on {
    color: #0068b6 !important;
}

.about_sec5_on i {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
}

.about_sec5_box {
    width: 100%;
}

.about_sec5_left {
    width: 74%;
    float: left;
}

.about_sec5_right {
    width: 26%;
    float: left;
}

.about_sec5_img {
    width: 100%;
    position: relative;
}

.about_sec5_img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.about_sec5_zi_box {
    width: 100%;
    position: relative;
    background: #fff;
}

.about_sec5_zi {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.about_sec5_zi_t {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 50px;
}

.about_sec5_zi_t h5 {
    font-size: 16px;
    color: #333;
    letter-spacing: 1px;
    margin: 0;
    line-height: 50px;
    text-align: center;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.about_sec5_zis {
    padding: 40px 30px;
    text-align: center;
}

.about_sec5_zis h5 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 50px;
    position: relative;
}

.about_sec5_zis h5:before {
    width: 70px;
    height: 1px;
    content: '';
    background: #e0e0e0;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -35px;
}

.about_sec5_zis p {
    font-size: 13px;
    line-height: 25px;
    color: #666;
    letter-spacing: 1px;
    text-align: center;
}

.about_sec5_zis a {
    display: inline-block;
    line-height: 40px;
    padding: 0 40px;
    font-size: 14px;
    color: #fff;
    background: #0068b6;
    margin-top: 30px;
}

.about_sec5_prev {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.about_sec5_next {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.about_sec5_prev:hover {
    color: #0068b6 !important;
}

.about_sec5_next:hover {
    color: #0068b6 !important;
}





/*新闻*/

.news_sec3 {
    width: 100%;
    padding: 50px 0;
    background: #f2f2f2;
}

.news_sec3_con {
    width: 100%;
    padding-left: 200px;
    position: relative;
}

.news_sec3_box {
    width: 100%;
}

.news_inner_left {
    width: 100%;
    margin-bottom: 50px;
}

.news_inner_left .title {
    font-size: 18px;
    line-height: 30px;
}

.news_inner_con {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
}

.news_inner_con div {
    margin-bottom: 10px;
}
.news_inner_con p{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
}
.news_inner_left {}

.news_inner_left .time {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}

.news_inner_left .time:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background: #0068b6;
    top: 0;
    left: 0;
}

.news_inner_btn a {
    font-size: 15px;
    display: inline-block;
    line-height: 48px;
    width: 160px;
    background: #0068b6;
    margin-top: 40px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}



/*.news{ position: relative;padding-left: 210px;}*/

.news_left {
    position: absolute;
    top: 0;
    left: 0;
}

.news_text {
    width: 50%;
    float: right;
    padding-left: 30px;
    padding-top: 60px;
}

.news_img {
    float: left;
    width: 46%;
    position: relative;
}

.news_time {
    color: #0068b6;
    font-size: 15px;
    position: relative;
}

.news_tit {
    font-size: 18px;
    margin: 10px 0 15px 0;
}

.news_tx {
    line-height: 24px;
    height: 100px;
    overflow: hidden;
}

.news_time span {
    display: block;
    position: absolute;
    right: 102%;
    bottom: 8px;
    height: 2px;
    width: 100px;
    background: #0068b6;
}

.news_more {
    padding: 5px 20px;
    color: #ffffff;
    background: #0068b6;
    display: inline-block;
    border: 1px solid #0068b6;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.news_con:hover .news_more {
    background: none;
    color: #0068b6;
}

.news_con:hover .left,
.news_con:hover .right {
    height: 100%;
}

.news_con:hover .top,
.news_con:hover .bottom {
    width: 100%;
}

.news_con:hover .index_sec4_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.news_con {
    margin-bottom: 30px;
}

.news_left div {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    cursor: pointer;
}

.news_left div.active {
    color: #0068b6;
}

.news_left.scroll {
    position: fixed;
    top: 170px;
}

.industry {
    padding: 50px 0;
}


/*新闻*/


/*产品展示*/

.pro_sec1 {
    width: 100%;
    padding: 50px 0 50px 0;
    background: #fff;
}

.pro_sec1_con {
    width: 100%;
}

.pro_sec1_con>h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    letter-spacing: 4px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.pro1 {
    width: 100%;
}

.pro1 .col-sm-4 {
    width: 28%;
}

.pro1 .col-sm-8 {
    width: 72%;
}

.pro1_l {
    width: 100%;
}

.pro1_r {
    width: 100%;
}

.pro1_zi {
    margin-bottom: 60px;
}

.pro1_zi h5 {
    width: 70%;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    letter-spacing: 1px;
}

.pro1_zi p {
    width: 60%;
    font-size: 14px;
    color: #666;
    margin: 0;
    letter-spacing: 1px;
    line-height: 25px;
}

.pro1_zi a {
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
    letter-spacing: 2px;
    margin-top: 15px;
    font-weight: 600;
    position: relative;
}

.pro1_zi a:before {
    width: 100%;
    height: 2px;
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro1_zi a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.pro1_list_zi {
    width: 100%;
}

.pro1_lzi {
    width: 90px;
    float: left;
}

.pro1_lzi p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 22px;
    color: #666;
}

.pro1_rzi {
    width: 90px;
    float: right;
}

.pro1_rzi p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 25px;
    color: #666;
}

.pro1_list_img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.pro1_list_bg {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro1_list_img:hover .pro1_list_bg {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.pro1_list_img h5 {
    width: 100%;
    padding-left: 10%;
    position: absolute;
    top: 15%;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    margin-top: 50px;
}

.pro1_list_img:hover h5 {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    margin-top: 0px;
}

.pro1_list_img span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 40px;
    position: relative;
    border: 1px solid #fff;
    line-height: 35px;
    padding: 0 20px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.pro1_list_img span i {
    color: #fff;
    font-size: 16px;
    margin-left: 15px;
}

.pro1_list_img span:hover {
    border: 1px solid #0068b6;
    background: #0068b6;
}

.pro_sec2_con>h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    color: #333;
    letter-spacing: 4px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.pro2 .col-sm-4 {
    width: 27%;
}

.pro2 .col-sm-8 {
    width: 73%;
}

.pro2_zi {
    width: 100%;
    position: relative;
}

.pro2_zi h5 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin: 0;
    width: 25%;
    float: left;
    letter-spacing: 1px;
    margin-right: 10%;
}

.pro2_zi p {
    font-size: 14px;
    color: #666;
    margin: 0;
    letter-spacing: 1px;
    line-height: 25px;
    width: 45%;
    float: left;
}

.pro2_zi a {
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
    letter-spacing: 2px;
    margin-top: 15px;
    font-weight: 600;
    position: relative;
}

.pro2_zi a:before {
    width: 100%;
    height: 2px;
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro2_zi a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.pro2_zi1 {
    width: 90px;
    position: absolute;
    top: 0;
    right: 0;
}

.pro2_zi1 p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 25px;
    width: 100%;
}

.pro2_zi2 {
    width: 90px;
    position: absolute;
    bottom: 20px;
    right: 0;
}

.pro2_zi2 p {
    font-size: 14px;
    margin-bottom: 0;
    width: 100%;
    line-height: 25px;
}

.pro_sec3_con>h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    letter-spacing: 4px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.pro3 .col-sm-4 {
    width: 35.2%;
}

.pro3 .col-sm-8 {
    width: 64.8%;
}

.pro3_box {
    width: 100%;
    padding-left: 100px;
    position: relative;
}

.pro3_list_zi {
    width: 90px;
    position: absolute;
    top: 0px;
    left: 0;
}

.pro3_list_zi p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 25px;
    color: #666;
}

.pro3_zi {
    width: 72%;
    position: relative;
    margin-bottom: 60px;
}

.pro3_zi h5 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin: 0;
    width: 25%;
    float: left;
    margin-right: 10%;
    letter-spacing: 1px;
}

.pro3_zi p {
    font-size: 14px;
    color: #666;
    margin: 0;
    letter-spacing: 1px;
    line-height: 25px;
    width: 45%;
    float: left;
}

.pro3_zi a {
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
    letter-spacing: 2px;
    margin-top: 15px;
    font-weight: 600;
    position: relative;
}

.pro3_zi a:before {
    width: 100%;
    height: 2px;
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro3_zi a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}


/*产品展示*/


/*产品列表*/

.act_list {
    width: 100%;
    margin-bottom: 15px;
}

.act_list_img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.act_list_img img {
    -webkit-transition: 0.9s ease;
    -moz-transition: 0.9s ease;
    -ms-transition: 0.9s ease;
    -o-transition: 0.9s ease;
    transition: 0.9s ease;
}

.act_list:hover .act_list_img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.act_list_img span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    line-height: 40px;
    padding: 0 30px;
    font-size: 14px;
    color: #fff;
    background: #0068b6;
    overflow: hidden;
}

.act_list_img span:before {
    width: 100%;
    height: 100%;
    content: '';
    background: #8f8f8f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.act_list:hover .act_list_img span:before {
    top: -100%;
}

.act_list_zi {
    width: 100%;
    background: #f8f8f8;
    padding: 20px;
    position: relative;
}

.act_list_zi span {
    display: inline-block;
    font-size: 16px;
    color: #5b6669;
    /*font-weight: 600;*/
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.act_list_zi h5 {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-bottom: 0;
    height: 44px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.act_list_zi:before {
    width: 0%;
    height: 1px;
    content: '';
    background: #0068b6;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.act_list:hover .act_list_zi:before {
    width: 50%;
}

.act_list_zi:after {
    width: 0%;
    height: 1px;
    content: '';
    background: #5b6669;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.act_list:hover .act_list_zi:after {
    width: 50%;
}


/*产品列表*/


/*工程案例*/

.index_sec1_bt h5 {
    font-size: 30px;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 0;
}

.index_sec1_bt span {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 150px;
    font-size: 4.5rem;
    letter-spacing: 60px;
    letter-spacing: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-weight: 600;
    color: #f6f7f9;
    line-height: 100px;
    font-family: "Times New Roman", Times, serif;
}

.index_sec1_bt {
    width: 100%;
    padding: 30px;
    font-size: 19.825px;
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
    top: 80px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}

.case_sec1 {
    width: 100%;
    padding: 50px 0 50px 0;
}

.case_sec1_con {
    width: 100%;
}

.case_list {
    width: 100%;
    margin-bottom: 50px;
}

.case_list1 {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.case_list2 {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

.case_zi {
    width:100%;
    padding-top: 10px;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.case_img {
    width: 100%;
    position: relative;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    border: 1px solid #ddd;
}

.kehu_img{
    background: #ddd;
    padding: 10px;
}

.case_list:hover .case_img {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.case_img_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.case_list:hover .case_img_bg {
    opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -webkit-opacity: 0.3;
    filter: alpha(opacity=30);
}

.case_zi p {
    font-size: 16px;
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
    color: #0068b6;
    line-height: 25px;
}

.case_zi p:before {
    width: 25px;
    height: 2px;
    content: '';
    background: #0068b6;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

.case_zi h5 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    margin-bottom: 0;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.case_list:hover .case_zi h5 {
    color: #fff;
}

.case_list:hover .case_zi {
    -webkit-transform: translate(20px, -100%);
    -ms-transform: translate(20px, -100%);
    transform: translate(20px, -100%);
}


/*工程案例*/


/*涂装解答*/

.faq_t {
    width: 100%;
    padding: 80px 0;
}

.faq_t_con {
    width: 100%;
}

.faq_t_zi {
    width: 100%;
    padding: 0 50px;
}

.faq_t_zis {
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.faq_t_zis h5 {
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
}

.faq_t_zis p {
    font-size: 14px;
    line-height: 25px;
    color: #666;
}

.faq_s {
    width: 100%;
    padding: 80px 0 80px 0;
    background: #eee;
}

.faq_s_con {
    width: 100%;
}

.faq_s_list {
    margin-bottom: 40px;
}

.faq_s_zi {
    width: 100%;
    padding: 40px 60px;
    background: #fff;
    position: relative;
}

.faq_s_zi span {
    font-size: 13px;
    color: #333;
}

.faq_s_zi h5 {
    font-size: 20px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 1px;
    height: 22px;
    overflow: hidden;
    margin: 20px 0;
}

.faq_s_zi p {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.faq_s_btn {
    width: 60px;
    height: 60px;
    background: #0068b6;
    font-size: 24px;
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -30px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 60px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.faq_s_list:hover .faq_s_btn{
-webkit-transform: rotate(315deg);/*Safari 4+,Google Chrome 1+ */
-moz-transform: rotate(315deg);/*Firefox 3.5+*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/*ie*/
-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;  
    -moz-transition: all cubic-bezier(.18,1,.21,1) .9s; 
    -ms-transition: all cubic-bezier(.18,1,.21,1) .9s;  
    -o-transition: all cubic-bezier(.18,1,.21,1) .9s;   
    transition: all cubic-bezier(.18,1,.21,1) .9s;

}
.faq_s_btn i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.faq_sec1 {
    width: 100%;
    padding: 40px 0;
}

.faq_sec1_q {
    background: #f0f0f0;
}

.faq_sec1_o {
    background: #fff;
}

.faq_sec1_con {
    width: 100%;
    padding-left: 200px;
    padding-right: 300px;
    position: relative;
}

.faq_sec1_q .faq_sec1_con span {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    display: inline-block;
    width: 110px;
    height: 110px;
    background: url(../images/faq_icon1.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 20px;
}

.faq_sec1_o .faq_sec1_con span {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    display: inline-block;
    width: 110px;
    height: 110px;
    background: url(../images/faq_icon2.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 20px;
    color: #fff;
}

.faq_sec1_con span i {
    font-size: 30px;
    font-style: normal;
}

.faq_sec1_con h5 {
    font-size: 22px;
    letter-spacing: 2px;
    padding-bottom: 30px;
    position: relative;
}

.faq_sec1_con h5:before {
    width: 30px;
    height: 1px;
    content: '';
    background: #0068b6;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.faq_sec1_con p {
    font-size: 13px;
    line-height: 25px;
    color: #666;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.faq_sec1_con a {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #969696;
    line-height: 30px;
    letter-spacing: 0;
}

.faq_sec1_con a i {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    background: #0068b6;
    text-align: center;
    line-height: 26px;
    border-radius: 100%;
    margin-left: 10px;
}


/*涂装解答*/

.clm30 {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

.clp30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.clm25 {
    margin-left: -25px !important;
    margin-right: -25px !important;
}

.clp25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.clm20 {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.clp20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.clm10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.clp10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.clm8 {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.clp8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.clm5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.clp5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.clm3 {
    margin-left: -3px !important;
    margin-right: -3px !important;
}

.clp3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.clm0 {
    margin-left: -0px !important;
    margin-right: -0px !important;
}

.clp0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/*防伪*/

.fangwei {
    width: 100%;
    position: relative; padding-top: 100px;
    background: url(../images/fangwei_bg1.jpg) center no-repeat;
    background-size: cover;
}

.fangwei_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -webkit-opacity: 0.3;
}

.fangwei_con {
    width: 100%;
    padding: 140px 0 10% 0;
}

.fangwei_box {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 50px 0;
    max-width: 600px;
    margin: 0px auto;
}

.fangwei_box_bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.fangwei_box>span {
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    z-index: -1;
    border: 1px solid #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.fangwei_a>p {
    width: 60%;
    font-size: 13px;
    color: #e0e0e0;
    text-align: center;
    line-height: 22px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.fangwei_b {
    width: 400px;
    margin: 0 auto;
}

.fangwei_b p {
    padding-left: 120px;
    position: relative;
    margin-bottom: 20px;
}

.fangwei_b p span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

.fangwei_b input {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 10px;
}

.fangwei_b a {
    font-size: 14px;
    display: inline-block;
    line-height: 40px;
    padding: 0 30px;
    background: #0068b6;
    margin-left: 120px;
    color: #fff;
}

.fangwei .inner_t h3,
.fangwei .inner_t span {
    color: #ffffff;
}

.fangwei .inner_t span:before {
    background: #ffffff;
}


/*防伪*/


/*招聘*/

.job_sec2 .contact_img_text {
    position: relative;
    padding: 170px 0 100px 0;
}

.job_sec3 .contact_bot_con {
    padding: 70px 80px 0px 100px;
    border: none;
    margin-left: 0%;
    width: 56%;
}

.job_sec3 .contact_bot_btn {
    right: 2%;
    bottom: auto;
    top: -20px;
}

.job_sec3 .contact_bot {
    margin-top: 60px;
}


/*.job_sec3{margin-top: 150px;}*/

.AccordionPlus::after,
.AccordionPlus::before {
    background: #0068b6;
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    transition: background 300ms, opacity 300ms, -webkit-transform 300ms;
    transition: transform 300ms, background 300ms, opacity 300ms;
    transition: transform 300ms, background 300ms, opacity 300ms, -webkit-transform 300ms;
    width: 100%;
}

.job_sec2_con.cl .AccordionPlus:after,
.job_sec2_con.cl .AccordionPlus:before {
    background: #aaa;
    -webkit-transform: rotatez(180deg);
    -ms-transform: rotate(180deg);
    transform: rotatez(180deg);
}

.job_sec2_con.cl .AccordionPlus:before {
    opacity: 0;
}

.job_sec2_con.cl .num,
.job_sec2_con.cl .job_sec2_tit {
    color: #0068b6;
}

.AccordionPlus::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.AccordionPlus {
    top: 18px;
    position: absolute;
    width: 24px;
    right: 0;
}

.job_sec2_tit {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    cursor: pointer;
}

.job_sec2_tit span {
    background-image: linear-gradient(to top, #0068b6 50%, rgba(0, 0, 0, 0) 50%);
    background-size: 2px 200%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: inherit;
    font-weight: 900;
    padding: 5px;
    text-decoration: none;
    transition: background-size 400ms ease-out;
}

.job_sec2_tit:hover span {
    /*background-size: 2px 100%;*/
    transition-duration: 250ms;
    transition-timing-function: ease;
}

.job_sec2_con .num {
    float: left;
    width: 10%;
    font-size: 28px;
    font-weight: 700;
    color: #aaa;
}

.job_sec2_right {
    float: left;
    width: 90%;
    border-bottom: 1px solid #d6d6d6;
}

.job_sec2_con:last-child .job_sec2_right {
    border: none;
}

.job_sec2_ri_con .tx {
    float: left;
    width: 20%;
    font-size: 16px;
}

.job_sec2_ri_con .text {
    margin-bottom: 10px;
    line-height: 24px;
    border: none;
}

.job_sec2_ri_con span {
    font-size: 16px;
    font-weight: 900;
}

.job_sec2_ri_con {
    padding: 20px 40px;
    display: none;
}

.job_sec2_con {
    margin-top: 10px;
}

/*.job_sec1 {
    margin: 0px -5%;
}*/

.job_sec1_right {
    float: left;
    width: 50%;
    padding-left: 20px;
    position: relative;
}

.job_sec1_right img {
    box-shadow: 0 14px 72px rgba(0, 0, 0, .08);
}

.job_sec1_left {
    width: 50%;
    float: left;
}

.job_sec1_title {
    font-size: 108px;
    color: #0068b6;
    line-height: 118px;
    margin-top: 40px;
}

.job_sec1_tx {
    width: 80%;
    font-size: 14px;
    border-bottom: 1px solid #0068b6;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.job_sec1_text {
    /*width: 60%;*/
    font-size: 16px;
    line-height: 30px;
    margin: 40px 0 60px 0;
}

.job_sec1_right span {
    position: absolute;
    bottom: -38px;
    display: none;
    width: 90%;
    height: 5px;
    background: #333333;
    left: 20%;
}
/*
.job_sec1_right div {
    height: 195px;
    width: 350px;
    background: url("../fonts/dot.svg");
    position: absolute;
    left: -70px;
    bottom: -70px;
    z-index: -1;
}*/

.contact_line .dot {
    height: 195px;
    width: 200px;
    background: url("../images/dot.svg");
    position: absolute;
    top: 50px;
}

.contact_img .inner_t {
    margin: 0px 0 70px 0;
}

.join_sec3 .contact_img .inner_t {
    margin: 0px 0 80px 0;
}


/*招聘*/


/*联系我们*/

.contact_mar {
    padding: 0px 10%;
    position: relative;  
}

.contact_con {
    position: relative;
    padding: 50px 0;
}

.top_left {
    float: left;
    width: 25%;
    text-align: center;
}

.top_ri {
    float: left;
    width: 71%;
    font-size: 20px;
    line-height: 40px;
    margin: 0 2%;
    border-top: 4px solid #323232;
    color: #323232;
    padding-top: 40px;
}

.contact_img {
    position: relative;
    width: 96%;
    margin: 0px auto;
}

.contact_img img {
    box-shadow: 0 14px 72px rgba(0, 0, 0, .08);margin-left:10px;
}

.contact_img_text {
    position: absolute;
    top: 18%;
    /*display: table;*/
    left: -6%;
    height: 100%;
    font-size: 144px;
    line-height: 144px;
    color: #0068b6;
}


/*.contact_img_text div{vertical-align: middle; display: table-cell;}*/

.contact_img_line {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    border: 2px solid #0068b6;
}

.contact_bot_tx {
    font-size: 16px;
    color: #0068b6;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact_bot_con {
    padding: 70px 80px 70px 100px;
    border: 2px solid #0068b6;
    margin-left: 42%;
    width: 56%;
    height: 500px;
}

.contact_bot {
    position: relative;
    margin-top: 125px;
}

.contact_bot_text {
    position: absolute;
    right: 50%;
    box-shadow: 0 14px 72px rgba(0, 0, 0, .08);
    width: 40%;
    padding: 70px;
    z-index: 1;
    top: -90px;
    background: #ffffff;
}

.contact_bot_tit {
    font-size: 20px;
    line-height: 40px;
}

.contact_bot_con .text {
    font-size: 14px;
    line-height: 24px;
    border-bottom: none;
}

.contact_bot_tit1 {
    font-size: 16px;
    line-height: 30px;
}

.contact_bot_tit1 span {
    font-size: 20px;
    color: #0068b6;
}

.contact_bot_con .text div {
    float: left;
    width: 50%;
}

.contact_bot_con .text1 {
    margin-top: 30px;
}

.contact_bot_con .text1 span {
    color: #0068b6;
    font-size: 16px;
}

.contact_bot_con .text span {
    font-weight: 600;
}

.con_line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    display: none;
}

.con_line div {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 1px;
    background: #eeeeee;
}

.con_line .line2 {
    left: 25%;
}

.con_line .line3 {
    left: 50%;
}

.con_line .line4 {
    left: 75%;
}

.con_line .line5 {
    left: 100%;
}

.vertical {
    background: currentColor;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

.contact_line_text {
    text-transform: uppercase;
    background: #ffffff;
    padding-right: 20px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.contact_line_text span {
    color: #0068b6;
}

.contact_line {
    position: absolute;
    width: 450px;
    top: 70%;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    left: -15%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: -1;
}

.contact_line1 {
    position: absolute;
    width: 450px;
    bottom: 10%;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    right: -56%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -ms-transform: rotate(-90deg);
    text-align: left;
    transform: rotate(-90deg);
    z-index: -1;
}


/*联系我们*/


/*加盟*/

.join_sec1_tx {
    margin-left: 26.75%;
    line-height: 30px;
    font-size: 18px;
    max-width: 48%;
    margin-bottom: 48px;
    margin-top: 20px;
}

.contact_line_j {
    top: 35%;
    width: 560px;
}

.contact_img_line_t {
    border-top: 0px;
}

.contact_img_line_r {
    border-right: 0px;
}

.contact_img_line_b {
    border-bottom: 0px;
}

.contact_img_line_l {
    border-left: 0px;
}

.join_sec2 {
    margin-top: 200px;
}

.CtaButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #0068b6;
    color: #0068b6;
    border-bottom: none;
    border-right: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 68px 16px 32px;
    position: relative;
    text-decoration: none;
    transition: background 250ms, color 250ms;
}

.CtaButton i {
    margin-left: 20px;
}

.contact_bot_btn {
    padding: 36px;
    position: absolute;
    right: 55%;
    box-shadow: 0 14px 72px rgba(0, 0, 0, .08);
    z-index: 1;
    bottom: -120px;
    background: #ffffff;
}

.CtaButton::before,
.CtaButton::after {
    content: '';
    display: block;
    background: #0068b6;
    position: absolute;
    transition: -webkit-transform 250ms 250ms;
    transition: transform 250ms 250ms;
    transition: -webkit-transform 250ms 250ms;
}

.CtaButton:before {
    bottom: 0;
    height: 2px;
    left: 0;
    -webkit-transform: scaleX(0.77);
    -ms-transform: scaleX(0.77);
    transform: scaleX(0.77);
    -webkit-transform-origin: 0 1px;
    -ms-transform-origin: 0 1px;
    transform-origin: 0 1px;
    width: 100%;
}

.CtaButton:after {
    height: 100%;
    right: 0;
    top: 0;
    -webkit-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: 1px 0;
    -ms-transform-origin: 1px 0;
    transform-origin: 1px 0;
    width: 2px;
}

.CtaButton:hover:before,
.CtaButton:hover:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0s;
}

.CtaButton:hover {
    background: #0068b6;
    color: #ffffff;
}

.join_sec2 .contact_bot {
    margin-bottom: 120px;
}

.CtaButton:hover {
    transition-delay: 250ms;
}

.join_sec3 .contact_img_text {
    position: relative;
    padding: 170px 0 100px 0;
}

.join_map {
    text-align: center;
    position: relative;
}


/*加盟*/


/*首页新闻*/

.index_sec4_a {
    width: 100%;
    /*background:#fff;*/
    position: relative;
    left: -120px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    overflow: hidden;
}

.index_sec4_aimg {
    width: 100%;
    position: relative;
}

.index_sec4_abtn {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    background: url(../images/playicon.png) center no-repeat;
    background-size: cover;
}

.index_sec4_abtn:hover {
    background: url(../images/playicon-hover.png) center no-repeat;
    background-size: cover;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.index_sec4_azi {
    width: 90%;
    margin: 0 auto;
    background: #fff;
}

.index_sec4_azi_box {
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #fff;
    position: relative;
    top: -60px;
    border-bottom: 2px solid #0068b6;
}

.index_sec4_azi span {
    font-size: 20px;
    color: #d8d8d8;
    font-weight: 600;
    font-family: "Times New Roman", Times, serif;
}

.index_sec4_azi h5 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    margin-top: 25px;
}

.index_sec4_azi p {
    font-size: 13px;
    color: #666;
    line-height: 25px;
    margin-bottom: 15px;
}

.index_sec4_azi a {
    font-size: 13px;
    color: #999;
    position: relative;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.index_sec4_azi a i {
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.index_sec4_azi a:hover {
    color: #0068b6;
}

.index_sec4_azi a:hover i {
    background: #0068b6;
}

.index_sec4_bh {
    width: 100%;
    margin-bottom: 16px;
    position: relative;
    left: 120px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.index_sec4_bh_img {
    height: 100%;
    float: left;
    overflow: hidden;
}

.index_sec4_bh_zi {
    height: 100%;
    float: left;
    overflow: hidden;
}

.index_sec4_bimg {
    position: relative;
    height: 100%;
}
.index_sec4_bimg img{
    height: 100%;
}
.index_sec4_line {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

.index_sec4_line div {
    position: absolute;
    background: #fff;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.index_sec4_line .left {
    top: 0;
    left: 0;
    height: 0;
    width: 1px;
}

.index_sec4_line .right {
    bottom: 0;
    right: 0;
    height: 0;
    width: 1px;
}

.index_sec4_line .top {
    top: 0;
    right: 0;
    width: 0;
    height: 1px;
}

.index_sec4_line .bottom {
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
}

.index_sec4_bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0 104 182 / 54%);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#CC3c1e1f, endColorstr=#CC3c1e1f);
}

.index_sec4_bh:hover .left,
.index_sec4_bh:hover .right {
    height: 100%;
}

.index_sec4_bh:hover .top,
.index_sec4_bh:hover .bottom {
    width: 100%;
}

.index_sec4_bh:hover .index_sec4_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.index_sec4_bzi {
    width: 100%;
    padding: 20px;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.index_sec4_bh:hover .index_sec4_bzi {
    padding-left: 40px;
}

.index_sec4_bzi h5 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.index_sec4_bzi p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.index_sec4_bzi a {
    font-size: 13px;
    color: #999;
    position: relative;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.index_sec4_bzi a i {
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.index_sec4_bzi:hover a {
    color: #0068b6;
}

.index_sec4_bzi:hover a i {
    background: #0068b6;
}


/*首页新闻*/

.inner_banner {
    position: relative;
}

#dituContent {
    position: absolute;
    top: 0;
    left: 0;
}

.job_s2 {
    background: #f9f9f9;
}

.sales {
    padding: 80px 0;
}

.sales_title {
    position: relative;
}

.sales_left {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}

.sales_right {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}

.sales_right_con {
    padding: 0px 90px;
    width: 80%;
}

.sales_title .tx {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    line-height: 30px;
    letter-spacing: 8px;
    bottom: 10px;
}

.sales_title span {
    color: #ECECEC;
    font-size: 8rem;
    line-height: 8rem;
    font-weight: bold;
}

.sales_title .tx div {
    border-top: 1px solid #666;
    letter-spacing: 3px;
}

.sales_text {
    line-height: 24px;
    margin-top: 30px;
    overflow: hidden;
    max-height: 144px;
}

.sales_text span {
    margin-right: 20px;
}

.sales_left .sales_right_con {
    margin-left: 20%;
}

.sales_con:hover .news_more {
    background: none;
    color: #0068b6;
}

.sales_text .tit {
    font-weight: bold;
}

.sales .news_more {
    margin-top: 40px;
}

.join_map {
    max-width: 800px;
    margin: 0 auto;
}


/*.contact_sec{background: #f2f2f2;}*/

.sales_con img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.sales_con:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.sales_con:hover .index_sec4_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.sales_con:hover .left,
.sales_con:hover .right {
    height: 100%;
}

.sales_con:hover .top,
.sales_con:hover .bottom {
    width: 100%;
}

.bigimg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.bigimg_cont {
    position: absolute;
    left: 25%;
    background: #ffffff;
    width: 50%;
    z-index: 111111;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bigimg_bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000;
    -webkit-transition: 0.8s linear;
    -moz-transition: 0.8s linear;
    -ms-transition: 0.8s linear;
    -o-transition: 0.8s linear;
    transition: 0.8s linear;
    z-index: 11;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.bigimg_con {
    padding: 50px;
}

.bigimg_con div {
    display: none;
}

.bigimg_con div.on {
    display: block;
}

.bigimg_right {
    right: 0px;
}

.bigimg_left {
    left: 0px;
}

.bigimg_left,
.bigimg_right {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.bigimg_left:hover,
.bigimg_right:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.bigimg .clo {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.bigimg {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);*/
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.bigimg.active {
    visibility: visible;
    z-index: 11111;
    /*-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);*/
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.pro_xilie ul{
/*    display: flex;
    justify-content: center;*/
}
.pro_xilie ul li {
    float: left;
    /* min-width: 13.11%; */
    /* padding: 0 5px; */
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px auto;
    /* overflow: hidden; */
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    background: #f2f2f2;
    border: 1px solid #ebebeb;
    letter-spacing: 1px;
}
.pro_xilie ul li a{
    padding:10px 15px;
}
.pro_xilie {
    padding-top: 0px;
    padding-bottom: 30px;
}

.pro_bg_on,.pro_xilie ul li a:hover {
    background-color: #0068b6;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 0;
}

.activity_con {
    width: 100%;
    border-top: 1px solid #ebebeb;
}

.activity_list {
    width: 100%;
    padding: 0 15px;
    border-right: 1px solid #ebebeb;
}

.activity_list1 {
    padding-top: 50px;
    padding-bottom: 100px;
}

.activity_list2 {
    padding-top: 100px;
    padding-bottom: 50px;
}


/*首頁修改*/

.load_load {
    width: 100%;
    position: absolute;
    top: 5%;
    left: 5%;
}

.load_zi {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 0;
}

.btn_active {
    width: 160px;
}

.heard_rop {
    border-bottom: 1px solid #2f2f38;
    background: #0068b6;
}

.home_news {
    background-color: #f9f9f9;
    padding: 30px 0 80px 0;
}

.about_sec2_img span {
    left: -22%;
}

.about_sec2_img {
    padding-left: 15%;
}
.jzzctu{
    padding-top:10% !important;
    }
.about_sec2_zi {
    /*padding-right: 27%;*/
}

@media (max-width: 1440px) and (min-width: 1024px) {
    .about_sec2_zi {
        padding-right: 7%;
    }
}




.allLeft {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.allRight {
    position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.allTop {
    position: relative;
    top: 60px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec4_list {
    position: relative;
    top: 60px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.activity_list {
    position: relative;
    top: 60px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pre_one {
    position: relative;
    top: 60px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.selec1 {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.selec2 {
    position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.allTop_on {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.allLeft_proLe {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.allRight_proRi {
    position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro2_l {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro2_r {
    position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro3_box_on {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro3_box_on1 {
    position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro_on {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro1_r_on {
    position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro3_box_fu {
    position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.pro3_box_fu1 {
    position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.arrow-left2 {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 10px;
    margin-top: -25px;
    text-decoration: none;
    color: #333;
    border: 2px solid #333;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -khtml-border-radius: 25px;
    cursor: pointer;
}

.arrow-right2 {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    margin-top: -25px;
    text-decoration: none;
    color: #333;
    border: 2px solid #333;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -khtml-border-radius: 25px;
    cursor: pointer;
}

.about_sec3_list {
    padding: 20px;
    background: #fff;
    margin-right: 20px;
}


/*资料下载*/

.equip {
    padding: 50px 0;
    position: relative;
    background: #f4f4f4;
}

.equip_con {
    background: #fff;
    padding: 20px;
    position: relative;
}

.equip_text {
    padding-top: 20px;
}

.equip_text .tx {
    display: inline-block;
    width: 100%;
}

.equip_text .tit {
    font-size: 16px;
    margin-bottom: 20px;
}

.equip_text .time {
    float: left;
    line-height: 26px;
    color: #666;
}

.equip_text .more {
    text-align: center;
    float: right;
    width: 26px;
    height: 26px;
    background: #0068b6;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.equip_text .more i {
    line-height: 26px;
    font-size: 16px;
    color: #fff;
}
.equip_text a:hover{ color:#000;}
.xzzs .col-sm-3{ margin-bottom:30px;}
.equip_hover span {
    position: absolute;
    display: block;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    background-color: #0068b6;
    z-index: 5;
}

.equip_hover .e_top {
    width: 0px;
    height: 3px;
    left: 0;
    top: 0;
}

.equip_hover .e_bottom {
    width: 0px;
    height: 3px;
    right: 0;
    bottom: 0;
}

.equip_hover .e_right {
    width: 3px;
    height: 0px;
    left: 0;
    bottom: 0;
}

.equip_hover .e_left {
    width: 3px;
    height: 0px;
    right: 0;
    top: 0;
}

.equip_con:hover .equip_hover .e_top,
.equip_con:hover .equip_hover .e_bottom {
    width: 100%;
}

.equip_con:hover .equip_hover .e_left,
.equip_con:hover .equip_hover .e_right {
    height: 100%;
}

.equip_img {
    overflow: hidden;
}

.equip_img img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.equip_con:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.equip_con:hover .equip_text .more {
    background: #808080;
}

.equip_con:hover .tit {
    color: #333;
}


/*1*/

.detect {
    padding: 40px 0;
    background: #f4f4f4;
    position: relative;
}

.detect_top {
    margin-bottom: 20px;
}

.detect_top ul {
    text-align: right;
}

.detect_top li {
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    padding: 0px 10px;
    font-size: 16px;
    line-height: 30px;
}

.detect_top li.active {
    color: #ffffff;
    background: #0068b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

.detect_img {
    overflow: hidden;
}

.detect_con li.active {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 20px 0px;
    height: 168px;
}

.detect_con li {
    height: 30px;
    overflow: hidden;
    margin-bottom: 15px;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.detect_title .tit {
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
    font-weight: bold;
}

.detect_title .time {
    float: right;
    color: #666;
}

.detect_title {
    line-height: 30px;
    display: inline-block;
    width: 100%;
}

.detect_text {
    height: 48px;
    color: #666;
    margin-bottom: 18px;
    overflow: hidden;
    line-height: 24px;
}

.detect_con .more {
    color: #666;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.detect_con .more:hover {
    color: #0068b6;
    padding-left: 10px;
}

.detect_con {
    display: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.detect .news_more {
    margin-top: 20px;
}

.cont_top {
    margin-top: 30px;
}


/*1*/



/*资料下载*/

.ie_video {
    display: none;
}

.ie_video_ban {
    display: none;
}

.ie_video_in {
    display: none;
}




.header_nei {
    position: fixed;
}

.go_back {
    display: block;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.go_back a {
    font-size: 15px;
    display: inline-block;
    line-height: 48px;
    width: 160px;
    background: #0068b6;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

.about_sec_on {
    position: relative;
    margin-top: 5%;
}

.about_sec4_all {
    /*  margin-top: 50px;*/
}

/*.about_sec4 {
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
}*/

.about_sec4_con1_tx {
    padding: 20px;
    z-index: 1;
}

.about_sec4_tx {
    display: table;
    width: 100%;
    height: 100%;
}

.about_sec4_tx_con {
    /*display: table-cell;
    vertical-align: middle;*/
    text-align: center;
    width: 100%;
}

.about_sec4_tx_con > h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    margin: 20px 0;
}

.about_sec4_tx_con > h4 {
    font-size: 18px;
    line-height: 40px;
    margin: 0;
    text-align: center;
}

.about_sec4_tx_con > p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    text-align: center;
    color: #666;
}

.about_sec4_con1_tx_img {
    /*padding: 20px;*/
    overflow: hidden;
}

.about_sec4_tx_con > a {
    display: block;
    margin: 10px auto;
    width: 160px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #003F92;
    color: #fff;
    text-align: center;
}

.about_sec4_con1_tx > h2 {
    font-size: 16px;
    line-height: 30px;
    padding: 15px 0 10px 0;
    margin: 0;
    text-align: center;
}

.about_sec4_con1_tx > p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.about_sec4_con1_tx > a {
    display: block;
    margin: 10px auto;
    width: 160px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #003F92;
    color: #fff;
    text-align: center;
}

.about_btn {
    background: #0068b6;
    height: 60px;
    line-height:60px;
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 38%;
    float: right;
    width: 200px;
    z-index: 88;
}

.arrow_btn_left1 {
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left;
}

.arrow_btn_right1 {
    float: left;
    width: 50%;
    text-align: center;
    display: inline-block;
}

.about_sec4_img1 {
    width: 45%;
    float: left;
    background-color: #eee;
    margin-top: 0;
}

.about_sec5_con1 {
    display: table;
    width: 100%;
}

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

.about_sec4_tx1 {
    width: 55%;
    float: left;
}

.arrow_btn_left1 img {
    width: 50px;
    height: 50px;
    /*-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "←";*/
}

.arrow_btn_right1 img {
    width: 50px;
    height: 50px;
}

.common_padd {
    padding: 80px 0;
}






/*合作伙伴*/
.partner{ margin-bottom: 20px;}
.part_on{ width: 20%; float: left; padding-left: 1%; padding-right: 1%;}
.part_on img{cursor: pointer;
    padding-bottom: 10px;
    /*-webkit-filter: grayscale(1);
    filter: grayscale(1);*/
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;}
    .part_on:hover img{-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;}
/*合作伙伴*/





.wzjs_nr{
    height:auto;
    margin-top:15px;
    }
.wzjs_nr p{
    height:154px;
    line-height:22px;
    margin:0 auto;
    }
.wyyp_an{
    width:100px;
    height:30px;
    margin-top: 10px;
    }
.wyyp_an a{
    display:block;
    border:1px solid #0068b6;
    text-align:center;
    line-height:30px;
    color:#0068b6;
    }
.wyyp_an a:hover{
    background:#0068b6;
    color:#fff;
    }

.wyyp_box{
    height:auto; 
    }
.jobdot_nr {
    height: auto;
    margin-top: 30px;
}
.jobdot_nr p{
margin-bottom:10px;
font-size:16px;
}
.job2_main {
    width: 100%;
}
.job2_main ul li {
    list-style: none;
    box-shadow: 0 0 5px #eee;
    padding: 30px 30px;
    margin-top: 30px;
}
.job2_tit {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px #ddd dotted;
}
.job2_txt {
    font-size: 12px;
    padding: 20px 0;
    padding-bottom: 0;
    color: #777;
}
.job2_txt_left {
    height: auto;
}
.job2_tit2 {
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    color: #444;
    margin-bottom: 10px;
}
job2_txt p {
    line-height: 25px;
    margin-bottom: 0;
}
.jobp{
height:auto;line-height: 25px;
}
.jobp p{
font-size:14px;
}
.annius{
    height:auto;
    margin-top:30px;
    }
.annius a{
    display:block;
    text-align:center;
    line-height:30px;
    font-size:14px;
    }
.annius01{
    width:100px;
    height:30px;
    float:left;
    margin-right:15px;
    }
.annius01 a{
    background: #0f4d2a;
    color: #fff;
    text-decoration:none;
    transition: color .6s,border-color .6s,background-color .6s;
    }
.annius02{
    width:100px;
    height:30px;
    float:left;
    margin-right:15px;
    }
.annius02 a{
    background:#eee;
    color:#444;
    text-decoration:none;
    transition: color .6s,border-color .6s,background-color .6s;
    }
.job2_main ul li:hover  .annius01 a{
    background:#000;
    color:#fff;
    transition: color .6s,border-color .6s,background-color .6s;
    }
.job2_main ul li:hover  .annius02 a{
    background:#0f4d2a;
    color:#fff;
    transition: color .6s,border-color .6s,background-color .6s;


    }
    
.annius01 input {
    width: 100px;
    height: 30px;
    background: #0068b6;
    color: #fff;
    text-decoration: none;
    transition: color .6s,border-color .6s,background-color .6s;
    border: none;
}
.annius01 input:hover{
    background:#000;
    color:#fff;
    transition: color .6s,border-color .6s,background-color .6s;
    }
.annius02 a:hover{
    background:#000;
    color:#fff;
    transition: color .6s,border-color .6s,background-color .6s;
    }
    
.zpin01{
width: 200px;
    display: inline !important;
    }
.zpin02{
display: inline !important;
    margin-left: 10px;
    border: 1px solid #ccc;
    font-size: 9pt;
    height: 24px;
    line-height: 21px;
    width: 60px;
    background-color: #EEEEEE;
    cursor: hand;
    }
.nrsjs{
margin-left:-28px;
}
.anniussj{
margin-left:15px;
}
.jobdot_nr input {
	padding: 0px 10px;
	line-height: 35px;
	background: none;
	margin-bottom: 20px;
	background-color: #fff;
}
.jobdot_nr textarea {
	padding: 10px 10px;
	line-height: 25px;
	background: none;
	margin-left: 10px;
	background-color: #ffff;
}
    
    
    
    
.banner_video{
    width:450px;
    height:252px;
    position: absolute;
    top:230px;
    right:230px;
    z-index:9;
}
.video_gban{
    width:25px;
    height:auto;
    position: absolute;
    top:10px;
    right:10px; 
}   
    
    
    
    
/** video_box **/
.video_box{
    height:auto;
    padding:80px 0;
}
.video_nr{
    height:auto;
    margin-top:50px;
}
.video_nr ul{
    height:auto;
}
.video_nr ul li{
    height:auto;
    margin-bottom:30px;
}
.video_nr ul li a{
    display:block;
}
.video_tp{
    height:auto;
    position: relative;
}
.video_bfan{
    width:60px;
    height:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-30px;
    margin-left:-30px;
}
.video_nm{
    line-height:30px;
    text-align:center;
    margin-top:10px;
    border-bottom:1px dotted #ddd;
    padding-bottom:5px;
}
.video_box .pages{    margin-bottom: 0px;}

.video_ship{
    height:auto;
    width:60%;
    margin: 0 auto;
    margin-top:80px;
}
.video_spmz{
    line-height:30px;
    text-align:center;
    border-bottom:1px dotted #ddd;
    width:60%;
    margin: 0 auto;
    margin-top:15px;
    padding-bottom:5px;
}
/** video_box **/
    
    
    
    
    
    
    
    
@media (max-width: 767px) {
    .video_ship{
        width:100%;
    }
    .video_spmz {width:100%;}
.wzjs_nr p{
        height:auto;
        }
.nrsjs {
    margin-left: 0;
}
.zpin01{
    width:180px;
    }
    }
@media (max-width: 1440px) and (min-width: 1024px) {
    
    .iframe_box {
        width: 100%;
        height: 376px;
    }
    .index_sec5_zi p {
        height: 40px;
        overflow: hidden;
    }
    .index_bg {
        padding-left: 9%;
    }
    .index_te {
        bottom: 42%;
        right: 41%;
    }
    .heard_rop {
        padding-bottom: 1%;
    }
    .index .page5 .list .blockquote {
        width: 100%;
        top: 0%;
    }
    .index .page5 .list .cm {
        width: 100%;
    }
    
}

@media (max-width: 1439px) and (min-width: 1280px) {
    
    .index_bg {
        padding-left: 5%;
    }
    .product {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .index .page5 .list li {
        height: 193px;
    }
    .index .page5 .list .cm {
        width: 100%;
    }
    .logo {
        left: 6%;
    }
}

@media (max-width: 1279px) and (min-width: 1170px) {
    .iframe_box {
        width: 100%;
        height: 409px;
    }
    .heard_rop {
        padding: 5% 0;
    }
    .index_bg {
        padding-left: 15%;
    }
    .index_bg span {
        font-size: 200px;
        letter-spacing: 61px;
    }
    .press {
        margin-left: 0px;
        padding-left: 5%;
        padding-right: 5%;
        z-index: 9999999999;
        position: relative;

    }
    .product {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .index .page5 .list li {
        height: 166px;
    }
    .index .page5 .list .cm {
        width: 100%;
    }
    .header_nav {
        float: left;
        margin-left: 26%;
    }
    .logo {
        left: 0%;
    }
    .header_nav>ul>li {
        padding: 0 3px;
    }
    .heard_rop svg {
        left: 40%;
    }
.about_btn {

    left: 35%}
}
}

@media (max-width: 1169px) and (min-width: 1024px) {
    .index_bg span {
        font-size: 200px;
        letter-spacing: 60px;
    }
    .index_bg {
        padding-left: 5%;
    }
    .product {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .heard_rop {
        margin-bottom: 17%;
    }
    .heard_rop svg {
        left: 39%;
    }
    .index .page5 .list li {
        width: 20%;
        float: left;
        text-align: center;
        cursor: pointer;
        height: 142px;
    }
    .index .page5 .list .cm {
        width: 100%;
    }
    .header_nav > ul > li {
        padding: 0 6px;
    }
    .logo {
        left: 0%;
    }
    .press { 
        padding-left: 2%;
        padding-right: 2%;
    }
.about_btn {

    left: 35%}
}
.contact_mar1{
    padding: 0px 10% ;
    position: relative;
}

.home_right_list  a{ color: #FFFFFF;}



.index_sec4_azi {
    width: 100%;
    margin: 0 auto;

}
.index_sec4_azi_box {
    width: 100%;
    height: 100%;
    padding: 30px;


    top: 0px; 
 
}

.activity_list1 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.activity_list2 {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*news*/
.indexnews { padding-bottom: 80px; }
.indexnews_tre{ padding-top: 80px;}
.indexnewsbt { width: 100%; height: 40px; line-height: 20px; overflow: hidden;  font-weight: bold;
    color: #333;
    font-size: 16px;}
.indexnewstext { padding: 30px; padding-top: 10px; }
.indexnewsbt a { font-weight: bold; color: #333;
    font-size: 16px; }
.indexnewsbt a:hover { color: #333; }
.indexnewswz { margin-top: 10px; color: #8d8d8c; height: 98px; overflow: hidden; font-size: 14px; }
.indexnewsmore { margin-top: 10px; padding-bottom: 10px; }
.indexnewsmore a { display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; background: #ccc; color: #fff; }
.indexnewsimg {
    position: relative;
    overflow: hidden;
    padding: 30px;
}
.newslist span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: hidden;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    width: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.newslist:hover span {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.indexdate { position: absolute; left: 0px; width: 60px; height: 60px; background: #0068b6; bottom: 0px; }
.indexdate p { color: #fff; text-align: center; font-size: 16px; margin-top: 8px; }
.indexnewstitle { text-align: center; font-size: 45px; font-weight: bold; text-transform: uppercase; }
.indexnewstop { margin-top: 10px; }
.indexnewsbtimg { text-align: center; margin-top: 10px; }
.shebei { background: #c30813; padding-top: 50px; }
.indexnewsbg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s; }
.indexnewsbg p { -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px; border: 1px solid #619a72; width: 100px; height: 35px; line-height: 35px;
    text-align: center; margin: 0 auto; color: #619a72; margin-top: 20%; transition: all 1s;
    -webkit-transition: all 1s; }
.indexnewswarp:hover .indexnewsbg { opacity: 1; transition: all 1s;
    -webkit-transition: all 1s; }
.indexnewswarp:hover .more { margin-top: 30%; }
.newslist {
    width: 100%; overflow: hidden;
    position: relative;
    background: #f0f0f0
}
.ind_span1{    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ccc;
    color: #fff;
    top: 76%;
    left: 6%;}
/* newslist */


/*.footer*/
.footer_text p{     font-size: 14px;
    color: #ddd;}
    .footer_text{/*margin-top: 20px;*/}
    
    
/*  faq*/
.faq_s_img img {width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
    
.faq_s_list:hover .faq_s_img img{-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
    .faq_s_img{ overflow:hidden;}
    
.pro2,.pro1,.pro3 { padding-bottom: 50px;}



/*翻页*/
.page { text-align: center; line-height: 16px; margin-top:0px; padding-bottom:20px; padding-top:20px;}
.page span, .page a {  border: 1px solid #ededed; padding: 5px 10px; vertical-align: middle; margin: 0 0 10px -1px; background-color:#fff; overflow:hidden; height:16px; line-height:16px;}
.page .goprev,.page .gofirst { margin-right: 10px; }
.page .gonext,.page .golast, .page .count { margin-left: 10px; }
.page span, .page a:hover { background: #0068b6; color: #ffffff; }
.page span.goprev,.page span.gonext,.page span.gofirst,.page span.golast { color: #cccccc; background:#fff; }
.page span.count { border: 0; background: 0; color: #333333; }
.page [class*="ico-"] { margin:0;}
/*翻页 end*/


.about_bg2 {
    width: 100%;
    background: url(../images/about_bg2.jpg) center no-repeat fixed;

    background-size: cover;
}

.about_bg3{
    width: 100%;
    background: url(../images/about_bg3.jpg) center no-repeat fixed;

    background-size: cover;
}

.about_bg4 {
    width: 100%;
    background: url(../images/about_bg4.jpg) center no-repeat fixed;

    background-size: cover;
}

.about_bg5{
    width: 100%;
background: url(../images/about_bg5.jpg) center no-repeat fixed;

    background-size: cover;
}


.pro_bg1{
    width: 100%;
    background: url(../images/pro_bg2.jpg) center no-repeat fixed;
    background-size: cover;
}
.pro_bg2{
    width: 100%;
    background: url(../images/pro_bg1.jpg) center no-repeat fixed;
    background-size: cover;
}.pro_bg3{
    width: 100%;
    background: url(../images/pro_bg3.jpg) center no-repeat fixed;
    background-size: cover;
}.pro_bg4{
    width: 100%;
    background: url(../images/pro_bg4.jpg) center no-repeat fixed;
    background-size: cover;
}.pro_bg5{
    width: 100%;
    background: url(../images/pro_bg5.jpg) center no-repeat fixed;
    background-size: cover;
}
.pro_bg6{
    width: 100%;
    background: url(../images/pro_bg6.jpg) center no-repeat fixed;
    background-size: cover;
}
.pro_bg7{
    width: 100%;
    background: url(../images/pro_bg7.jpg) center no-repeat fixed;
    background-size: cover;
}
.case_list2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.case_list1 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.year_li{ font-size: 24px !important; font-weight: 600;}

.inner_jda{ position: relative;}
.jie_sou{ position: absolute; top: 0; right: 0;    background: #ffffff;border-radius: 5px;}
.jie_sou input{ border: none; border: none; height: 30px; line-height: 30px;border-radius: 5px; padding-left: 10px;}

.jie_sou a{ background: #0068b6; color: #FFFFFF;    height: 30px;
    display: inline-block;
    line-height: 30px;
    width: 50px;
    border-radius: 5px;   }
/*   .header_con { position: relative;}*/
.header_nav_search{ position: relative;}
    .head_sou{ position: absolute;     top: 75%;    height: 30px;
    line-height: 30px;
    right: 0; background: #FFFFFF;border-radius: 5px; display: none;   box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.18);}
       .head_sou input{ background: #none; border: none; height: 30px; line-height: 30px;border-radius: 5px; padding-left: 10px;}
    .head_sou a{ display: inline-block;  background: #0068b6; color: #FFFFFF;  height: 30px;
      line-height: 30px; width: 50px;  text-align: center;  border-radius: 5px;   font-size: 14px; }
      .index_sec4_a:hover .index_sec4_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;   
}
 .head_sou input{  position: relative;}
  .head_sou a{  position: absolute; top: 0; right: 0;}
.index_sec4_a:hover .left,
.index_sec4_a:hover .right {
    height: 100%;
}

.index_sec4_a:hover .top,
.index_sec4_a:hover .bottom {
    width: 100%;
}
 .index_sec4_azi_box{ -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.index_sec4_a :hover .index_sec4_azi_box{ padding-left: 40px;}

.about_sec1_img{ position: relative;}
.about_sec1_bg{ position: absolute; top: -15px; left: -15px;        background: rgb(0 104 182 / 52%);;
opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;    height: 100%;
    width: 100%; -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
    
    .about_sec1_img:hover .about_sec1_bg{opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1; }
    
    .about_sec2_img_a,.about_sec2_img_b{ position: relative; }
    .faq_s_img1,.faq_s_img2{ overflow: hidden;}
     /*.about_sec2_img_a img{ width: 110%;}
          .about_sec2_img_b img{ width: 110%;}*/
         .faq_s_img1  img{-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
    
     .about_sec2_img_a:hover .faq_s_img1 img{ -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
    .faq_s_img2 img{ -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
    .about_sec2_img_b:hover .faq_s_img2 img{
        
         -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    }
     .about_sec2_img_a:hover .about_sec1_bg{opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1; }
       .about_sec2_img_b:hover .about_sec1_bg{opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1; }
    .faq_s_img{ position: relative; }
    .faq_s_img_bg{ position: absolute; top: 0; 
    left: 100%; width: 100%; height: 100%;    background: rgba(60, 30, 31, 0.8);
    
        
    }
    .faq_s_list:hover .faq_s_img_bg{
        animation: 2s faq_s_img_bg  .3s linear;
    -webkit-animation: 2s faq_s_img_bg .3s  linear;
        }


@-webkit-keyframes faq_s_img_bg{
    0%{ left:100%; }
    50%{left:0%;}
    100%{ left:-100% }

}

@keyframes faq_s_img_bg{
    0%{ left:100%; }
    50%{left:0%;}
    100%{ left:-100% }
} 

.footer_text i{    color: #ddd;
    font-size: 15px; margin-right: 5px;}
    /*.contact_img  img{
 -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    
}
.contact_img:hover{ -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.contact_img{ overflow: hidden;}
*/
.job_sec1_right1{ position: relative;}
.job_sec1_right_bg{ display: none; position: absolute; top: -35px; left: -15px; height: 100%; width: 95%;  background: rgb(0 104 182 / 60%);
  -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.job_sec1_right:hover  .job_sec1_right_bg{
 display:block;
}
.job_sec1_right1 img{ 
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
.job_sec1_right:hover .job_sec1_right1 img{   -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
  .job_sec1_right1{ overflow: hidden;}  
    
 .contact_img1{ position: relative;}
   .contact_img1 img{ 
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
.contact_img:hover .contact_img1 img{   -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
  .contact_img1{ overflow: hidden;}  
   .contact_img_line{ -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
 .contact_img:hover  .contact_img_line{ border: none;}
    
    .contact_img_job img{ 
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;}
     .contact_img_job{ overflow: hidden;}   
    .contact_img:hover .contact_img_job img{   -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
    
    
.header_cont{ margin-top: 57px;}
.head_sou_con{ top:140%;}

.list_img_bg1{ background: #e6ebf1;}
.list_img_bg2{ background: #eddbd7}




.rental{
    padding: 80px 0; padding-top: 0;
    position: relative;background-color: #FFFFFF;
}
.rental_cont .title{ display: inline-block;width: 100%;}
.rental_cont .title span {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}
/*.rental_cont .title{background: #0068b6;}*/
.rental_cont span{ float: left;}
.rental_cont .left{padding-left: 55px; width: 80%;}
.rental_left_text{    background: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 10px;}
/*.rental_cont span.right{float: left;}*/
.rental_con li{
    transition: 770ms;
    position: relative;
    display: block;
    width: 100%;
    line-height: 40px;    border-bottom: 1px solid #dadada;
}
.rental_con li a{
    overflow: hidden;
}
.rental_con{
/*  background: #ededed;*/
}
.rental_con .left{
    color: #323232;
    font-size: 16px;
    transition: 540ms;
    float: left;
line-height: 50px;
    background: url(../images/do1.png) 26px center no-repeat;
}
.rental_con .right{
    color: #323232;
    background: url(../images/load.png) 2px center no-repeat;
    transition: 540ms 200ms;
/*  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;*/
    font-weight: normal;
    padding-left: 38px;
}
.rental_con .center{
    color: #666;
}
.rental_con .img{
    padding: 6px;
    background: #0068b6;
    position: absolute;
        right: 0;
    top: 100%;
    width:200px;
    height: auto;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    transition: 690ms;
    visibility: hidden; z-index: 22;
}
.rental_con .img:before {
    content: "";
    width: 8px;
    height: 16px;
    position: absolute;
    right: -8px;
    top: 17px;
    background: url(../images/arrow.png) center no-repeat;
}
.rental_con li:hover .img {
        opacity: 1;
    right: 140px;
    visibility: visible;
}
.rental_con li:hover{
    background: #f5f5f5;
}
.rental_con li:hover .right {
    opacity: 1;
}
.rental_con li:hover .left{     background: url(../images/do.png) 26px center no-repeat; }

.rental_con li:hover .center{ color: #ffffff;}
.rental_con li:hover .right{ color: #ffffff;}
.rental_con .cent{ width: 20%;    text-align: right;
    padding-right: 26px;
    line-height: 50px;
}
.title .right{ width: 25%;
    float: right;}
    





/** jiameng_dl **/
.jiameng_dl{
    height:auto;
}

/** jiameng_dl01 **/
.jiameng_dl01{
    height:auto;
    padding:80px 0;
    background:#f5f5f5;
}
.jmbk_box{
    height:auto;
    margin-top:80px;
}
.jmbk_box01{
    position:relative;
    top:100px;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.jmqybg_tp{
    height:auto;
}
.jmqybg_nr{
    height:auto;
    margin-top:20px;
}
.jmqybg_nr01{
    height:auto;
}
.jmqybg_nr02{
    height:auto;
    float:right;
}
.jmqy_nm{
    line-height: 30px;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.jmqybg_nr p{
    line-height:25px;
    margin:0 auto;
}
.jmqybg_nr p span{ margin-right:10px;font-size: 18px;}

/** jiameng_dl01 **/
/** jiameng_dl02 **/
.jiameng_dl02{
    height:auto;
    padding:80px 0;
    background#fff;
}
.jmbk_box02{
    position:relative;
    top:100px;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.ganen_nr{
    height:auto;
}
.ganen_nr p{
    line-height:25px;
}
.ganen_bg{
    height:auto;
    margin-top:30px;
}
.ganen_bg table{
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
}
.ganen_bg table tr{}
.ganen_bg table tr td{
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    line-height:25px;
    padding:10px;
    text-align:center;
}

.jiameng_dl03{
    height:auto;
    padding:80px 0;
    background:#f5f5f5;
}
.bdzc_nr{
    height:auto;
    margin-top:30px;
}
.bdzc_nr01{
    height:auto;
    margin-top:8%;
    position:relative;
    left:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.bdzc_nr01 p{
    line-height:25px;
    text-indent: 2em;
}
.bdzc_nr02{
    height:auto;
    float:right;
    right:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}



.jiameng_dl04{
    height:auto;
    padding:80px 0;
    background:#fff;
}
.bdzc_nr01a{
    height:auto;
    position:relative;
    left:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.bdzc_nr02a{
    height:auto;
    float:right;
    margin-top:6%;
    position:relative;
    right:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.bdzc_nr02a p{
    line-height:25px;
    text-indent: 2em;
}

.jiameng_dl05{
    height:auto;
    padding:80px 0;
    background:#f5f5f5;
}
.zdmd_nr{
    height:auto;
    position:relative;
    top:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.zdmd_nr01{
    height:auto;
    float:left;
    margin-left:10%;
}
.zdmd_nr02{
    height:auto;
    float:right;
}
.zdmd_nr p{
    line-height:25px;
    margin:0 auto;
}
.zdmd_nr p span{ margin-right:10px;font-size: 18px;}
.zdmd_tp{
    height:auto;
    margin-top:50px;
    position:relative;
    bottom:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.zmmd_imgs{
    height:auto;
}

.jiameng_dl06{
    height:auto;
    padding:80px 0;
    background:#fff;
}
.mdxc_left{
    height:auto;
    margin-left:10%;
    position:relative;
    left:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.mdxc_right{
    height:auto;
    float:right;
    margin-right:10%;
    position:relative;
    right:-100%;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.mdxc_tp{
    height:auto;
    margin-bottom:50px;
}

.jmbk_box06 p{
    line-height:25px;
    margin:0 auto;
}
.jmbk_box06 p span{ margin-right:10px;font-size: 18px;}

.jiameng_dl07{
height:auto;
    padding:80px 0;
    background:#f5f5f5; 
}
.jmbk_box07{
    position:relative;
    top:100px;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.jmyq_ul{
    height:auto;
    margin-top:50px;
}
.jmyq_ul ul li{ width:20%; text-align:center;}
.jmyq_tb{
    width:100px;
    height:auto;
    margin:0 auto;
    margin-bottom:20px;
    border:1px solid #999;
    border-radius: 50%;
    padding: 20px;
}

.jiameng_dl08{
    height:auto;
    padding:80px 0;
    background:#fff;
}
.jmbk_box08{
    position:relative;
    top:100px;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.jmlc_tp{
    width:1000px;
    height:auto;
    margin:0 auto;
}

.jiameng_dl09{
height:auto;
    padding:80px 0;
    background:#f5f5f5; 
}
.jmbk_box09{
    height:auto;
    margin-top: 0 !important;
    position:relative;
    top:100px;
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.jmwl_tp{
    max-width: 800px;
    margin: 0 auto;
}








.baozhi_box{
    height:auto;
    margin-top:80px;
    }
.baozhi_box ul{
    height:auto;
    }
.baozhi_box ul li{
    height:auto;
    margin-bottom:30px;
    padding:0px 25px;
    }

.baozhi_n{
    height:auto;
    }
.baozhi_n a{
    display:block;
    }
.baozhi_tp{
    height:auto;
    background:#fff;
    padding:30px;
    }
.baozhi_nm{
    line-height:30px;
    text-align:center;
    font-size:16px;
    color:#000;
    margin-top:15px;
    
    }
.bozhi_time{
    text-align:center;
    line-height:25px;
    border-bottom:1px dotted #ddd;
    padding-bottom:10px;
    }
.bozhi_time1{
    text-align:center;
    line-height:25px;
    margin-top:5px;
    }
.baozhi_n a:hover .baozhi_nm{ color:#0068b6;}

a.animBorder{
    display: inline-block;
    *display: inline;
    position: relative;
width:100%;
}
 a.animBorder .line{
    background-color: #0068b6;/*f6e8c6*/
    position: absolute;
    transition: width .7s,height .7s,top .7s;
    -o-transition: width .7s,height .7s,top .7s;    /* Opera */
    -ms-transition: width .7s,height .7s,top .7s;    /* Opera */
    -moz-transition: width .7s,height .7s,top .7s;  /* Firefox 4 */
    -webkit-transition: width .7s,height .7s,top .7s;   /* Safari ?￥a€??' Chrome */
    z-index: 2;
}
.cm1_tp a.animBorder .loc_l{
    top:100%;
    left: 0;
    width: 1px;
    height: 0;
}
.cm1_tp a.animBorder .loc_r{
    top: 0;
    right: 0;
    width: 1px;
    height: 0;
}
.cm1_tp a.animBorder .loc_t{
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
}
.cm1_tp a.animBorder .loc_b{
    top: 100%;
    right: 0;
    width: 0;
    height: 1px;
}

.cm1_tp a.animBorder:hover .loc_l{
    height: 100%;
    top: 0;
}
.cm1_tp a.animBorder:hover .loc_r{
    height:100%;
}
.cm1_tp a.animBorder:hover .loc_t{
    width:100%;
}
.cm1_tp a.animBorder:hover .loc_b{
    width:100%;
}

.baozhi_box1{ width:95%; margin:0 auto; border:5px solid #ddd; background:#fff; padding:50px; margin-top:30px;}
.baz_xqbt{
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    margin-top: 60px;
    }
    

.gsbz_box{ height:auto; }
.cptp_box{
height:auto;
margin-top:60px;
}
.cptp_box ul{
height:auto;
}
.cptp_box ul li{
height:auto;
margin-bottom:15px;
}
.cptp_nr{
height:auto;
}
.cptp_date{
line-height:30px;
font-size:14px;
color:#666;
}
.cptp_tpn{
    background:#fff;
    padding:20px;
    }
.cptp_tp{
height:auto;
overflow:hidden;
}
.cptp_tp img{
-moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -webkit-transform: scale(1); 
    transform: scale(1.0); 
    -moz-transition: all 0.4s; 
    -o-transition: all 0.4s; 
    -webkit-transition: all 0.4s; 
    transition: all 0.4s;
    }
.cptp_tpbt{
line-height:30px;
font-size:14px;
white-space:nowrap;
overflow:hidden;
-ms-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
color:#666;
margin-top:5px;
}
.cptp_xz{
line-height:25px;
}
.cptp_xz01{
float:left;
color:#666;
text-transform:uppercase;
}
.cptp_xz02{
float:left;
width:60px;
height:1px;
background:#999;
margin-left:10px;
margin-top:12px;
}
.cptp_nr a:hover .cptp_tpbt{
color:#0068b6;
}
.cptp_nr a:hover .cptp_xz01{
color:#0068b6;
}
.cptp_nr a:hover .cptp_xz02{
background:#0068b6;
}
.cptp_nr a:hover .cptp_tp img{
-moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -webkit-transform: scale(1);
    transform: scale(1.1); 
    -moz-transition: all 0.4s; 
    -o-transition: all 0.4s; 
    -webkit-transition: all 0.4s; 
    transition: all 0.4s;
    }


.gabe{ width:35px; height:auto; display: inline-block; margin-left:1%;}
.gabe img{ width:100%;}


.prodot_nr{
    height:auto;
    margin-bottom:60px;
}

.prodot_mc{
    height:auto;
    line-height:35px;
    font-size:20px;
    border-bottom:1px dotted #ddd;
    }
.prodot_neirs{
    height:auto;
    margin-top:30px;
    }
.prodot_neirs p{
    line-height:25px;
    margin:10px 0;
    text-align:justify; 
    text-justify:inter-ideograph;
    text-indent:2em;
    }
.prodot_neirs p img{
    max-width:100%;
    margin-left:-2em;
    }


@media (max-width: 1400px){
.header_nav>ul>li {
    padding: 0 10px;
}
}

@media (max-width: 768px){
.fr .pages .num, .end, .first, .next, .prev, .current{ margin-bottom:10px;}
.jmqybg_nr01{ padding:0;}   
.jiameng_dl01{padding:60px 0;}
.jiameng_dl02{padding:60px 0;}
.jiameng_dl03{padding:60px 0;}
.jiameng_dl04{padding:60px 0;}
.jiameng_dl05{padding:60px 0;}
.jiameng_dl06{padding:60px 0;}
.jiameng_dl07{padding:60px 0;}
.jiameng_dl08{padding:60px 0;}
.jmbk_box{ margin-top:60px;}
.jmqybg_nr02{
        float: left;
    padding: 0;
}
.bdzc_nr02{ margin-top:30px;}
.bdzc_nr02a{margin-top:30px;}
.bdzc_nr01{padding: 0;}
.bdzc_nr02{padding: 0;}
.zdmd_nr01 {    margin-left: 0;
    padding: 0;}
.zdmd_nr02{padding: 0;}
.bdzc_nr01a{padding: 0;}
.bdzc_nr02a{padding: 0;}
.zdmd_tp li{padding: 0; margin-bottom:15px;}
.mdxc_left{margin-left: 0;
    padding: 0;}
.mdxc_right { margin-right:0; padding:0; margin-top:30px;}
.mdxc_tp{ margin-bottom:30px;}
.jmyq_ul ul li{ width:50%; float:left; margin-bottom:30px;}
.jmlc_tp { width:100%;}
}




@media (max-width: 1279px) and (min-width: 1170px) {
    
    .index_sec4_azi_box {
 
    padding: 15px;}
    
    .index_sec4_azi p {

    margin-bottom: 5px;
    height: 80px;
    overflow: hidden;
}

.index_sec4_azi h5 {


    margin-bottom: 10px;
    margin-top: 8px;
    height: 20px;
    overflow: hidden;
}

.index_sec4_bzi h5 {


    margin-top: 0;
    margin-bottom: 5px;
}

.index_sec4_bzi p {
    font-size: 13px;
    color: #666;
    line-height: 25px;
    margin-bottom: 0px;
    height: 50px;
    overflow: hidden;
}
.index_sec4_bzi h5 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
    height: 16px;
    overflow: hidden;
}

}
@media (max-width: 1169px) and (min-width: 1024px) {
.index_sec4_azi_box {
 
    padding: 15px;}
.index_sec4_azi p {


    line-height: 25px;
    margin-bottom: 15px;
    height: 95px;
    overflow: hidden;
}

.index_sec4_bzi p {
  

    line-height: 25px;
    margin-bottom:0px;
}.index_sec4_bzi h5 {
   
 
    margin-top: 0;
    margin-bottom: 0px;
}
}
.index_sec4_azi h5 {
    font-size: 18px;
 
    margin-top: 0;
    margin-bottom: 10px;
    margin-top: 8px;
}   
.sales_right_con {
    padding: 0px 50px;
    width: 90%;
}.sales_left .sales_right_con {
    margin-left: 0%;
}.sales .news_more {
    margin-top: 20px;
    margin-bottom: 20px;
}
}



#frame .horizontal.no_width {
            width: 100% !Important;
            -webkit-transform:none;
            transform:none;
        }
        #frame .vertical.no_height {
            height: 100% !Important;
            -webkit-transform:none;
            transform:none;
        }

        .btn-style1{
            display:inline-block;
            width:8em;
            height:3em;

        }
        .btn-style{
            margin:0 auto 30px;
        }
        .btn-style1{
            text-align: center;
            /* display: inline-block; */
            width: 1em;
            height: 3em;
            margin-right: 1em;
            margin-bottom:1em;
            /* margin: 0 auto; */

        }
        .btn-bgcolor{
            background-color:#C5BFB2;
            border:none;
            margin-left:10px;
        }
        /*product分页*/
        .pro_page{
            text-align: right;
            margin:0 auto;
            text-align:center;
            margin-top:30px;
        }
        .pro_page p{
            color: #4e2600;
        }
        .pro_page a{
            display:inline-block;
            margin:0 2px;
            color: #4e2600;
            padding: 2px 10px;
            text-align: center;
            border: 1px solid #ccc;
        }
        .pro_page a:hover{
            background: #caca79;
            color: #fff !important;
        }
        .pro_page_bg{
            background: #4e2600;
            color: #fff !important;
        }

        .pro_page>div>span{
            display:inline-block;
            margin:0 2px;
            vertical-align:top;
            color: #4e2600 ;
            padding: 2px 10px;
            text-align:center;
            border:1px solid #ccc;
            background: #99ca96;
            color:#fff;
        }
        /*product分页*/

        .page{
            margin-top:10px;
            width:800px;
        }

        .page a,.page span {
            display:inline-block;
            padding:5px 10px;
            margin:0 1px;
            border:1px solid #f0f0f0;
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            border-radius:3px;
            width: 40px;
            text-align: center;
        }
        .page a,.page li {
            display:inline-block;
            list-style: none;
            text-decoration:none;
            color:#CEAF64;
        }
        .page a.first,.page a.prev,.page a.next,.page a.end{
            width:70px;
            margin:0;
        }
        .page a:hover{
            border-color:#CEAF64;
        }
        .page span.current{
            background:#f5f5f5;
            color:#CEAF64;
            font-weight:700;
            border-color:#e8e8e8;
            width: 30px;
            text-align: center;
        }
        .ajax_a_page{
            display: inline-block;
            margin: 0 2px;
            vertical-align: top;
            color: #000000 !important;
            padding: 2px 10px;
            text-align: center;
            border: 1px solid #ccc;
            background: #99ca96;
        }
        
        .wap_tanc{
            width:100%;
            height:100%;
            position:fixed; top:0; left:0;
            z-index:99999;
            display:none;
        }
        .wap_tanc_bg{
            width:100%;
            height:100%;
            position:absolute; top:0; left:0;
            z-index:-1;
            background:#000;
            opacity:0.4;
            filter:alpha(opacity=40);
            -moz-opacity:0.4;
            -khtml-opacity:0.4;
            -webkit-opacity:0.4;
        }

        .wap_tanc_con{
            width:300px;
            min-height:110px;
            background:#fff;
            border-radius:5px;
            position:absolute; left:50%; top:50%;
            margin-top:-55px;
            margin-left:-150px;
            display:none;
        }
        .wap_tanc_con h5{
            margin:0;
            min-height:60px;
            line-height:60px;
            text-align:center;
            font-size:15px;
            font-weight:600 !important;
            letter-spacing:1px;
            border-bottom:1px solid #f1f1f1;
            padding: 0 10px;
        }

        .wap_tanc_btn a{
            display:inline-block;
            width:50%;
            float:left;
            line-height:50px;
            text-align:center;
            letter-spacing:1px;
            font-size:14px;
            color:#666;
        }


        .wap_tanc_con1{
            width:500px;
            height:250px;
            margin-top:-125px;
            margin-left:-250px;
            padding:50px;
        }
        .wap_tanc_con1 h5{
            border-bottom:none;
            text-align:left;
            line-height:40px;
            font-weight:normal !important;
        }
        .wap_tanc_con1 h5 img{
            display:inline-block;
            vertical-align:top;
            margin-right:10px;
        }
        .wap_tanc_con1 h5 p{
            display:inline-block;
            vertical-align:top;
            font-size:30px;
        }
        .wap_tanc_con1 h5 p span{
            color:#ea5404;
            margin:0 3px;
        }

        .wap_tanc_con1 a{
            font-size:14px;
            display:inline-block;
            padding-left:95px;
            margin-top:20px;
            color:#ea5404;
            letter-spacing:1px;
        }
        .wap_tanc_con1>p{
            font-size:24px;
            color:#999;
            position:absolute; top:10px; right:20px;
            cursor:pointer;
        }
       
        /*todo ajax 请求弹框 */
        .loader{ position: fixed; height:100%;width: 100%; z-index:111; top:0; left:0;
            background: rgba(0, 0, 0, 0.46); display: none;
        }
        @keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg) scale(1);
                transform: rotate(0deg) scale(1); }
            50% {
                -webkit-transform: rotate(180deg) scale(0.6);
                transform: rotate(180deg) scale(0.6); }
            100% {
                -webkit-transform: rotate(360deg) scale(1);
                transform: rotate(360deg) scale(1); } }
        .ball-clip-rotate  {
            position: absolute; top:50%; left:50%;
            border-radius: 100%;margin-left: -12px;margin-top: -12px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            border: 2px solid #fff;
            border-bottom-color: transparent;
            height: 25px;
            width: 25px;
            background: transparent !important;
            display: inline-block;
            -webkit-animation: rotate 0.75s 0s linear infinite;
            animation: rotate 0.75s 0s linear infinite;
        }

.fr .pages{text-align: center; margin-top:24px; margin-bottom:0px;}
.fr .pages .num,.end,.first,.next,.prev,.current{
font-size:1px;
border-radius: 2px;
height:29px;
line-height: 29px;
color:#0068b6;
background-color:#fff;
text-align: center;
width: 50px;
display: inline-block;
margin-right:10px;
border: 1px #0068b6 solid;

}
.fr .pages .num:hover,.end:hover,.first:hover,.next:hover,.prev:hover,.current:hover{
color: #fff;background-color:#0068b6;
}
.fr .pages .current{
color:#fff;

background-color:#0068b6;
}


.pd-t-50{
    padding-top: 50px;
}

.news_prevnext{
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
.news_prevnext p{
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news_prevnext a:hover{
    color: #0068b6;
}



.hover_wap {
    display: none !important;
}
.pic-box img {
    position: absolute;
    width: auto;
    height: 80%;
    margin-top: 10%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product_body .body .pic_list {
    background-color: #fff;
}
.product_body .body img{
    max-width: 100%;
}
.product_introduction {
    padding: 0px 0 50px;
}
.gallery-top-tuji {
    width: 35%;
}
.gallery-top-tuji .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
}
.gallery-top-tuji .pic-box {
    display: block;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}
.gallery-top-tuji .pic-box font {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    padding: 0 6px 0 26px;
    line-height: 30px;
    background: url(../images/fd.png)no-repeat center left 6px #EEEEEE;
    background-size: 14px;
}
.gallery-top-tuji .pic-box:hover font {
    background-image: url(../images/fd_h.png);
}
.product_introduction .right {
    width: 61%;
}
.product_introduction .bt {
    font-size: 30px;
    color: #0068b6;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}
.product_introduction .nrzy {
    font-size: 16px;
    color: #464646;
    line-height: 30px;
    min-height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.product_introduction .link {
    overflow: hidden;
    margin: 35px 0;
}
.product_introduction .link a {
    float: left;
    width: 138px;
    line-height: 40px;
    text-align: center;
    background-color: #0068b6;
    font-size: 12px;
    color: #FFFFFF !important;
    margin-right: 10px;
}
.product_introduction .link a:last-child {
    margin-right: 0;
}
.product_introduction .link a:hover {
    opacity: 0.8;
}
.gallery-thumbs-tuji {
    max-width: 640px;
    margin: 0 !important;
}
.gallery-thumbs-tuji .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
}
.gallery-thumbs-tuji .pic-box {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    cursor: pointer;
}
.gallery-thumbs-tuji .swiper-slide-thumb-active {
    border-color: #0068b6;
}
.product_introduction .bshare-custom {
    margin-top: 20px;
}
.product_details .title1 {
    background-color: #0068b6;
}
.product_details .title1 .tel {
    padding: 30px 0;
}
.product_details .title1 .tel p {
    line-height: 37px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
}
.product_details .title1 .tel p a {
    color: #FFFFFF;
}
.product_details .title1 .tel p.fr {
    padding-left: 50px;
    background: url(../images/tb10.png)no-repeat center left;
}
.gallery-thumbs-body{
    display: flex;
    justify-content:flex-start;
}
.gallery-thumbs-body .gallery-thumbs-body-item{
    width: 25%;
    margin-right: 10px;
}
.gallery-thumbs-body .gallery-thumbs-body-item p {
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    padding: 13px 0;
    background-color: #000000;
    cursor: pointer;
    margin-bottom: 0;
}
.gallery-thumbs-body .active p {
    color: #0068b6;
    background-color: #FFFFFF;
}
.product_details .youshi {
    padding: 40px 0;
}
.product_details .youshi .content {
    max-width: 960px;
    overflow: hidden;
}
.product_details .youshi .content li {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    float: left;
}
.product_details .youshi .content li span {
    display: block;
    font-size: 55px;
    color: #999999;
    line-height: 65px;
}
.product_details .youshi .content li p {
    font-size: 12px;
    color: #515151;
}
.product_body {/*background-color: #e8eff9;*/
    padding: 50px 0;
}
.product_body .body {/*background-color: #e8eff9;*/
    /*padding: 0 25px;*/
}
.product-recommend {
    padding: 45px 0 55px;
}
.product-recommend .title {
    margin-bottom: 30px;
    line-height: 35px;
}
.product-recommend .title span.fl {
    font-size: 24px;
    font-weight: bold;
    color: #181818;
}
.product-recommend .title span.fr {
    font-size: 18px;
    color: #555555;
    margin-right: 15px;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}
.product-recommend .title span.fr:hover {
    color: #0068b6;
}
.product-recommend .title span.fr i {
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 2px;
}
.product-recommend .swiper-slide a {
    display: block;
    color: #555555;
}
.product-recommend .swiper-slide .pic-box {
    position: relative;
    border: 1px solid #E5E5E5;
    padding-top: 93%;
    overflow: hidden;
}
.product-recommend .swiper-slide .pic-box img {
    transition: ease-in-out 0.2s;
    height: 60%;
    margin-top: 20%;
}
.product-recommend .swiper-slide a p {
    text-align: center;
    line-height: 40px;
}
.product-recommend .swiper-slide a:hover img {
    height: 60%;
}
.product-recommend .swiper-slide a:hover {
    background: #0068b6;
    color: #ffffff !important;
}
.pro_prevnext {
    margin-bottom: 50px;
}
.pro_prevnext .w {
    display: flex;
    justify-content: space-between;
}
.pro_prevnext .w p {
    max-width: 50%;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
}
.pro_prevnext .w p a {
    color: #333;
}
.pro_prevnext .w p a:hover {
    color: #0068b6;
}
.product_body .pic_list ul li a:hover {
    transform: translate(0, 0);
}

.pic_list ul {
    margin: 0 -15px;
    overflow: hidden;
}
.pic_list ul li {
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
    box-sizing:border-box;
}
.pic_list ul li a {
    display: block;
    border: 1px solid #ddd;
    background-color: #fff;
    transition: .35s;
}
.pic_list ul li a .img_box {
    overflow: hidden;
}
.pic_list ul li a .img_box img {
    transition: .35s;
    width: 100%;
    display: block;
}
.pic_list ul li a p {
    text-align: center;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 40px;
    font-size: 16px;
}
.pic_list ul li a:hover {
    border-color: #0068b6;
}
.pic_list ul li a:hover img {
    transform: scale(1.1);
}
.pic_list ul li a:hover p {
    color: #0068b6;
}

@media screen and (max-width: 1200px) {
.product_introduction {
    padding: 5% 0;
}
.product_introduction .bt {
    font-size: 20px;
    margin-bottom: 10px;
}
.product_introduction .link {
    margin: 20px 0;
}
.product_introduction .link a {
    width: 100px;
    line-height: 35px;
}
}

@media screen and (max-width: 800px) {
.product_details .title1 .tel {
    padding: 15px 0;
}
.product_details .title1 .tel p {
    font-size: 20px;
    line-height: 30px;
}
.product_details .title1 .tel p.fr {
    font-size: 14px;
    background: none;
    padding-left: 0;
}
.gallery-thumbs-body .swiper-slide p {
    line-height: 20px;
    padding: 10px;
    font-size: 12px;
}
.product_details .youshi {
    padding: 15px 0;
}
.product_details .youshi .content li {
    padding: 0 5px;
}
.product_details .youshi .content li span {
    font-size: 26px;
    line-height: 40px;
}
.product_body, .product-recommend {
    padding: 5% 0;
}
.product_body .body {
    padding: 0;
}
.product-recommend .title {
    margin-bottom: 15px;
}
.product-recommend .swiper-slide a p {
    font-size: 12px;
    line-height: 30px;
}
.product-recommend .title span.fl {
    font-size: 20px;
}
.product-recommend .title span.fr {
    font-size: 14px;
}
}

@media screen and (max-width: 640px) {
.gallery-top-tuji {
    width: 100%;
}
.product_introduction .right {
    width: 100%;
    margin-top: 15px;
}
.product_introduction .link a {
    width: 80px;
    line-height: 30px;
    margin-bottom: 10px;
}
.pic_list ul li{
        width: 50%;
    }
}


.yqlj{
    width: 1390px;
    /*height: 30px;*/
    font-size: 14px;
    margin: 15px auto;
    font-weight: bold;
    line-height: 30px;
}
.yqlj a{
    font-size: 16px;
   color:#000;
}
.yqlj a:hover{
   color:#b93739;
}
@media (max-width: 769px){
.yqlj{
    width: 100%;
}
}

#map label{
max-width: inherit;
}