.ncbg {
    width: 100%;
    overflow: hidden;
}

    .ncbg img {
        width: 100%;
        position: relative;
    }

._hide {
    display: none;
}

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

.ncbg h2 {
    font-size: 90px;
    color: white;
    text-align: center;
    top: 40%;
    margin: 0px auto;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 999;
}

    .ncbg h2 span {
        padding-bottom: 30px;
        border-bottom: 5px solid #00B3B9;
    }

.ncbg p {
    font-size: 40px;
    color: white;
    text-align: center;
    top: 60%;
    margin: 0px auto;
    left: 50%;
    letter-spacing: 15px;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 999;
}

@media ( max-width : 1680px) {
.ncbg p {
	font-size: 32px;
    top: 65%;
    
}
 .ncbg h2 {
        font-size: 80px;
    }
}


@media ( max-width : 1440px) {
.ncbg p {
	font-size: 30px;
    top: 70%;
    
}
 .ncbg h2 {
        font-size: 70px;
    }
}

@media ( max-width : 900px) {
    .ncbg h2 {
        font-size: 35px;
    }

        .ncbg h2 span {
            padding-bottom: 10px;
            border-bottom: 5px solid #00B3B9;
        }

    .ncbg p {
        font-size: 20px;
        letter-spacing: 2px;
        width: 100%;
        overflow: hidden;
        top: 70%;
        left: 41%;
        transform: translate(-40%, -40%);
    }
}

.touchimg img {
    transition: 1s;
}

    .touchimg img:hover {
        transform: scale(1.2);
    }


.touchimg1 img {
    transition: 1s;
}

    .touchimg1 img:hover {
        transform: scale(1.1);
    }

@media screen and (max-width: 1366px) {
    /* .header {
        overflow: hidden;
    }*/
}

ul, li {
    margin: 0px;
    padding: 0px;
}

.news_lanmu {
    width: 100%;
    background: white;
    height: 73px;
}

    .news_lanmu li a {
        display: block;
        width: 100%;
        height: 73px;
        font-size: 18px;
        color: #333333;
        text-align: center;
        line-height: 73px;
    }

        .news_lanmu li a:hover {
            background: #00B3B9;
            color: white;
        }

    .news_lanmu li .hover {
        background: #00B3B9;
        color: white;
    }

.news_list {
    width: 100%;
    background: #f4f6f8;
    overflow: hidden;
    padding-bottom: 50px;
}

    .news_list li {
        margin-top: 30px;
        height: 380px;
        overflow: hidden;
    }

        .news_list li .news_img {
            width: 100%;
            overflow: hidden;
			max-height: 300px;
        }

            .news_list li .news_img img {
                width: 100%;
            }

        .news_list li .news_txt {
            width: 100%;
            background: white;
            overflow: hidden;
            height: 140px;
        }

            .news_list li .news_txt h3 {
                /*padding: 10px;*/
				margin: 10px 0;
                padding-left: 15px;
                font-size: 18px;
				 line-height: 26px;
				 display: -webkit-box;
				 -webkit-line-clamp: 1; /* 限制显示的行数为2 */
				 -webkit-box-orient: vertical;
				 overflow: hidden; /* 隐藏溢出的文本 */
				}

                .news_list li .news_txt h3 a {
                    color: #333333;
                }

        .news_list li .news_p {
            padding-top: 5px;
            padding-left: 15px;
        }

            .news_list li .news_p .news_p_left {
                float: left;
                color: #999999;
                font-size: 16px;
            }

            .news_list li .news_p .news_p_right {
                float: right;
                padding-right: 15px;
                color: #999999;
                font-size: 16px;
            }

                .news_list li .news_p .news_p_right img {
                    width: 25px;
                    height: 25px;
                    padding-right: 5px;
                }

                .news_list li .news_p .news_p_right i {
                    font-style: normal;
                }

