﻿@charset "utf-8";

/* CSS Document */
/**  /nav  **/
#jPanelMenu-menu {
    background: #035cac;
    display: block;

    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 9999999999999;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.jPanelMenu {
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.xpnav {
    width: 100%;
    height: 60px;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: 999;
}

.xpnav-btn {
    width: 30px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: 5%;
    cursor: pointer;
}

.nav_ti div img {
    float: right;
    font-size: 22px;
    margin-right: 15px;
    margin-top: 17px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.nav_ti div img.scale1 {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    /*-webkit-transition: 0.6s linear;*/
    /*-moz-transition: 0.6s linear;*/
    /*-ms-transition: 0.6s linear;*/
    /*-o-transition: 0.6s linear;*/
    /*transition: 0.6s linear;*/
}

.xpnav-btn>span {
    display: block;
    width: 70%;
    height: 2px;
    background: #000;
    margin: 5px auto;
}

.xpnav-btn>span:nth-child(1) {
    margin-top: 12px;
}

.xpnav img {

    margin-left: 20px;
}

#jPanelMenu-menu>ul {
    border-bottom: 1px solid #035cac;
    border-top: 1px solid #035cac;
    display: none;
    padding: 0;
    margin: 0
}

#jPanelMenu-menu li a {
    width: 100%;
    background: #000;
    font-weight: 500;
    display: block;
    padding: 0.5em 5%;
    border-top: 1px solid #666;
    text-decoration: none;

    color: #fff;
    font-size: 14px;
    font-family: "微软雅黑";
}

#jPanelMenu-menu li a:hover {
    color: #035cac;
}

#jPanelMenu-menu li ul a {
    width: 100%;
    background: #000;
    font-weight: 500;
    display: block;
    padding: 0.2em 2%;
    border: none;
    text-decoration: none;
    color: #eee;
    font-size: 12px;
    font-family: "微软雅黑";
}

#jPanelMenu-menu>ul>li>ul {
    display: none;
    padding: 0;
    margin-left: 30px;
}

#jPanelMenu-menu ul li ul li {
    line-height: 30px;

}

.touch_slide {
    overflow: hidden;
    margin-top: 40px;
}

.banner_zi1 {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -59px;

}

/**  /banner  **/


/*********footer*************/
.footer_phone {
    text-align: center;
    background: #000;
    height: 60px;
    line-height: 60px;
}

.footer_phone li {
    float: left;
    width: 33%;
    text-align: center;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.footer_phone li a {
    color: #fff;
    font-family: "微软雅黑";
    font-size: 12px;
}

.footer_phone p {
    color: #fff;
    font-family: "微软雅黑";
    padding-bottom: 20px;
    font-size: 12px;
    margin-bottom: 0px !important;
    padding: 0;
}

.footer_phone li {
    display: none;

}


/*********header*************/
.phone_nav_box {
    position: fixed;
    left: -200px;
    width: 200px;
    top: 0;
    height: 100%;
    background: #3f342e;
}

.phone_nav_box>ul {
    height: 100%;
    background: #3f342e;
    position: relative;
    z-index: 99;
    line-height: 30px;
    margin-top: 20px;
}

.phone_nav_box>ul li {

    padding-left: 20px;
}

.phone_nav_box ul li a {
    color: #fff;


}

.phone_nav_box>ul>li>a,
.phone_nav_box>ul>li>div {
    color: #fff;
    line-height: 45px;
    font-size: 14px;

}


.nav_ti>li {
    border-bottom: 1px solid #332c27;
}

.phone_nav_box ul li ul {
    padding: 5px;
    display: none;

}

.nav_ti i {
    float: right;
    font-size: 22px;
    margin-right: 15px;
    line-height: 45px;
}

.scale1 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transition: 0.6s linear;
    -moz-transition: 0.6s linear;
    -ms-transition: 0.6s linear;
    -o-transition: 0.6s linear;
    transition: 0.6s linear;
}

.phone_footer {
    background-color: #3f342e !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    position: relative;
    z-index: 100;
}


