@charset "UTF-8";
/*
Theme Name: Baoli
Text Domain: baoli-mh.com
Version: 0.1
Requires at least: 5.4
Requires PHP: 5.2.4
Description: Baoli Official Website Theme
*/

body {
    color: #555555;
    overflow-x: hidden;
}

a {
    color: #555555;
}

    a:active, a:hover {
        color: #e01018;
    }

#obtn {
    float: left;
    width: 100%;
}

.container1 {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.maxWidth {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.newsInfoBox img{
    padding-top:15px;
    padding-bottom:5px;
}

@media (min-width: 768px) {
    .maxWidth {
        width: 100%;
    }

    .container1 {
        width: 768px;
    }
}

@media (min-width: 992px) {
    .maxWidth {
        width: 100%;
    }

    .container1 {
        width: 992px;
    }
}

@media (min-width:1230px) {
    .maxWidth {
        width: 100%;
    }

    .container1 {
        width: 100%;
    }

    .homeProBox .dText img {
        object-fit: cover;
        height: 403px;
        width: 580px;
    }
}

@media (min-width: 1570px) {
    .maxWidth {
        width: 100%;
    }

    .container1 {
        width: 100%;
    }
}

#obtn .head {
    float: left;
    width: 100%;
    z-index: 66;
    background: #e01018;
    position: relative;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

#obtn .hotline {
    float: right;
    position: relative;
    margin: 30px 0 20px 10px;
}

    #obtn .hotline p {
        height: 100%;
        line-height: 98%;
        float: right;
        color: white;
        font-family: Arial;
        vertical-align: middle;
    }

#obtn .logo {
    float: left;
    width: 300px;
    background: #fff;
    position: relative;
}

    #obtn .logo:after {
        position: absolute;
        content: '';
        width: 100%;
        left: -80%;
        background: #fff;
        height: 100%;
        z-index: 1;
    }

    #obtn .logo a {
        float: left;
        margin: 15px 0;
        width: 261px;
        height: 50px;
        line-height: 0;
        position: relative;
        z-index: 2;
    }

#obtn .languageBox {
    float: right;
    position: relative;
    width: 90px;
    margin: 20px 0 20px 40px;
}

#obtn .so:after {
    position: absolute;
    content: '';
    left: -40px;
    width: 1px;
    height: 20px;
    background: #fff;
    top: 50%;
    margin-top: -10px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#obtn .languageBox h5 {
    float: left;
    min-width: 70px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
    padding-left: 36px;
    cursor: pointer;
}

    #obtn .languageBox h5 img {
        float: left;
        position: absolute;
        left: 0;
        top: 50%;
        width: 24px;
        height: 24px;
        margin-top: -12px;
    }

#obtn .languageBox ul {
    display: none;
    float: left;
    width: 100%;
    position: absolute;
    right: 0;
    top: 60px;
    background: #fff;
    padding: 10px 0;
    z-index: 99;
}

    #obtn .languageBox ul li {
        float: left;
        width: 100%;
        color: #333333;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        cursor: pointer;
        font-family: Arial;
        text-transform: uppercase;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -ms-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }

        #obtn .languageBox ul li:hover {
            color: #0068b7;
        }

#obtn .so {
    float: right;
    position: relative;
    z-index: 6;
    height: 42px;
    margin: 19px 0 19px 20px;
    border: 2px solid #fff;
    border-color: rgba(255,255,255,0.4);
    padding-right: 15px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

    #obtn .so .Search {
        float: left;
        width: 78px;
        height: 38px;
        background: none;
        border: 0;
        line-height: 38px;
        overflow: hidden;
        color: #fff;
        font-size: 16px;
        text-indent: 15px;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -ms-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }

    #obtn .so .sear_sub {
        float: left;
        width: 20px;
        height: 38px;
        background: url(img/top2.png) left center no-repeat;
    }

    #obtn .so:hover .Search {
        width: 150px;
    }

    #obtn .so ::-webkit-input-placeholder {
        color: #fff;
    }

    #obtn .so :-moz-placeholder {
        color: #fff;
    }

    #obtn .so ::-moz-placeholder {
        color: #fff;
    }

    #obtn .so :-ms-input-placeholder {
        color: #fff;
    }

/*menu*/
/*#obtn .menu{float: right;margin-right: 50px;}*/
#obtn .menu .nli {
    float: left;
    margin: 0;
}

    #obtn .menu .nli span a {
        float: left;
        position: relative;
        padding: 0 25px;
        color: #ffffff;
        font-size: 16px;
        line-height: 80px;
        font-family: Arial;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -ms-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }

        #obtn .menu .nli span a:after {
            position: absolute;
            content: '';
            width: 0;
            height: 3px;
            background: #fff;
            opacity: 0.3;
            filter: alpha(opacity=30);
            left: 50%;
            bottom: 1px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -ms-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }

        #obtn .menu .nli span a:hover,
        #obtn .menu .nli.active span a {
            font-weight: bold;
        }

            #obtn .menu .nli.active span a:after,
            #obtn .menu .nli span a:hover:after {
                width: 100%;
                left: 0;
            }

    #obtn .menu .nli:hover .topBg {
        height: 60px;
    }

        #obtn .menu .nli:hover .topBg.proBg {
            height: 230px;
        }

#obtn .topBg {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 80px;
    height: 0;
    z-index: 60;
    background: #ffffff;
    background: rgba(255,255,255,0.8);
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

#obtn .menu .sub {
    float: left;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 80px;
    z-index: 99;
    text-align: center;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -oz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    white-space: nowrap;
}

#obtn .menu .nli:hover .sub {
    height: auto;
    opacity: 1;
    padding: 10px 0;
}

#obtn .menu .sub li {
    display: inline-block;
    margin: 0 30px;
    white-space: nowrap;
}

    #obtn .menu .sub li a {
        float: left;
        font-size: 16px;
        color: #333333;
        line-height: 40px;
        white-space: nowrap;
        font-family: Arial;
    }

        #obtn .menu .sub li a:hover {
            color: #e01018;
        }

#obtn .menu .sub .proSubList {
    float: left;
    width: 100%;
}

#obtn .menu .proSubList .subLi1 {
    float: left;
    width: 100%;
    padding: 0 10px;
    opacity: 1;
    filter: alpha(opacity=100);
    -oz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

    #obtn .menu .proSubList .subLi1 a {
        float: left;
        width: 100%;
    }

        #obtn .menu .proSubList .subLi1 a .tImg {
            float: left;
            width: 100%;
            text-align: center;
            line-height: 0;
            margin-top: 10px;
        }

            #obtn .menu .proSubList .subLi1 a .tImg img {
                transition: all 0.5s linear;
                -ms-transition: all 0.5s linear;
                -webkit-transition: all 0.5s linear;
                -o-transition: all 0.5s linear;
            }

        #obtn .menu .proSubList .subLi1 a .text {
            float: left;
            width: 100%;
            text-align: center;
            line-height: 30px;
            font-size: 18px;
            margin-top: 8px;
        }

        #obtn .menu .proSubList .subLi1 a:hover .tImg img {
            transform: scale(1.1);
            -ms-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

#obtn .menu .nli:hover .proSubList .subLi1 {
    opacity: 1;
    filter: alpha(opacity=100);
}

#obtn .menu .proSubList .slick-prev,
#obtn .menu .proSubList .slick-next {
    width: 17px;
    height: 38px;
    background: url("img/pro7.png") no-repeat center;
    background-size: cover;
    left: -60px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

#obtn .menu .proSubList .slick-next {
    left: auto;
    right: -60px;
    background: url("img/pro8.png") no-repeat center;
    background-size: cover;
}

    #obtn .menu .proSubList .slick-prev:hover,
    #obtn .menu .proSubList .slick-next:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }



@media screen and (max-width:1569px) {
    #obtn .hotline {
        margin: 25px 0 20px 10px;
    }

    #obtn .head {
        padding: 0;
    }

    #obtn .logo {
        width: 300px;
    }

    #obtn .menu {
        margin-right: 20px;
    }

        #obtn .menu .nli span a {
            font-size: 15px;
            padding: 0 15px;
        }

    #obtn .languageBox {
        margin: 20px 0 20px 15px;
        width: 60px;
    }

        #obtn .languageBox:after {
            left: -25px;
        }

        #obtn .languageBox h5 {
            font-size: 15px;
        }

        #obtn .languageBox ul li {
            font-size: 15px;
            line-height: 30px;
        }

    #obtn .so {
        margin: 19px 0 19px 15px;
        padding-right: 10px;
    }

        #obtn .so .Search {
            font-size: 14px;
        }

        #obtn .so:hover .Search {
            width: 120px;
        }

    #obtn .menu .proSubList .subLi1 a .text {
        font-size: 16px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .hotline {
        margin: 25px 0 20px 10px;
    }

    #obtn .logo {
        width: 220px;
    }

        #obtn .logo a {
            width: 200px;
            height: 38px;
            margin: 15px 0;
        }

    #obtn .so {
        margin: 15px 0 15px 15px;
        height: 38px;
        border: 0;
        position: relative;
        padding-right: 10px;
    }

        #obtn .so .sear_sub {
            height: 38px;
            position: relative;
            z-index: 2;
        }

        #obtn .so .Search {
            width: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

        #obtn .so:hover .Search {
            height: 38px;
            width: 150px;
            border: 2px solid #fff;
            border-color: rgba(255,255,255,0.4);
            background: #e01018;
            border-radius: 25px;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
        }

    #obtn .languageBox {
        margin: 15px 0 15px 15px;
        width: 60px;
    }

        #obtn .languageBox h5 {
            line-height: 38px;
            padding-left: 30px;
        }

            #obtn .languageBox h5 img {
                width: 20px;
                height: 20px;
                margin-top: -10px;
            }

        #obtn .languageBox ul {
            padding: 5px 0;
            top: 53px;
        }

            #obtn .languageBox ul li {
                font-size: 14px;
            }

    #obtn .menu .nli span a {
        font-size: 14px;
        padding: 0 11px;
        line-height: 68px;
    }

    #obtn .topBg {
        top: 68px;
    }

    #obtn .menu .sub {
        top: 68px;
    }

        #obtn .menu .sub li {
            margin: 0 20px;
            white-space: nowrap;
        }

            #obtn .menu .sub li a {
                float: left;
                font-size: 14px;
            }

    #obtn .menu .proSubList .subLi1 a .text {
        font-size: 14px;
    }

    #obtn .menu .proSubList .slick-prev,
    #obtn .menu .proSubList .slick-next {
        left: -40px;
    }

    #obtn .menu .proSubList .slick-next {
        left: auto;
        right: -40px;
    }
}

@media screen and (max-width:991px ) {
    #obtn .head {
        position: relative;
        z-index: 99;
    }

    #obtn .logo {
        width: 200px;
    }

        #obtn .logo a {
            width: 180px;
            height: 34px;
            margin: 15px 0;
        }

    #obtn .menu {
        display: none;
    }

    #obtn .languageBox {
        margin: 15px 0 15px 20px;
    }

        #obtn .languageBox h5 {
            line-height: 30px;
        }

    #obtn .so {
        display: none;
    }

        #obtn .so:after {
            display: none;
        }

    #obtn .soPH {
        display: block;
        position: relative;
        width: 100%;
        margin: 15px 0;
    }

        #obtn .soPH .Search {
            width: 100%;
            margin-right: 0;
            background: #e01018;
            padding: 7px 40px 7px 0;
            text-indent: 15px;
            color: #fff;
            right: 0;
            border: 2px solid #fff;
            border-color: rgba(255,255,255,0.4);
            border-radius: 25px;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
        }

        #obtn .soPH.on .Search,
        #obtn .soPH:hover .Search {
            width: 100%;
            background: #0068b7;
            text-indent: 15px;
        }

        #obtn .soPH .sear_sub {
            width: 16px;
            height: 16px;
            right: 15px;
            position: absolute;
            background: url("img/top2.png") no-repeat;
            background-size: cover;
            top: 50%;
            margin-top: -8px;
        }

    #obtn .so ::-webkit-input-placeholder {
        color: #fff;
    }

    #obtn .so :-moz-placeholder {
        color: #fff;
    }

    #obtn .so ::-moz-placeholder {
        color: #fff;
    }

    #obtn .so :-ms-input-placeholder {
        color: #fff;
    }

    #obtn .pcShare {
        display: none;
    }

    #obtn .languageBox:after {
        width: 0;
    }

    #obtn .languageBox ul {
        top: 49px;
    }
}

/*手机导航按钮*/
#obtn .menuph {
    display: none;
    float: right;
    width: 28px;
    height: 22px;
    cursor: pointer;
    text-align: center;
    margin: 20px 0 18px 20px;
}

    #obtn .menuph .point {
        float: left;
        width: 28px;
        height: 22px;
        position: relative;
    }

        #obtn .menuph .point:hover .navbtn,
        #obtn .menuph .point:hover .navbtn::after,
        #obtn .menuph .point:hover .navbtn::before {
            width: 28px;
        }

    #obtn .menuph .navbtn {
        position: absolute;
        top: 10px;
        right: 0;
        display: inline-block;
        width: 21px;
        height: 2px;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        background: #fff;
    }

        #obtn .menuph .navbtn::after,
        #obtn .menuph .navbtn::before {
            position: absolute;
            right: 0;
            display: inline-block;
            width: 28px;
            height: 2px;
            content: '';
            -webkit-transition: all .3s ease-out 0s;
            -moz-transition: all .3s ease-out 0s;
            -ms-transition: all .3s ease-out 0s;
            -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
            background: #fff;
        }

        #obtn .menuph .navbtn::after {
            top: -11px;
        }

        #obtn .menuph .navbtn::before {
            top: 10px;
        }

    #obtn .menuph .point.active .navbtn {
        background: transparent;
    }

        #obtn .menuph .point.active .navbtn::after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0px;
        }

        #obtn .menuph .point.active .navbtn::before {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 0px;
        }

@media screen and (max-width:991px ) {
    #obtn .menuph {
        display: block;
    }
}

/*手机导航*/
#obtn .xialaph {
    position: fixed;
    left: 0;
    top: 0;
    float: left;
    width: 100%;
    height: 100%;
    overflow: scroll;
    padding: 64px 0 100px 0;
    display: none;
    z-index: 60;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

    #obtn .xialaph .ul2,
    #obtn .xialaph .ul3 {
        display: none;
    }

    #obtn .xialaph h4 {
        float: left;
        width: 100%;
        position: relative;
    }

        #obtn .xialaph h4 a {
            float: left;
            width: 66%;
            color: #333;
            font-size: 16px;
            line-height: 50px;
            position: relative;
            font-family: Arial;
        }

    #obtn .xialaph li h4 a i {
        float: left;
        position: absolute;
        left: 0;
        top: 50%;
        margin-obtn: -10px;
        width: 20px;
        height: 20px;
    }

    #obtn .xialaph li:last-child h4::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
        opacity: 0.3;
    }

    #obtn .xialaph h4::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
        opacity: 0.1;
    }

    #obtn .xialaph h5 a {
        float: left;
        width: 75%;
        color: #555;
        font-size: 14px;
        line-height: 40px;
        padding: 0;
        font-family: Arial;
    }

    #obtn .xialaph h5 {
        float: left;
        width: 100%;
        position: relative;
    }

        #obtn .xialaph h5::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #000;
            opacity: 0.1;
        }

    #obtn .xialaph li:last-child h5::after {
        display: none;
    }

    #obtn .xialaph h4 img {
        width: 15px;
        height: 8px;
        float: right;
        margin-top: 21px;
        cursor: pointer;
    }

    #obtn .xialaph h5 img {
        width: 11px;
        height: 6px;
        float: right;
        margin-top: 17px;
        margin-right: 10px;
        cursor: pointer;
    }

    #obtn .xialaph h4.active img.img_s,
    #obtn .xialaph h5.active img.img_s {
        display: none;
    }

    #obtn .xialaph h4.active img.img_d,
    #obtn .xialaph h5.active img.img_d {
        display: block;
    }

    #obtn .xialaph .ul2 {
        float: left;
        width: 100%;
        padding: 0 10px;
    }

    #obtn .xialaph .ul3 {
        float: left;
        width: 100%;
        padding: 5px 10px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

        #obtn .xialaph .ul3 li {
            float: left;
            width: 100%;
            font-size: 14px;
            line-height: 35px;
        }

            #obtn .xialaph .ul3 li a {
                float: left;
                width: 100%;
                font-family: Arial;
            }

    #obtn .xialaph .img_d {
        display: none;
    }

/*手机底部导航*/
#obtn .pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #e01018;
    z-index: 60;
    box-shadow: 0 -4px 7px rgba(0,0,0,0.15);
}

    #obtn .pf_down li {
        width: 33.33%;
        float: left;
        text-align: center;
        padding: 7px 0 5px 0;
        border-right: 1px solid rgba(255,255,255, 0.2);
    }

        #obtn .pf_down li:last-child {
            border: none;
        }

        #obtn .pf_down li .ico {
            width: 100%;
            float: left;
            height: 20px;
        }

            #obtn .pf_down li .ico img {
                width: 20px;
                height: 20px;
            }

        #obtn .pf_down li .name {
            width: 100%;
            float: left;
            margin-top: 4px;
            font-size: 12px;
            color: #fff;
            line-height: 14px;
        }

/*banner*/
#obtn .slide_banner {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

    #obtn .slide_banner .slick-slide {
        width: 100%;
        padding: 0;
        position: relative;
        line-height: 0;
    }

    #obtn .slide_banner .slideBaBox {
        float: left;
        width: 100%;
        position: relative;
    }

    #obtn .slide_banner .slideText {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        color: #fff;
        top: 50%;
        margin-top: -117px;
    }

        #obtn .slide_banner .slideText .blackBox {
            float: left;
            width: 100%;
            font-size: 70px;
            font-family: Arial;
            font-weight: bolder;
            line-height: 80px;
        }

        #obtn .slide_banner .slideText .blackD {
            float: left;
            width: 100%;
            font-size: 36px;
            line-height: 36px;
            margin-top: 34px;
            font-weight: bold;
        }

    #obtn .slide_banner .slick-current.slick-active a img {
        width: 100%;
        /*-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;*/
        /*-ms-transition: 0.5s ease;*/
        /*-o-transition: 0.5s ease;*/
        /*transition: 0.5s ease;*/
        -webkit-animation: imageAnimation 50s linear infinite 0s;
        -moz-animation: imageAnimation 50s linear infinite 0s;
        -o-animation: imageAnimation 50s linear infinite 0s;
        -ms-animation: imageAnimation 50s linear infinite 0s;
        animation: imageAnimation 50s linear infinite 0s;
    }

    #obtn .slide_banner .slideBaBox:hover a img {
    }

    #obtn .slide_banner .slick-dots {
        height: 43px;
        bottom: 57px;
    }

        #obtn .slide_banner .slick-dots li {
            width: 42px;
            height: 42px;
            margin: 0 7px;
            padding: 15px;
            text-align: center;
            text-indent: -9999px;
            overflow: hidden;
            vertical-align: top;
            position: relative;
        }

            #obtn .slide_banner .slick-dots li button {
                width: 12px;
                height: 12px;
                background: #ffffff;
                background: rgba(255,255,255,0.6);
                padding: 0;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
            }

                #obtn .slide_banner .slick-dots li button:before,
                #obtn .slide_banner .slick-dots li button:after {
                    position: absolute;
                    content: '';
                    width: 42px;
                    height: 42px;
                    left: 0;
                    top: 0;
                    border: 1px solid #fff;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    border-radius: 30px;
                    -moz-border-radius: 30px;
                    -webkit-border-radius: 30px;
                }

            #obtn .slide_banner .slick-dots li.slick-active {
                text-indent: 0;
            }

                #obtn .slide_banner .slick-dots li.slick-active button {
                    background: none;
                    font-size: 14px;
                    font-weight: bold;
                    color: #fff;
                }

                    #obtn .slide_banner .slick-dots li.slick-active button:before,
                    #obtn .slide_banner .slick-dots li.slick-active button:after {
                        opacity: 1;
                        filter: alpha(opacity=100);
                    }

    #obtn .slide_banner .slick-prev,
    #obtn .slide_banner .slick-next {
        width: 66px;
        height: 66px;
        left: 54px;
        z-index: 3;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
    }

    #obtn .slide_banner .slick-next {
        left: auto;
        right: 54px;
    }

        #obtn .slide_banner .slick-prev:after,
        #obtn .slide_banner .slick-next:after {
            position: absolute;
            content: '';
            width: 66px;
            height: 66px;
            background: url("img/prev.png") no-repeat;
            background-size: cover;
            left: 0;
            top: 0;
            z-index: 3;
        }

        #obtn .slide_banner .slick-next:after {
            background: url("img/next.png") no-repeat;
            background-size: cover;
        }

        #obtn .slide_banner .slick-prev:hover,
        #obtn .slide_banner .slick-next:hover {
            background: #e01018;
        }

@media screen and (max-width:991px) {
    #obtn .slide_banner .slick-dots {
        height: 30px;
        bottom: 20px;
    }

        #obtn .slide_banner .slick-dots li {
            margin: 0 5px;
            width: 30px;
            height: 30px;
            padding: 9px;
        }

            #obtn .slide_banner .slick-dots li button:after {
                width: 30px;
                height: 30px;
            }

    #obtn .slide_banner .slideText {
        margin-top: -86px;
    }

        #obtn .slide_banner .slideText .blackBox {
            font-size: 50px;
            line-height: 60px;
        }

        #obtn .slide_banner .slideText .blackD {
            font-size: 24px;
            line-height: 24px;
            margin-top: 25px;
        }
}