@media ( max-width : 900px) {
    .news_lanmu {
        height: 50px;
    }

    .news_list {
        padding-bottom: 20px;
    }

    .news_lanmu li a {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }

    .news_list li .news_txt h3 {
        padding: 5px;
        font-size: 16px;
    }

    .news_list li .news_txt {
        height: 110px;
    }

    .news_list li .news_p {
        padding-top: 0px;
    }
}

.header {
    z-index: 999999 !important;
}

@media (max-width: 768px) {
    .header {
        z-index: 999999;
    }
}

.contact_us {
    width: 100%;
    overflow: hidden;
    background: #e6f8f8;
}

    .contact_us .contact_bcg {
        background: url(/images/contact_bcg2.png) top center no-repeat;
    }

.contact_bcg h3 {
    padding-top: 152px;
    text-align: center;
    font-size: 50px;
    color: #333333;
}


.contact_bcg h4 {
    margin-top: 20px;
    text-align: center;
    font-size: 30px;
    color: #666666;
}

.txtbox {
    width: 100%;
    height: 60px;
    border: 1px solid #d4d4d4;
    line-height: 60px;
    padding: 5px 4px;
    font-size: 16px;
}
    /*文本框*/
    .txtbox:focus {
        background: #fffbde;
        border-color: #00B3B9;
        outline: 2px solid #99d8f5;
    }

.txtarea {
    width: 100%;
    min-height: 120px;
    _height: 120px;
    border: 1px solid #d4d4d4;
    padding: 5px 4px;
}
    /*多行文本框*/
    .txtarea:focus {
        background: #fffbde;
        border-color: #00B3B9;
        font-size: 16px;
        outline: 2px solid #99d8f5;
    }

.btnsave {
    width: 100%;
    height: 60px;
    background: #00B3B9;
    border: none;
    font-size: 18px;
    color: White;
    cursor: pointer;
}
    /*保存*/
    .btnsave:hover {
        background: #00B3B9;
    }

#messtable {
    width: 80%;
    overflow: hidden;
    margin: 0px auto;
    border-collapse: collapse;
    margin-top: 35px;
}

    #messtable td {
        padding: 25px;
        width: 50%;
    }

.contact_sm {
    width: 100%;
    font-size: 16px;
    color: #666666;
}

@media (max-width: 768px) {
    .contact_bcg h3 {
        padding-top: 32px;
        font-size: 30px;
    }

    .contact_bcg h4 {
        margin-top: 20px;
        text-align: center;
        font-size: 20px;
    }

    #messtable {
        width: 100%;
    }

        #messtable td {
            padding: 12px;
            width: 50%;
        }

    .txtbox {
        height: 40px;
    }

    .btnsave {
        height: 35px;
    }

    .contact_sm {
        font-size: 14px;
    }
}

.contact_us_address {
    width: 100%;
    overflow: hidden;
    background: #eef2f1;
    padding-bottom: 35px;
}

.contact_tit {
    width: 100%;
    height: 50px;
    margin-top: 30px;
    font-size: 24px;
    background: #00B3B9;
    color: white;
    letter-spacing: 15px;
    text-align: center;
    line-height: 50px;
}

.contact_us_address h3 {
    font-size: 30px;
    color: #333;
    margin-top: 30px;
}

.contact_us_address p {
    font-size: 20px;
    color: #666;
    margin-top: 20px;
}

.contact_tel {
    background: url(/images/tel.png) 0px 0px no-repeat;
    margin-top: 35px;
    padding-left: 60px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
}

    .contact_tel span {
        padding-right: 30px;
    }

.contact_email {
    background: url(/images/email.png) 0px 0px no-repeat;
    padding-left: 60px;
    height: 50px;
    font-size: 20px;
    margin-top: 35px;
    line-height: 50px;
}

.erweima {
    margin-top: 30px;
}

    .erweima li p {
        text-align: center;
    }

@media (max-width: 768px) {

    .contact_tit {
        font-size: 18px;
    }

    .contact_us_address h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .contact_us_address p {
        font-size: 16px;
        margin-top: 20px;
    }

    .contact_tel {
        margin-top: 25px;
        padding-left: 60px;
        height: 45px;
        font-size: 16px;
        line-height: 45px;
    }

    .contact_email {
        margin-top: 25px;
        padding-left: 60px;
        height: 45px;
        font-size: 16px;
        line-height: 45px;
    }
}