@media (min-width:768px) and (max-width:991px) {
    .xpnav img {
        height: 42px;
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    body {
        position: relative;
        left: 0;
        font-size: 12px;
    }

    .xpnav img {
        height: 28px;
        margin-top: 14px;
    }

    .phone_language {
        position: absolute;
        top: 17px;
        right: 2%;
        font-size: 14px;
    }

    .phone_language a {
        display: inline-block;
        margin: 0 7px;
        color: #333;
    }

    .warp {
        position: relative;
        padding-top: 60px;
    }


    /* index */
    .banner {
        margin-bottom: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .banner_text_bot{
        bottom: 0;
        height: auto;
    }
    .banner_text_bot h3{
        font-size: 20px;
        transform: translateY(0);
    }
    .banner_text_bot h3 > div{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .banner_text_bot .show_h3{
        height: auto;
        margin-top: 25px;
    }
    .banner_text_bot h3 span{
        font-size: 16px;
    }
    .banner_backg{
        height: 50px;
        margin-top: 0;
    }
    .banner_backg img{
        width: 97%;
        left: 3%    ;
        bottom: -20%;
    }

    .ind_sec2 {
        padding: 20px;
    }

    .ind_sec2_txt h5 {
        font-size: 18px;
        margin: 40px 0 20px;
    }

    .ind_sec2_tit .line {
        height: 25px;
    }

    .ind_sec2_txt h6 {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 24px;
        text-align: left;
    }

    .index_more {
        margin: 30px auto 20px;
    }

    .ind_sec3 {
        position: relative !important;
    }

    .ind_sec3_phones_txt {
        background: #2a6771;
        padding: 20px 20px 50px;
        /* min-height: 520px; */
    }

    .ind_sec3_phone .swiper1_sec3_phone .pagination_gr_sec3_phone {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 10;
        text-align: center;
    }

    .ind_sec3_phones_txt h6 {
        font-size: 12px;    
        color: #fff;
        line-height: 20px;
    }

    .ind_sec3_phones_txt p {
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        margin-top: 10px;
    }

    .ind_sec3_phones_txt1 {
        width: 50%;
        margin-bottom: 20px;

    }

    .ind_sec3_phones_txt1 img {
        width: 100%;
    }

    .index_more.m7 {
        margin: 0;
    }

    .ind_sec4 {
        padding: 30px 20px;
        position: relative !important;
        height: auto !important;
    }

    .ind_sec4_tit .line {
        height: 25px;
    }

    .ind_sec4_tit h3 {
        font-size: 20px;
        margin: 20px 0 20px;
    }

    .ind_sec6_box {
        width: 100%;
        margin-bottom: 0;
    }

    .ind_sec6_txt h6 {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 20px;
        text-align: left;
        text-indent: 0;
        margin-bottom: 0;
    }

    .ind_se4_list {
        width: 100%;
        margin-top: 0;
    }

    .ind_sec4_txt {
        border-left: none;
        width: 50%;
    }

    .ind_sec4_txt>a {
        padding: 0;
    }

    .ind_sec4_txt h5 {
        font-size: 16px;
    }

    .ind_sec4_txt h1 {
        font-size: 14px;
    }

    .ind_sec6 {
        padding: 30px 20px;
    }

    .ind_sec6_tit .line {
        height: 25px;
    }

    .ind_sec6_tit h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .ind_sec6_top .row .col-lg-2 {
        width: 50%;
        float: left;
        padding-right: 10px;
        padding-left: 10px;
    }

    .ind_sec6_top .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .ind_sec6_img {
        min-height: 90px;
        padding: 0;
        margin-bottom: 20px;
        padding-top: 10%;
    }

    /****about*****/

    .about_sec1 .common_tit {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all 1.6s ease-in-out 0.4s;
        -moz-transition: all 1.6s ease-in-out 0.4s;
        -ms-transition: all 1.6s ease-in-out 0.4s;
        -o-transition: all 1.6s ease-in-out 0.4s;
        transition: all 1.6s ease-in-out 0.4s;
    }

    .about_sec1 {
        padding: 30px 20px;
    }

    .about_sec1_headleft {
        width: 50%;
    }

    .about_sec1_headright {
        width: 100%;
        padding-left: 0px;
        position: relative;
        margin-top: 20px;
    }

    .about_sec1_headright:after {
        background-color: transparent;
    }

    .about_sec1_headright P {
        font-size: 12px;
        line-height: 20px;
    }

    .about_sec1_headright P span {
        font-size: 13px;
        line-height: 24px;
    }

    .about_sec1_box {
        width: 100%;
        margin-top: 20px;
        padding-bottom: 0;
    }

    .about_sec1_img .col-sm-6:first-child {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 1.6s ease-in-out 0.4s;
        -moz-transition: all 1.6s ease-in-out 0.4s;
        -ms-transition: all 1.6s ease-in-out 0.4s;
        -o-transition: all 1.6s ease-in-out 0.4s;
        transition: all 1.6s ease-in-out 0.4s;
    }

    .about_sec1_img .col-sm-6:last-child {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 1.6s ease-in-out 0.4s;
        -moz-transition: all 1.6s ease-in-out 0.4s;
        -ms-transition: all 1.6s ease-in-out 0.4s;
        -o-transition: all 1.6s ease-in-out 0.4s;
        transition: all 1.6s ease-in-out 0.4s;
    }

    .about2_swiperBot {
        font-size: 14px;
        text-align: center;
        padding: 10px 0;
    }

    .about2_swiperBot a {
        font-size: 12px;
        top: 10px;
    }

    .about_sec1_left {
        margin-bottom: 20px;
    }

    .about_sec6 {
        opacity: 1;
    }

    .about_sec3 {
        padding: 30px 20px;
    }

    .about_sec3 .common_tit {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all 1.2s ease-in-out 0.4s;
        -moz-transition: all 1.2s ease-in-out 0.4s;
        -ms-transition: all 1.2s ease-in-out 0.4s;
        -o-transition: all 1.2s ease-in-out 0.4s;
        transition: all 1.2s ease-in-out 0.4s;
    }

    .common_tit .line {
        height: 25px;
    }

    .common_tit h3 {
        font-size: 20px;
        margin-top: 10px;
    }

    .common_text {
        width: 100%;
        margin-bottom: 30px;
    }

    .common_text h6 {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 20px;
        text-align: left;
        text-indent: 0;
    }

    .about_sec3_box {
        width: 100%;
        margin: 40px auto 0;
    }

    .about_sec3_list {
        width: 100%;
        margin-bottom: 30px;
    }

    .about_sec3_imgList {
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .about_sec3_imgListBox {
        width: 100%;
    }

    .about_sec3_listImg {
        width: 50px;
        margin: 0 auto 15px;
        cursor: pointer;
        position: relative;
    }

    .about_sec3_list li {
        font-size: 13px;
    }

    .about_sec3_imgList .about_sec3_phone .pagination_about_sec3_phone {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 10;
        text-align: center;
    }

    .about_sec5 {
        padding:30px 20px;
    }

    .ind_sec5_phones_txt {
        padding: 30px 20px;
    }

    .ind_sec5_phones_txt h5 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .ind_sec5_phones_txt h6 {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px;
        color: #999;
    }

    .about_sec5_imgList .about_sec5_phone .pagination_about_sec5_phone {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 10;
        text-align: center;
        margin: 0;
    }


    /**about_dot**/
    .about_dot_sec1 {
        width: 100%;
        padding: 30px 20px;
        margin: 0;
    }

    .ind_sec4_txt1 {
        color: #999;
        position: relative;
        width: 100%;
        margin: 0 auto 30px;
    }

    .ind_sec4_txt1 h6 {
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 24px;
        text-align: left;
        text-indent: 0;
    }

    .col-about_dot {
        width: 50%;
        float: left;
        padding-left: 0;
        padding-right: 0;
    }

    .about_dot_sec1_box .about_sec1_box_txt h3 {
        font-size: 14px;
        color: #333;
        margin: 15px 0;
    }

    .col-about_dot {
        margin-bottom: 5px;
    }

    /**teams**/
    .teams_sec1 {
        padding: 30px 20px;
    }

    .teams_sec1_box {
        width: 100%;
    }

    .teams_sec1_con .row:first-child {
        margin-top: 30px;
    }

    .teams_sec1_con .col-md-4 {
        width: 100%;
    }

    .teams_sec1_img img {
        position: relative;
        top: 0;
        left: 0;
    }

    .teams_sec1_img .teams_sec1_video {
        position: absolute;
        top: 0;
        left: 0;
    }

    .teams_sec1_img {
        position: relative;
        top: 0;
    }

    .pull-right {
        width: 100%;
    }
    .teams_sec1_txt{
        height: auto;
    }
    .teams_sec1_txt .txt_bg {
        position: relative;
    }

    .teams_sec1_txt_con {
        position: relative;
        padding-left: 0;
        margin-top: 20px;
    }

    .teams_sec1_con .row {
        margin-top: 30px;
    }

    .teams_sec1_txt h4 {
        font-size: 13px;
        line-height: 24px;
        padding: 0;
    }

    .teams_sec1_txt h3 {
        font-size: 20px;
    }

    .teams_sec1_img .teams_sec1_img_txt h2 {
        font-size: 30px;
        color: #666;
        font-weight: bold;
    }

    .teams_sec1_img .teams_sec1_img_txt {
        transform: rotate(90deg);
        position: absolute;
        bottom: 32%;
        right: -10%;
    }

    .teams_sec1_img .teams_sec1_img_txt h2 span {
        font-size: 14px;
        letter-spacing: 4px;
        position: relative;
        bottom: 20px;
        margin-left: 14px;
    }


    /***teams_dot***/
    .teams_dot_sec1 {
        width: 100%;
        margin: 5% auto 30px;
    }

    .teams_dot_sec1 img {
        width: 100%;
    }

    .teams_dot_txt {
        position: relative;
        bottom: -12px;
    }

    .teams_dot_txt h5 {
        font-size: 20px;
        color: #333;
        margin: 16px 0 15px;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .teams_dot_sec2 {
        width: 100%;
        margin: 30px auto;
    }

    .teams_dot_title .line {
        width: 15px;
        height: 1px;
        background-color: #666;
        margin-top: 10px;
    }

    .teams_dot_sec2 .row .col-sm-6 {
        margin-bottom: 10px;
    }

    .teams_dot_title {
        margin-bottom: 10px;
    }

    .teams_dot_sec2_txt p {
        font-size: 13px;
        color: #999;
        line-height: 24px;
        margin: 0;
        letter-spacing: 0px;
        word-break: break-all;
    }

    .teams_dot_sec2_con li {
        font-size: 12px;
    }

    .teams_dot_title h6 {
        font-size: 16px;
        color: #333;
    }

    .teams_dot_sec3 {
        width: 100%;
        margin: 30px auto 0;
    }

    .teams_dot_sec3 p {
        font-size: 13px;
        color: #333;
        margin: 10px 0 0;
    }

    .teams_dot_sec3 .row .col_4_teams {
        margin-bottom: 20px;
    }

    /***product***/
    .product_sec1_hx {
        padding: 30px 20px;
    }

    .product_sec1_con {
        width: 100%;
        margin: 0 auto 0;
    }

    .product_sec1_conLeft,
    .product_sec1_conRight {
        width: 100%;
        float: left;
    }

    .product_sec1_conLeft {
        margin-right: 0;
    }

    .product_sec1_imgTxt h4 {
        font-size: 20px;
    }

    .product_sec1_imgTxt h5 {
        font-size: 22px;
        letter-spacing: 2px;
        color: #ffffff;
        font-family: 'ralewaythin';
        margin-bottom: 20px;
    }

    .product_sec1_imgTxt a {
        font-size: 12px;
        letter-spacing: 1px;
        font-family: 'ralewaythin';
        color: #ffffff;
        border-bottom: 1px solid #fff;
    }


    /***product_list***/
    .product_list_sec1_bg {
        background: #f2f2f2;
        height: 100%;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }

    .product_list_sec1 {
        padding: 0 20px;
    }

    .product_list_txt h4 {
        margin: 15px 0 10px;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .product_list_txt {
        margin-bottom: 15px;
    }

    .product_list_txt h5 {
        font-size: 12px;
    }

    .product_list_sec1_box {
        margin-bottom: 30px;
    }

    .sec1_box_con_btn {
        width: 150px;
        height: 40px;
        border: 1px solid #c1c1c1;
        line-height: 40px;
        text-align: center;
        margin: 20px auto 0;
        position: relative;
        font-size: 16px;
    }

    /***product_dot***/
    .product_top {
        width: 100%;
        margin: 10px auto 20px;
        padding: 0 20px;
    }

    .product_dot_sec1 {
        padding: 0 20px;
    }

    .product_dot_sec1_box {
        width: 100%;
    }

    .product_dot_sec2 {
        padding: 0 20px;
    }

    .product_dot_sec2_box {
        width: 100%;
        margin: 0px auto;
        position: relative;
    }

    .product_dot_sec2_box .left_txt {
        padding: 10px 0;
    }

    .product_dot_sec2_box .left_txt_img h3 {
        font-size: 20px;
    }

    .product_dot_sec2_box .left_txt_img h3 span {
        font-size: 12px;
    }

    .product_dot_sec2_box .left_txt h4 {
        color: #805651;
    }

    .product_dot_sec2_box .left_txt h5 {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .product_dot_sec3 {
        padding: 0 20px;
    }

    .product_dot_sec3_box {
        width: 100%;
        margin: 10px auto;
    }

    .product_dot_sec4_news {
        padding: 0 20px;
    }

    .product_dot_sec4_box {
        width: 100%;
        margin: 20px auto 20px;
    }

    .product_dot_sec5 {
        padding: 0 20px;
    }

    .product_dot_sec5_box {
        width: 100%;
        margin: 20px auto 20px;
    }

    .product_dot_sec5_box h3 {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .product_dot_sec5_con {
        margin-top: 10px;
        padding: 0px 0 60px;
    }

    .product_dot_sec5_con .sec5_con_img {
        height: auto;
        margin-bottom: 0px;
    }

    .sec6_con_img {
        height: 250px;
        overflow: hidden;
        position: relative;
    }

    .sec6_con_img img {
        position: absolute;
        top: -32%;
        left: 0;
        width: 100%;
    }


    /***video***/
    .news_sec1 {
        padding: 30px 20px;
    }

    .video_center {
        width: 100%;
        margin: 0px auto;
    }

    .video_center_box h4 {
        font-size: 16px;
    }

    .video_center_box h4 span {
        font-size: 12px;
    }

    .video_center_box p {
        font-size: 13px;
    }


    /***solution***/
    .solution_sec1 {
        padding: 30px 20px;
    }

    .solution_sec1_box {
        width: 100%;
    }

    .solution_sec1_con .col-sm-4 {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 1.2s ease-in-out 0.4s;
        -moz-transition: all 1.2s ease-in-out 0.4s;
        -ms-transition: all 1.2s ease-in-out 0.4s;
        -o-transition: all 1.2s ease-in-out 0.4s;
        transition: all 1.2s ease-in-out 0.4s;
    }

    .solution_sec1_con .col-sm-7 {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 1.2s ease-in-out 0.4s;
        -moz-transition: all 1.2s ease-in-out 0.4s;
        -ms-transition: all 1.2s ease-in-out 0.4s;
        -o-transition: all 1.2s ease-in-out 0.4s;
        transition: all 1.2s ease-in-out 0.4s;
    }

    .solution_sec1_con h5 {
        font-size: 16px;
        margin-top: 0;
        letter-spacing: 1px;
        line-height: 24px;
    }

    .solution_sec1_con h6 {
        font-size: 13px;
        color: #999;
        line-height: 24px;
        margin: 10px 0 5px;
    }

    .solution_sec1_con h6 span {
        font-size: 15px;
        margin-top: 15px;
        letter-spacing: 1px;
    }

    .times>span {
        width: 25px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
    }

    .solution_sec3 .common_tit {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all 1.2s ease-in-out 0.4s;
        -moz-transition: all 1.2s ease-in-out 0.4s;
        -ms-transition: all 1.2s ease-in-out 0.4s;
        -o-transition: all 1.2s ease-in-out 0.4s;
        transition: all 1.2s ease-in-out 0.4s;
    }

    .solution_sec3 {
        padding: 0px 20px;
    }

    .solution_sec3_box {
        width: 100%;
    }

    .solution_sec3_box ul {
        margin-bottom: 15px;
    }

    .solution_sec3_boxList {
        margin: 0 auto;
    }

    .solution_sec3_box ul li {
        font-size: 12px;
        padding: 3px 5px 6px;
    }

    .solution_sec3_boxTxt h4 {
        font-size: 15px;
    }

    .solution_sec3_boxTxt p {
        font-size: 13px;
    }

    .solution_sec3_boxImg {
        margin-bottom: 10px;
    }

    .solution_sec3_boxTxt {
        margin-bottom: 20px;
    }

    .solution_sec4 {
        padding: 30px 20px;
    }

    .solution_sec4_box {
        width: 100%;
    }

    .solution_sec4_list {
        width: 100%;
    }

    .solution_sec4_txt {
        margin: 15px 0 30px;
    }

    .solution_sec4_txt div {
        height: 2px;
        width: 20px;
        background-color: #000;
        margin: 6px auto;
    }

    .solution_sec4_txt h4 {
        font-size: 15px;
        color: #666;
        font-weight: bold;
        letter-spacing: 2px;
    }


    /**solution_case***/
    .lnzh_dot_sec1 {
        padding: 30px 20px;
    }

    .lnzh_dot_sec1_box {
        width: 100%;
    }

    .lnzh_dot_sec1_box .row {
        margin-bottom: 10px;
    }

    .lnzh_dot_sec1_box .sec1_box_txt {
        margin-bottom: 20px;
    }

    .lnzh_dot_sec1_box .sec1_box_txt h3 {
        font-size: 16px;
    }

    .lnzh_dot_sec1_box .sec1_box_txt h5 p {
        font-size: 13px;
    }


    /**project_dot_eject***/
    .project_dot_eject_sec1 {
        width: 100%;
        padding: 30px 20px;
        margin: 0 auto;
    }

    .project_dot_eject_sec1_left {
        width: 30%;
    }

    .project_dot_eject_sec1_right {
        width: 100%;
        float: right;
        border-top: 1px solid #d6d6d6;
        margin-top: 70px;
    }

    .project_dot_eject_sec1_right p {
        font-size: 13px;
        margin: 20px 0;
    }

    .project_sec1_rightCon {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }


    /**project_dot***/
    .project_dot_sec1 {
        padding: 30px 20px 0;
    }

    .project_dot_sec1_box {
        width: 100%;
        margin: 20px auto 0;
    }

    .project_dot_sec1_box .container-fluid {
        padding: 0;
    }

    .project_dot_sec1_box .box {
        width: 100%;
    }

    .project_dot_sec1_box .box_img img {
        max-width: 100%;
        padding: 0;
    }

    .project_dot_sec1_box .box_txt {
        margin: 15px 0 20px;
    }

    .project_dot_sec1_box .box_txt h4 {
        font-size: 14px;
    }


    /**exhibition**/
    .exhibition_sec1 {
        width: 100%;
        padding: 30px 20px;
        margin: 0 auto;
    }

    .exhibition_sec1_box {
        margin: 30px auto 0;
    }

    .exhibition_sec1_box .box {
        width: 92%;
    }

    /**news**/
    .news_sec1_cont .sec1_cont_left {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 1.2s ease-in-out 0.4s;
        -moz-transition: all 1.2s ease-in-out 0.4s;
        -ms-transition: all 1.2s ease-in-out 0.4s;
        -o-transition: all 1.2s ease-in-out 0.4s;
        transition: all 1.2s ease-in-out 0.4s;
    }

    .news_sec1_cont .sec1_cont_right {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 1.2s ease-in-out 0.4s;
        -moz-transition: all 1.2s ease-in-out 0.4s;
        -ms-transition: all 1.2s ease-in-out 0.4s;
        -o-transition: all 1.2s ease-in-out 0.4s;
        transition: all 1.2s ease-in-out 0.4s;
    }

    .news_sec1_box {
        width: 100%;
    }

    .news_sec3 {
        padding: 30px 20px;
    }

    .news_sec3 .common_tit .line {
        height: 25px;
    }

    .news_sec3 .common_tit h3 {
        font-size: 20px;
        margin: 15px 0 20px;
    }

    .news_sec3 .common_text {
        width: 100%;
        margin: 0 auto 30px;
    }

    .news_sec3 .common_text h6 {
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 24px;
        text-align: left;
        text-indent: 0;
    }

    .about_sec2_box {
        width: 100%;
        margin: auto;
    }

    .news_sec2_txt h4 {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 1px;
        margin: 15px 0 10px;
        line-height: 24px;
    }

    .news_sec2_txt h6 {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 20px;
    }


    /**newsdot**/
    .newsdot_sec1_box {
        padding: 0;
    }

    .newsdot_sec1 {
        padding: 30px 20px;
        margin: 0 auto;
    }

    .newsdot_sec1_box {
        width: 100%;
        margin: 0px auto;
        border-right: none;
        border-left: none;
        padding: 0;
    }

    .newsdot_sec1_txt h3 {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 28px;
    }

    #vhtm1 p {
        font-size: 13px;
        color: #999;
        line-height: 24px;
        text-align: left;
    }

    .newsdot_sec1_con h5 {
        font-size: 12px;
        line-height: 22px;
    }

    .sec1_box_con_btn1 {
        margin-top: 20px;
        border-bottom: 1px solid #eaeaea;
        padding: 0 30px 20px;
        margin-left: -30px;
        margin-right: -30px;
    }

    .sec1_box_con_btn1 a {
        width: 100px;
        height: 35px;
        line-height: 35px;
        /* border-bottom: 1px solid #eee; */
        text-align: center;
    }

    .sec1_box_con_btn1 a.sec1_box_con_btn1_prev {
        float: left;
    }

    .sec1_box_con_btn1 a.sec1_box_con_btn1_next {
        float: right;
    }

    .newsdot_sec1_txt h5 {
        color: #999;
        font-size: 13px;
        line-height: 24px;
        font-weight: 100;
        letter-spacing: 0px;
        text-indent: 32px;
        text-align: left;
    }


    /**contact**/
    .contact_sec1 {
        padding: 30px 20px;
        width: 100%;
        margin: 0;
    }

    .contact_sec1_content {
        width: 100%;
        margin-right: 0;
        float: left;
        padding: 0px 0;
        border-bottom: none;
    }

    .contact_sec1_content_left h6 {
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
    }

    .contact_sec1_content_left p {
        font-size: 13px;
        line-height: 24px;
    }

    .lxkf {
        text-align: center;
        width: 40%;
        margin: 0px auto;
    }

    .lxkf p {
        font-size: 14px;
        color: #fff;
        background-color: #2a6771;
        padding: 10px 0;
        width: 134px;
        float: left;
        text-align: center;
        margin: 28px auto 0;
    }

    .contact_sec2 {
        padding: 30px 20px;
    }

    .contact_sec2 .contact_sec2_box {
        width: 100%;
        margin: 30px auto;
    }

    .contact_sec3 {
        padding: 30px 20px;
        margin: 0 auto;
    }

    .contact_sec3_box {
        width: 100%;
    }

    .contact_sec3_right {
        width: 100%;
    }

    .form-group label {
        font-size: 14px;
    }


    /**join_dot**/
    .jobdot {
        padding: 30px 20px;
        width: 100%;
        margin: 0 auto;
    }

    .jobcon {
        margin-top: 0;
    }

    .jobtopcon_tit {
        font-size: 16px;
        margin-top: 0;
    }

    .zpnrbody {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .zpnrbodynrsz {
        line-height: 24px;
        font-size: 13px;
        letter-spacing: 1px;
    }

    .zwzpnr {
        margin-top: 0px;
    }

    .jobconleft p {
        font-size: 13px;
        line-height: 24px;
    }

    .job_btn {
        margin: 15px auto 0;
    }

    .contact_sec2 .contact_sec2_box li a p font {
        float: right;
    }
    
.videoCon{
	width: 80% !important;
}
.close_video {
    position: absolute;
    top: -20px;
    right: -20px;
    cursor: pointer;
    width: 16px;
}    

.video_box{
	top: 0;
	height: 100%;
	z-index: 9999999999999999;
}

h2,
h3,
h4,
h5,
h6{
	font-weight: normal !important;
}


.newsdot_sec1_txt p span{
	font-size: 12px !important;
	font-family: STXihei, STHeitiLight, ÃƒÂ¥Ã‚ÂÃ…Â½ÃƒÂ¦Ã¢â‚¬â€œÃ¢â‚¬Â¡ÃƒÂ§Ã‚Â»Ã¢â‚¬Â ÃƒÂ©Ã‚Â»Ã¢â‚¬Ëœ, "Microsoft JhengHei", "Microsoft YaHei", ÃƒÂ¥Ã‚Â¾Ã‚Â®ÃƒÂ¨Ã‚Â½Ã‚Â¯ÃƒÂ©Ã¢â‚¬ÂºÃ¢â‚¬Â¦ÃƒÂ©Ã‚Â»Ã¢â‚¬Ëœ, Arial, sans-serif !important;
}
    
    
}