@media screen and (max-width:767px) {
    #obtn .slide_banner .slick-prev,
    #obtn .slide_banner .slick-next {
        width: 45px;
        height: 45px;
        left: 0;
    }

    #obtn .slide_banner .slick-next {
        left: auto;
        right: 0;
    }

        #obtn .slide_banner .slick-prev:after,
        #obtn .slide_banner .slick-next:after {
            position: absolute;
            content: '';
            width: 45px;
            height: 45px;
            background: url("img/prev.png") no-repeat;
            background-size: cover;
            left: 0;
            top: 0;
            z-index: 3;
        }

        #obtn .slide_banner .slick-next:after {
            background: url("img/next.png") no-repeat;
            background-size: cover;
        }

    #obtn .slide_banner .slideText {
        margin-top: -58px;
    }

        #obtn .slide_banner .slideText .blackBox {
            font-size: 32px;
            line-height: 40px;
        }

        #obtn .slide_banner .slideText .blackD {
            font-size: 20px;
            line-height: 20px;
            margin-top: 15px;
        }
}

@-webkit-keyframes imageAnimation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
        -webkit-transform: scale(1.06);
        -webkit-animation-timing-function: ease-in;
    }

    22% {
        opacity: 1;
        -webkit-transform: scale(1.07);
        -webkit-animation-timing-function: ease-in;
    }

    25% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -webkit-animation-timing-function: ease-in;
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1.09);
        -webkit-animation-timing-function: ease-in;
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-in;
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.12);
        -webkit-animation-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.14);
        -webkit-animation-timing-function: ease-in;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.16);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.18);
        -webkit-animation-timing-function: ease-in;
    }

    90% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
        -webkit-transform: scale(1.06);
        -webkit-animation-timing-function: ease-in;
    }

    22% {
        opacity: 1;
        -webkit-transform: scale(1.07);
        -webkit-animation-timing-function: ease-in;
    }

    25% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -webkit-animation-timing-function: ease-in;
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1.09);
        -webkit-animation-timing-function: ease-in;
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-in;
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.12);
        -webkit-animation-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.14);
        -webkit-animation-timing-function: ease-in;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.16);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.18);
        -webkit-animation-timing-function: ease-in;
    }

    90% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes imageAnimation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
        -webkit-transform: scale(1.06);
        -webkit-animation-timing-function: ease-in;
    }

    22% {
        opacity: 1;
        -webkit-transform: scale(1.07);
        -webkit-animation-timing-function: ease-in;
    }

    25% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -webkit-animation-timing-function: ease-in;
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1.09);
        -webkit-animation-timing-function: ease-in;
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-in;
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.12);
        -webkit-animation-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.14);
        -webkit-animation-timing-function: ease-in;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.16);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.18);
        -webkit-animation-timing-function: ease-in;
    }

    90% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes imageAnimation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
        -webkit-transform: scale(1.06);
        -webkit-animation-timing-function: ease-in;
    }

    22% {
        opacity: 1;
        -webkit-transform: scale(1.07);
        -webkit-animation-timing-function: ease-in;
    }

    25% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -webkit-animation-timing-function: ease-in;
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1.09);
        -webkit-animation-timing-function: ease-in;
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-in;
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.12);
        -webkit-animation-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.14);
        -webkit-animation-timing-function: ease-in;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.16);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.18);
        -webkit-animation-timing-function: ease-in;
    }

    90% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        opacity: 1;
    }
}

@keyframes imageAnimation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
        -webkit-transform: scale(1.06);
        -webkit-animation-timing-function: ease-in;
    }

    22% {
        opacity: 1;
        -webkit-transform: scale(1.07);
        -webkit-animation-timing-function: ease-in;
    }

    25% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -webkit-animation-timing-function: ease-in;
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1.09);
        -webkit-animation-timing-function: ease-in;
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-in;
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.12);
        -webkit-animation-timing-function: ease-in;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.14);
        -webkit-animation-timing-function: ease-in;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.16);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.18);
        -webkit-animation-timing-function: ease-in;
    }

    90% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        opacity: 1;
    }
}




#obtn .homeAboutBox {
    float: left;
    width: 100%;
    position: relative;
}

    #obtn .homeAboutBox .AboutLi1 {
        float: left;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        #obtn .homeAboutBox .AboutLi1:after {
            position: absolute;
            content: '';
            right: 0;
            top: 0;
            width: 50%;
            height: 100%;
            background: #fff;
            opacity: 0.92;
            filter: alpha(opacity=92);
        }

    #obtn .homeAboutBox .homeAboutImg {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        cursor: pointer;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
    }

        #obtn .homeAboutBox .homeAboutImg:hover {
            transform: scale(1.08);
            -ms-transform: scale(1.08);
            -moz-transform: scale(1.08);
            -webkit-transform: scale(1.08);
        }

    #obtn .homeAboutBox .homeAboutText {
        float: right;
        width: 41%;
        height: 955px;
        position: relative;
        z-index: 3;
        display: table;
    }

        #obtn .homeAboutBox .homeAboutText .table {
            display: table-cell;
            vertical-align: middle;
        }

        #obtn .homeAboutBox .homeAboutText h1 {
            float: left;
            width: 100%;
            text-align: right;
            color: #222222;
            font-size: 56px;
            font-weight: bold;
            line-height: 70px;
            font-family: Arial;
            position: relative;
            margin-top: 50px;
        }

            #obtn .homeAboutBox .homeAboutText h1:after {
                position: absolute;
                content: '';
                width: 6px;
                height: 40px;
                background: #e01018;
                right: 20px;
                top: -98px;
            }

            #obtn .homeAboutBox .homeAboutText h1 span {
                position: absolute;
                right: -30%;
                color: #e01018;
                font-size: 180px;
                line-height: 100px;
                bottom: 20px;
                opacity: 0.08;
                filter: alpha(opacity=8);
            }

        #obtn .homeAboutBox .homeAboutText .p1 {
            float: left;
            width: 100%;
            color: #555555;
            font-size: 16px;
            line-height: 36px;
            font-family: Arial;
            text-align: right;
            margin-top: 65px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 7;
            overflow: hidden;
        }

        #obtn .homeAboutBox .homeAboutText .more {
            float: left;
            width: 100%;
            margin-top: 60px;
        }

            #obtn .homeAboutBox .homeAboutText .more a {
                float: right;
                color: #e01018;
                font-size: 14px;
                line-height: 30px;
                position: relative;
            }

                #obtn .homeAboutBox .homeAboutText .more a:after {
                    position: absolute;
                    content: '';
                    width: 66px;
                    right: 92px;
                    top: 50%;
                    height: 1px;
                    background: #e01018;
                    opacity: 0.3;
                    filter: alpha(opacity=30);
                    -webkit-transition: all .3s ease-out 0s;
                    -moz-transition: all .3s ease-out 0s;
                    -ms-transition: all .3s ease-out 0s;
                    -o-transition: all .3s ease-out 0s;
                    transition: all .3s ease-out 0s;
                }

                #obtn .homeAboutBox .homeAboutText .more a:before {
                    position: absolute;
                    content: '···';
                    font-size: 50px;
                    color: #e01018;
                    line-height: 30px;
                    top: 50%;
                    margin-top: -18px;
                    right: 180px;
                    -webkit-transition: all .3s ease-out 0s;
                    -moz-transition: all .3s ease-out 0s;
                    -ms-transition: all .3s ease-out 0s;
                    -o-transition: all .3s ease-out 0s;
                    transition: all .3s ease-out 0s;
                }

                #obtn .homeAboutBox .homeAboutText .more a:hover:after {
                    width: 40px;
                }

                #obtn .homeAboutBox .homeAboutText .more a:hover:before {
                    right: 154px;
                }

@media screen and (max-width:1569px) {
    #obtn .homeAboutBox .homeAboutText {
        height: 700px;
    }

        #obtn .homeAboutBox .homeAboutText h1 {
            font-size: 45px;
        }

            #obtn .homeAboutBox .homeAboutText h1 span {
                font-size: 130px;
                right: -20%;
                bottom: 10px;
            }

            #obtn .homeAboutBox .homeAboutText h1:after {
                width: 5px;
                height: 30px;
                top: -80px;
            }

        #obtn .homeAboutBox .homeAboutText .p1 {
            margin-top: 50px;
        }

        #obtn .homeAboutBox .homeAboutText .more {
            margin-top: 55px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .homeAboutBox .homeAboutText {
        height: 550px;
    }

        #obtn .homeAboutBox .homeAboutText h1 {
            font-size: 40px;
        }

            #obtn .homeAboutBox .homeAboutText h1 span {
                font-size: 110px;
            }

        #obtn .homeAboutBox .homeAboutText .p1 {
            font-size: 15px;
            line-height: 32px;
            margin-top: 30px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            overflow: hidden;
        }

        #obtn .homeAboutBox .homeAboutText .more {
            margin-top: 45px;
        }
}

@media screen and (max-width:991px) {
    #obtn .homeAboutBox .homeAboutText {
        width: 45%;
        height: 500px;
    }

        #obtn .homeAboutBox .homeAboutText h1 {
            font-size: 36px;
            line-height: 50px;
        }

            #obtn .homeAboutBox .homeAboutText h1 span {
                font-size: 100px;
                right: -25%;
                bottom: 0;
            }

            #obtn .homeAboutBox .homeAboutText h1:after {
                width: 4px;
                height: 25px;
                top: -60px;
                right: 10px;
            }

        #obtn .homeAboutBox .homeAboutText .more {
            margin-top: 40px;
        }
}

@media screen and (max-width:767px) {
    #obtn .homeAboutBox .homeAboutText {
        width: 100%;
        height: auto;
        padding: 30px 0;
    }

    #obtn .homeAboutBox .AboutLi1:after {
        width: 100%;
    }

    #obtn .homeAboutBox .homeAboutText h1 {
        text-align: center;
        font-size: 28px;
        margin-top: 30px;
        line-height: 40px;
    }

        #obtn .homeAboutBox .homeAboutText h1 span {
            font-size: 80px;
            width: 100%;
            text-align: center;
            right: 0;
            line-height: 80px;
            bottom: 0;
        }

        #obtn .homeAboutBox .homeAboutText h1:after {
            width: 2px;
            height: 20px;
            right: 50%;
            margin-right: -1px;
            top: -20px;
        }

    #obtn .homeAboutBox .homeAboutText .p1 {
        margin-top: 20px;
        font-size: 14px;
        line-height: 28px;
        text-align: center;
    }

    #obtn .homeAboutBox .homeAboutText .more {
        margin-top: 20px;
    }
}

#obtn .homeVideoBox {
    float: left;
    width: 100%;
    padding: 125px 0 140px;
    background: #263f6a;
}

    #obtn .homeVideoBox .homeTit {
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 56px;
        line-height: 70px;
        font-weight: bold;
        position: relative;
    }

        #obtn .homeVideoBox .homeTit span {
            position: absolute;
            width: 100%;
            left: 0;
            top: 20px;
            line-height: 180px;
            text-align: center;
            font-size: 180px;
            opacity: 0.02;
            filter: alpha(opacity=2);
        }

#obtn .homeVideoList {
    float: left;
    width: 100%;
    margin-top: 43px;
}

    #obtn .homeVideoList .slick-list {
        padding: 0 23.18%;
    }

    #obtn .homeVideoList .slick-slide {
        padding: 0 50px;
    }

    #obtn .homeVideoList .liBox {
        float: left;
        width: 100%;
        position: relative;
        background: #000;
    }

        #obtn .homeVideoList .liBox video {
            float: left;
            width: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
            line-height: 0;
        }

    #obtn .homeVideoList .slick-slide.slick-current.slick-active .liBox video {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #obtn .homeVideoList .liBox .hValueButton {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        top: 50%;
        margin-top: -61px;
    }

        #obtn .homeVideoList .liBox .hValueButton span {
            display: block;
            text-align: center;
            line-height: 0;
        }

            #obtn .homeVideoList .liBox .hValueButton span img {
                background: #e01018;
                background: rgba(0,101,189,0.78);
                border-radius: 50px;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
            }

        #obtn .homeVideoList .liBox .hValueButton b {
            display: block;
            text-align: center;
            font-size: 18px;
            line-height: 30px;
            margin-top: 12px;
        }

    #obtn .homeVideoList .slick-dots {
        height: 79px;
        z-index: 6;
        bottom: -48px;
    }

        #obtn .homeVideoList .slick-dots li {
            width: 140px;
            height: 79px;
            border: 4px solid #000;
            margin: 0 10px;
            background: #000;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

            #obtn .homeVideoList .slick-dots li.slick-active {
                border: 4px solid #fff;
                opacity: 1;
                filter: alpha(opacity=100);
                background: none;
            }

#obtn .homeVideoSmall {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -28px;
    position: relative;
    z-index: 3;
}

    #obtn .homeVideoSmall li {
        display: inline-block;
        margin: 0 10px;
        line-height: 0;
        background: #000000;
        cursor: pointer;
    }

@media screen and (max-width:1569px) {
    #obtn .homeVideoBox {
        padding: 100px 0 110px 0;
    }

        #obtn .homeVideoBox .homeTit {
            font-size: 45px;
        }

            #obtn .homeVideoBox .homeTit span {
                font-size: 130px;
                line-height: 140px;
            }

    #obtn .homeVideoList .slick-slide {
        padding: 0 30px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .homeVideoBox {
        padding: 70px 0 90px 0;
    }

        #obtn .homeVideoBox .homeTit {
            font-size: 40px;
        }

            #obtn .homeVideoBox .homeTit span {
                font-size: 110px;
                line-height: 100px;
            }

    #obtn .homeVideoList {
        margin-top: 30px;
    }

        #obtn .homeVideoList .liBox .hValueButton span img {
            width: 70px;
        }

        #obtn .homeVideoList .liBox .hValueButton b {
            font-size: 16px;
        }
}

@media screen and (max-width:991px) {
    #obtn .homeVideoBox {
        padding: 50px 0 70px 0;
    }

        #obtn .homeVideoBox .homeTit {
            font-size: 36px;
            line-height: 50px;
        }

            #obtn .homeVideoBox .homeTit span {
                font-size: 100px;
                top: 10px;
            }

    #obtn .homeVideoList .slick-list {
        padding: 0 15%;
    }

    #obtn .homeVideoList .slick-slide {
        padding: 0 20px;
    }
}

@media screen and (max-width:767px) {
    #obtn .homeVideoBox {
        padding: 35px 0 40px 0;
    }

        #obtn .homeVideoBox .homeTit {
            font-size: 28px;
            line-height: 40px;
        }

            #obtn .homeVideoBox .homeTit span {
                font-size: 80px;
                line-height: 80px;
            }

    #obtn .homeVideoList {
        margin-top: 20px;
    }

        #obtn .homeVideoList .slick-list {
            padding: 0;
        }

        #obtn .homeVideoList .slick-slide {
            padding: 0 15px;
        }

        #obtn .homeVideoList .slick-dots {
            height: 40px;
            bottom: -20px;
        }

            #obtn .homeVideoList .slick-dots li {
                width: 70px;
                height: 40px;
                margin: 0 5px;
                border: 2px solid #000;
            }

                #obtn .homeVideoList .slick-dots li.slick-active {
                    border: 2px solid #fff;
                }

        #obtn .homeVideoList .liBox .hValueButton {
            margin-top: -40px;
        }

            #obtn .homeVideoList .liBox .hValueButton span img {
                width: 50px;
            }

            #obtn .homeVideoList .liBox .hValueButton b {
                font-size: 14px;
                margin-top: 0;
            }

    #obtn .homeVideoSmall {
        margin-top: -15px;
    }

        #obtn .homeVideoSmall li {
            width: 70px;
            margin: 0 5px;
        }
}

#obtn .homeProBox {
    float: left;
    width: 100%;
}

    #obtn .homeProBox ul {
        float: left;
        width: 100%;
    }

    #obtn .homeProBox li {
        float: left;
        width: 50%;
        background: #fff;
    }

        #obtn .homeProBox li a {
            float: left;
            width: 100%;
            margin: 130px 0 72px 0;
            padding: 0 30px;
        }

        #obtn .homeProBox li:nth-child(2) {
            background: #f5f5f5;
        }

        #obtn .homeProBox li .homeTit {
            float: left;
            width: 100%;
            text-align: center;
            color: #222222;
            font-size: 56px;
            line-height: 70px;
            font-family: Arial;
            font-weight: bold;
            overflow: hidden;
            white-space: nowrap;
        }

        #obtn .homeProBox li .labelBox {
            float: left;
            width: 100%;
            text-align: center;
            color: #555555;
            font-family: Arial;
            line-height: 40px;
            margin-top: 2px;
            font-size: 16px;
        }

        #obtn .homeProBox li .more {
            float: left;
            width: 100%;
            display: block;
            margin-top: 19px;
            text-align: center;
        }

            #obtn .homeProBox li .more span {
                display: inline-block;
                width: 168px;
                height: 46px;
                border: 1px solid #e01018;
                border-color: rgba(0,101,189,0.6);
                font-size: 14px;
                color: #e01018;
                line-height: 46px;
                -webkit-transition: all .3s ease-out 0s;
                -moz-transition: all .3s ease-out 0s;
                -ms-transition: all .3s ease-out 0s;
                -o-transition: all .3s ease-out 0s;
                transition: all .3s ease-out 0s;
            }

        #obtn .homeProBox li a:hover .more span {
            background: #e01018;
            color: #fff;
        }

        #obtn .homeProBox li a .dText {
            float: left;
            width: 100%;
            line-height: 0;
            margin-top: 25px;
            position: relative;
            overflow: hidden;
        }

            #obtn .homeProBox li a .dText i {
                float: left;
                width: 100%;
                line-height: 0;
                position: relative;
                -webkit-transition: all .3s ease-out 0s;
                -moz-transition: all .3s ease-out 0s;
                -ms-transition: all .3s ease-out 0s;
                -o-transition: all .3s ease-out 0s;
                transition: all .3s ease-out 0s;
            }

                #obtn .homeProBox li a .dText i.first {
                    left: 0;
                    top: 0;
                }

                #obtn .homeProBox li a .dText i.last {
                    position: absolute;
                    top: 0;
                    right: -1000px;
                }

        #obtn .homeProBox li a:hover .dText i.first {
            position: absolute;
            left: -1000px;
        }

        #obtn .homeProBox li a:hover .dText i.last {
            position: relative;
            right: 0;
        }

@media screen and (max-width:1569px) {
    #obtn .homeProBox li a {
        margin: 100px 0 70px 0;
    }

    #obtn .homeProBox li .homeTit {
        font-size: 45px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .homeProBox li a {
        margin: 70px 0 50px 0;
    }

    #obtn .homeProBox li .homeTit {
        font-size: 40px;
    }

    #obtn .homeProBox li .more span {
        height: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width:991px) {
    #obtn .homeProBox li a {
        margin: 50px 0 40px 0;
        padding: 0 20px;
    }

    #obtn .homeProBox li .homeTit {
        font-size: 36px;
        line-height: 50px;
    }

    #obtn .homeProBox li .more {
        margin-top: 10px;
    }
}

@media screen and (max-width:767px) {
    #obtn .homeProBox li {
        width: 100%;
    }

        #obtn .homeProBox li a {
            margin: 35px 0 25px 0;
            padding: 0 15px;
        }

        #obtn .homeProBox li .homeTit {
            font-size: 28px;
            line-height: 40px;
        }

        #obtn .homeProBox li .labelBox {
            font-size: 14px;
            line-height: 30px;
        }

        #obtn .homeProBox li .more span {
            width: 140px;
            height: 35px;
            line-height: 35px;
        }

        #obtn .homeProBox li a .dText {
            margin-top: 15px;
        }
}