.product_list {
    background: #f4f6f8;
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px;
}

    .product_list li {
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
        background: white;
        padding: 20px;
    }

        .product_list li .product_left {
            float: left;
            width: 60%;
            overflow: hidden;
        }

.product_left h3 {
    font-size: 30px;
    color: #333333;
}

.pro_label {
    width: 100%;
    overflow: hidden;
}

    .pro_label dd {
        float: left;
        margin-right: 10px;
        background: #F4F6F8;
        margin-top: 20px;
        height: 40px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        line-height: 40px;
    }

.pro_desc {
    margin-top: 20px;
    line-height: 26px;
    font-size: 14px;
    color: #666666;
}

.pro_more {
    margin-top: 15px;
}

    .pro_more a {
        display: block;
        width: 135px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background: #00B3B9;
        color: white;
    }

.product_right {
    float: right;
    width: 30%;
    overflow: hidden;
}

@media (max-width: 768px) {
    .product_list li .product_left {
        float: none;
        width: 100%;
    }

    .product_right {
        float: none;
        width: 100%;
    }

    .product_left h3 {
        font-size: 20px;
    }

    .pro_label dd {
        margin-top: 10px;
    }
}

.news_detail {
    width: 100%;
    overflow: hidden;
    background: #f4f6f8;
    padding-bottom: 50px;
}

.news_contxt {
    margin-top: 50px;
}

    .news_contxt h3 {
        font-size: 40px;
        color: #333333;
        text-align: center;
    }

    .news_contxt .news_tit {
        margin: 50px auto 0px;
        text-align: center;
        width: 300px;
        overflow: hidden;
    }

        .news_contxt .news_tit .news_tit_left {
            float: left;
            font-size: 16px;
        }

        .news_contxt .news_tit .news_tit_right {
            float: right;
            font-size: 16px;
        }

.news_tit_right img {
    width: 22px;
    height: 22px;
}

.news_tit_right i {
    font-style: normal;
}

.news_context {
    width: 100%;
    margin-top: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
}

    .news_context img {
        max-width: 100%;
        width: auto;
    }