#obtn .homeCaseBox {
    float: left;
    width: 100%;
}

    #obtn .homeCaseBox .li1 {
        float: left;
        width: 25%;
        position: relative;
        overflow: hidden;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -ms-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }

        #obtn .homeCaseBox .li1 .layer {
            float: left;
            width: 100%;
            height: 955px;
            background: #000000;
            display: table;
            cursor: pointer;
            position: relative;
        }

        #obtn .homeCaseBox .li1:nth-child(2) .layer {
            background: #e01018;
        }

        #obtn .homeCaseBox .li1:nth-child(3) .layer {
            background: #263f6a;
        }

        #obtn .homeCaseBox .li1 .layer .layImg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0.25;
            filter: alpha(opacity=25);
        }

        #obtn .homeCaseBox .li1 .layer .tableCell {
            display: table-cell;
            vertical-align: middle;
            position: relative;
            z-index: 2;
        }

            #obtn .homeCaseBox .li1 .layer .tableCell .num {
                float: left;
                width: 100%;
                text-align: center;
                font-size: 48px;
                font-family: Arial;
                line-height: 50px;
                padding-bottom: 220px;
                color: #fff;
                opacity: 0.2;
                filter: alpha(opacity=20);
                position: relative;
            }

                #obtn .homeCaseBox .li1 .layer .tableCell .num:after {
                    position: absolute;
                    content: '';
                    width: 1px;
                    height: 74px;
                    background: #fff;
                    left: 50%;
                    bottom: 75px;
                }

            #obtn .homeCaseBox .li1 .layer .tableCell .ico {
                float: left;
                width: 100%;
                text-align: center;
                line-height: 0;
            }

                #obtn .homeCaseBox .li1 .layer .tableCell .ico img {
                    width: 90px;
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                    filter: grayscale(100%) brightness(400%);
                }

        #obtn .homeCaseBox .li1:hover .layer .tableCell .ico img {
            transform: rotateY(360deg);
            -ms-transform: rotateY(360deg); /* IE 9 */
            -moz-transform: rotateY(360deg); /* Firefox */
            -webkit-transform: rotateY(360deg); /* Safari 和 Chrome */
            -o-transform: rotateY(360deg);
        }

        #obtn .homeCaseBox .li1 .layer .tableCell .tH1 {
            float: left;
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 28px;
            font-family: Arial;
            line-height: 50px;
            padding-bottom: 9px;
            position: relative;
        }

    #obtn .homeCaseBox .list {
        float: left;
        width: 100%;
    }

    #obtn .homeCaseBox .li1 .layer .tableCell .dlText {
        float: left;
        width: 100%;
        color: #ffffff;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        display: none;
    }

    #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox {
        float: left;
        width: 100%;
        display: none;
        text-align: center;
        margin-top: 70px;
        line-height: 30px;
    }

        #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox a {
            display: inline-block;
            color: #fff;
            font-size: 14px;
            font-family: Arial;
            position: relative;
            padding-left: 134px;
        }

            #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox a:after {
                position: absolute;
                content: '';
                width: 66px;
                height: 1px;
                background: #fff;
                opacity: 0.3;
                filter: alpha(opacity=30);
                left: 52px;
                top: 50%;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

            #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox a:before {
                position: absolute;
                content: '? ? ?';
                font-size: 20px;
                color: #fff;
                left: 0;
                top: 50%;
                margin-top: -15px;
            }

            #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox a:hover {
                padding-left: 108px;
            }

                #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox a:hover:after {
                    width: 40px;
                }


    #obtn .homeCaseBox .li1.on {
        width: 50%;
    }

        #obtn .homeCaseBox .li1.on .layer {
            padding: 0 30px;
        }

            #obtn .homeCaseBox .li1.on .layer .layImg {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            #obtn .homeCaseBox .li1.on .layer .tableCell .num {
                position: absolute;
                left: 70px;
                top: 70px;
                padding-bottom: 0;
                width: 50px;
                opacity: 0.4;
                filter: alpha(opacity=40);
            }

                #obtn .homeCaseBox .li1.on .layer .tableCell .num:after {
                    display: none;
                }

            #obtn .homeCaseBox .li1.on .layer .tableCell .ico img {
                width: 140px;
                filter: grayscale(100%) brightness(400%);
            }

            #obtn .homeCaseBox .li1.on .layer .tableCell .tH1 {
                font-size: 48px;
                line-height: 70px;
                padding-top: 100px;
                position: relative;
            }

                #obtn .homeCaseBox .li1.on .layer .tableCell .tH1:after {
                    position: absolute;
                    content: '';
                    width: 86px;
                    height: 1px;
                    background: #fff;
                    left: 50%;
                    margin-left: -43px;
                    top: 49px;
                    opacity: 0.3;
                    filter: alpha(opacity=30);
                }

            #obtn .homeCaseBox .li1.on .layer .tableCell .dlText {
                padding: 0 20%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }

            #obtn .homeCaseBox .li1.on .layer .tableCell .buttonBox {
                display: block;
            }

@media screen and (max-width:1569px) {
    #obtn .homeCaseBox .li1 .layer {
        height: 850px;
    }

    #obtn .homeCaseBox .li1.on .layer .tableCell .dlText {
        padding: 0 10%;
    }

    #obtn .homeCaseBox .li1.on .layer .tableCell .num {
        left: 50px;
        top: 60px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .homeCaseBox .li1 .layer {
        height: 700px;
    }

        #obtn .homeCaseBox .li1 .layer .tableCell .num {
            font-size: 40px;
        }

    #obtn .homeCaseBox .li1.on .layer .tableCell .num {
        left: 40px;
        top: 50px;
    }

    #obtn .homeCaseBox .li1.on .layer .tableCell .ico img {
        width: 120px;
    }

    #obtn .homeCaseBox .li1.on .layer .tableCell .tH1 {
        font-size: 40px;
        padding-top: 80px;
    }

    #obtn .homeCaseBox .li1.on .layer .tableCell .dlText {
        padding: 0 5%;
    }

    #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox {
        margin-top: 50px;
    }
}

@media screen and (max-width:991px) {
    #obtn .homeCaseBox .li1 .layer {
        height: 550px;
    }

        #obtn .homeCaseBox .li1 .layer .tableCell .num {
            padding-bottom: 160px;
            font-size: 36px;
        }

            #obtn .homeCaseBox .li1 .layer .tableCell .num:after {
                bottom: 40px;
            }

    #obtn .homeCaseBox .li1.on .layer .tableCell .num {
        left: 10px;
        font-size: 36px;
    }

    #obtn .homeCaseBox .li1 .layer .tableCell .tH1 {
        font-size: 22px;
    }

    #obtn .homeCaseBox .li1.on .layer .tableCell .ico img {
        width: 100px;
    }

    #obtn .homeCaseBox .li1.on .layer .tableCell .tH1 {
        font-size: 36px;
        line-height: 50px;
        padding-top: 60px;
    }

        #obtn .homeCaseBox .li1.on .layer .tableCell .tH1:after {
            top: 35px;
        }

    #obtn .homeCaseBox .li1.on .layer .tableCell .dlText {
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    #obtn .homeCaseBox .li1 {
        width: 100%;
    }

        #obtn .homeCaseBox .li1.on {
            width: 100%;
        }

        #obtn .homeCaseBox .li1 .layer {
            height: 400px;
        }

        #obtn .homeCaseBox .li1.on .layer {
            padding: 0 15px;
        }

        #obtn .homeCaseBox .li1 .layer .tableCell .ico img {
            width: 80px;
        }

        #obtn .homeCaseBox .li1 .layer .tableCell .num {
            padding-bottom: 100px;
            font-size: 28px;
        }

            #obtn .homeCaseBox .li1 .layer .tableCell .num:after {
                bottom: 23px;
                height: 65px;
            }

        #obtn .homeCaseBox .li1.on .layer .tableCell .num {
            font-size: 28px;
            top: 20px;
            left: 0;
        }

        #obtn .homeCaseBox .li1.on .layer .tableCell .tH1 {
            font-size: 28px;
            line-height: 40px;
            padding-top: 40px;
        }

            #obtn .homeCaseBox .li1.on .layer .tableCell .tH1:after {
                width: 70px;
                margin-left: -35px;
                top: 25px;
            }

        #obtn .homeCaseBox .li1 .layer .tableCell .dlText {
            font-size: 15px;
            line-height: 26px;
        }

        #obtn .homeCaseBox .li1 .layer .tableCell .buttonBox {
            margin-top: 30px;
        }

        #obtn .homeCaseBox .li1.on .layer .tableCell .ico img {
            width: 80px;
        }
}

#obtn .pageNewsTit {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    border-color: rgba(0,0,0,0.15);
    margin-top: 105px;
    padding-bottom: 56px;
}

    #obtn .pageNewsTit .homeTit {
        float: left;
        width: 100%;
        text-align: center;
        color: #222222;
        font-size: 56px;
        line-height: 70px;
        font-weight: bold;
        position: relative;
    }

        #obtn .pageNewsTit .homeTit span {
            position: absolute;
            width: 100%;
            left: 0;
            top: 20px;
            line-height: 180px;
            text-align: center;
            font-size: 180px;
            color: #e01018;
            opacity: 0.04;
            filter: alpha(opacity=4);
        }

@media screen and (max-width:1569px) {
    #obtn .pageNewsTit .homeTit {
        font-size: 45px;
    }

        #obtn .pageNewsTit .homeTit span {
            font-size: 130px;
            line-height: 140px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .pageNewsTit .homeTit {
        font-size: 40px;
    }

        #obtn .pageNewsTit .homeTit span {
            font-size: 110px;
            line-height: 100px;
        }
}

@media screen and (max-width:991px) {
    #obtn .pageNewsTit .homeTit {
        font-size: 36px;
        line-height: 50px;
    }

        #obtn .pageNewsTit .homeTit span {
            font-size: 100px;
            top: 10px;
        }
}

@media screen and (max-width:767px) {
    #obtn .pageNewsTit .homeTit {
        font-size: 28px;
        line-height: 40px;
    }

        #obtn .pageNewsTit .homeTit span {
            font-size: 80px;
            line-height: 80px;
        }
}

#obtn .pageNewsList {
    float: left;
    width: 100%;
    position: relative;
}

    #obtn .pageNewsList:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        background: #d9d9d9;
        background: rgba(0,0,0,0.15);
        left: 50%;
        top: 0;
    }

    #obtn .pageNewsList ul {
        float: left;
        width: 100%;
    }

    #obtn .pageNewsList li {
        float: left;
        width: 50%;
        padding-right: 10%;
        margin: 80px 0 55px 0;
    }

        #obtn .pageNewsList li:nth-child(2) {
            padding: 0 0 0 10%;
        }

        #obtn .pageNewsList li a {
            float: left;
            width: 100%;
        }

            #obtn .pageNewsList li a .tImg {
                float: left;
                width: 100%;
                line-height: 0;
                overflow: hidden;
                height: 311px;
            }

                #obtn .pageNewsList li a .tImg img {
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                    height: 100%;
                }

            #obtn .pageNewsList li a:hover .tImg img {
                transform: scale(1.1);
                -ms-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            #obtn .pageNewsList li a .dText {
                float: left;
                width: 100%;
                margin-top: 39px;
            }

                #obtn .pageNewsList li a .dText h3 {
                    float: left;
                    width: 100%;
                    color: #333333;
                    font-size: 24px;
                    line-height: 35px;
                    text-align: center;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                }

            #obtn .pageNewsList li a:hover .dText h3 {
                color: #e01018;
            }

            #obtn .pageNewsList li a .dText .p1 {
                float: left;
                width: 100%;
                text-align: center;
                padding: 0 3%;
                color: #333333;
                font-size: 16px;
                line-height: 24px;
                margin-top: 10px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }

            #obtn .pageNewsList li a .dText .time {
                float: left;
                width: 100%;
                text-align: center;
                margin-top: 30px;
                font-size: 16px;
                line-height: 26px;
                color: #e01018;
            }

@media screen and (max-width:1569px) {
    #obtn .pageNewsTit {
        margin-top: 70px;
        padding-bottom: 40px;
    }

    #obtn .pageNewsList li {
        padding-right: 7%;
        margin: 60px 0 50px 0;
    }

        #obtn .pageNewsList li:nth-child(2) {
            padding: 0 0 0 7%;
        }

        #obtn .pageNewsList li a .dText {
            margin-top: 30px;
        }

            #obtn .pageNewsList li a .dText h3 {
                font-size: 20px;
            }

            #obtn .pageNewsList li a .dText .time {
                margin-top: 25px;
            }
}

@media screen and (max-width:1229px) {
    #obtn .pageNewsTit {
        margin-top: 60px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width:991px) {
    #obtn .pageNewsTit {
        margin-top: 50px;
        padding-bottom: 30px;
    }

    #obtn .pageNewsList li {
        margin: 40px 0 35px 0;
    }

        #obtn .pageNewsList li a .dText {
            margin-top: 20px;
        }

            #obtn .pageNewsList li a .dText h3 {
                font-size: 18px;
                line-height: 30px;
            }

            #obtn .pageNewsList li a .dText .p1 {
                font-size: 15px;
            }

            #obtn .pageNewsList li a .dText .time {
                font-size: 15px;
                margin-top: 15px;
            }
}

@media screen and (max-width:767px) {
    #obtn .pageNewsTit {
        margin-top: 35px;
        padding-bottom: 20px;
    }

    #obtn .pageNewsList:after {
        display: none;
    }

    #obtn .pageNewsList ul {
        margin-bottom: 15px;
    }

    #obtn .pageNewsList li {
        width: 100%;
        padding: 0;
        margin: 20px 0 10px 0;
    }

        #obtn .pageNewsList li:nth-child(2) {
            padding: 0;
        }
}

#obtn .downBox {
    float: left;
    width: 100%;
    background: #222426;
    padding: 80px 0 68px 0;
}

    #obtn .downBox .leftLogo {
        float: left;
    }

        #obtn .downBox .leftLogo a {
            float: left;
            line-height: 0;
        }

    #obtn .downBox .footNav {
        float: right;
    }

        #obtn .downBox .footNav a {
            float: left;
            margin-left: 50px;
            color: #ffffff;
            font-size: 16px;
            line-height: 50px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            font-family: Arial;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -ms-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }

            #obtn .downBox .footNav a:hover {
                font-weight: 600;
            }

#obtn .copyright {
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    border-color: rgba(255,255,255,0.15);
    margin-top: 41px;
    padding-top: 25px;
}

    #obtn .copyright .leftCopy {
        float: left;
        color: #fff;
        font-size: 16px;
        line-height: 45px;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    #obtn .copyright .rightShare {
        float: right;
        line-height: 45px;
    }

        #obtn .copyright .rightShare span {
            float: left;
            color: #fff;
            font-size: 16px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            font-family: Arial;
        }

        #obtn .copyright .rightShare a {
            float: left;
            margin: 12px 0 0 18px;
            line-height: 0;
            background: #a7a7a8;
            border-radius: 2px;
        }

            #obtn .copyright .rightShare a:hover {
                background: #e01018;
            }

@media screen and (max-width:1229px) {
    #obtn .downBox {
        padding: 60px 0 50px 0;
    }

        #obtn .downBox .footNav a {
            margin-left: 30px;
        }
}

@media screen and (max-width:991px) {
    #obtn .downBox {
        padding: 40px 0 35px 0;
    }

        #obtn .downBox .leftLogo {
            width: 100%;
            text-align: center;
            display: block;
        }

            #obtn .downBox .leftLogo a {
                display: inline-block;
                float: none;
            }

        #obtn .downBox .footNav {
            width: 100%;
            display: block;
            text-align: center;
        }

            #obtn .downBox .footNav a {
                font-size: 15px;
                margin: 0 10px;
                display: inline-block;
                float: none;
            }

    #obtn .copyright {
        margin-top: 20px;
        padding-top: 15px;
    }

        #obtn .copyright .leftCopy {
            font-size: 15px;
            line-height: 40px;
        }

        #obtn .copyright .rightShare {
            line-height: 40px;
        }

            #obtn .copyright .rightShare span {
                font-size: 15px;
            }

            #obtn .copyright .rightShare a {
                margin: 10px 0 0 15px;
            }
}

@media screen and (max-width:767px) {
    #obtn .downBox {
        margin-bottom: 50px;
        padding: 25px 0 20px 0;
    }

        #obtn .downBox .footNav {
            display: none;
        }

    #obtn .copyright .leftCopy {
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }

    #obtn .copyright .rightShare {
        width: 100%;
        display: block;
        text-align: center;
    }

        #obtn .copyright .rightShare span {
            float: none;
            display: inline-block;
            font-size: 14px;
        }

        #obtn .copyright .rightShare a {
            float: none;
            display: inline-block;
            margin-top: 0;
            vertical-align: middle;
        }
}

/*1Company profile1*/
#obtn .iBanner {
    float: left;
    width: 100%;
    line-height: 0;
    position: relative;
}

    #obtn .iBanner .currentBox {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        margin-top: -52px;
    }

        #obtn .iBanner .currentBox .tit {
            float: left;
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 48px;
            position: relative;
            font-weight: bold;
            font-family: Arial;
            line-height: 70px;
            padding-bottom: 35px;
        }

            #obtn .iBanner .currentBox .tit:after {
                position: absolute;
                content: '';
                width: 54px;
                height: 3px;
                background: #fff;
                left: 50%;
                margin-left: -27px;
                bottom: 0;
            }

@media screen and (max-width:991px) {
    #obtn .iBanner .currentBox {
        margin-top: -32px;
    }

        #obtn .iBanner .currentBox .tit {
            font-size: 40px;
            line-height: 40px;
            padding-bottom: 25px;
        }
}

@media screen and (max-width:767px) {
    #obtn .iBanner .currentBox .tit {
        font-size: 34px;
        line-height: 30px;
        padding-bottom: 15px;
    }

        #obtn .iBanner .currentBox .tit:after {
            width: 40px;
            margin-left: -20px;
            height: 2px;
        }
}


#obtn .pageAboutText {
    float: left;
    width: 36.3%;
    margin: 155px 0 130px 0;
}

#obtn .aboutH1 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 48px;
    line-height: 70px;
    font-weight: bold;
    position: relative;
}

    #obtn .aboutH1:after {
        position: absolute;
        content: '';
        width: 144px;
        height: 4px;
        background: #e01018;
        left: 0;
        bottom: -4px;
    }

    #obtn .aboutH1 span {
        position: absolute;
        left: 45px;
        font-size: 180px;
        line-height: 130px;
        opacity: 0.08;
        filter: alpha(opacity=8);
        top: 50%;
        margin-top: -65px;
    }

#obtn .pageAboutText .p1 {
    float: left;
    width: 90%;
    color: #333333;
    font-size: 16px;
    line-height: 32px;
    margin-top: 115px;
    max-height: 480px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

    #obtn .pageAboutText .p1::-webkit-scrollbar {
        width: 3px;
    }

    #obtn .pageAboutText .p1::-webkit-scrollbar-track {
        background-color: #e5e5e5;
        border-radius: 3px;
    }

    #obtn .pageAboutText .p1::-webkit-scrollbar-thumb {
        width: 3px;
        height: 60px;
        background-color: #e01018;
        border-radius: 3px;
    }

#obtn .pageAboutImg {
    float: left;
    width: 28.666%;
    margin-left: 4.7%;
    overflow: hidden;
}

    #obtn .pageAboutImg .wrapImg {
        float: left;
        width: 10000px;
        height: 955px;
        -moz-animation: bg 60s linear infinite;
        -webkit-animation: bg 60s linear infinite;
        -o-animation: bg 60s linear infinite;
        -ms-animation: bg 60s linear infinite;
        animation: bg 60s linear infinite;
    }

#obtn .pageAboutNum {
    float: right;
    width: 19%;
    margin-top: 255px;
}

    #obtn .pageAboutNum dl {
        float: left;
        width: 100%;
        margin-top: 80px;
    }

        #obtn .pageAboutNum dl dt {
            float: left;
            width: 100%;
            color: #333333;
            font-size: 72px;
            line-height: 75px;
            font-family: Arial;
        }

            #obtn .pageAboutNum dl dt span {
                float: left;
            }

            #obtn .pageAboutNum dl dt sup {
                float: left;
                font-size: 18px;
                line-height: 40px;
            }

        #obtn .pageAboutNum dl dd {
            float: left;
            width: 100%;
            color: #333333;
            font-size: 18px;
            font-family: Arial;
            line-height: 30px;
            margin-top: 8px;
        }

@media screen and (max-width:1569px) {
    #obtn .pageAboutText {
        margin: 110px 0 90px 0;
    }

    #obtn .aboutH1 {
        font-size: 42px;
    }

        #obtn .aboutH1 span {
            font-size: 130px;
            line-height: 140px;
        }

    #obtn .pageAboutText .p1 {
        margin-top: 90px;
        width: 95%;
    }

    #obtn .pageAboutImg .wrapImg {
        height: 850px;
    }

    #obtn .pageAboutNum {
        margin-top: 120px;
    }

        #obtn .pageAboutNum dl dt {
            font-size: 60px;
            line-height: 70px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .pageAboutText {
        margin: 70px 0 60px 0;
    }

    #obtn .aboutH1 {
        font-size: 32px;
    }

        #obtn .aboutH1 span {
            font-size: 110px;
            line-height: 100px;
            margin-top: -50px;
        }

    #obtn .pageAboutText .p1 {
        margin-top: 45px;
        font-size: 15px;
        line-height: 28px;
        max-height: 420px;
    }

    #obtn .pageAboutImg {
        width: 30%;
    }

        #obtn .pageAboutImg .wrapImg {
            height: 700px;
        }

    #obtn .pageAboutNum {
        margin-top: 100px;
    }

        #obtn .pageAboutNum dl {
            margin-top: 50px;
        }

            #obtn .pageAboutNum dl dt {
                font-size: 50px;
                line-height: 60px;
            }

            #obtn .pageAboutNum dl dd {
                font-size: 16px;
            }
}

@media screen and (max-width:991px) {
    #obtn .pageAboutText {
        width: 55%;
        margin: 40px 0 30px 0;
    }

    #obtn .aboutH1 span {
        font-size: 100px;
        left: 30px;
    }

    #obtn .pageAboutText .p1 {
        margin-top: 30px;
        max-height: 280px;
    }

    #obtn .pageAboutImg {
        float: right;
        width: 40%;
    }

        #obtn .pageAboutImg .wrapImg {
            height: 650px;
        }

    #obtn .pageAboutNum {
        float: left;
        width: 55%;
        margin-top: 0;
    }

        #obtn .pageAboutNum dl {
            width: 33.333%;
            margin-top: 30px;
        }

            #obtn .pageAboutNum dl dt {
                font-size: 32px;
                line-height: 45px;
            }

            #obtn .pageAboutNum dl dd {
                font-size: 14px;
                line-height: 24px;
            }
}

@media screen and (max-width:767px) {
    #obtn .pageAboutText {
        width: 100%;
        margin: 35px 0 30px 0;
    }

    #obtn .aboutH1 {
        font-size: 28px;
        line-height: 40px;
    }

        #obtn .aboutH1 span {
            font-size: 80px;
            line-height: 80px;
            margin-top: -40px;
            left: 30px;
        }

    #obtn .pageAboutText .p1 {
        width: 100%;
    }

    #obtn .pageAboutImg {
        width: 100%;
    }

        #obtn .pageAboutImg .wrapImg {
            height: 300px;
        }

    #obtn .pageAboutNum {
        width: 100%;
        margin-bottom: 30px;
    }

        #obtn .pageAboutNum dl {
            margin-top: 15px;
        }

            #obtn .pageAboutNum dl dt {
                font-size: 24px;
            }
}

#obtn .pageAboutLocBox {
    float: left;
    width: 100%;
    background: #134074;
    position: relative;
    padding: 160px 0 140px 0;
}

#obtn .pageAboutLocBg {
    float: left;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

#obtn .pageAboutLocBox .topTit {
    float: left;
    width: 100%;
}

    #obtn .pageAboutLocBox .topTit .aboutH1 {
        color: #fff;
        width: auto;
    }

        #obtn .pageAboutLocBox .topTit .aboutH1:after {
            background: #fff;
        }

    #obtn .pageAboutLocBox .topTit .rightText {
        float: right;
        color: #fff;
        text-align: right;
        line-height: 35px;
        margin-top: 25px;
    }

        #obtn .pageAboutLocBox .topTit .rightText span {
            display: block;
            font-size: 24px;
        }

        #obtn .pageAboutLocBox .topTit .rightText p {
            font-size: 18px;
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

#obtn .AboutLocList {
    float: left;
    width: 100%;
    margin-top: 70px;
}

    #obtn .AboutLocList ul {
        margin: 0 -15px;
    }

    #obtn .AboutLocList li {
        float: left;
        width: 50%;
        padding: 0 15px;
    }
        /*#obtn .AboutLocList li:first-child{width:50%;}*/
        #obtn .AboutLocList li .liBox {
            float: left;
            width: 100%;
            background: #fff;
            padding: 0 50px 0 120px;
            height: 128px;
            display: table;
            position: relative;
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
        }

            #obtn .AboutLocList li .liBox .table {
                display: table-cell;
                vertical-align: middle;
            }

            #obtn .AboutLocList li .liBox .lIco {
                position: absolute;
                width: 68px;
                height: 68px;
                line-height: 0;
                top: 50%;
                margin-top: -34px;
                left: 30px;
                background: #0068b7;
                background: rgba(0,104,183,0.1);
                border-radius: 35px;
                -moz-border-radius: 35px;
                -webkit-border-radius: 35px;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

            #obtn .AboutLocList li .liBox:hover .lIco {
                transform: rotateY(360deg);
                -ms-transform: rotateY(360deg); /* IE 9 */
                -moz-transform: rotateY(360deg); /* Firefox */
                -webkit-transform: rotateY(360deg); /* Safari 和 Chrome */
                -o-transform: rotateY(360deg);
            }

            #obtn .AboutLocList li .liBox .textBox {
                float: left;
                width: 100%;
                color: #333333;
                font-family: Arial;
                font-size: 16px;
                line-height: 28px;
            }

@media screen and (max-width:1569px) {
    #obtn .pageAboutLocBox {
        padding: 120px 0 100px 0;
    }

    #obtn .AboutLocList li .liBox {
        padding: 0 30px 0 120px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .pageAboutLocBox {
        padding: 90px 0 80px 0;
    }

        #obtn .pageAboutLocBox .topTit .rightText {
            margin-top: 15px;
            line-height: 30px;
        }

            #obtn .pageAboutLocBox .topTit .rightText span {
                font-size: 20px;
            }

            #obtn .pageAboutLocBox .topTit .rightText p {
                font-size: 16px;
            }

    #obtn .AboutLocList {
        margin-top: 50px;
    }

        #obtn .AboutLocList ul {
            margin: 0 -10px;
        }

        #obtn .AboutLocList li {
            padding: 0 10px;
        }

            #obtn .AboutLocList li .liBox {
                padding: 0 20px 0 80px;
                height: 100px;
            }

                #obtn .AboutLocList li .liBox .lIco {
                    width: 50px;
                    height: 50px;
                    margin-top: -25px;
                    left: 15px;
                }

                #obtn .AboutLocList li .liBox .textBox {
                    font-size: 15px;
                    line-height: 26px;
                }
}

@media screen and (max-width:991px) {
    #obtn .pageAboutLocBox {
        padding: 70px 0 60px 0;
    }

    #obtn .AboutLocList {
        margin-top: 20px;
    }

        #obtn .AboutLocList li {
            width: 100%;
            margin-top: 20px;
        }

            #obtn .AboutLocList li:first-child {
                width: 100%;
            }
}

@media screen and (max-width:767px) {
    #obtn .pageAboutLocBox {
        padding: 40px 0 30px 0;
    }

        #obtn .pageAboutLocBox .topTit .rightText {
            width: 100%;
            margin-top: 20px;
        }

            #obtn .pageAboutLocBox .topTit .rightText span {
                font-size: 18px;
            }

            #obtn .pageAboutLocBox .topTit .rightText p {
                font-size: 14px;
            }

    #obtn .AboutLocList {
        margin-top: 10px;
    }

        #obtn .AboutLocList li {
            margin-top: 15px;
        }

            #obtn .AboutLocList li .liBox .textBox {
                font-size: 14px;
            }
}

#obtn .AboutDevHistoryBox {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    padding: 144px 0 120px 0;
}

#obtn .AboutDevHistoryBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

#obtn .AboutDevHistoryInfo {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}

#obtn .DevHisWords {
    float: left;
    width: 100%;
    margin-top: -53px;
}

    #obtn .DevHisWords .li1 {
        float: left;
        width: 100%;
    }

        #obtn .DevHisWords .li1 .leftText {
            float: left;
            width: 49%;
            margin-top: 170px;
        }

            #obtn .DevHisWords .li1 .leftText .time {
                float: left;
                width: 100%;
                color: #0068b7;
                font-size: 150px;
                line-height: 120px;
                font-weight: bold;
                font-style: italic;
                font-family: Arial;
            }

            #obtn .DevHisWords .li1 .leftText .p1 {
                float: left;
                width: 100%;
                color: #333333;
                font-size: 18px;
                line-height: 48px;
                font-family: Arial;
                margin-top: 45px;
            }

        #obtn .DevHisWords .li1 .rightImg {
            float: right;
            width: 49%;
            position: relative;
        }

            #obtn .DevHisWords .li1 .rightImg .dlBox {
                float: left;
                width: 100%;
            }

                #obtn .DevHisWords .li1 .rightImg .dlBox li {
                    float: left;
                    width: 100%;
                    line-height: 0;
                    height: 418px;
                }

            #obtn .DevHisWords .li1 .rightImg .dlIco {
                position: absolute;
                width: 100%;
                bottom: 20px;
                padding-right: 20px;
            }

                #obtn .DevHisWords .li1 .rightImg .dlIco li {
                    float: right;
                    width: 46px;
                    height: 5px;
                    margin-right: 10px;
                    background: #fff;
                    opacity: 0.6;
                    filter: alpha(opacity=60);
                    cursor: pointer;
                }

                    #obtn .DevHisWords .li1 .rightImg .dlIco li.on {
                        opacity: 1;
                        filter: alpha(opacity=100);
                    }

#obtn .DevHisTime {
    float: left;
    width: 100%;
    margin-top: 75px;
    position: relative;
    z-index: 1;
}

    #obtn .DevHisTime:after {
        position: absolute;
        content: '';
        width: 180%;
        height: 1px;
        background: #bfbfbf;
        bottom: 18px;
        left: 0;
        z-index: -1;
    }

    #obtn .DevHisTime .timeLi {
        float: left;
        width: 100%;
        color: #333333;
        font-size: 18px;
        line-height: 30px;
        font-family: Arial;
        font-weight: bold;
        text-align: center;
        position: relative;
        z-index: 4;
        padding-bottom: 35px;
        cursor: pointer;
    }

        #obtn .DevHisTime .timeLi:after {
            position: absolute;
            content: '';
            width: 9px;
            height: 9px;
            background: #bfbfbf;
            bottom: 14px;
            left: 50%;
            margin-left: -4.5px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

    #obtn .DevHisTime .slick-slide.slick-current.slick-active .timeLi:after {
        width: 37px;
        height: 37px;
        background: #f5f5f6;
        margin-left: -18.5px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        bottom: 0;
    }

    #obtn .DevHisTime .slick-slide.slick-current.slick-active .timeLi:before {
        position: absolute;
        z-index: 5;
        content: '';
        width: 17px;
        height: 17px;
        background: #fff;
        border: 4px solid #e01018;
        left: 50%;
        margin-left: -8.5px;
        bottom: 10px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }

    #obtn .DevHisTime .slick-prev,
    #obtn .DevHisTime .slick-next {
        width: 47px;
        height: 47px;
        border: 1px solid #bfbfbf;
        left: -75px;
        top: auto;
        bottom: -26px;
        background: #fff;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
    }

    #obtn .DevHisTime .slick-next {
        left: auto;
        right: -75px;
    }

        #obtn .DevHisTime .slick-prev:after,
        #obtn .DevHisTime .slick-next:after {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            width: 47px;
            height: 47px;
            background: url("img/about8.png") no-repeat center;
            background-size: cover;
        }

        #obtn .DevHisTime .slick-next:after {
            background: url("img/about9.png") no-repeat center;
            background-size: cover;
        }

@media screen and (max-width:1569px) {
    #obtn .AboutDevHistoryBox {
        padding: 110px 0 100px 0;
    }

    #obtn .DevHisWords .li1 .leftText {
        margin-top: 150px;
    }

        #obtn .DevHisWords .li1 .leftText .time {
            font-size: 120px;
            line-height: 100px;
        }

        #obtn .DevHisWords .li1 .leftText .p1 {
            margin-top: 30px;
            line-height: 38px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .AboutDevHistoryBox {
        padding: 75px 0 70px 0;
    }

    #obtn .DevHisWords {
        margin-top: 0;
    }

        #obtn .DevHisWords .li1 .leftText {
            margin-top: 50px;
        }

            #obtn .DevHisWords .li1 .leftText .time {
                font-size: 100px;
                line-height: 90px;
            }

            #obtn .DevHisWords .li1 .leftText .p1 {
                font-size: 16px;
                line-height: 30px;
            }

        #obtn .DevHisWords .li1 .rightImg .dlIco li {
            width: 30px;
        }

    #obtn .DevHisTime {
        margin-top: 50px;
    }

        #obtn .DevHisTime .slick-prev,
        #obtn .DevHisTime .slick-next {
            width: 40px;
            height: 40px;
            left: -50px;
            top: auto;
            bottom: -21px;
        }

        #obtn .DevHisTime .slick-next {
            left: auto;
            right: -50px;
        }

            #obtn .DevHisTime .slick-prev:after,
            #obtn .DevHisTime .slick-next:after {
                left: 0;
                top: 0;
                width: 40px;
                height: 40px;
                background: url("img/about8.png") no-repeat center;
                background-size: cover;
            }

            #obtn .DevHisTime .slick-next:after {
                background: url("img/about9.png") no-repeat center;
                background-size: cover;
            }
}

@media screen and (max-width:991px) {
    #obtn .AboutDevHistoryBox {
        padding: 55px 0 50px 0;
    }

    #obtn .DevHisWords .li1 .leftText {
        width: 100%;
        margin-top: 40px;
    }

        #obtn .DevHisWords .li1 .leftText .time {
            font-size: 80px;
            line-height: 80px;
        }

        #obtn .DevHisWords .li1 .leftText .p1 {
            margin-top: 15px;
        }

    #obtn .DevHisWords .li1 .rightImg {
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width:767px) {
    #obtn .AboutDevHistoryBox {
        padding: 40px 0 35px 0;
    }

    #obtn .DevHisWords .li1 .leftText {
        margin-top: 30px;
    }

        #obtn .DevHisWords .li1 .leftText .time {
            font-size: 70px;
            line-height: 70px;
        }

        #obtn .DevHisWords .li1 .leftText .p1 {
            font-size: 15px;
            line-height: 28px;
            margin-top: 5px;
        }

    #obtn .DevHisWords .li1 .rightImg {
        margin-top: 10px;
    }

    #obtn .DevHisTime {
        margin-top: 25px;
    }

        #obtn .DevHisTime .slick-prev,
        #obtn .DevHisTime .slick-next {
            width: 30px;
            height: 30px;
            left: -15px;
            top: auto;
            bottom: -12px;
        }

        #obtn .DevHisTime .slick-next {
            left: auto;
            right: -15px;
        }

            #obtn .DevHisTime .slick-prev:after,
            #obtn .DevHisTime .slick-next:after {
                left: 0;
                top: 0;
                width: 30px;
                height: 30px;
                background: url("img/about8.png") no-repeat center;
                background-size: cover;
            }

            #obtn .DevHisTime .slick-next:after {
                background: url("img/about9.png") no-repeat center;
                background-size: cover;
            }

        #obtn .DevHisTime .timeLi {
            font-size: 16px;
        }
}

#obtn .pageAboutVideoBox {
    float: left;
    width: 100%;
    background: #f1f2f4;
    padding: 145px 0 140px 0;
}

#obtn .pageAboutVideoList {
    float: left;
    width: 100%;
    margin-top: 115px;
}

    #obtn .pageAboutVideoList .slick-list {
        padding: 0 7.5%;
    }

    #obtn .pageAboutVideoList .slick-slide {
        padding: 0 15px;
    }

    #obtn .pageAboutVideoList .liBox {
        float: left;
        width: 100%;
        position: relative;
        background: #000;
    }

        #obtn .pageAboutVideoList .liBox video {
            float: left;
            width: 100%;
            opacity: 0.2;
            filter: alpha(opacity=20);
            line-height: 0;
            cursor: pointer;
        }

    #obtn .pageAboutVideoList .slick-slide.slick-current.slick-active .liBox video {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #obtn .pageAboutVideoList .slick-slide.slick-active .liBox video {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #obtn .pageAboutVideoList .liBox .hValueButton {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        top: 50%;
        margin-top: -61px;
        cursor: pointer;
    }

        #obtn .pageAboutVideoList .liBox .hValueButton span {
            display: block;
            text-align: center;
            line-height: 0;
        }

            #obtn .pageAboutVideoList .liBox .hValueButton span img {
                background: #e01018;
                background: rgba(0,101,189,0.78);
                border-radius: 50px;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
            }

        #obtn .pageAboutVideoList .liBox .hValueButton b {
            display: block;
            text-align: center;
            font-size: 18px;
            line-height: 30px;
            margin-top: 12px;
        }

    #obtn .pageAboutVideoList .slick-prev,
    #obtn .pageAboutVideoList .slick-next {
        width: 66px;
        height: 66px;
        background: url("img/prev.png") no-repeat center;
        background-size: cover;
        left: 10px;
    }

    #obtn .pageAboutVideoList .slick-next {
        background: url("img/next.png") no-repeat center;
        background-size: cover;
        left: auto;
        right: 10px;
    }

#obtn .videoFloatBg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 99;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#obtn .videoFloatBox {
    display: none;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 200px;
    z-index: 100;
}

    #obtn .videoFloatBox li {
        float: left;
        width: 100%;
        position: relative;
    }

        #obtn .videoFloatBox li video {
            width: 100%;
        }

        #obtn .videoFloatBox li .close {
            position: absolute;
            width: 30px;
            height: 30px;
            line-height: 0;
            right: -35px;
            top: -15px;
            cursor: pointer;
        }

@media screen and (max-width:1569px) {
    #obtn .pageAboutVideoBox {
        padding: 100px 0 110px 0;
    }

    #obtn .pageAboutVideoList {
        margin-top: 80px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .pageAboutVideoBox {
        padding: 80px 0 90px 0;
    }

    #obtn .pageAboutVideoList {
        margin-top: 70px;
    }

        #obtn .pageAboutVideoList .liBox .hValueButton span img {
            width: 70px;
            height: 70px;
        }

        #obtn .pageAboutVideoList .liBox .hValueButton b {
            font-size: 16px;
        }
}

@media screen and (max-width:991px) {
    #obtn .pageAboutVideoBox {
        padding: 60px 0 70px 0;
    }

    #obtn .pageAboutVideoList {
        margin-top: 50px;
    }

        #obtn .pageAboutVideoList .slick-slide {
            padding: 0 10px;
        }

        #obtn .pageAboutVideoList .liBox .hValueButton {
            margin-top: -51px;
        }

            #obtn .pageAboutVideoList .liBox .hValueButton span img {
                width: 60px;
                height: 60px;
            }

        #obtn .pageAboutVideoList .slick-prev,
        #obtn .pageAboutVideoList .slick-next {
            width: 50px;
            height: 50px;
        }
}

@media screen and (max-width:767px) {
    #obtn .pageAboutVideoBox {
        padding: 35px 0 40px 0;
    }

    #obtn .pageAboutVideoList {
        margin-top: 35px;
    }

        #obtn .pageAboutVideoList .slick-list {
            padding: 0 10%;
        }

        #obtn .pageAboutVideoList .slick-slide {
            padding: 0 5px;
        }

        #obtn .pageAboutVideoList .slick-prev,
        #obtn .pageAboutVideoList .slick-next {
            width: 30px;
            height: 30px;
            left: 0;
        }

        #obtn .pageAboutVideoList .slick-next {
            left: auto;
            right: 0;
        }

        #obtn .pageAboutVideoList .liBox .hValueButton {
            margin-top: -42px;
        }

            #obtn .pageAboutVideoList .liBox .hValueButton span img {
                width: 50px;
                height: 50px;
            }

            #obtn .pageAboutVideoList .liBox .hValueButton b {
                font-size: 14px;
                margin-top: 5px;
            }

    #obtn .videoFloatBox li .close {
        width: 20px;
        height: 20px;
        right: -25px;
        top: -10px;
    }
}

/*2KION Group profile*/
#obtn .kionGroupBox {
    float: left;
    width: 100%;
    margin: 155px 0 115px 0;
}

    #obtn .kionGroupBox .kionGroupLeft {
        float: left;
        width: 59%;
    }

    #obtn .kionGroupBox .kionGroupText {
        float: left;
        width: 100%;
        color: #333333;
        margin-top: 85px;
        font-size: 16px;
        line-height: 32px;
    }

    #obtn .kionGroupBox .kionGroupRight {
        float: right;
        width: 38%;
    }

    #obtn .kionGroupBox .kionGroupMore {
        float: right;
        margin-top: 25px;
    }

        #obtn .kionGroupBox .kionGroupMore a {
            float: left;
            width: 322px;
            height: 72px;
            background: #e01018;
            color: #fff;
            line-height: 72px;
            text-align: center;
            font-size: 16px;
        }

            #obtn .kionGroupBox .kionGroupMore a img {
                vertical-align: middle;
                margin-top: -2px;
                background: #fff;
                background: rgba(255,255,255,0.2);
                border-radius: 30px;
                -moz-border-radius: 30px;
                -webkit-border-radius: 30px;
            }

    #obtn .kionGroupBox a:hover {
        box-shadow: 0 0 10px rgba(0,101,189,0.2);
        -moz-box-shadow: 0 0 10px rgba(0,101,189,0.2);
        -webkit-box-shadow: 0 0 10px rgba(0,101,189,0.2);
        border-radius: 60px;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
    }

    #obtn .kionGroupBox .kionGroupList {
        float: right;
        width: 100%;
        margin-top: 40px;
    }

@media screen and (max-width:1569px) {
    #obtn .kionGroupBox {
        margin: 120px 0 100px 0;
    }

        #obtn .kionGroupBox .kionGroupMore {
            margin-top: 15px;
        }

        #obtn .kionGroupBox .kionGroupText {
            margin-top: 70px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .kionGroupBox {
        margin: 85px 0 80px 0;
    }

        #obtn .kionGroupBox .kionGroupMore a {
            width: 300px;
            height: 60px;
            line-height: 60px;
        }

        #obtn .kionGroupBox .kionGroupText {
            margin-top: 50px;
            font-size: 15px;
            line-height: 28px;
        }
}

@media screen and (max-width:991px) {
    #obtn .kionGroupBox {
        margin: 60px 0 50px 0;
    }

        #obtn .kionGroupBox .kionGroupLeft {
            width: 100%;
        }

        #obtn .kionGroupBox .kionGroupText {
            margin-top: 40px;
        }

        #obtn .kionGroupBox .kionGroupRight {
            width: 100%;
        }

        #obtn .kionGroupBox .kionGroupMore {
            float: left;
            margin-top: 25px;
        }

            #obtn .kionGroupBox .kionGroupMore a {
                font-size: 14px;
                width: 280px;
                height: 55px;
                line-height: 55px;
            }
}

@media screen and (max-width:767px) {
    #obtn .kionGroupBox {
        margin: 40px 0 35px 0;
    }

        #obtn .kionGroupBox .kionGroupText {
            margin-top: 30px;
            font-size: 14px;
            line-height: 26px;
        }

        #obtn .kionGroupBox .kionGroupMore {
            margin-top: 20px;
        }

            #obtn .kionGroupBox .kionGroupMore a {
                height: 50px;
                line-height: 50px;
                width: 240px;
            }

                #obtn .kionGroupBox .kionGroupMore a img {
                    width: 30px;
                    height: 30px;
                }

        #obtn .kionGroupBox .kionGroupList {
            margin-top: 20px;
        }
}