.news_up_down {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.news_up {
    float: left;
}

.news_down {
    float: right;
}

    .news_up a, .news_down a {
        display: block;
        width: 142px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        font-size: 14px;
    }

.news_up_down .updownactive a {
    background: #00B3B9;
    color: white;
}

.news_up_down .updownnone a {
    background: #EEEEEE;
    color: #999999;
}

.news_rec_tit {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

    .news_rec_tit h4 {
        border-left: 10px solid #00B3B9;
        font-size: 30px;
        margin: 50px auto 20px;
        color: #333333;
        width: 170px;
    }

@media (max-width: 768px) {

    .news_detail {
        padding-bottom: 30px;
    }

    .news_contxt {
        margin-top: 25px;
    }

        .news_contxt h3 {
            font-size: 20px;
        }

        .news_contxt .news_tit {
            margin: 20px auto 0px;
            width: 300px;
        }

    .news_rec_tit h4 {
        font-size: 30px;
    }
}

.jishu {
    width: 100%;
    overflow: hidden;
}

    .jishu img {
        width: 100%;
    }

img {
    max-width: 100%;
}

.solution {
    width: 100%;
    overflow: hidden;
    background: url(/images/solution_bch.jpg) center center no-repeat;
    padding-bottom: 30px;
}

    .solution li {
        margin-top: 30px;
        position: relative;
        text-align: center;overflow:hidden;
    }

        .solution li img {
            width: 100%;
        }

		 .solution li .solu_dec {
           position: relative;
			left: 50%;
			transform: translate(-50%, -50%);
			bottom: 22px;
        }

            .solution li .solu_dec h4 {
               font-size: 22px;
				color: white;
				background-color: #00000080;
				margin: 0 auto;
				padding: 10px 0;
            }

/*
        .solution li .solu_dec {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .solution li .solu_dec h4 {
                font-size: 30px;
                color: white;
				    background-color: #00000080;
            }
*/
            .solution li .solu_dec hr {
                font-size: 30px;
                color: white;
                width: 35px;
                margin-top: 15px;
                height: 15px;
                font-weight: bold;
            }

            .solution li .solu_dec p {
                font-size: 16px;
                color: white;
                margin-top: 5px;
            }

.youshi {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}

    .youshi h3 {
        text-align: center;
        font-size: 35px;
        color: #00B3B9;
        margin-top: 50px;
        margin-bottom: 50px;
        width: 100%;
        overflow: hidden;
    }

    .youshi li h4 {
        text-align: center;
        margin-top: 20px;
        color: #333333;
        font-size: 20px;
    }

    .youshi li img {
        max-width: 100%;
        text-align: center;
    }


    .youshi li p {
        text-align: center;
        margin-top: 20px;
        color: #666666;
        font-size: 16px;
    }

.zhichi {
    width: 100%;
    overflow: hidden;
    background: #00B3B9;
}

    .zhichi h2 {
        text-align: center;
        font-size: 35px;
        color: white;
        margin-top: 50px;
        margin-bottom: 50px;
        width: 100%;
        overflow: hidden;
    }

@media ( max-width : 900px) {
    .solution li .solu_dec h4 {
        font-size: 20px;
    }

    .solution li .solu_dec hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .solution li .solu_dec p {
        font-size: 12px;
    }

    .youshi h3 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 30px;
    }

    .youshi li h4 {
        font-size: 16px;
    }

    .youshi li p {
        font-size: 14px;
        margin-top: 10px;
    }

    .zhichi h2 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 30px;
    }

    .news_list li {
        height: auto;
    }
}

.contact_us_adr {
    width: 100%;
    overflow: hidden;
    background: url(/images/contact_us_adr_bcg.jpg) center center no-repeat #dff2f6;
}

.contact_us_adr_list {
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
    color: white;
}

    .contact_us_adr_list li {
        background: #00B3B9;
        padding: 15px;
    }

    .contact_us_adr_list .contact_us_adr_list_left {
        float: left;
        padding-top: 20px;
    }

    .contact_us_adr_list .contact_us_adr_list_right {
        float: left;
        margin-left: 20px;width:calc(100% - 65px);
    }

.contact_us_adr_list_right h3 {
    font-size: 20px;
}

.contact_us_adr_list_right p {
    font-size: 16px;
    margin-top: 10px;
}

.contact_us_adr_tel {
    width: 100%;
    overflow: hidden;
    background: white;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 35px;
}

    .contact_us_adr_tel .contact_us_adr_tel_left {
        float: left;
    }

    .contact_us_adr_tel .contact_us_adr_tel_right {
        float: left;
        margin-left: 10px;
        width: calc(100% - 60px);
        height: 30px;
        padding: 5px 10px;
        margin-top: 5px;
        background: #F4F6F8;
        color: #333333;
    }


@media ( max-width : 900px) {
    .contact_us_adr_list_right p {
        font-size: 14px;
    }
    .contact_us_adr_list_right h3 {
        font-size: 18px;
    }
    .contact_us_adr_list li{margin-top:20px;}
    .contact_us_adr_list{margin-top:20px;}
    .contact_us_adr_tel li{margin-top:10px;}
    .contact_us_adr_tel{padding:10px 0px;}
}

/*****************有间隔的栅格化******************/
/*三等分 一排4个 间隔分*/
.col-xs-space-3, .col-sm-space-3, .col-md-space-3, .col-lg-space-3 {
    position: relative;
    min-height: 0px;
    padding: 15px;
    overflow: hidden;
}

    .col-xs-space-3 img, .col-sm-space-3 img, .col-md-space-3 img, .col-lg-space-3 img {
        max-width: 100%;
        overflow: hidden;
    }