@-moz-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -moz-transform: translate3d(-2250px,0,0);
        -webkit-transform: translate3d(-2250px,0,0);
        -o-transform: translate3d(-2250px,0,0);
        -ms-transform: translate3d(-2250px,0,0);
        transform: translate3d(-2250px,0,0);
    }
}

@-webkit-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -moz-transform: translate3d(-2250px,0,0);
        -webkit-transform: translate3d(-2250px,0,0);
        -o-transform: translate3d(-2250px,0,0);
        -ms-transform: translate3d(-2250px,0,0);
        transform: translate3d(-2250px,0,0);
    }
}

@-o-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -moz-transform: translate3d(-2250px,0,0);
        -webkit-transform: translate3d(-2250px,0,0);
        -o-transform: translate3d(-2250px,0,0);
        -ms-transform: translate3d(-2250px,0,0);
        transform: translate3d(-2250px,0,0);
    }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -moz-transform: translate3d(-2250px,0,0);
        -webkit-transform: translate3d(-2250px,0,0);
        -o-transform: translate3d(-2250px,0,0);
        -ms-transform: translate3d(-2250px,0,0);
        transform: translate3d(-2250px,0,0);
    }
}

@keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -moz-transform: translate3d(-2250px,0,0);
        -webkit-transform: translate3d(-2250px,0,0);
        -o-transform: translate3d(-2250px,0,0);
        -ms-transform: translate3d(-2250px,0,0);
        transform: translate3d(-2250px,0,0);
    }
}

/*3products*/

/*二级导航*/
/*左边*/
#obtn .slideBox {
    float: left;
    width: 100%;
}

    #obtn .slideBox .pz_SideLayer {
        float: left;
    }

        #obtn .slideBox .pz_SideLayer .l1 {
            float: left;
            position: relative;
        }

            #obtn .slideBox .pz_SideLayer .l1 a {
                float: left;
                height: 68px;
                line-height: 68px;
                color: #333333;
                font-size: 18px;
                padding: 0 30px;
                position: relative;
                font-family: Arial;
            }

                #obtn .slideBox .pz_SideLayer .l1 a:after {
                    float: left;
                    width: 0;
                    height: 100%;
                    content: '';
                    position: absolute;
                    z-index: -1;
                    left: 50%;
                    bottom: 0;
                    background: #e01018;
                    transition: all 0.5s linear;
                    -webkit-transition: all 0.5s linear;
                    -o-transition: all 0.5s linear;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                }

            #obtn .slideBox .pz_SideLayer .l1.on a,
            #obtn .slideBox .pz_SideLayer .l1:hover a {
                color: #ffffff;
            }

                #obtn .slideBox .pz_SideLayer .l1.on a:after,
                #obtn .slideBox .pz_SideLayer .l1:hover a:after {
                    width: 100%;
                }

@media screen and (max-width:1569px) {
    #obtn .slideBox .pz_SideLayer .l1 a {
        padding: 0 15px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .slideBox .pz_SideLayer .l1 a {
        font-size: 15px;
        height: 55px;
        line-height: 55px;
        padding: 0 11px;
    }
}

@media screen and (max-width:991px) {
    #obtn .slideBox {
        white-space: nowrap;
        height: 50px;
    }

        #obtn .slideBox .maxWidth {
            overflow-x: scroll;
            white-space: nowrap;
        }

        #obtn .slideBox .pz_SideLayer {
            overflow-x: scroll;
            white-space: nowrap;
        }

            #obtn .slideBox .pz_SideLayer .l1 {
                float: none;
                display: inline-block;
                white-space: nowrap;
            }

                #obtn .slideBox .pz_SideLayer .l1 a {
                    height: 50px;
                    line-height: 50px;
                }

                #obtn .slideBox .pz_SideLayer .l1:last-child {
                    margin-right: 15px;
                }
}

@media screen and (max-width:767px) {
    #obtn .slideBox .pz_SideLayer .l1 a {
        font-size: 14px;
    }
}

#obtn .pageProBox {
    float: left;
    width: 100%;
    background: #f2f2f2;
}

#obtn .pageProList {
    float: left;
    width: 100%;
    margin-top: 64px;
}

    #obtn .pageProList ul {
        margin: 0 -17.5px;
    }

    #obtn .pageProList li {
        float: left;
        width: 33.3333%;
        padding: 0 17.5px;
        margin-top: 35px;
    }

        #obtn .pageProList li a {
            float: left;
            width: 100%;
            background: #fff;
        }

            #obtn .pageProList li a .tImg {
                float: left;
                width: 100%;
                line-height: 0;
                position: relative;
                overflow: hidden;
            }

                #obtn .pageProList li a .tImg:after {
                    position: absolute;
                    content: '';
                    z-index: 1;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 0;
                    border-left: 0 solid transparent;
                    border-right: 160px solid transparent;
                    border-bottom: 280px solid #f2f7fc;
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                }

                #obtn .pageProList li a .tImg:before {
                    position: absolute;
                    content: '';
                    z-index: 2;
                    left: 0;
                    bottom: 200px;
                    width: 0;
                    height: 0;
                    border-top: 80px solid #fff;
                    border-right: 330px solid transparent;
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                }

                #obtn .pageProList li a .tImg img {
                    position: relative;
                    z-index: 4;
                }

            #obtn .pageProList li a:hover .tImg:after {
                border-bottom: 280px solid #e01018;
            }

            #obtn .pageProList li a .dText {
                float: left;
                width: 100%;
                background: #fff;
                padding-bottom: 30px;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

            #obtn .pageProList li a:hover .dText {
                background: #e01018;
            }

            #obtn .pageProList li a .dText h3 {
                float: left;
                width: 100%;
                margin-top: 24px;
                color: #222222;
                font-size: 30px;
                line-height: 40px;
                text-align: center;
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

            #obtn .pageProList li a:hover .dText h3 {
                color: #fff;
            }

            #obtn .pageProList li a .dText .labelSp {
                float: left;
                width: 100%;
                text-align: center;
                color: #555555;
                font-size: 16px;
                line-height: 28px;
                margin-top: 7px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

            #obtn .pageProList li a:hover .dText .labelSp {
                color: #fff;
            }

            #obtn .pageProList li a .dText .more {
                float: left;
                width: 100%;
                display: block;
                text-align: center;
                margin-top: 24px;
            }

                #obtn .pageProList li a .dText .more span {
                    display: inline-block;
                    width: 168px;
                    height: 46px;
                    border: 1px solid #e01018;
                    border-color: rgba(0,101,189,0.6);
                    color: #e01018;
                    font-size: 14px;
                    line-height: 46px;
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                }

            #obtn .pageProList li a:hover .dText .more span {
                color: #fff;
                background: #fff;
                background: rgba(255,255,255,0.1);
                border-color: rgba(255,255,255,0.1);
            }

#obtn .pageMore {
    float: left;
    width: 100%;
    margin: 51px 0 90px 0;
    display: block;
    text-align: center;
    position: relative;
}

    #obtn .pageMore:after {
        position: absolute;
        content: '';
        width: 200%;
        left: -50%;
        height: 1px;
        background: #d9d9d9;
        top: 50%;
    }

    #obtn .pageMore a {
        display: inline-block;
        width: 180px;
        line-height: 35px;
        background: #f2f2f2;
        position: relative;
        z-index: 2;
        color: #444444;
    }

        #obtn .pageMore a img {
            vertical-align: middle;
            margin-top: -2px;
        }

        #obtn .pageMore a:hover {
            color: #e01018;
        }

@media screen and (max-width:1569px) {
    #obtn .pageProList li a .tImg:after {
        border-left: 0 solid transparent;
        border-right: 160px solid transparent;
        border-bottom: 250px solid #f2f7fc;
    }

    #obtn .pageProList li a .tImg:before {
        bottom: 190px;
        border-top: 60px solid #fff;
        border-right: 240px solid transparent;
    }

    #obtn .pageProList li a:hover .tImg:after {
        border-bottom: 250px solid #e01018;
    }
}

@media screen and (max-width:1229px) {
    #obtn .pageProList {
        margin-top: 40px;
    }

        #obtn .pageProList ul {
            margin: 0 -10px;
        }

        #obtn .pageProList li {
            padding: 0 10px;
            margin-top: 20px;
        }

            #obtn .pageProList li a .dText {
                padding-bottom: 20px;
            }

                #obtn .pageProList li a .dText h3 {
                    font-size: 24px;
                    margin-top: 15px;
                }

                #obtn .pageProList li a .dText .more {
                    margin-top: 15px;
                }

                    #obtn .pageProList li a .dText .more span {
                        height: 40px;
                        line-height: 40px;
                    }

    #obtn .pageMore {
        margin: 40px 0 60px 0;
    }
}

@media screen and (max-width:991px) {
    #obtn .pageProList {
        margin-top: 30px;
    }

        #obtn .pageProList li a .tImg:after {
            border-bottom: 150px solid #f2f7fc;
            border-right: 130px solid transparent;
        }

        #obtn .pageProList li a .tImg:before {
            bottom: 110px;
        }

        #obtn .pageProList li a:hover .tImg:after {
            border-bottom: 150px solid #e01018;
        }

        #obtn .pageProList li a .dText h3 {
            font-size: 20px;
            line-height: 30px;
        }

        #obtn .pageProList li a .dText .labelSp {
            font-size: 14px;
        }

    #obtn .pageMore {
        margin: 35px 0 50px 0;
    }

        #obtn .pageMore a {
            font-size: 15px;
        }
}

@media screen and (max-width:767px) {
    #obtn .pageProList {
        margin-top: 15px;
    }

        #obtn .pageProList ul {
            margin: 0 -5px;
        }

        #obtn .pageProList li {
            width: 50%;
            padding: 0 5px;
            margin-top: 15px;
        }

            #obtn .pageProList li a .dText h3 {
                font-size: 18px;
            }

            #obtn .pageProList li a .dText .labelSp {
                margin-top: 0;
            }

            #obtn .pageProList li a .dText .more {
                margin-top: 10px;
            }

                #obtn .pageProList li a .dText .more span {
                    width: 140px;
                    height: 30px;
                    line-height: 29px;
                    font-size: 12px;
                }

    #obtn .pageMore {
        margin: 20px 0 30px 0;
    }

        #obtn .pageMore a {
            font-size: 14px;
        }

            #obtn .pageMore a img {
                width: 7px;
                height: 12px;
            }
}
/*4products-details*/
#obtn .pageProInfo {
    float: left;
    width: 100%;
    background: #f4f6f7;
    background: -moz-linear-gradient(top, #f4f6f7 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6f7), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f4f6f7 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f4f6f7 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f4f6f7 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f4f6f7 0%,#ffffff 100%);
}

    #obtn .pageProInfo .pageProLocation {
        float: left;
        width: 100%;
        margin-top: 22px;
        border-bottom: 1px solid #d4d4d4;
    }

        #obtn .pageProInfo .pageProLocation .leftLoca {
            float: left;
            color: #e01018;
            font-size: 30px;
            line-height: 72px;
            font-family: Arial;
        }

        #obtn .pageProInfo .pageProLocation .proReturn {
            float: right;
            margin-top: 12px;
        }

            #obtn .pageProInfo .pageProLocation .proReturn a {
                float: left;
                padding: 0 25px;
                height: 36px;
                background: #134074;
                color: #fff;
                font-size: 16px;
                line-height: 36px;
                font-family: Arial;
                border-radius: 25px;
                -moz-border-radius: 25px;
                -webkit-border-radius: 25px;
            }

                #obtn .pageProInfo .pageProLocation .proReturn a img {
                    vertical-align: middle;
                    margin-top: -2px;
                }

                #obtn .pageProInfo .pageProLocation .proReturn a:hover {
                    background: #e01018;
                }

    #obtn .pageProInfo .proRightNav {
        float: right;
    }

        #obtn .pageProInfo .proRightNav li {
            float: left;
            padding: 0 38px;
            position: relative;
            line-height: 72px;
        }

            #obtn .pageProInfo .proRightNav li:after {
                position: absolute;
                content: '';
                right: 0;
                width: 1px;
                height: 14px;
                background: #d7d7d7;
                top: 50%;
                margin-top: -7px;
            }

            #obtn .pageProInfo .proRightNav li:last-child:after {
                display: none;
            }

            #obtn .pageProInfo .proRightNav li a {
                float: left;
                color: #333333;
                font-size: 18px;
                font-family: Arial;
            }

                #obtn .pageProInfo .proRightNav li a:hover {
                    color: #e01018;
                }

@media screen and (max-width:1569px) {
    #obtn .pageProInfo .pageProLocation {
        margin-top: 15px;
    }

        #obtn .pageProInfo .pageProLocation .leftLoca {
            line-height: 70px;
            font-size: 26px;
        }

        #obtn .pageProInfo .pageProLocation .proReturn {
            margin-top: 14px;
        }

    #obtn .pageProInfo .proRightNav li {
        line-height: 70px;
        padding: 0 30px;
    }

        #obtn .pageProInfo .proRightNav li a {
            font-size: 16px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .pageProInfo .pageProLocation .leftLoca {
        line-height: 60px;
        font-size: 22px;
    }

    #obtn .pageProInfo .proRightNav li {
        line-height: 60px;
        padding: 0 20px;
    }

    #obtn .pageProInfo .pageProLocation .proReturn a {
        height: 32px;
        font-size: 15px;
        line-height: 32px;
    }
}

@media screen and (max-width:991px) {
    #obtn .pageProInfo .proRightNav {
        width: 100%;
    }

        #obtn .pageProInfo .proRightNav li {
            line-height: 50px;
        }

            #obtn .pageProInfo .proRightNav li:first-child {
                padding-left: 0;
            }

            #obtn .pageProInfo .proRightNav li:last-child {
                padding-right: 0;
            }
}

@media screen and (max-width:767px) {
    #obtn .pageProInfo .pageProLocation {
        margin-top: 10px;
    }

        #obtn .pageProInfo .pageProLocation .leftLoca {
            font-size: 18px;
            line-height: 50px;
        }

        #obtn .pageProInfo .pageProLocation .proReturn {
            margin-top: 9px;
        }

            #obtn .pageProInfo .pageProLocation .proReturn a {
                padding: 0 15px;
            }

    #obtn .pageProInfo .proRightNav li {
        line-height: 40px;
        padding: 0 7px;
    }

        #obtn .pageProInfo .proRightNav li a {
            font-size: 12px;
        }
}

#obtn .pageProLeftImg {
    float: left;
    width: 59.23%;
}

    #obtn .pageProLeftImg .leftImgBig {
        float: left;
        width: 82.8%;
    }

        #obtn .pageProLeftImg .leftImgBig .imgLi {
            float: left;
            width: 100%;
            line-height: 0;
        }

    #obtn .pageProLeftImg .rightImgSmall {
        float: right;
        width: 80px;
        margin-top: 20%;
    }

        #obtn .pageProLeftImg .rightImgSmall .smallIco {
            float: left;
            line-height: 0;
            background: #fff;
            margin: 5px 0;
        }

            #obtn .pageProLeftImg .rightImgSmall .smallIco img {
                border: 1px solid #e7e7e7;
                width: 80px;
                height: 80px;
            }

        #obtn .pageProLeftImg .rightImgSmall .slick-slide.slick-current.slick-active .smallIco img {
            border: 3px solid #e01018;
        }

#obtn .pageProRightText {
    float: right;
    width: 38.8%;
    height: 770px;
    display: table;
}

    #obtn .pageProRightText .table {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
    }

        #obtn .pageProRightText .table h3 {
            float: left;
            width: 100%;
            color: #333333;
            font-size: 36px;
            line-height: 40px;
            text-align: center;
        }

        #obtn .pageProRightText .table .labelSpan {
            float: left;
            width: 100%;
            color: #888888;
            font-size: 18px;
            line-height: 30px;
            margin-top: 2px;
            text-align: center;
        }

        #obtn .pageProRightText .table .p1 {
            float: left;
            width: 100%;
            text-align: center;
            color: #333333;
            font-size: 18px;
            line-height: 30px;
            margin-top: 60px;
            padding: 0 7%;
        }

@media screen and (max-width:1569px) {
    #obtn .pageProLeftImg .rightImgSmall {
        margin-top: 15%;
    }

    #obtn .pageProRightText {
        height: 589px;
    }

        #obtn .pageProRightText .table h3 {
            font-size: 32px;
        }

        #obtn .pageProRightText .table .labelSpan {
            font-size: 16px;
        }

        #obtn .pageProRightText .table .p1 {
            margin-top: 40px;
            font-size: 16px;
            line-height: 28px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .pageProLeftImg .rightImgSmall {
        margin-top: 10%;
    }

    #obtn .pageProRightText {
        height: 472px;
    }

        #obtn .pageProRightText .table h3 {
            font-size: 26px;
            line-height: 35px;
        }

        #obtn .pageProRightText .table .labelSpan {
            font-size: 15px;
            line-height: 28px;
        }

        #obtn .pageProRightText .table .p1 {
            margin-top: 30px;
            font-size: 15px;
            line-height: 26px;
            padding: 0 5%;
        }
}

@media screen and (max-width:991px) {
    #obtn .pageProLeftImg {
        width: 100%;
    }

        #obtn .pageProLeftImg .leftImgBig .imgLi {
            width: 80%;
        }

    #obtn .pageProRightText {
        width: 100%;
        height: auto;
        margin: 0 0 40px 0;
    }
}

@media screen and (max-width:767px) {
    #obtn .pageProLeftImg .leftImgBig {
        width: 100%;
    }

        #obtn .pageProLeftImg .leftImgBig .imgLi {
            width: 100%;
        }

    #obtn .pageProLeftImg .rightImgSmall {
        width: 100%;
        margin-top: 0;
    }

    #obtn .pageProLeftImg .slick-list {
        padding: 0 !important;
    }

    #obtn .pageProLeftImg .rightImgSmall .smallIco {
        margin: 0;
        width: 100%;
        display: block;
        text-align: center;
    }

        #obtn .pageProLeftImg .rightImgSmall .smallIco img {
            display: inline-block;
            border: 1px solid #e7e7e7;
            width: 80px;
            height: 80px;
        }

    #obtn .pageProRightText {
        margin: 25px 0 35px 0;
    }

        #obtn .pageProRightText .table .p1 {
            margin-top: 15px;
        }
}

#obtn .pageProBg {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding: 92px 0 100px 0;
}

    #obtn .pageProBg .proTit {
        float: left;
        width: 100%;
        position: relative;
        display: block;
        text-align: center;
    }

        #obtn .pageProBg .proTit:after {
            position: absolute;
            content: '';
            width: 100%;
            top: 50%;
            height: 1px;
            background: #d0d0d0;
            left: 0;
        }

        #obtn .pageProBg .proTit span {
            display: inline-block;
            padding: 0 30px;
            line-height: 40px;
            font-size: 30px;
            color: #333333;
            font-family: Arial;
            position: relative;
            z-index: 2;
            background: #f2f2f2;
            text-transform: uppercase;
        }

#obtn .pageProFeatures {
    float: left;
    width: 100%;
    margin-top: 7px;
}

    #obtn .pageProFeatures ul {
        margin: 0 -15px;
        float: left;
    }

    #obtn .pageProFeatures li {
        float: left;
        width: 25%;
        padding: 0 15px;
        cursor: pointer;
        margin-top: 35px;
    }

        #obtn .pageProFeatures li .tImg {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
        }

            #obtn .pageProFeatures li .tImg img {
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

        #obtn .pageProFeatures li .p1 {
            float: left;
            width: 100%;
            color: #333333;
            font-size: 16px;
            line-height: 26px;
            font-family: Arial;
            margin-top: 25px;
        }

            #obtn .pageProFeatures li .p1 em {
                font-size: 18px;
            }

        #obtn .pageProFeatures li:hover .tImg img {
            transform: scale(1.1);
            -ms-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

@media screen and (max-width:1569px) {
    #obtn .pageProBg {
        padding: 80px 0 85px 0;
    }

    #obtn .pageProFeatures li {
        margin-top: 30px;
    }

        #obtn .pageProFeatures li .p1 {
            font-size: 15px;
            margin-top: 20px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .pageProBg {
        padding: 60px 0 70px 0;
    }

        #obtn .pageProBg .proTit span {
            font-size: 26px;
        }

    #obtn .pageProFeatures ul {
        margin: 0 -10px;
    }

    #obtn .pageProFeatures li {
        padding: 0 10px;
        margin-top: 20px;
    }

        #obtn .pageProFeatures li .p1 {
            font-size: 14px;
            line-height: 24px;
            margin-top: 15px;
        }

            #obtn .pageProFeatures li .p1 em {
                font-size: 16px;
            }
}

@media screen and (max-width:991px) {
    #obtn .pageProBg {
        padding: 40px 0 50px 0;
    }
}

@media screen and (max-width:767px) {
    #obtn .pageProBg {
        padding: 35px 0 40px 0;
    }

        #obtn .pageProBg .proTit span {
            font-size: 20px;
            padding: 0 10px;
        }

    #obtn .pageProFeatures li {
        width: 100%;
        margin-top: 15px;
    }
}

#obtn .pageProParameter {
    float: left;
    width: 100%;
    margin-top: 80px;
}

    #obtn .pageProParameter .tableBox {
        float: left;
        width: 100%;
        margin-top: 30px;
        background: #fff;
        padding-bottom: 30px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

        #obtn .pageProParameter .tableBox .dtBox {
            float: left;
            width: 100%;
            background: #e01018;
            padding: 0 30px;
            border-radius: 10px 10px 0 0;
            -moz-border-radius: 10px 10px 0 0;
            -webkit-border-radius: 10px 10px 0 0;
        }

        #obtn .pageProParameter .tableBox dt {
            float: left;
            width: 15%;
            text-align: center;
            color: #fff;
            font-size: 20px;
            line-height: 60px;
            font-family: Arial;
        }

            #obtn .pageProParameter .tableBox dt:first-child {
                width: 70%;
                text-align: left;
                padding: 0 75px 0 20px;
            }

        #obtn .pageProParameter .tableBox .ddBox {
            float: left;
            width: 100%;
            background: #fff;
            padding: 0 30px;
        }

        #obtn .pageProParameter .tableBox dd {
            float: left;
            width: 15%;
            text-align: center;
            color: #333333;
            font-size: 16px;
            line-height: 60px;
            height: 61px;
            border-bottom: 1px solid #e4e4e4;
            border-left: 1px solid #e4e4e4;
            display: table;
            font-family: Arial;
        }

            #obtn .pageProParameter .tableBox dd:first-child {
                width: 70%;
                text-align: left;
                padding: 0 75px 0 20px;
                border-left: 0;
            }

            #obtn .pageProParameter .tableBox dd span {
                display: table-cell;
                vertical-align: middle;
                line-height: 24px;
            }

            #obtn .pageProParameter .tableBox dd em {
                float: right;
            }

@media screen and (max-width:1229px) {
    #obtn .pageProParameter {
        margin-top: 50px;
    }

        #obtn .pageProParameter .tableBox {
            margin-top: 20px;
            padding-bottom: 20px;
        }

            #obtn .pageProParameter .tableBox .dtBox {
                padding: 0 15px;
            }

            #obtn .pageProParameter .tableBox dt {
                font-size: 18px;
                line-height: 55px;
            }

                #obtn .pageProParameter .tableBox dt:first-child {
                    padding: 0 40px 0 15px;
                }

            #obtn .pageProParameter .tableBox .ddBox {
                padding: 0 15px;
            }

            #obtn .pageProParameter .tableBox dd {
                font-size: 15px;
                height: 55px;
                line-height: 54px;
            }

                #obtn .pageProParameter .tableBox dd:first-child {
                    padding: 0 40px 0 15px;
                }
}

@media screen and (max-width:991px) {
    #obtn .pageProParameter {
        margin-top: 35px;
    }
}

@media screen and (max-width:767px) {
    #obtn .pageProParameter {
        margin-top: 20px;
    }

        #obtn .pageProParameter .tableBox {
            margin-top: 15px;
            padding-bottom: 15px;
        }

            #obtn .pageProParameter .tableBox .dtBox {
                padding: 0 5px;
            }

            #obtn .pageProParameter .tableBox dt {
                font-size: 16px;
                width: 17%;
            }

                #obtn .pageProParameter .tableBox dt:first-child {
                    width: 66%;
                    padding: 0 10px 0 5px;
                }

            #obtn .pageProParameter .tableBox .ddBox {
                padding: 0 5px;
            }

            #obtn .pageProParameter .tableBox dd {
                font-size: 12px;
                width: 17%;
            }

                #obtn .pageProParameter .tableBox dd:first-child {
                    width: 66%;
                    padding: 0 10px 0 5px;
                }
}

#obtn .pageProOptional {
    float: left;
    width: 100%;
    margin-top: 90px;
}

    #obtn .pageProOptional ul {
        margin: 0 -15px;
        float: left;
    }

    #obtn .pageProOptional li {
        float: left;
        width: 25%;
        padding: 0 15px;
        margin-top: 42px;
        cursor: pointer;
    }

        #obtn .pageProOptional li .tImg {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
        }

            #obtn .pageProOptional li .tImg img {
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

        #obtn .pageProOptional li .p1 {
            float: left;
            width: 100%;
            color: #555555;
            font-size: 16px;
            line-height: 32px;
            font-family: Arial;
            text-align: center;
            margin-top: 11px;
        }

        #obtn .pageProOptional li:hover .tImg img {
            transform: scale(1.1);
            -ms-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

@media screen and (max-width:1569px) {
    #obtn .pageProOptional {
        margin-top: 70px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .pageProOptional {
        margin-top: 50px;
    }

        #obtn .pageProOptional ul {
            margin: 0 -10px;
        }

        #obtn .pageProOptional li {
            margin-top: 30px;
            padding: 0 10px;
        }
}

@media screen and (max-width:991px) {
    #obtn .pageProOptional li {
        margin-top: 25px;
    }

        #obtn .pageProOptional li .p1 {
            font-size: 14px;
        }
}

@media screen and (max-width:767px) {
    #obtn .pageProOptional {
        margin-top: 30px;
    }

        #obtn .pageProOptional li {
            width: 100%;
            margin-top: 15px;
        }
}

#obtn .pageProRelated {
    float: left;
    width: 100%;
    margin-top: 85px;
}

    #obtn .pageProRelated ul {
        margin: 0 -15px;
    }

    #obtn .pageProRelated li {
        float: left;
        width: 20%;
        padding: 0 15px;
        margin-top: 40px;
    }

        #obtn .pageProRelated li a {
            float: left;
            width: 100%;
        }

            #obtn .pageProRelated li a .tImg {
                float: left;
                width: 100%;
                line-height: 0;
                background: #fff;
                overflow: hidden;
            }

                #obtn .pageProRelated li a .tImg img {
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                }

            #obtn .pageProRelated li a .dText {
                float: left;
                width: 100%;
                text-align: center;
                margin-top: 18px;
                line-height: 20px;
                color: #555555;
                font-size: 16px;
                font-family: Arial;
                height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

            #obtn .pageProRelated li a:hover .tImg img {
                transform: scale(1.1);
                -ms-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

            #obtn .pageProRelated li a:hover .dText {
                color: #e01018;
            }

@media screen and (max-width:1569px) {
    #obtn .pageProRelated {
        margin-top: 70px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .pageProRelated {
        margin-top: 55px;
    }

        #obtn .pageProRelated ul {
            margin: 0 -10px;
        }

        #obtn .pageProRelated li {
            padding: 0 10px;
            margin-top: 30px;
        }

            #obtn .pageProRelated li a .dText {
                font-size: 15px;
            }
}

@media screen and (max-width:991px) {
    #obtn .pageProRelated {
        margin-top: 40px;
    }

        #obtn .pageProRelated li {
            margin-top: 25px;
        }
}

@media screen and (max-width:767px) {
    #obtn .pageProRelated {
        margin-top: 25px;
    }

        #obtn .pageProRelated ul {
            margin: 0 -5px;
        }

        #obtn .pageProRelated li {
            margin-top: 15px;
            width: 50%;
            padding: 0 5px;
        }
}
/*5Case study*/
#obtn .pageCaseBox {
    float: left;
    width: 100%;
}

    #obtn .pageCaseBox li {
        float: left;
        width: 100%;
    }

        #obtn .pageCaseBox li a {
            float: left;
            width: 100%;
        }

        #obtn .pageCaseBox li .lImg {
            float: left;
            width: 50%;
            height: 640px;
            overflow: hidden;
        }

        #obtn .pageCaseBox li .rCaseText {
            float: left;
            width: 50%;
            height: 640px;
            display: table;
        }

            #obtn .pageCaseBox li .rCaseText.right {
                float: right;
            }

            #obtn .pageCaseBox li .rCaseText .table {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                #obtn .pageCaseBox li .rCaseText .table .tIco {
                    float: left;
                    width: 100%;
                    line-height: 0;
                    text-align: center;
                }

                    #obtn .pageCaseBox li .rCaseText .table .tIco img {
                        -webkit-transition: 0.5s ease;
                        -moz-transition: 0.5s ease;
                        -ms-transition: 0.5s ease;
                        -o-transition: 0.5s ease;
                        transition: 0.5s ease;
                    }

                #obtn .pageCaseBox li .rCaseText .table h3 {
                    float: left;
                    width: 100%;
                    text-align: center;
                    color: #333333;
                    font-size: 40px;
                    line-height: 50px;
                    margin-top: 58px;
                    position: relative;
                }

                    #obtn .pageCaseBox li .rCaseText .table h3:after {
                        position: absolute;
                        content: '';
                        width: 50px;
                        height: 1px;
                        background: #e01018;
                        opacity: 0.3;
                        filter: alpha(opacity=30);
                        left: 50%;
                        margin-left: -25px;
                        top: -31px;
                    }

                #obtn .pageCaseBox li .rCaseText .table .p1 {
                    float: left;
                    width: 100%;
                    text-align: center;
                    color: #333333;
                    font-size: 16px;
                    line-height: 30px;
                    margin-top: 20px;
                    padding: 0 20%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                }

                #obtn .pageCaseBox li .rCaseText .table .caseMore {
                    float: left;
                    width: 100%;
                    margin-top: 50px;
                    display: block;
                    text-align: center;
                }

                    #obtn .pageCaseBox li .rCaseText .table .caseMore span {
                        display: inline-block;
                        width: 168px;
                        height: 46px;
                        color: #e01018;
                        font-size: 14px;
                        line-height: 46px;
                        border: 1px solid #e01018;
                        border-color: rgba(0,101,189,0.6);
                        -webkit-transition: 0.5s ease;
                        -moz-transition: 0.5s ease;
                        -ms-transition: 0.5s ease;
                        -o-transition: 0.5s ease;
                        transition: 0.5s ease;
                    }

        #obtn .pageCaseBox li a:hover .rCaseText .table .tIco img {
            transform: rotateY(360deg);
            -ms-transform: rotateY(360deg); /* IE 9 */
            -moz-transform: rotateY(360deg); /* Firefox */
            -webkit-transform: rotateY(360deg); /* Safari 和 Chrome */
            -o-transform: rotateY(360deg);
        }

        #obtn .pageCaseBox li a:hover .rCaseText .table .caseMore span {
            background: #e01018;
            color: #fff;
        }

    #obtn .pageCaseBox .pageMore a {
        background: #fff;
    }

@media screen and (max-width:1229px) {
    #obtn .pageCaseBox li .lImg {
        height: 500px;
    }

    #obtn .pageCaseBox li .rCaseText {
        height: 500px;
    }

        #obtn .pageCaseBox li .rCaseText .table h3 {
            margin-top: 45px;
            font-size: 32px;
        }

            #obtn .pageCaseBox li .rCaseText .table h3:after {
                top: -20px;
            }

        #obtn .pageCaseBox li .rCaseText .table .caseMore {
            margin-top: 30px;
        }
}

@media screen and (max-width:991px) {
    #obtn .pageCaseBox li .lImg {
        height: 400px;
    }

    #obtn .pageCaseBox li .rCaseText {
        height: 400px;
    }

        #obtn .pageCaseBox li .rCaseText .table .tIco img {
            width: 90px;
            height: 90px;
        }

        #obtn .pageCaseBox li .rCaseText .table h3 {
            font-size: 28px;
            margin-top: 30px;
        }

            #obtn .pageCaseBox li .rCaseText .table h3:after {
                top: -10px;
            }

        #obtn .pageCaseBox li .rCaseText .table .p1 {
            font-size: 15px;
            padding: 0 10%;
            line-height: 26px;
            margin-top: 10px;
        }

        #obtn .pageCaseBox li .rCaseText .table .caseMore {
            margin-top: 20px;
        }

            #obtn .pageCaseBox li .rCaseText .table .caseMore span {
                width: 160px;
                height: 40px;
                line-height: 40px;
            }
}

@media screen and (max-width:767px) {
    #obtn .pageCaseBox li .lImg {
        width: 100%;
        height: 300px;
    }

    #obtn .pageCaseBox li .rCaseText {
        width: 100%;
        height: auto;
        padding: 20px 0 25px 0;
    }

        #obtn .pageCaseBox li .rCaseText .table .tIco img {
            width: 70px;
            height: 70px;
        }

        #obtn .pageCaseBox li .rCaseText .table h3 {
            margin-top: 20px;
            font-size: 24px;
        }

            #obtn .pageCaseBox li .rCaseText .table h3:after {
                width: 40px;
                margin-left: -20px;
                top: -5px;
            }

        #obtn .pageCaseBox li .rCaseText .table .p1 {
            padding: 0 15px;
            font-size: 14px;
            margin-top: 5px;
        }

        #obtn .pageCaseBox li .rCaseText .table .caseMore {
            margin-top: 15px;
        }

    #obtn .pageCaseBox .pageMore {
    }
}
/*6Case study-details*/
#obtn .iBanner .caseBgBan {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#obtn .iBanner video {
    width: 100%;
}

#obtn .iBanner.caseBanner .currentBox {
    margin-top: -200px;
}

#obtn .iBanner .hValueButton {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 50%;
    margin-top: 0;
}

    #obtn .iBanner .hValueButton span {
        display: block;
        text-align: center;
        line-height: 0;
    }

        #obtn .iBanner .hValueButton span img {
            background: #e01018;
            background: rgba(0,101,189,0.78);
            border-radius: 50px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
        }

    #obtn .iBanner .hValueButton b {
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 30px;
        margin-top: 12px;
    }

@media screen and (max-width:1569px) {
    #obtn .iBanner.caseBanner .currentBox {
        margin-top: -170px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .iBanner.caseBanner .currentBox {
        margin-top: -150px;
    }

    #obtn .iBanner .hValueButton span img {
        width: 70px;
    }

    #obtn .iBanner .hValueButton b {
        font-size: 16px;
        margin-top: 5px;
    }
}

@media screen and (max-width:991px) {
    #obtn .iBanner.caseBanner .currentBox {
        margin-top: -100px;
    }

    #obtn .iBanner .hValueButton span img {
        width: 55px;
    }
}

@media screen and (max-width:767px) {
    #obtn .iBanner.caseBanner .currentBox {
        margin-top: -60px;
    }

    #obtn .iBanner .hValueButton span img {
        width: 40px;
    }

    #obtn .iBanner .hValueButton b {
        font-size: 14px;
        line-height: 24px;
    }
}

#obtn .pageCaseInfo {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: -100px;
    position: relative;
    z-index: 2;
    padding: 90px 6%;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
}

@media screen and (max-width:1569px) {
    #obtn .pageCaseInfo {
        padding: 60px 5%;
    }
}

@media screen and (max-width:1229px) {
    #obtn .pageCaseInfo {
        margin-top: -60px;
        padding: 40px 5% 50px 5%;
        font-size: 15px;
        line-height: 26px;
    }
}

@media screen and (max-width:991px) {
    #obtn .pageCaseInfo {
        margin-top: -50px;
        padding: 30px 4% 45px 4%;
        font-size: 15px;
        line-height: 26px;
    }
}

@media screen and (max-width:767px) {
    #obtn .pageCaseInfo {
        margin-top: 0;
        padding: 25px 0 35px 0;
        font-size: 14px;
        line-height: 26px;
    }
}

/*7new*/
#obtn .pageNewsBox {
    float: left;
    width: 100%;
    background: #f2f2f2;
}

#obtn .pageNewsLabel {
    float: left;
    width: 100%;
    margin-top: 138px;
}

    #obtn .pageNewsLabel .leftNewsNav {
        float: left;
        width: 18.5%;
        position: relative;
    }

        #obtn .pageNewsLabel .leftNewsNav .bd {
            float: left;
            width: 100%;
            overflow: hidden;
        }

            #obtn .pageNewsLabel .leftNewsNav .bd ul {
                float: left;
                width: 100%;
                position: relative;
                z-index: 1;
            }

                #obtn .pageNewsLabel .leftNewsNav .bd ul:after {
                    position: absolute;
                    content: '';
                    width: 2px;
                    height: 100%;
                    background: #8a8a8a;
                    right: 12px;
                }

            #obtn .pageNewsLabel .leftNewsNav .bd li {
                float: left;
                width: 100%;
                padding-right: 78px;
                position: relative;
            }

                #obtn .pageNewsLabel .leftNewsNav .bd li:after {
                    position: absolute;
                    content: '';
                    width: 10px;
                    height: 1px;
                    background: #8a8a8a;
                    bottom: 0;
                    right: 14px;
                }

                #obtn .pageNewsLabel .leftNewsNav .bd li:before {
                    position: absolute;
                    content: '';
                    width: 24px;
                    height: 1px;
                    background: #8a8a8a;
                    right: 14px;
                    top: 50%;
                }

                #obtn .pageNewsLabel .leftNewsNav .bd li a {
                    float: left;
                    width: 100%;
                    text-align: right;
                    color: #333333;
                    font-size: 30px;
                    line-height: 100px;
                    font-family: Arial;
                    position: relative;
                    z-index: 2;
                }

                    #obtn .pageNewsLabel .leftNewsNav .bd li a:after {
                        position: absolute;
                        content: '';
                        width: 15px;
                        height: 15px;
                        background: #fff;
                        border: 3px solid #e01018;
                        right: -72px;
                        top: 50%;
                        margin-top: -7.5px;
                        border-radius: 10px;
                        -moz-border-radius: 10px;
                        -webkit-border-radius: 10px;
                        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;
                    }


                    #obtn .pageNewsLabel .leftNewsNav .bd li.on a,
                    #obtn .pageNewsLabel .leftNewsNav .bd li a:hover {
                        font-size: 60px;
                        font-weight: bold;
                        color: #e01018;
                    }

                        #obtn .pageNewsLabel .leftNewsNav .bd li.on a:after,
                        #obtn .pageNewsLabel .leftNewsNav .bd li a:hover:after {
                            opacity: 1;
                            filter: alpha(opacity=100);
                        }

        #obtn .pageNewsLabel .leftNewsNav .hd {
            position: absolute;
            width: 27px;
            right: 0;
            height: 100%;
        }

            #obtn .pageNewsLabel .leftNewsNav .hd .next {
                float: left;
                width: 100%;
                text-align: center;
                line-height: 0;
                margin-top: -36px;
            }

            #obtn .pageNewsLabel .leftNewsNav .hd .prev {
                position: absolute;
                bottom: -36px;
                width: 100%;
                line-height: 0;
            }

#obtn .rightNewsList {
    float: right;
    width: 78%;
}

    #obtn .rightNewsList li {
        float: left;
        width: 100%;
    }

        #obtn .rightNewsList li a {
            float: left;
            width: 100%;
            padding: 60px 0 60px 140px;
            border-top: 1px solid #e3e3e3;
            position: relative;
        }

        #obtn .rightNewsList li:last-child a {
            padding-bottom: 20px;
        }

        #obtn .rightNewsList li a .time {
            position: absolute;
            width: 71px;
            height: 70px;
            text-align: center;
            color: #c6c6c6;
            font-size: 18px;
            line-height: 40px;
            padding-top: 26px;
            font-weight: bold;
            left: 20px;
            top: 60px;
            background: url("img/new8.png") no-repeat center;
            background-size: cover;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -ms-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }

        #obtn .rightNewsList li a:hover .time {
            background: url("img/new9.png") no-repeat center;
            background-size: cover;
            color: #e01018;
        }

        #obtn .rightNewsList li a .newText {
            float: left;
            width: 64%;
        }

            #obtn .rightNewsList li a .newText h3 {
                float: left;
                width: 100%;
                color: #333333;
                font-size: 24px;
                line-height: 50px;
                font-family: Arial;
                margin-top: 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

        #obtn .rightNewsList li a:hover .newText h3 {
            color: #e01018;
        }

        #obtn .rightNewsList li a .newText .p1 {
            float: left;
            width: 100%;
            margin-top: 15px;
            color: #666666;
            font-size: 16px;
            line-height: 28px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }

        #obtn .rightNewsList li a .rightNewImg {
            float: right;
            width: 32.5%;
            height: 234px;
        }

@media screen and (max-width:1569px) {
    #obtn .rightNewsList li a {
        padding: 45px 0 45px 120px;
    }

        #obtn .rightNewsList li a .time {
            top: 50px;
            left: 15px;
        }

        #obtn .rightNewsList li a .newText h3 {
            font-size: 22px;
            line-height: 45px;
        }

        #obtn .rightNewsList li a .newText .p1 {
            font-size: 15px;
            line-height: 26px;
        }

        #obtn .rightNewsList li a .rightNewImg {
            height: 200px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .pageNewsLabel {
        margin-top: 100px;
    }

        #obtn .pageNewsLabel .leftNewsNav .bd li {
            padding-right: 65px;
        }

            #obtn .pageNewsLabel .leftNewsNav .bd li a {
                font-size: 20px;
            }

                #obtn .pageNewsLabel .leftNewsNav .bd li.on a,
                #obtn .pageNewsLabel .leftNewsNav .bd li a:hover {
                    font-size: 45px;
                }

                #obtn .pageNewsLabel .leftNewsNav .bd li a:after {
                    right: -60px;
                }

    #obtn .rightNewsList li a {
        padding: 35px 0 35px 100px;
    }

        #obtn .rightNewsList li a .time {
            width: 60px;
            height: 60px;
            padding-top: 25px;
            line-height: 32px;
            top: 40px;
        }

        #obtn .rightNewsList li a .newText h3 {
            font-size: 20px;
            line-height: 40px;
        }

        #obtn .rightNewsList li a .newText .p1 {
            overflow: hidden;
            margin-top: 10px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        #obtn .rightNewsList li a .rightNewImg {
            height: 160px;
        }
}