@media ( max-width : 767px) {
    .col-xs-space-3 {
        width: 24%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 768px) {
    .col-sm-space-3 {
        width: 24%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 992px) {
    .col-md-space-3 {
        width: 24%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 1200px) {
    .col-lg-space-3 {
        width: 24%;
        margin-left: 1%;
        float: left;
    }
}
/*四等分 一排3个 间隔分*/
.col-xs-space-4, .col-sm-space-4, .col-md-space-4, .col-lg-space-4 {
    position: relative;
    min-height: 0px;
    padding: 15px;
    overflow: hidden;
}

    .col-xs-space-4 img, .col-sm-space-4 img, .col-md-space-4 img, .col-lg-space-4 img {
        max-width: 100%;
        overflow: hidden;
    }

@media ( max-width : 767px) {
    .col-xs-space-4 {
        width: 32.3%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 768px) {
    .col-sm-space-4 {
        width: 32.3%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 992px) {
    .col-md-space-4 {
        width: 32.3%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 1200px) {
    .col-lg-space-4 {
        width: 32.3%;
        margin-left: 1%;
        float: left;
    }
}
/*六等分 一排2个 间隔分*/
.col-xs-space-6, .col-sm-space-6, .col-md-space-6, .col-lg-space-6 {
    position: relative;
    min-height: 0px;
    padding: 15px;
    overflow: hidden;
}

    .col-xs-space-6 img, .col-sm-space-6 img, .col-md-space-6 img, .col-lg-space-6 img {
        max-width: 100%;
        overflow: hidden;
    }

@media ( max-width : 767px) {
    .col-xs-space-6 {
        width: 49%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 768px) {
    .col-sm-space-6 {
        width: 49%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 992px) {
    .col-md-space-6 {
        width: 49%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 1200px) {
    .col-lg-space-6 {
        width: 49%;
        margin-left: 1%;
        float: left;
    }
}

/*五等分 一排5个 间隔分*/
.col-xs-space-5, .col-sm-space-5, .col-md-space-5, .col-lg-space-5 {
    position: relative;
    min-height: 0px;
    padding: 15px;
    overflow: hidden;
}

    .col-xs-space-5 img, .col-sm-space-5 img, .col-md-space-5 img, .col-lg-space-5 img {
        max-width: 100%;
        overflow: hidden;
    }

@media ( max-width : 767px) {
    .col-xs-space-5 {
        width: 19%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 768px) {
    .col-sm-space-5 {
        width: 19%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 992px) {
    .col-md-space-5 {
        width: 19%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 1200px) {
    .col-lg-space-5 {
        width: 19%;
        margin-left: 1%;
        float: left;
    }
}
/*七等分 一排7个 间隔分*/
.col-xs-space-7, .col-sm-space-7, .col-md-space-7, .col-lg-space-7 {
    position: relative;
    min-height: 0px;
    padding: 15px;
    overflow: hidden;
}

    .col-xs-space-7 img, .col-sm-space-7 img, .col-md-space-7 img, .col-lg-space-7 img {
        max-width: 100%;
        overflow: hidden;
    }

@media ( max-width : 767px) {
    .col-xs-space-7 {
        width: 13.2%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 768px) {
    .col-sm-space-7 {
        width: 13.2%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 992px) {
    .col-md-space-7 {
        width: 13.2%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 1200px) {
    .col-lg-space-7 {
        width: 13.2%;
        margin-left: 1%;
        float: left;
    }
}
/*八等分 一排8个 间隔分*/
.col-xs-space-8, .col-sm-space-8, .col-md-space-8, .col-lg-space-8 {
    position: relative;
    min-height: 0px;
    padding: 15px;
    overflow: hidden;
}

    .col-xs-space-8 img, .col-sm-space-8 img, .col-md-space-8 img, .col-lg-space-8 img {
        max-width: 100%;
        overflow: hidden;
    }

@media ( max-width : 767px) {
    .col-xs-space-8 {
        width: 11.5%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 768px) {
    .col-sm-space-8 {
        width: 11.5%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 992px) {
    .col-md-space-8 {
        width: 11.5%;
        margin-left: 1%;
        float: left;
    }
}

@media ( min-width : 1200px) {
    .col-lg-space-8 {
        width: 11.5%;
        margin-left: 1%;
        float: left;
    }
}
.picdetail {
    width: 100%;
    overflow: hidden;
    background: #f4f6f8;
}
.picdetail_context{margin-top:30px;width:100%;overflow:hidden;background:white;padding:30px 20px;}
.picdetail_context_left{float:left;width:40%;overflow:hidden;}
    .picdetail_context_left h3 {
        font-size: 30px;
        color: #333333;
    }
.picdetail_context_mid {
    float: left;
    width: 35%;
    border: 1px dashed #ddd;
    margin-left: 3%;
    overflow: hidden;
}
.picdetail_context_right{float:right;width:20%;overflow:hidden;}
.picdetail_context_mid img{max-width:100%;text-align:center;}
.picdetail_context_right li{width:120px;overflow:hidden;}
    .picdetail_context_right li img {
        width: 120px;
        border: 1px dashed #ddd;
    }

    .picdetail_desc {
        margin-top: 20px;
        color: #666666;
        line-height: 26px;
    }
#pic_tab{width:100%;overflow:hidden;margin-top:20px;}
    #pic_tab a {
        float: left;display:block;
        margin-right: 10px;
        padding: 10px 20px;
        color: #999999;
        background: #F4F6F8;font-size:16px;
    }
.pic_tab_detail {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    color: #666666;
    font-size:14px;
}

.picdetail_canshu {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    background: white;
    padding: 30px 20px;
}

.picdetail_canshu img{max-width:100%;}

 .picdetail_canshu h4 {
        font-size: 30px;
    }
.picdetail_canshu_context {
    font-size: 14px;
    color: #666666;
    line-height:28px;margin-top:20px;
}
    .picdetail_canshu_context img{max-width:100%;}
    #pic_tab a.active {
        background: #00B3B9;
        color: white;
    }

.picdetail_canshu_context table {
    border-collapse: collapse;margin-top:20px;
    border: 1px dashed #00B3B9;
}
    .picdetail_canshu_context table td {
        padding: 10px;
        border: 1px dashed #00B3B9;
    }


@media ( max-width : 900px) {
    .picdetail_context_left{width:100%;}
        .picdetail_context_left h3{font-size:24px;}
    #pic_tab a {
        font-size: 14px;
        margin-top: 6px;
        margin-right:5px;
    }
    .pic_tab_detail{margin-top:20px;}
    .picdetail_context_mid{width:100%;margin-left:0px;margin-top:20px;display:none;}
    .picdetail_context_right{width:100%;margin-top:20px;}
    .picdetail_context_right li{width:100%;}
        .picdetail_context_right li img{width:100%;}
    .picdetail_img_dian{width:100%;overflow:hidden;}
        .picdetail_img_dian ul {
            margin-top: 20px;
            width: 100%;
            margin-left:35%;
            overflow: hidden;
            text-align: center;
        }
    .picdetail_img_dian ul li {
        float: left;
        width: 9px;
        height: 9px;
        overflow: hidden;
        margin-right: 5px;
        text-indent: -999px;
        cursor: pointer;
        background: #000;
        border-radius: 15px;
    }
        .picdetail_img_dian ul li.on {
            background: #00B3B9;
        }
    .picdetail_context{padding-top:15px;}
}

.shiming {
    width: 100%;
    overflow: hidden;
    background: url(/images/about_bcg.jpg) center center no-repeat #e1f1f1;
}
#shiming {
    width: 100%;
    overflow: hidden;
    padding: 100px 0px;
}
#shiming li{position:relative;}
#shiming li img{width:100%;}
    #shiming li h3 {
        position: absolute;
        z-index: 99;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 30px;
        color: white;
        text-align: center;
    }
    #shiming li p {
        position: absolute;
        z-index: 99;top:55%;
        font-size: 16px;
        text-align: center;
        color: white;
        left: 50%;
        transform: translate(-50%, -50%);
		    white-space: pre-line;
    }

.zizhi {
    width: 100%;
    overflow: hidden;
    background: url(/images/honor_bcg.jpg) center center no-repeat;
}
#zizhi_left {
    background: #009A9F;color:white;height:100%;overflow:hidden;position:relative;
}
    #zizhi_left h3 {
        font-size: 30px;
        position: absolute;
        z-index: 99;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    #zizhi_left p {
        font-size: 16px;
        text-align: center;
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
.zizhi .w1620 {
    overflow: hidden;
}
#zizhi_right li{margin-top:30px;}
#zizhi_right li img{max-width:100%;}
    #zizhi_right li p {
        text-align: center;
        margin-top: 10px;
        font-size: 16px;
        color: #333333;
    }

@media ( max-width : 900px) {
   /* .aboutCont .pro {
        max-height: 310px;
        overflow-y: scroll;
    }*/
    #shiming {
        padding: 20px 0px;
    }
    #shiming li{margin-top:10px;}
        #shiming li p{top:66%;}
    #zizhi_left2{width:100%;}
        #zizhi_left2 h3 {
            font-size: 30px;
            color: #333;
            text-align: center;
        }
    #zizhi_left2 p{font-size:16px;color:#333;text-align:center;}
    .zizhi{background:none;}
    #zizhi_right li{margin-top:10px;}
    .aboutCont{background:none;overflow: hidden;}
	.shuzi {display:none;}
	.video{display:none;}
}

.shuzi {
    width: 100%;
    overflow: hidden;
    background: #333333;padding-bottom:50px;
}
.shuzi ul li{margin-top:30px;text-align:center;}
    .shuzi ul li .shuzi_top{font-size:20px;color:white;}
    .shuzi ul li .shuzi_top span {
        font-size: 40px;
        color: #00B3B9;padding-right:10px;
    }
.shuzi_desc{font-size:20px;color:white;}
.shuzi_xian {
    border-right: 1px solid white;
}
.fazhan_xian{width:100%;overflow:hidden;background:url(/images/xian.jpg) center center no-repeat;height:26px;margin-top:20px;}
.fazhan {
    width: 100%;
    overflow: hidden;
    background: #00b3b9;
    padding: 50px 0px 50px;
}
#fazhan{width:100%;overflow:hidden;}
    .fazhan li .fazhan_left {
        float:left;
    }
    .fazhan li .fazhan_left img{border-radius:50px;width:130px;}

    .fazhan li .fazhan_right{float:left;margin-left:20px;width:calc(100% - 150px);}
        .fazhan li .fazhan_right h3 {
            font-size: 20px;
            color: white;
        }    .fazhan li .fazhan_right p{font-size:16px;color:white;}


@media ( max-width : 900px) {
    .fazhan {
        padding: 20px 0px 20px;
    }
        .fazhan li{width:100%;}
        .fazhan li .fazhan_left {
            float: none;
            text-align: center;
        }
    .fazhan li .fazhan_right {
        float: none;
        text-align: center;
    }
        .fazhan li .fazhan_right{width:auto;}
    .fixedR{display:none;}
    .productCont{margin-top:20px;}
}
.fazhan_pos {
    width: 100%;
    overflow: hidden;
}

    .fazhan_pos ul {
        margin-top: 20px;
        width: 100%;
        margin-left: 35%;
        overflow: hidden;
        text-align: center;
    }

        .fazhan_pos ul li {
            float: left;
            width: 9px;
            height: 9px;
            overflow: hidden;
            margin-right: 5px;
            text-indent: -999px;
            cursor: pointer;
            background: #000;
            border-radius: 15px;
        }

            .fazhan_pos ul li.on {
                background: white;
            }


.zhezhao {
    position: relative;
    display: inline-block;
}

    .zhezhao::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        z-index: 1;
        transition: background-color 0.5s ease;
    }

    .zhezhao:hover::before {
        background-color: rgba(0, 0, 0, 0.5);
    }