@media screen and (max-width:991px) {
    #obtn .pageNewsLabel {
        margin-top: 65px;
    }

        #obtn .pageNewsLabel .leftNewsNav {
            width: 100%;
        }

            #obtn .pageNewsLabel .leftNewsNav .bd ul:after {
                width: 100%;
                height: 2px;
                right: 0;
                bottom: 8px;
            }

            #obtn .pageNewsLabel .leftNewsNav .bd li {
                width: 25%;
                padding-right: 0;
                padding-bottom: 8px;
                border-bottom: 40px;
            }

                #obtn .pageNewsLabel .leftNewsNav .bd li a {
                    text-align: center;
                    line-height: 60px;
                    padding-bottom: 20px;
                }

                #obtn .pageNewsLabel .leftNewsNav .bd li:before {
                    width: 1px;
                    height: 24px;
                    left: 50%;
                    top: auto;
                    bottom: 8px;
                }

                #obtn .pageNewsLabel .leftNewsNav .bd li:after {
                    width: 1px;
                    height: 10px;
                    right: 0;
                    bottom: 8px;
                }

                #obtn .pageNewsLabel .leftNewsNav .bd li a:after {
                    right: 50%;
                    margin-right: -7.5px;
                    top: auto;
                    bottom: -7px;
                }

            #obtn .pageNewsLabel .leftNewsNav .hd {
                width: 100%;
                height: 27px;
                bottom: -11px;
                top: auto;
            }

                #obtn .pageNewsLabel .leftNewsNav .hd .next {
                    float: right;
                    width: 22px;
                    margin-top: 0;
                    margin-right: -30px;
                }

                    #obtn .pageNewsLabel .leftNewsNav .hd .next img {
                        transform: rotate(90deg);
                        -ms-transform: rotate(90deg); /* Internet Explorer */
                        -moz-transform: rotate(90deg); /* Firefox */
                        -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
                        -o-transform: rotate(90deg);
                    }

                #obtn .pageNewsLabel .leftNewsNav .hd .prev {
                    float: left;
                    width: 22px;
                    position: static;
                    margin-left: -30px;
                }

                    #obtn .pageNewsLabel .leftNewsNav .hd .prev img {
                        transform: rotate(90deg);
                        -ms-transform: rotate(90deg); /* Internet Explorer */
                        -moz-transform: rotate(90deg); /* Firefox */
                        -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
                        -o-transform: rotate(90deg);
                    }

    #obtn .rightNewsList {
        width: 100%;
        margin-top: 25px;
    }
}

@media screen and (max-width:767px) {
    #obtn .pageNewsLabel {
        margin-top: 30px;
    }

        #obtn .pageNewsLabel .leftNewsNav .bd li a {
            font-size: 16px;
            line-height: 50px;
        }

            #obtn .pageNewsLabel .leftNewsNav .bd li.on a,
            #obtn .pageNewsLabel .leftNewsNav .bd li a:hover {
                font-size: 32px;
            }

        #obtn .pageNewsLabel .leftNewsNav .bd li:before {
            height: 20px;
        }

        #obtn .pageNewsLabel .leftNewsNav .hd .prev {
            margin-left: -15px;
        }

        #obtn .pageNewsLabel .leftNewsNav .hd .next {
            margin-right: -15px;
        }

    #obtn .rightNewsList li a {
        padding: 25px 0 25px 70px;
    }

    #obtn .rightNewsList li:last-child a {
        padding-bottom: 0;
    }

    #obtn .rightNewsList li a .newText {
        width: 100%;
    }

    #obtn .rightNewsList li a .rightNewImg {
        width: 100%;
        height: 200px;
        margin-top: 15px;
    }

    #obtn .rightNewsList li a .time {
        width: 50px;
        height: 50px;
        left: 0;
        font-size: 15px;
        padding-top: 20px;
        line-height: 28px;
        top: 30px;
    }

    #obtn .rightNewsList li a .newText h3 {
        font-size: 18px;
        margin-top: 0;
    }

    #obtn .rightNewsList li a .newText .p1 {
        font-size: 14px;
        margin-top: 0;
    }
}

/*8new-details*/
#obtn .topNewsBg {
    float: left;
    width: 100%;
    background: #f4f4f5;
}

    #obtn .topNewsBg .newsTitBox {
        float: left;
        width: 100%;
        margin: 54px 0 51px 0;
        padding: 0 160px;
        position: relative;
    }

        #obtn .topNewsBg .newsTitBox .returnBox {
            position: absolute;
            width: 75px;
            left: 0;
            bottom: 10px;
        }

            #obtn .topNewsBg .newsTitBox .returnBox i {
                display: block;
                text-align: center;
                line-height: 0;
            }

                #obtn .topNewsBg .newsTitBox .returnBox i img {
                    background: #fff;
                    border-radius: 30px;
                    -moz-border-radius: 30px;
                    -webkit-border-radius: 30px;
                }

            #obtn .topNewsBg .newsTitBox .returnBox span {
                display: block;
                color: #888888;
                font-size: 14px;
                line-height: 24px;
                margin-top: 7px;
                text-align: center;
            }

            #obtn .topNewsBg .newsTitBox .returnBox a:hover span {
                color: #e01018;
            }

        #obtn .topNewsBg .newsTitBox h1 {
            float: left;
            width: 100%;
            color: #333333;
            font-size: 36px;
            line-height: 40px;
            font-family: Arial;
        }

        #obtn .topNewsBg .newsTitBox .time {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

            #obtn .topNewsBg .newsTitBox .time span {
                float: left;
                color: #888888;
                font-size: 16px;
                line-height: 40px;
                font-weight: bold;
            }

                #obtn .topNewsBg .newsTitBox .time span b {
                    color: #333333;
                    font-size: 30px;
                }

            #obtn .topNewsBg .newsTitBox .time .rightFy {
                float: right;
                color: #666666;
                font-weight: bold;
                line-height: 30px;
                margin-top: 10px;
                font-size: 18px;
            }

                #obtn .topNewsBg .newsTitBox .time .rightFy a {
                    color: #666666;
                }

                    #obtn .topNewsBg .newsTitBox .time .rightFy a:hover {
                        color: #e01018;
                    }

@media screen and (max-width:1569px) {
    #obtn .topNewsBg .newsTitBox {
        margin: 45px 0;
        padding: 0 120px;
    }

        #obtn .topNewsBg .newsTitBox h1 {
            font-size: 28px;
            line-height: 36px;
        }

        #obtn .topNewsBg .newsTitBox .time span b {
            font-size: 24px;
        }

        #obtn .topNewsBg .newsTitBox .time .rightFy {
            font-size: 16px;
        }
}

@media screen and (max-width:1229px) {
    #obtn .topNewsBg .newsTitBox {
        margin: 30px 0;
        padding: 0 0 0 120px;
    }

        #obtn .topNewsBg .newsTitBox h1 {
            font-size: 24px;
            line-height: 32px;
        }

        #obtn .topNewsBg .newsTitBox .time {
            margin-top: 15px;
        }

        #obtn .topNewsBg .newsTitBox .returnBox i img {
            width: 45px;
            height: 45px;
        }
}

@media screen and (max-width:991px) {
    #obtn .topNewsBg .newsTitBox {
        margin: 20px 0;
        padding: 0 0 0 100px;
    }

        #obtn .topNewsBg .newsTitBox h1 {
            font-size: 20px;
            line-height: 28px;
        }

        #obtn .topNewsBg .newsTitBox .time span {
            font-size: 14px;
            line-height: 35px;
        }

        #obtn .topNewsBg .newsTitBox .time .rightFy {
            font-size: 14px;
            margin-top: 5px;
        }
}

@media screen and (max-width:767px) {
    #obtn .topNewsBg .newsTitBox {
        padding: 0 0 0 80px;
    }

        #obtn .topNewsBg .newsTitBox .returnBox {
            width: 70px;
        }

            #obtn .topNewsBg .newsTitBox .returnBox span {
                font-size: 12px;
            }

        #obtn .topNewsBg .newsTitBox h1 {
            font-size: 18px;
            line-height: 26px;
        }
}

#obtn .newsInfoBox {
    float: left;
    width: 100%;
    margin: 50px 0 65px 0;
    padding: 0 160px;
    color: #555555;
    font-size: 18px;
    line-height: 36px;
}

#obtn .theEnd {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 70px;
}

    #obtn .theEnd span {
        display: inline-block;
        color: #555555;
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
        padding: 0 20px;
        background: #fff;
        position: relative;
        z-index: 2;
    }

    #obtn .theEnd:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
        background: #e7e7e7;
    }

@media screen and (max-width:1569px) {
    #obtn .newsInfoBox {
        margin: 40px 0 50px 0;
        padding: 0 120px;
        font-size: 16px;
        line-height: 30px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .newsInfoBox {
        margin: 40px 0;
        padding: 0;
        font-size: 16px;
        line-height: 28px;
    }

    #obtn .theEnd {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:767px) {
    #obtn .newsInfoBox {
        margin: 35px 0 30px 0;
        font-size: 14px;
        line-height: 26px;
    }

    #obtn .theEnd {
        margin-bottom: 40px;
    }
}

/*10dealer login*/
#obtn .pageBgGrey {
    float: left;
    width: 100%;
    background: #f2f2f2;
}

#obtn .DealerInfoBox {
    float: left;
    width: 100%;
    margin: 90px 0 100px 0;
}

    #obtn .DealerInfoBox .p1 {
        float: left;
        width: 100%;
        text-align: center;
        color: #333333;
        font-size: 18px;
        line-height: 30px;
    }

#obtn .DealerDl {
    float: left;
    width: 100%;
}

#obtn .DealerDdBox {
    float: left;
    width: 50%;
    padding-right: 15px;
    margin-top: 40px;
}

    #obtn .DealerDdBox.right {
        padding: 0 0 0 15px;
    }

    #obtn .DealerDdBox .tImg {
        float: left;
        width: 100%;
        line-height: 0;
        background: #134074;
        position: relative;
    }

        #obtn .DealerDdBox .tImg .img_d {
            opacity: 0.2;
            filter: alpha(opacity=20);
        }

        #obtn .DealerDdBox .tImg .icoBox {
            position: absolute;
            width: 340px;
            height: 280px;
            line-height: 0;
            left: 50%;
            margin-left: -170px;
            top: 50%;
            margin-top: -140px;
        }

    #obtn .DealerDdBox .tText {
        float: left;
        width: 100%;
        color: #333333;
        font-size: 36px;
        margin-top: 30px;
        font-family: Arial;
        line-height: 45px;
    }

    #obtn .DealerDdBox .dInfo {
        float: left;
        width: 100%;
        margin-top: 23px;
        color: #333333;
        font-size: 18px;
        line-height: 30px;
        font-family: Arial;
    }

    #obtn .DealerDdBox .DealerUl {
        float: left;
        width: 100%;
        margin-top: -4px;
    }

        #obtn .DealerDdBox .DealerUl li {
            float: left;
            width: 100%;
            margin-top: 30px;
        }

            #obtn .DealerDdBox .DealerUl li a {
                float: left;
                width: 100%;
                padding: 18px 30px;
                background: #d9e4ed;
                color: #e01018;
            }

                #obtn .DealerDdBox .DealerUl li a h5 {
                    float: left;
                    line-height: 36px;
                    font-size: 18px;
                    font-family: Arial;
                    -webkit-transition: 0.5s ease;
                    -moz-transition: 0.5s ease;
                    -ms-transition: 0.5s ease;
                    -o-transition: 0.5s ease;
                    transition: 0.5s ease;
                }

                #obtn .DealerDdBox .DealerUl li a .rIco {
                    float: right;
                    line-height: 0;
                }

                    #obtn .DealerDdBox .DealerUl li a .rIco img {
                        background: #e01018;
                        border-radius: 20px;
                        -moz-border-radius: 20px;
                        -webkit-border-radius: 20px;
                        -webkit-transition: 0.5s ease;
                        -moz-transition: 0.5s ease;
                        -ms-transition: 0.5s ease;
                        -o-transition: 0.5s ease;
                        transition: 0.5s ease;
                    }

                #obtn .DealerDdBox .DealerUl li a:hover {
                    background: #e01018;
                }

                    #obtn .DealerDdBox .DealerUl li a:hover h5 {
                        color: #fff;
                    }

                    #obtn .DealerDdBox .DealerUl li a:hover .rIco img {
                        background: #1a75c4;
                    }
    /*#obtn .DealerDdBox.right .dInfo{height:150px;}*/
    #obtn .DealerDdBox.right .DealerUl {
        margin-top: 8px;
    }

@media screen and (max-width:1569px) {
    #obtn .DealerInfoBox {
        margin: 80px 0 90px 0;
    }

    #obtn .DealerDdBox .tImg .icoBox {
        width: 260px;
        height: 214px;
        margin-left: -130px;
        margin-top: -107px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .DealerInfoBox {
        margin: 65px 0 75px 0;
    }

    #obtn .DealerDdBox {
        margin-top: 30px;
    }

        #obtn .DealerDdBox .tImg .icoBox {
            width: 204px;
            height: 168px;
            margin-left: -102px;
            margin-top: -84px;
        }

    #obtn .DealerInfoBox .p1 {
        font-size: 16px;
        line-height: 28px;
    }

    #obtn .DealerDdBox .tText {
        font-size: 28px;
        margin-top: 20px;
    }

    #obtn .DealerDdBox .dInfo {
        font-size: 16px;
        line-height: 28px;
        margin-top: 15px;
    }

    #obtn .DealerDdBox .DealerUl {
        margin-top: 0;
    }

        #obtn .DealerDdBox .DealerUl li {
            margin-top: 25px;
        }

            #obtn .DealerDdBox .DealerUl li a {
                padding: 12px 20px;
            }

                #obtn .DealerDdBox .DealerUl li a h5 {
                    font-size: 16px;
                }

    #obtn .DealerDdBox.right .dInfo {
        height: auto;
    }

    #obtn .DealerDdBox.right .DealerUl {
        margin-top: -1px;
    }
}

@media screen and (max-width:991px) {
    #obtn .DealerInfoBox {
        margin: 55px 0 65px 0;
    }
}

@media screen and (max-width:767px) {
    #obtn .DealerInfoBox {
        margin: 30px 0 40px 0;
    }

        #obtn .DealerInfoBox .p1 {
            font-size: 15px;
            line-height: 26px;
        }

    #obtn .DealerDdBox {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }

        #obtn .DealerDdBox.right {
            padding: 0;
        }

        #obtn .DealerDdBox .tImg .icoBox {
            width: 168px;
            height: 138px;
            margin-left: -84px;
            margin-top: -69px;
        }

        #obtn .DealerDdBox .tText {
            font-size: 22px;
            margin-top: 15px;
        }

        #obtn .DealerDdBox .dInfo {
            font-size: 15px;
            line-height: 26px;
            margin-top: 5px;
        }

        #obtn .DealerDdBox .DealerUl li {
            margin-top: 15px;
        }

            #obtn .DealerDdBox .DealerUl li a {
                padding: 5px 15px;
            }

                #obtn .DealerDdBox .DealerUl li a h5 {
                    font-size: 15px;
                }

                #obtn .DealerDdBox .DealerUl li a .rIco {
                    margin-top: 3px;
                }

                    #obtn .DealerDdBox .DealerUl li a .rIco img {
                        width: 30px;
                        height: 30px;
                    }
}

/*11Truck Claim Form*/
#obtn .OnlineMessageBox {
    float: left;
    width: 100%;
    margin: 80px 0;
    background: url("img/tru1.png") no-repeat center;
    background-size: 100% 100%;
    padding: 77px 110px 96px 110px;
}

    #obtn .OnlineMessageBox .messTit {
        float: left;
        width: 100%;
        color: #333333;
        font-size: 48px;
        line-height: 55px;
        font-family: Arial;
        font-weight: bold;
        text-align: center;
    }

#obtn .formBox {
    float: left;
    width: 100%;
    margin-top: 14px;
}

    #obtn .formBox dl {
        float: left;
        width: 48%;
        margin-top: 20px;
    }

        #obtn .formBox dl.two {
            float: right;
        }

        #obtn .formBox dl.wideBox {
            width: 100%;
        }

        #obtn .formBox dl dt {
            float: left;
            width: 45%;
            text-align: right;
            height: 64px;
            line-height: 24px;
            color: #333333;
            font-size: 20px;
            font-weight: bold;
            font-family: Arial;
            display: table;
            padding-right: 15px;
        }

        #obtn .formBox dl.wideBox dt {
            width: 21.6%;
        }

        #obtn .formBox dl dt span {
            display: table-cell;
            vertical-align: middle;
        }

        #obtn .formBox dl dt sup {
            color: #e01018;
        }

        #obtn .formBox dl .lab {
            float: left;
            width: 55%;
            position: relative;
        }

            #obtn .formBox dl .lab .img {
                float: left;
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -3px;
                width: 11px;
                height: 7px;
            }

            #obtn .formBox dl .lab .fv0 {
                float: left;
                width: 100%;
                height: 64px;
                font-size: 18px;
                line-height: 36px;
                background: #fff;
                position: relative;
                cursor: pointer;
                font-family: Arial;
                color: #666666;
                text-indent: 25px;
            }

            #obtn .formBox dl .lab .ul0 {
                display: none;
                float: left;
                width: 100%;
                position: absolute;
                left: 0;
                top: 60px;
                z-index: 16;
                background: #fff;
                padding: 5px 0;
                border: 1px solid #e7eff5;
            }

                #obtn .formBox dl .lab .ul0 li {
                    float: left;
                    width: 100%;
                    color: #333;
                    font-size: 16px;
                    line-height: 35px;
                    cursor: pointer;
                    padding: 0 20px;
                    font-family: Arial;
                }

                    #obtn .formBox dl .lab .ul0 li:hover {
                        background: #0068b7;
                        color: #fff;
                    }

        #obtn .formBox dl .indexBox {
            float: left;
            width: 55%;
            position: relative;
        }

            #obtn .formBox dl .indexBox input {
                float: left;
                width: 100%;
                height: 64px;
                font-size: 18px;
                font-family: Arial;
                text-indent: 25px;
                color: #333;
            }

        #obtn .formBox dl .textareaBox {
            float: left;
            width: 78.4%;
        }

            #obtn .formBox dl .textareaBox textarea {
                float: left;
                width: 100%;
                border: 0;
                font-family: Arial;
                font-size: 18px;
                padding: 15px 25px;
                height: 118px;
            }

            #obtn .formBox dl .textareaBox.cusText textarea {
                height: 150px;
            }

            #obtn .formBox dl .textareaBox .textInfo {
                float: left;
                width: 100%;
                margin-top: 11px;
                color: #666666;
                font-size: 14px;
                line-height: 26px;
                font-family: Arial;
            }

            #obtn .formBox dl .textareaBox .UploadBox {
                float: left;
                width: 47%;
                height: 64px;
                line-height: 64px;
                text-align: center;
                color: #e01018;
                font-size: 16px;
                background: #e0e7ee;
                position: relative;
                -webkit-transition: 0.5s ease;
                -moz-transition: 0.5s ease;
                -ms-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
            }

                #obtn .formBox dl .textareaBox .UploadBox:hover {
                    background: #7fb2de;
                }

                #obtn .formBox dl .textareaBox .UploadBox input {
                    position: absolute;
                    width: 100%;
                    height: 64px;
                    left: 0;
                    top: 0;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer;
                }

            #obtn .formBox dl .textareaBox .UploadText {
                float: left;
                width: 53%;
                padding-left: 20px;
                height: 64px;
                display: table;
            }

                #obtn .formBox dl .textareaBox .UploadText em {
                    display: table-cell;
                    vertical-align: middle;
                    line-height: 24px;
                    color: #666666;
                    font-size: 14px;
                    font-family: Arial;
                }

        #obtn .formBox dl .indexBox.Ver {
            width: 78.4%;
            position: relative;
        }

            #obtn .formBox dl .indexBox.Ver em {
                position: absolute;
                right: 0;
                width: 129px;
                height: 60px;
                top: 50%;
                margin-top: -30px;
            }

    #obtn .formBox .subBox {
        float: right;
        width: 78.4%;
    }

        #obtn .formBox .subBox button {
            float: left;
            width: 100%;
            background: #0068b7;
            border: 0;
            line-height: 64px;
            color: #fff;
            font-size: 20px;
            font-family: Arial;
        }

            #obtn .formBox .subBox button:hover {
                box-shadow: 0 0 15px rgba(0,0,0,0.15);
                -moz-box-shadow: 0 0 15px rgba(0,0,0,0.15);
                -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
            }

    #obtn .formBox dl .indexBox .icon {
        position: absolute;
        right: 25px;
        width: 28px;
        height: 28px;
        line-height: 0;
        top: 50%;
        margin-top: -14px;
    }

#laydateInput {
    outline: none;
    display: block;
    height: 30px;
    width: 150px;
    font-size: 16px;
    line-height: 30px;
}

.select-date {
    position: absolute;
    background: #fff;
    z-index: 99;
    left: 0px;
    top: 64px;
    width: 270px;
    height: 301px;
    border: 1px solid #58abff;
    display: none;
}

.select-date-header {
    height: 48px;
    border-bottom: 1px solid #58abff;
}

.heade-ul {
    height: 49px;
}

.header-item {
    height: 28px;
    float: left;
    margin-top: 9px;
}

    .header-item select {
        height: 28px;
    }

.header-item-one select {
    width: 68px;
    margin-left: 10px;
    height: 30px;
    outline: none;
}

.header-item-one {
    height: 30px;
}

.header-item-two i {
    display: block;
    float: left;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.header-item-two i {
    display: block;
    float: left;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.header-item-two {
    border: 1px solid #ccc;
    margin-left: 10px;
}

    .header-item-two select {
        float: left;
        border: none;
        outline: none;
    }

    .header-item-two i:nth-child(1) {
        border-right: 1px solid #ccc;
    }

    .header-item-two i:nth-child(3) {
        border-left: 1px solid #ccc;
    }

.header-item-three {
    margin-left: 30px;
    width: 73px;
}

    .header-item-three span {
        display: block;
        height: 100%;
        border: 1px solid #d8d8d8;
        background: #f9f9f9;
        line-height: 28px;
        text-align: center;
        font-size: 14px;
        width: 100%;
        cursor: pointer;
    }

        .header-item-three span:hover {
            border-color: #388bff;
        }

        .header-item-three span.active {
            border-color: #388bff;
        }

.week-list {
    height: 35px;
    width: 100%;
    border-bottom: 1px solid #c8cacc;
}

    .week-list li {
        float: left;
        height: 35px;
        width: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 15px;
        margin: 0 1px;
        /*font-weight: bold;*/
    }

        .week-list li:nth-child(7) {
            color: #e02d2d;
        }

        .week-list li:nth-child(1) {
            color: #e02d2d;
        }

.tabel-line {
    height: 35px;
    border-bottom: 1px solid #c8cacc;
}

.tabel-ul {
    height: 35px;
}

.tabel-li {
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    float: left;
    border: 2px solid #fff;
    margin: 0 1px;
}

    .tabel-li.preDays {
        color: #bfbfbf;
    }

    .tabel-li.nextDay {
        color: #bfbfbf;
    }

    .tabel-li:hover {
        border-color: #ffbb00;
    }

    .tabel-li.showClick {
        border-color: #ffbb00;
    }

    .tabel-li.active {
        background: #ffbb00;
        color: #fff !important;
        border-color: #ffbb00;
    }

    .tabel-li.weekColor {
        color: #e02d2d;
    }

@media screen and (max-width:1569px) {
    #obtn .OnlineMessageBox {
        padding: 60px 80px 80px 80px;
    }

        #obtn .OnlineMessageBox .messTit {
            font-size: 42px;
        }

    #obtn .formBox dl dt {
        font-size: 17px;
        padding-right: 10px;
    }

    #obtn .formBox dl .lab .fv0 {
        height: 60px;
        text-indent: 15px;
        font-size: 16px;
    }

    #obtn .formBox dl .indexBox input {
        height: 60px;
        font-size: 16px;
        text-indent: 15px;
    }

    #obtn .formBox dl .textareaBox textarea {
        font-size: 16px;
        padding: 15px;
    }

    #obtn .formBox .buttonBox .indexBox span {
        width: 120px;
    }

        #obtn .formBox .buttonBox .indexBox span img {
            height: 56px;
        }

    #obtn .formBox .buttonBox .subBox button {
        height: 60px;
        font-size: 18px;
    }

    .select-date {
        top: 60px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .OnlineMessageBox {
        margin: 65px 0;
        padding: 50px 60px 60px 60px;
    }

        #obtn .OnlineMessageBox .messTit {
            font-size: 36px;
        }

    #obtn .formBox dl {
        width: 49%;
    }

        #obtn .formBox dl dt {
            font-size: 14px;
            height: 60px;
        }
}

@media screen and (max-width:991px) {
    #obtn .OnlineMessageBox {
        margin: 55px 0;
        padding: 55px 40px 55px 40px;
    }

    #obtn .formBox {
        margin-top: 0;
    }

        #obtn .formBox dl {
            margin-top: 15px;
        }

            #obtn .formBox dl dt {
                width: 100%;
                line-height: 50px;
                text-align: left;
            }

            #obtn .formBox dl.wideBox dt {
                width: 100%;
            }

            #obtn .formBox dl .lab {
                width: 100%;
                margin: 0 2% 0 0;
            }

            #obtn .formBox dl .indexBox {
                width: 100%;
                margin: 0 2% 0 0;
            }

                #obtn .formBox dl .indexBox .icon {
                    right: 15px;
                }

                #obtn .formBox dl .indexBox:last-child {
                    margin: 0;
                }

            #obtn .formBox dl .lab .ul0 {
                top: 50px;
            }

            #obtn .formBox dl .lab .fv0 {
                height: 50px;
            }

            #obtn .formBox dl .indexBox input {
                height: 50px;
            }

            #obtn .formBox dl .indexBox.Ver {
                width: 100%;
            }

            #obtn .formBox dl .textareaBox {
                width: 100%;
                margin-left: 0;
            }

                #obtn .formBox dl .textareaBox .UploadBox {
                    height: 50px;
                    line-height: 50px;
                }

                    #obtn .formBox dl .textareaBox .UploadBox input {
                        height: 50px;
                    }

                #obtn .formBox dl .textareaBox .UploadText {
                    height: 50px;
                }

            #obtn .formBox dl .indexBox.Ver em {
                width: 101px;
                height: 50px;
                margin-top: -25px;
            }

        #obtn .formBox .subBox {
            width: 100%;
        }

            #obtn .formBox .subBox button {
                height: 55px;
                line-height: 55px;
                font-size: 18px;
            }
}

@media screen and (max-width:767px) {
    #obtn .OnlineMessageBox {
        margin: 35px 0 40px 0;
        padding: 0;
        background: none;
    }

        #obtn .OnlineMessageBox .messTit {
            font-size: 30px;
            line-height: 45px;
        }

    #obtn .formBox dl {
        margin-top: 20px;
        width: 100%;
    }

        #obtn .formBox dl:first-child {
            margin-top: 10px;
        }

        #obtn .formBox dl dt {
            font-size: 15px;
            line-height: 30px;
            height: 30px;
        }

        #obtn .formBox dl .lab {
            width: 100%;
            margin: 10px 0 0 0;
        }

            #obtn .formBox dl .lab .fv0 {
                font-size: 15px;
            }

            #obtn .formBox dl .lab .ul0 li {
                font-size: 15px;
            }

        #obtn .formBox dl .indexBox {
            width: 100%;
            margin-top: 10px;
        }

            #obtn .formBox dl .indexBox:last-child {
                margin-top: 10px;
            }

            #obtn .formBox dl .indexBox input {
                font-size: 15px;
            }

        #obtn .formBox dl .textareaBox {
            margin-top: 10px;
        }

    #obtn .formBox .buttonBox .indexBox {
        width: 100%;
        margin-top: -10px;
    }

    #obtn .formBox .buttonBox .subBox {
        width: 100%;
        margin-top: 10px;
    }

    #obtn .formBox dl .textareaBox .UploadBox {
        width: 100%;
    }

    #obtn .formBox dl .textareaBox .UploadText {
        width: 100%;
        padding-left: 0;
    }
}
/*9where to buy*/
#obtn .pageMapBox {
    float: left;
    width: 100%;
    background: #113f73;
    position: relative;
}

#obtn .pageMapBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.03;
    filter: alpha(opacity=3);
}

#obtn .mapInfoBox {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 110px 0 115px;
    min-height: 700px;
}

    #obtn .mapInfoBox .tH1 {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        line-height: 45px;
    }

    #obtn .mapInfoBox .mapLeftLabel {
        float: left;
        width: 29%;
        margin-top: 19px;
        position: relative;
    }

        #obtn .mapInfoBox .mapLeftLabel .ulList {
            float: left;
            width: 100%;
            z-index: 9;
        }

            #obtn .mapInfoBox .mapLeftLabel .ulList li {
                float: left;
                width: 100%;
                margin-top: 5px;
            }

        #obtn .mapInfoBox .mapLeftLabel .topULBox {
            float: left;
            width: 100%;
            height: 65px;
            background: #e01018;
            padding: 0 30px;
            position: relative;
            z-index: 4;
        }

            #obtn .mapInfoBox .mapLeftLabel .topULBox input {
                float: left;
                line-height: 65px;
                color: #fff;
                font-size: 18px;
                font-family: Arial;
                background: none;
                text-transform: uppercase;
            }

            #obtn .mapInfoBox .mapLeftLabel .topULBox .lermore {
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -10px;
                width: 21px;
                height: 20px;
                text-align: center;
                line-height: 0;
                cursor: pointer;
            }

                #obtn .mapInfoBox .mapLeftLabel .topULBox .lermore em {
                    position: absolute;
                    line-height: 0;
                    right: 0;
                    top: 50%;
                    margin-top: -10px;
                    width: 21px;
                    height: 20px;
                }

                    #obtn .mapInfoBox .mapLeftLabel .topULBox .lermore em img {
                        vertical-align: middle;
                        margin-top: -4px;
                    }

                    #obtn .mapInfoBox .mapLeftLabel .topULBox .lermore em:last-child {
                        opacity: 0;
                        filter: alpha(opacity=0);
                    }

            #obtn .mapInfoBox .mapLeftLabel .topULBox.active .lermore em:first-child {
                opacity: 0;
                filter: alpha(opacity=0);
            }

            #obtn .mapInfoBox .mapLeftLabel .topULBox.active .lermore em:last-child {
                opacity: 1;
                filter: alpha(opacity=100);
            }

            #obtn .mapInfoBox .mapLeftLabel .topULBox .continentBox {
                float: left;
                width: 100%;
            }

            #obtn .mapInfoBox .mapLeftLabel .topULBox .pullDown {
                position: absolute;
                left: 0;
                top: 65px;
                width: 100%;
                background: #e6edf4;
                background: rgba(230,237,244,0.95);
                padding: 10px 30px;
                display: none;
            }

                #obtn .mapInfoBox .mapLeftLabel .topULBox .pullDown dd {
                    float: left;
                    width: 100%;
                    color: #333333;
                    font-size: 14px;
                    line-height: 32px;
                    cursor: pointer;
                }

                    #obtn .mapInfoBox .mapLeftLabel .topULBox .pullDown dd:hover,
                    #obtn .mapInfoBox .mapLeftLabel .topULBox .pullDown dd.on {
                        color: #e01018;
                    }

            #obtn .mapInfoBox .mapLeftLabel .topULBox:hover .pullDown {
                display: block;
            }

#obtn .countryList {
    float: left;
    width: 100%;
    height: 446px;
    background: #fff;
    padding: 10px 10px 0 30px;
    display: none;
}

    #obtn .countryList dl {
        float: left;
        position: absolute;
        z-index: 1;
        opacity: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 425px;
        padding-right: 18px;
        color: #666666;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
    }

        #obtn .countryList dl.active {
            position: relative;
            z-index: 2;
            opacity: 1;
        }

        #obtn .countryList dl::-webkit-scrollbar {
            width: 6px;
        }

        #obtn .countryList dl::-webkit-scrollbar-track {
            background-color: #cce0f2;
            border-radius: 6px;
        }

        #obtn .countryList dl::-webkit-scrollbar-thumb {
            width: 6px;
            height: 60px;
            background-color: #e01018;
            border-radius: 6px;
        }

    #obtn .countryList dd {
        float: left;
        width: 100%;
        padding-left: 66px;
        position: relative;
        cursor: pointer;
    }

        #obtn .countryList dd em {
            position: absolute;
            width: 43px;
            height: 26px;
            line-height: 0;
            left: 0;
            top: 50%;
            margin-top: -13px;
        }

        #obtn .countryList dd span {
            float: left;
            width: 100%;
            line-height: 52px;
            border-bottom: 1px dotted #cccccc;
            text-transform: uppercase;
        }

        #obtn .countryList dd.on span,
        #obtn .countryList dd:hover span {
            color: #e01018;
            font-weight: bold;
        }

#obtn .mapAddress {
    width: 400px;
    margin-left: 27px;
    position: absolute;
    z-index: 10;
    left: 450px;
    top: 0;
    margin-top: 89px;
}

    #obtn .mapAddress ul {
        float: left;
        width: 100%;
        height: 478px;
    }

    #obtn .mapAddress li {
        float: left;
        width: 100%;
        height: 53px;
        position: relative;
        display: none;
    }

        #obtn .mapAddress li:after {
            position: absolute;
            content: '';
            left: -10px;
            top: 25px;
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-right: 10px solid rgba(255,255,255,0.9);
            border-bottom: 10px solid transparent;
        }

        #obtn .mapAddress li .mapAddBox {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            background: #fff;
            background: rgba(255,255,255,0.9);
            padding: 25px 20px;
            border-radius: 8px;
            margin-top: -100px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
        }

            #obtn .mapAddress li .mapAddBox h3 {
                float: left;
                width: 100%;
                color: #e01018;
                font-size: 24px;
                line-height: 36px;
                font-family: Arial;
                font-weight: bold;
            }

            #obtn .mapAddress li .mapAddBox .p1 {
                float: left;
                width: 100%;
                margin-top: 11px;
                color: #333333;
                font-size: 16px;
                line-height: 30px;
                font-weight: bold;
            }

            #obtn .mapAddress li .mapAddBox .p2 {
                float: left;
                width: 100%;
                font-size: 16px;
                font-family: Arial;
                color: #333333;
                margin-top: 25px;
                line-height: 30px;
            }

        #obtn .mapAddress li.on {
            display: block;
        }


#obtn .mapImgBox {
    float: right;
    width: 45%;
    position: relative;
}

    #obtn .mapImgBox .ul1 {
        float: left;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0;
    }

        #obtn .mapImgBox .ul1 li {
            float: left;
            width: 100%;
            line-height: 0;
        }

        #obtn .mapImgBox .ul1.active {
            position: relative;
            z-index: 2;
            opacity: 1;
        }

    #obtn .mapImgBox .mapMarkerList {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

        #obtn .mapImgBox .mapMarkerList dl {
            float: left;
            width: 100%;
            height: 100%;
            position: relative;
        }

        #obtn .mapImgBox .mapMarkerList dd {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0;
        }

            #obtn .mapImgBox .mapMarkerList dd.on {
                opacity: 1;
            }


@media screen and (max-width:1569px) {
    #obtn .mapAddress {
        left: 345px;
    }
}

@media screen and (max-width:1229px) {
    #obtn .mapInfoBox {
        margin: 90px 0;
    }

        #obtn .mapInfoBox .tH1 {
            font-size: 26px;
        }

        #obtn .mapInfoBox .mapLeftLabel {
            width: 35%;
        }

    #obtn .countryList dd span {
        font-size: 15px;
    }

    #obtn .mapAddress {
        left: 330px;
    }

        #obtn .mapAddress li .mapAddBox {
            padding: 25px 20px;
        }

            #obtn .mapAddress li .mapAddBox h3 {
                font-size: 22px;
            }

            #obtn .mapAddress li .mapAddBox .p1 {
                margin-top: 5px;
                font-size: 15px;
                line-height: 26px;
            }

            #obtn .mapAddress li .mapAddBox .p2 {
                font-size: 15px;
                line-height: 26px;
                margin-top: 15px;
            }

    #obtn .mapImgBox {
        width: 55%;
        margin-top: 40px;
    }
}

@media screen and (max-width:991px) {
    #obtn .mapInfoBox .mapLeftLabel {
        width: 40%;
    }

    #obtn .mapInfoBox {
        min-height: 600px;
    }

    #obtn .countryList {
        padding: 10px 10px 0 20px;
        height: 400px;
    }

        #obtn .countryList dl {
            height: 380px;
        }

        #obtn .countryList dd span {
            font-size: 14px;
        }

    #obtn .mapAddress {
        left: 285px;
        width: 320px;
    }

        #obtn .mapAddress li .mapAddBox .p1 {
            font-size: 14px;
        }

        #obtn .mapAddress li .mapAddBox .p2 {
            font-size: 14px;
        }

    #obtn .mapInfoBox .mapLeftLabel .topULBox {
        height: 60px;
    }

        #obtn .mapInfoBox .mapLeftLabel .topULBox input {
            line-height: 60px;
        }
}

@media screen and (max-width:767px) {
    #obtn .mapInfoBox {
        margin: 40px 0;
        min-height: 750px;
    }

        #obtn .mapInfoBox .mapLeftLabel {
            width: 100%;
        }

        #obtn .mapInfoBox .tH1 {
            font-size: 22px;
        }

        #obtn .mapInfoBox .mapLeftLabel {
            margin-top: 15px;
        }

    #obtn .mapAddress {
        width: 100%;
        left: 0;
        margin-left: 0;
        top: 400px;
    }

    #obtn .mapImgBox {
        width: 100%;
        margin-top: 20px;
    }

    #obtn .countryList {
        height: 300px;
    }

        #obtn .countryList dl {
            height: 280px;
        }

        #obtn .countryList dd span {
            font-size: 14px;
            line-height: 45px;
        }

    #obtn .mapAddress li:after {
        display: none;
    }
}

#obtn .mapMarkerBox {
    width: 500px;
    margin-left: 27px;
    position: absolute;
    z-index: 10;
    left: 480px;
    top: 0;
    margin-top: 89px;
}



/*
#005ca1
@media screen and (max-width:1569px) {}
@media screen and (max-width:1229px) {}
@media screen and (max-width:991px) {}
@media screen and (max-width:767px) {}

*/


/**/
.empty-content {
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

#obtn .pageProParameter table {
    float: left;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
    margin-top: 30px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    #obtn .pageProParameter table tr.dtBox {
        background: #e01018;
        padding: 0 30px;
        color: #fff;
        font-size: 20px;
        line-height: 60px;
    }

        #obtn .pageProParameter table tr.dtBox th {
            width: 15%;
            border: 0;
        }

            #obtn .pageProParameter table tr.dtBox th:first-child {
                width: 70%;
                text-align: left;
                padding: 0 75px 0 20px;
            }

    #obtn .pageProParameter table tr.ddBox {
        background: #fff;
        border-bottom: 1px solid #e4e4e4;
        padding: 0 30px;
        color: #333333;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
    }

        #obtn .pageProParameter table tr.ddBox td {
            border-left: 1px solid #e4e4e4;
            padding: 10px 0;
        }

            #obtn .pageProParameter table tr.ddBox td:first-child {
                text-align: left;
                padding: 0 75px 0 20px;
                border-left: 0;
            }

            #obtn .pageProParameter table tr.ddBox td em {
                float: right;
            }

@media screen and (max-width:1229px) {
    #obtn .pageProParameter table {
        margin-top: 20px;
    }

        #obtn .pageProParameter table tr.dtBox {
            font-size: 18px;
            line-height: 55px;
        }

        #obtn .pageProParameter table tr.ddBox {
            font-size: 15px;
            line-height: 28px;
        }

            #obtn .pageProParameter table tr.ddBox td {
                padding: 13px 0;
            }

                #obtn .pageProParameter table tr.ddBox td:first-child {
                    padding: 13px 40px 13px 15px;
                }
}

@media screen and (max-width:767px) {
    #obtn .pageProParameter table {
        margin-top: 15px;
    }

        #obtn .pageProParameter table tr.dtBox {
            font-size: 16px;
            line-height: 55px;
        }

            #obtn .pageProParameter table tr.dtBox th {
                width: 17%;
            }

                #obtn .pageProParameter table tr.dtBox th:first-child {
                    width: 66%;
                    padding: 0 10px;
                }

        #obtn .pageProParameter table tr.ddBox td {
            font-size: 12px;
            line-height: 24px;
            width: 17%;
        }

            #obtn .pageProParameter table tr.ddBox td:first-child {
                width: 66%;
                padding: 0 10px;
            }
}


#obtn .slide_banner .slideText .textImg {
    text-align: left;
    padding-left: 9%;
    margin-top: 20px;
}

    #obtn .slide_banner .slideText .textImg img {
        width: 43%;
    }

@media screen and (max-width:767px) {
    #obtn .slide_banner .slideText .textImg {
        margin-top: 10px;
    }

        #obtn .slide_banner .slideText .textImg img {
            width: 70%;
        }
}




.empty-content {
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}




.countryList .tag-little {
    font-size: 12px;
}


.pageCaseInfo > p {
    padding: 30px 10px;
}

.pageCaseInfo > span {
    text-indent: 50px;
    margin: 40px 0px;
    display: inline-block;
}

.pageCaseInfo table tr > td:first-child {
    width: 30%;
    /*margin: 0px 0;*/
}

    .pageCaseInfo table tr > td:first-child span {
        display: inline-block;
    }

    .pageCaseInfo table tr > td:first-child img {
        max-width: 70%;
        margin: 0 auto;
        display: block;
    }


.pageCaseInfo table tr > td:nth-child(2) span {
    padding: 20px 30px;
    display: inline-block;
    text-indent: 50px;
}
























.pageProBg .pageProParameter .et_pb_row .et_pb_column img {
    display: block;
    margin: 0 auto;
    margin-top: 75px;
}



.pageProBg .pageProParameter a {
    display: block;
}


    .pageProBg .pageProParameter a img {
        display: block;
        margin: 0 auto;
        margin-top: 75px;
    }


.biaoti {
    font-size: 13px;
    color: rgb(0, 101, 189) !important;
}

.canshu {
    font-size: 13px;
}

.zhushi {
    font-size: 11px;
    color: red;
}