/*.home-top-grid1 {
  background: rgba(11, 100, 143, 0.7);
  transition: 0.5s all;
}
.home-top-grid2 {
  background: rgba(226, 23, 55, 0.5);
  transition: 0.5s all;
}
.home-top-grid3 {
  background: rgba(11, 100, 143, 0.4);
  transition: 0.5s all;
}*/



.clearfix {
    _zoom: 1;
}

    .clearfix:after {
        clear: both;
        content: '.';
        display: block;
        width: 0;
        height: 0;
        visibility: hidden;
    }

.clear {
    overflow: hidden;
    _zoom: 1;
}

@font-face {
    font-family: 'Akzident';
    src: url('../fonts/akzident.eot');
    src: url('../fonts/akzident.eot?#iefix') format('embedded-opentype'), url('../fonts/akzident.woff2') format('woff2'), url('../fonts/akzident.woff') format('woff'), url('../fonts/akzident.ttf') format('truetype'), url('../fonts/akzident.svg#Akzident') format('svg');
}

@font-face {
    font-family: 'AvantGardeBook.otf';
    src: url('../AvantGardeBook.otf');
}

@font-face {
    font-family: 'AvantGardeITCbyBT-Book.otf';
    src: url('../AvantGardeITCbyBT-Book.otf');
}

@font-face {
    font-family: 'FuturaCondensedNormal.otf';
    src: url('../FuturaCondensedNormal.otf');
}

@font-face {
    font-family: 'futura-condensedbold';
    src: url('../fonts/futura-condensedbold.eot');
    src: url('../fonts/futura-condensedbold.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-condensedbold.woff2') format('woff2'), url('../fonts/futura-condensedbold.woff') format('woff'), url('../fonts/futura-condensedbold.ttf') format('truetype'), url('../fonts/futura-condensedbold.svg#Akzident') format('svg');
}

@font-face {
    font-family: 'Pabloco';
    src: url('../fonts/Pabloco.eot');
    src: url('../fonts/Pabloco.eot?#iefix') format('embedded-opentype'), url('../fonts/Pabloco.woff2') format('woff2'), url('../fonts/Pabloco.woff') format('woff'), url('../fonts/Pabloco.ttf') format('truetype'), url('../fonts/Pabloco.svg#Akzident') format('svg');
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
}

.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}

.product_image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}

.product_image75 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 75%;
    display: block;
    vertical-align: left;
    margin: 0px 0px 0px 0px;
}

.product_image50 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
    display: block;
    vertical-align: left;
    margin: 0px 0px 0px 0px;
}

.product_image40 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 40%;
    display: block;
    vertical-align: left;
    margin: 0px 0px 0px 0px;
}

@media (max-width: 640px) {
    .product_image75 {
        width: 100%;
        height: 100%;
    }

    .product_image50 {
        width: 90%;
        height: 90%;
    }
    .product_image40 {
        width: 80%;
        height: 80%;
    }
}


li {
    list-style: none;
}

.tHide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}*/
.relative {
    position: relative;
}

a {
    color: #fff;
}

    a:hover {
        color: #ff9a1f;
        text-decoration: none;
    }


h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

.container {
    max-width: 1200px;
    margin: auto;
    padding: 0px;
    width: 98%;
}

body {
    font-family: "微软雅黑";
    min-width: 320px;
    overflow-x: hidden;
}
/*-header-*/
.header {
    clear: both;
    background: #272c40;
}
/*-banner-*/
.banner {
    position: relative;
    text-align: center;
    overflow: hidden;
}

    .banner img {
        max-width: 100%;
        margin: auto;
    }
/*-phone-nav-*/
.phone-nav {
    position: absolute;
    right: 1%;
    margin-right: 15px;
    display: none;
    color: #fff;
    z-index: 9;
    padding-top: 19px;
}

    .phone-nav span {
        margin: -5px 0px;
        color: #ffff00;
        font-size: 30px;
    }

@media (max-width: 1000px) {
    .phone-nav {
        display: block;
    }
}

.header {
    background: #272c40;
    height: 60px;
    width: 100%;
}

    .header .logo {
        width: 320px; /*logo改变需要调整这里*/
        float: left;
        padding-left: 5%; /*logo改变需要调整这里*/
    }

@media (max-width: 1000px) {
    .header .logo {
        padding-left: 5%;
        width: 320px; /*logo改变需要调整这里*/
    }
}





.header .nav_right {
    /*logo改变需要调整这里*/
    width: 67%;
    float: right;
}

    .header .nav_right ul {
        height: 60px;
        padding: 0 auto;
        margin: 0 auto;
        margin-left: 10%;
    }

        .header .nav_right ul li {
            float: left;
            height: 60px;
            padding: 0 auto;
            margin: 0 auto;
        }


            .header .nav_right ul li a {
                font-size: 16px;
                text-align: center;
                display: block;
                width: auto; /*头部字体尺寸*/
                height: 60px;
                line-height: 60px;
            }

            .header .nav_right ul li .erji {
                z-index: 9999;
                background: #0083c7;
                width: 170px; /*头部蓝色选项位置*/
                padding: 5px 0px 5px 0px;
                display: none;
            }

                .header .nav_right ul li .erji a {
                    display: block; /*显示二级菜单*/
                    color: #fff;
                    width: 100%;
                    text-align: center;
                    line-height: 40px;
                    height: 40px;
                    overflow: hidden;
                    font-size: 16px;
                    position: relative;
                }

                    .header .nav_right ul li .erji a:hover {
                        background: #4ca8d8;
                        color: #fff;
                    }

            .header .nav_right ul li:hover {
                background: #272c40;
            }

                .header .nav_right ul li:hover .erji {
                    display: block;
                    /*margin: 0 0px 0px -35%;/*头部蓝色选项位置*/
                }

@media (max-width: 1024px) {
    .header .nav_right ul li:hover .erji {
        display: block;
        margin: 0 0px 0px 0px;
    }

    .header .nav_right ul {
        height: 60px;
        margin-left: 0px;
    }
}

@media (max-width: 1100px) { /*此处用来调整菜单的位置*/

    .header .nav_right ul {
        height: 60px;
        margin-left: 1%;
    }
}

@media (max-width: 1200px) { /*此处用来调整菜单的位置*/

    .header .nav_right ul {
        height: 60px;
        margin-left: 5%;
    }
}


.header .nav_right ul .active {
    background: #272c40;
}

.header .nav_right ul li .active a {
    background: #272c40;
}

.header .nav_right ul .active a {
    width: auto; /*首页字尺寸*/
    color: #fff;
}

.header .nav_right ul .erji_menu a {
    width: 170px;
    color: #fff;
}

.header .nav_right ul .erji_menu_a a {
    width: 170px;
}

.header .nav_right .yuyan {
    width: 100px;
    height: 60px;
    background: url(../images/yu.jpg) no-repeat left;
    line-height: 60px; /*调整语言位置*/
    position: absolute;
    right: 10px;
}

    .header .nav_right .yuyan span {
        padding-top: 1px;
        font-size: 12px;
        color: #fff;
        margin-left: 45px;
        height: 60px;
        display: inline-block;
        background: url(../images/yu_xia.jpg) no-repeat right;
        padding-right: 20px;
    }

    .header .nav_right .yuyan i {
        font-style: normal;
        position: relative;
        z-index: 9999;
        display: none;
        background: #0083c7;
        text-align: center;
    }

        .header .nav_right .yuyan i a {
            display: block;
            line-height: 30px;
            height: 30px;
            color: #fff;
            font-size: 12px;
            text-align: center;
        }

            .header .nav_right .yuyan i a:hover {
                background: #4ca8d8;
                color: #fff;
            }

@media (max-width: 1000px) {
    .header .nav_right {
        display: none;
    }
}

@media (max-width: 1000px) {
    .header .container {
        padding: 10px 0px;
    }
}
/*.dian_div {
  background: #272c40;
}
.dian_div .container {
  color: #fff;
  text-align: right;
  font-size: 12px;
  line-height: 25px;
}
.dian_div .container span {
  background: url(../images/dian.png) no-repeat left;
  padding-left: 25px;
  display: inline-block;
  line-height: 25px;
}
.dian_div .container a {
  font-size: 16px;
  font-family: arial;
  color: #fff;
  display: inline-block;
  line-height: 25px;
}*/
.banner {
    overflow: hidden;
}

    .banner .slick-dots {
        position: relative;
        bottom: 30px;
    }

        .banner .slick-dots:after {
            content: "";
            width: 100%;
            position: absolute;
            left: 0%;
            top: 50%;
            margin-top: -0.5px;
        }

        .banner .slick-dots li {
            position: relative;
            margin: 0px 5px;
        }

            .banner .slick-dots li button {
                background: #8f898b;
                height: 9px;
                width: 9px;
            }

        .banner .slick-dots .slick-active button {
            background: #ffffff;
        }

        .banner .slick-dots .slick-active:after {
            content: "";
            height: 17px;
            width: 17px;
            border-radius: 50%;
            position: absolute;
            top: -4px;
            left: -4px;
        }
/*.home_pro {
  background: url(../images/bg.jpg);
  padding: 4% 0px;
}
.home_pro .pro_nei {
  max-width: 1200px;
  width: 98%;
  margin: auto;
}*/
.pro_com {
    padding-top: 3%;
}

    .pro_com .p_left {
        width: 49.5%;
        float: left;
        position: relative;
    }

        .pro_com .p_left i {
            display: block;
            padding-bottom: 79.3103448275862%;
        }

        .pro_com .p_left .zhe_a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: url(../images/zhe_bg.png);
            vertical-align: middle;
            display: table-cell;
            text-align: center;
            padding: 30% 0px;
        }

            .pro_com .p_left .zhe_a img {
                max-width: 100%;
                max-height: 100%;
            }

            .pro_com .p_left .zhe_a span {
                display: block;
                color: #fff;
                width: 98%;
                margin: auto;
            }

            .pro_com .p_left .zhe_a .zw {
                font-size: 14px;
                font-weight: 700;
                line-height: 20px;
                height: 20px;
                overflow: hidden;
                margin-top: 5%;
            }

            .pro_com .p_left .zhe_a .yw {
                font-family: AvantGardeBook;
                font-size: 12px;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
            }

        .pro_com .p_left:hover .zhe_a {
            display: block;
        }

    .pro_com .p_right {
        width: 49.8%;
        float: right;
    }

        .pro_com .p_right ul li {
            width: 49.5%;
            float: left;
            margin-right: 1%;
            margin-bottom: 0.7%;
            position: relative;
        }

            .pro_com .p_right ul li:nth-child(2n+2) {
                margin-right: 0px;
            }

            .pro_com .p_right ul li .pic {
                position: relative;
            }

                .pro_com .p_right ul li .pic i {
                    display: block;
                    padding-bottom: 79.3103448275862%;
                }

            .pro_com .p_right ul li .zhe_a {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                background: url(../images/zhe_bg.png);
                vertical-align: middle;
                display: table-cell;
                text-align: center;
                padding: 20% 0px;
            }

                .pro_com .p_right ul li .zhe_a img {
                    max-width: 100%;
                    max-height: 100%;
                }

                .pro_com .p_right ul li .zhe_a span {
                    display: block;
                    color: #fff;
                    width: 98%;
                    margin: auto;
                }

                .pro_com .p_right ul li .zhe_a .zw {
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 20px;
                    height: 20px;
                    overflow: hidden;
                    margin-top: 5%;
                }

                .pro_com .p_right ul li .zhe_a .yw {
                    font-family: AvantGardeBook;
                    font-size: 12px;
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                }

            .pro_com .p_right ul li:hover .zhe_a {
                display: block;
            }

@media (max-width: 768px) {
    .pro_com .p_left {
        width: 100%;
        margin-bottom: 10px;
    }

    .pro_com .p_right {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .pro_com .p_right {
        width: 100%;
    }

        .pro_com .p_right ul li {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 10px;
        }
}

.main_page_hardware_top {
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .main_page_hardware_top h3 {
        border-bottom: 3px solid #0083c7;
        font-size: 28px;
        color: #333333;
        width: 120px;
        line-height: 50px;
        text-align: center;
        height: 50px;
        overflow: hidden;
        margin: auto;
    }

    .main_page_hardware_top span {
        font-family: AvantGardeBook;
        color: #afafaf;
        font-size: 14px;
        display: inline-block;
        margin-top: 10px;
    }

    .main_page_hardware_top:after {
        content: url(../images/you.png);
        position: absolute;
        right: -5%;
        bottom: 5px;
    }

    .main_page_hardware_top:before {
        content: url(../images/zuo.png);
        position: absolute;
        left: -5%;
        bottom: 5px;
    }

@media (max-width: 1024px) {
    .main_page_hardware_top:after {
        content: url(../images/you.png);
        position: absolute;
        right: -25%;
        bottom: 5px;
    }

    .main_page_hardware_top:before {
        content: url(../images/zuo.png);
        position: absolute;
        left: -25%;
        bottom: 5px;
    }
}

@media (max-width: 768px) {
    .main_page_hardware_top:after {
        display: none;
    }

    .main_page_hardware_top:before {
        display: none;
    }
}

.home_about {
    background: url(../images/about_bg.jpg);
    padding: 4% 0px 2%;
}

    .home_about .about_com {
        max-width: 1200px;
        width: 98%;
        margin: auto;
    }

        .home_about .about_com .a_left {
            width: 47%;
            float: left;
            position: relative;
        }

            .home_about .about_com .a_left .ab_bg {
                background: url(../images/about_a_bg.jpg) no-repeat;
                position: relative;
            }

                .home_about .about_com .a_left .ab_bg i {
                    display: block;
                    padding-bottom: 73.38403041825094%;
                }

            .home_about .about_com .a_left .pic {
                position: absolute;
                z-index: 999;
                width: 100%;
                top: 15px;
                left: 20px;
            }

                .home_about .about_com .a_left .pic i {
                    display: block;
                    padding-bottom: 73.38403041825094%;
                }

                .home_about .about_com .a_left .pic img {
                    z-index: 999;
                }

        .home_about .about_com .a_right {
            width: 48%;
            float: left;
            margin-left: 3%;
            color: #fff;
            padding-top: 5%;
        }

            .home_about .about_com .a_right .span_y {
                font-family: FuturaCondensedNormal;
                font-size: 34px;
                width: 98%;
                overflow: hidden;
                height: 50px;
                line-height: 50px;
            }

            .home_about .about_com .a_right .span_z {
                font-size: 24px;
                line-height: 24px;
                height: 24px;
                width: 98%;
                overflow: hidden;
            }

            .home_about .about_com .a_right p {
                line-height: 24px;
         
                overflow: hidden;
                width: 98%;
                margin: 10px auto;
            }

            .home_about .about_com .a_right .more {
                color: #fff;
                font-size: 14px;
                height: 40px;
                width: 150px;
                background: #fe9d00;
                display: block;
                text-align: center;
                line-height: 40px;
            }

                .home_about .about_com .a_right .more:hover {
                    font-weight: 700;
                }

@media (max-width: 768px) {
    .home_about .about_com .a_left {
        width: 100%;
    }

        .home_about .about_com .a_left .pic {
            top: 0px;
            left: 0px;
        }

    .home_about .about_com .a_right {
        width: 100%;
        margin-left: 0px;
    }

        .home_about .about_com .a_right .span_y {
            font-size: 24px;
        }

        .home_about .about_com .a_right .span_z {
            font-size: 18px;
        }

        .home_about .about_com .a_right p {
            margin: 10px auto;
        }
}

.main_page_hardware_div {
    background: #ffffff;
    padding: 3% 0px 1%;
}

    .main_page_hardware_div .main_page_hardware_top {
        margin-bottom: 3%;
    }

    .main_page_hardware_div .hardware2_div {
        max-width: 1200px;
        margin: auto;
        width: 98%;
    }

        .main_page_hardware_div .hardware2_div .n_left {
            width: 44.5%;
            float: left;
            position: relative;
        }

            .main_page_hardware_div .hardware2_div .n_left .imgd {
                position: relative;
                margin-bottom: 10px;
                overflow: hidden;
            }

                .main_page_hardware_div .hardware2_div .n_left .imgd i {
                    display: block;
                    padding-bottom: 25.89118198874296%;
                }

                .main_page_hardware_div .hardware2_div .n_left .imgd img {
                    transition: 0.3s;
                }

                    .main_page_hardware_div .hardware2_div .n_left .imgd img:hover {
                        transform: scale(1.1);
                    }

                .main_page_hardware_div .hardware2_div .n_left .imgd .ri {
                    position: absolute;
                    background: #0083c7;
                    z-index: 9999;
                    top: 0px;
                    left: 0px;
                    color: #fff;
                    font-family: AvantGardeITCbyBT-Book;
                    padding: 5px 10px;
                    max-width: 99px;
                }

                    .main_page_hardware_div .hardware2_div .n_left .imgd .ri i {
                        font-style: normal;
                        font-size: 40px;
                        font-weight: 700;
                        height: 40px;
                        line-height: 40px;
                        width: 98%;
                        margin: auto;
                        display: block;
                        text-align: center;
                        overflow: hidden;
                    }

                    .main_page_hardware_div .hardware2_div .n_left .imgd .ri time {
                        font-size: 13px;
                        width: 98%;
                        margin: auto;
                        display: block;
                        height: 20px;
                        line-height: 20px;
                        overflow: hidden;
                    }

@media (max-width: 480px) {
    .main_page_hardware_div .hardware2_div .n_left .imgd .ri i {
        font-size: 20px;
        height: 25px;
        line-height: 25px;
    }

    .main_page_hardware_div .hardware2_div .n_left .imgd .ri time {
        font-size: 10px;
    }
}

.main_page_hardware_div .hardware2_div .n_left h4 {
    color: #333333;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    width: 100%;
}

    .main_page_hardware_div .hardware2_div .n_left h4 a:hover {
        color: #0083c7;
    }

.main_page_hardware_div .hardware2_div .n_left p {
    font-size: 14px;
    max-height: 80px;
    color: #666;
    line-height: 20px;
    margin: 10px 0px;
    overflow: hidden;
}

.main_page_hardware_div .hardware2_div .n_left .more {
    width: 160px;
    height: 36px;
    background: #0083c7;
    display: block;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
    transition: 0.3s;
}

    .main_page_hardware_div .hardware2_div .n_left .more:hover {
        background: #fe9d00;
    }

.main_page_hardware_div .hardware2_div .n_right {
    width: 52.5%;
    float: right;
}

    .main_page_hardware_div .hardware2_div .n_right ul li {
        border-bottom: 1px solid #ededed;
        padding: 10px 0px;
    }

        .main_page_hardware_div .hardware2_div .n_right ul li .ri {
            width: 15%;
            float: left;
            font-family: AvantGardeITCbyBT-Book;
            max-width: 90px;
            color: #a4a4a4;
            font-weight: 500;
            text-align: center;
        }

            .main_page_hardware_div .hardware2_div .n_right ul li .ri i {
                font-style: normal;
                font-size: 50px;
                font-weight: 700;
                height: 48px;
                line-height: 48px;
                width: 98%;
                margin: auto;
                display: block;
                overflow: hidden;
                margin-bottom: 3px;
            }

            .main_page_hardware_div .hardware2_div .n_right ul li .ri time {
                font-size: 17px;
                width: 98%;
                margin: auto;
                display: block;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
            }

        .main_page_hardware_div .hardware2_div .n_right ul li .wen_nei {
            width: 84%;
            float: right;
        }

            .main_page_hardware_div .hardware2_div .n_right ul li .wen_nei h4 {
                font-size: 16px;
                line-height: 24px;
                height: 24px;
                color: #333333;
                margin-bottom: 6px;
                overflow: hidden;
                width: 100%;
            }

            .main_page_hardware_div .hardware2_div .n_right ul li .wen_nei p {
                color: #666;
                font-size: 12px;
                height: 40px;
                line-height: 20px;
                overflow: hidden;
            }

        .main_page_hardware_div .hardware2_div .n_right ul li:last-child {
            border-bottom: none;
        }

        .main_page_hardware_div .hardware2_div .n_right ul li:hover .wen_nei h4 {
            color: #0083c7;
        }

@media (max-width: 768px) {
    .main_page_hardware_div .hardware2_div .n_left {
        width: 100%;
        margin-bottom: 10px;
    }

    .main_page_hardware_div .hardware2_div .n_right {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .main_page_hardware_div .hardware2_div .n_right ul li .ri {
        width: 20%;
    }

        .main_page_hardware_div .hardware2_div .n_right ul li .ri i {
            font-size: 36px;
            height: 40px;
            line-height: 40px;
        }

        .main_page_hardware_div .hardware2_div .n_right ul li .ri time {
            font-size: 12px;
        }

    .main_page_hardware_div .hardware2_div .n_right ul li .wen_nei {
        width: 79%;
    }
}

.links {
    border-top: 1px solid #e8e8e8;
    padding-top: 10px;
    margin-top: 5%;
}

    .links span {
        width: 5%;
        max-width: 60px;
        float: left;
        background: url(../images/link_bg.jpg) no-repeat left top;
        display: block;
        line-height: 32px;
        color: #333333;
        font-size: 14px;
    }

    .links .link_a {
        width: 94%;
        float: right;
        line-height: 32px;
    }

        .links .link_a a {
            display: inline-block;
            padding: 0px 5px;
            line-height: 32px;
            font-size: 14px;
            color: #666;
        }

            .links .link_a a:hover {
                color: #0083c7;
            }

@media (max-width: 768px) {
    .links span {
        width: 10%;
        float: left;
    }

    .links .link_a {
        width: 84%;
        float: right;
    }
}

@media (max-width: 640px) {
    .links span {
        width: 100%;
    }

    .links .link_a {
        width: 100%;
    }
}







.copy {
    max-width: 1200px;
    width: 98%;
    margin: auto;
    border-top: 1px solid #484848;
    padding: 5px 0px;
    color: #7a7a7a;
    font-size: 12px;
    background: #353535;
}

    .copy .amap {
        float: left;
    }

        .copy .amap:hover {
            color: #0083c7;
        }

    .copy span {
        width: 60%;
        display: inline-block;
    }

    .copy .y_a {
        float: right;
    }

        .copy .y_a .map {
            margin-right: 10px;
            display: none;
        }

            .copy .y_a .map:hover {
                color: #0083c7;
            }

@media (max-width: 640px) {
    .copy {
        text-align: center;
    }

        .copy .amap {
            display: none;
        }

        .copy span {
            width: 100%;
        }

        .copy .y_a {
            float: none;
            width: 100%;
            margin-top: 10px;
        }

            .copy .y_a .map {
                display: inline-block;
            }
}

.main_page_div {
    max-width: 1200px;
    width: 98%;
    margin: auto;
}

    .main_page_div .main_page_left {
        float: left;
        width: 250px;
        margin-top: 8px;
        margin-right: 30px;
    }

    .main_page_div .span_a {
        margin-top: 30px;
    }

    .main_page_div .main_page_right {
        padding-top: 20px;
        overflow: hidden;
    }

    .main_page_div .main_page_left ul {
        width: 250px;
        /*  padding-bottom: 20%;*/
    }

        .main_page_div .main_page_left ul li {
            width: 250px;
            height: 310px;
        }

            .main_page_div .main_page_left ul li img:hover {
                width: 250px;
                /*transform: scale(1.1);*/
                font-size: 16px;
                font-weight: 700;
            }

            .main_page_div .main_page_left ul li img {
                /* transition: 0.3s;*/
                width: 250px;
                height: 100%;
            }

            .main_page_div .main_page_left ul li a {
                width: 250px;
                height: 350px;
                line-height: 50px;
                color: #fff;
                display: block;
                background: #fff;
                font-size: 14px;
                overflow: hidden;
            }

                .main_page_div .main_page_left ul li a:hover {
                    font-size: 16px;
                    font-weight: 700;
                }

        .main_page_div .main_page_left ul .active a {
            background: #0083c7;
            font-size: 16px;
            font-weight: 700;
        }

@media (max-width: 480px) {
    .main_page_div .main_page_left ul li a {
        line-height: 40px;
        width: 250px;
        height: 350px;
    }
}

@media (max-width: 480px) {
    .main_page_div .main_page_left ul {
        padding-bottom: 5%;
    }
}

@media (max-width: 1024px) {
    .main_page_div .main_page_left {
        width: 250px;
    }

    .main_page_div .main_page_right {
    }

        .main_page_div .main_page_right .bar {
            padding: 10px 0px 10px;
        }

    /*	.main_page_div .main_page_right .about_ul .wen {
    width: 80%;
  }
  .main_page_div .main_page_right .about_ul .wen h4 {
    font-size: 14px;
  }
  .main_page_div .main_page_right .about_ul .wen h6 {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
  }*/
}

@media (max-width: 768px) {
    .main_page_div .main_page_left {
        width: 250px;
        margin-left: 20px;
    }

    .main_page_div .main_page_right {
        width: 92%;
    }
}




.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.other_page_div {
    max-width: 1200px;
    width: 98%;
    margin: auto;
    overflow: hidden;
}

    .other_page_div .other_page_left {
        width: 205px;
        float: left;
        margin-right: 35px;
    }

        .other_page_div .other_page_left .other_left_top {
            padding: 20px 0px 20px 0px;
            text-align: center;
            background: #f4f4f4;
            padding-bottom: 9999px;
            margin-bottom: -9999px;
            /*height: 1000px;*/
        }
            /*左行顶部*/

            .other_page_div .other_page_left .other_left_top span {
                margin-top: 15px;
                display: block;
                color: #272c40;
                /*color: #0072c9;*/
                font-weight: 500;
                font-size: 20px;
            }

            .other_page_div .other_page_left .other_left_top a {
                height: 50px;
                line-height: 40px;
                color: #272c40;
                /*color: #0072c9;*/
                text-align: center;
                font-size: 16px;
                width: 100%;
            }
                /*左行字体*/

                .other_page_div .other_page_left .other_left_top a:hover {
                    color: cornflowerblue;
                }
    /*左行位置*/


    .other_page_div .other_page_right {
        padding: 0 auto;
        margin: 0 auto;
        overflow: hidden;
    }
        .other_page_div .other_page_right .title_bar {
            border-bottom: 1px solid #eaeaea;
            padding: 30px 0px 10px;
        }

            .other_page_div .other_page_right .title_bar .title_text {
                float: left;
                font-size: 20px;
                color: #1f1f1f;
                display: block;
                height: 30px;
                line-height: 30px;
                width: 40%;
                overflow: hidden;
            }
        .other_page_div .other_page_right p {
            color:#000000; 
            font-size:16px; 
            line-height:40px;
            text-align: left;
            text-indent:2em;    
        }
        .other_page_div .other_page_right .contact_info {
            padding-left: 32px;            
        }
        .other_page_div .other_page_right .ul_title {
            color:#000000; 
            font-size:16px; 
            line-height:40px;
            text-align: left;
            text-indent:0em;
            padding-left:32px; 
        }
        .other_page_div .other_page_right .ul_content {
            color:#000000; 
            font-size:16px; 
            line-height:40px;
            text-align: left;
            text-indent:0em;
            padding-left:52px; 
        }
            .other_page_div .other_page_right .ul_content li {
                list-style:square outside;
            }

@media (max-width: 1024px) {
    .other_page_div .other_page_right {
        width: 92%;
    }
    .other_page_div .other_page_right .title_bar {
        padding: 15px 0px 10px;
    }
}

@media (max-width: 640px) {
    .other_page_div .other_page_right .title_bar .title_text {
        width: 100%;
    }
    .other_page_div .other_page_right .contact_info {
        padding-left: 0px;            
    }
    .other_page_div .other_page_right .ul_title {
        padding-left:0px; 
    }
    .other_page_div .other_page_right .ul_content {
        padding-left:20px; 
    }
}


/*.other_page_div .other_page_right .title_bar .curbar {
  float: right;
  text-align: right;
  font-size: 12px;
  color: #6e6e6e;
  width: 78%;
  vertical-align: middle;
  margin-top: 12px;
}
.other_page_div .other_page_right .title_bar .curbar a {
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
.other_page_div .other_page_right .title_bar .curbar a:hover {
  color: #0083c7;
}
.other_page_div .other_page_right .title_bar .curbar i {
  font-style: normal;
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}*/



/*@media (max-width: 640px) {
    .other_page_div .other_page_right .title_bar .title_text {
        width: 100%;
    }

    .other_page_div .other_page_right {
        width: 90%;
    }
}

@media (max-width: 1024px) {
    .other_page_div .other_page_left {
        width: 205px;
    }

    .other_page_div .other_page_right {
        width: 90%;
    }

        .other_page_div .other_page_right .title_bar {
            padding: 10px 0px 10px;
        }
}

@media (max-width: 768px) {
    .other_page_div .other_page_left {
        width: 100%;
    }

    .other_page_div .other_page_right {
        width: 90%;
    }

        .other_page_div .other_page_right .title_bar {
            padding: 10px 0px 10px;
        }
}*/







.product_page_div .product_page_left .product_left_top {
    background: #0083c7;
    padding: 20px 0px 20px;
    text-align: center;
}
    /*左行顶部*/

    .product_page_div .product_page_left .product_left_top span {
        display: block;
        color: #fff;
        font-weight: 500;
    }

    .product_page_div .product_page_left .product_left_top .span1 {
        font-size: 20px;
        font-weight: 700;
    }
    /*左行顶部字*/

    .product_page_div .product_page_left .product_left_top .span2 {
        font-size: 14px;
        font-family: arial;
    }

@media (max-width: 480px) {
    .product_page_div .product_page_left .product_left_top {
        padding: 15px 0px 10px;
    }
}

.product_page_div .product_page_left ul {
    background: #0083c7;
    padding-bottom: 20%;
    font-size: 16px;
    height: 260px;
}
    /*左行底色高度*/

    .product_page_div .product_page_left ul li {
        border-top: 1px solid #67b5de;
    }


.pie {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.frame {
    justify-content: center;
    align-items: center;
    /*
	margin-right:30px;
	margin-left:60px;*/
}

.product_page_div .product_page_left ul li a {
    height: 50px;
    line-height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    padding-left: 4%;
    font-size: 16px;
    overflow: hidden;
    width: 100%;
    padding-right: 5px;
}
    /*左行字体*/


    .product_page_div .product_page_left ul li a:hover {
        background: #0083c7;
        font-size: 16px;
    }
/*左行位置*/



.product_page_div .product_page_left ul li .er {
    padding: 3% 0px;
}

    .product_page_div .product_page_left ul li .er a {
        background: #4ca8d8;
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        font-weight: 500;
        width: 100%;
        padding-right: 5px;
        overflow: hidden;
    }

        .product_page_div .product_page_left ul li .er a:hover {
            background: #0083c7;
            font-weight: 500;
            font-size: 12px;
        }

@media (max-width: 480px) {
    .product_page_div .product_page_left ul li a {
        line-height: 40px;
        height: 40px;
    }
}

.product_page_div .product_page_left ul .active a {
    background: #0083c7;
    font-size: 16px;
}
/*左行选中颜色*/

@media (max-width: 480px) {
    .product_page_div .product_page_left ul {
        padding-bottom: 5%;
    }
}

.product_page_div .product_page_left .lian {
    border: 1px solid #e6e6e6;
    padding: 10px 20px 10px 20px;
    margin: 20px 0px;
}

    .product_page_div .product_page_left .lian .lian_t {
        background: url(../images/zi_dian.png) no-repeat left top;
        padding-left: 60px;
    }

        .product_page_div .product_page_left .lian .lian_t span {
            display: block;
        }

        .product_page_div .product_page_left .lian .lian_t .span1 {
            color: #0083c7;
            font-size: 20px;
        }

        .product_page_div .product_page_left .lian .lian_t .span2 {
            color: #999999;
            font-size: 13px;
        }

    .product_page_div .product_page_left .lian p {
        line-height: 16px;
        color: #666;
        font-size: 14px;
        border-bottom: 1px dashed #dfdfdf;
        padding: 10px 0px;
    }

        .product_page_div .product_page_left .lian p a:hover {
            color: #0083c7;
        }

.product_page_div {
    max-width: 1200px;
    width: 98%;
    margin: auto;
}

    .product_page_div .product_page_left {
        width: 205px;
        float: left;
        margin-right: 35px;
    }

    .product_page_div .product_page_right {
        padding: 0 auto;
        margin: 0 auto;
        overflow: hidden;
    }

        .product_page_div .product_page_right p {
            color:#000000; 
            font-size:16px; 
            line-height:40px;
            text-align: left;
            text-indent:2em;    
        }
        .product_page_div .product_page_right h4 {
            color:#000000; 
            font-size:17px; 
            font-weight:600;
        }
        .product_page_div .product_page_right .ul_title {
            color:#000000; 
            font-size:16px; 
            line-height:40px;
            text-align: left;
            text-indent:0em;
            padding-left:50px; 
        }
        .product_page_div .product_page_right .ul_content {
            color:#000000; 
            font-size:16px; 
            line-height:40px;
            text-align: left;
            text-indent:0em;
            padding-left:70px; 
        }
            .product_page_div .product_page_right .ul_content li {
                list-style:square outside;
            }

        .product_page_div .product_page_right .title_bar {
          border-bottom: 1px solid #eaeaea;
          padding: 30px 0px 10px;
        }
            .product_page_div .product_page_right .title_bar .title_text {
              float: left;
              font-size: 20px;
              color: #1f1f1f;
              display: block;
              height: 30px;
              line-height: 30px;
              width: 40%;
              overflow: hidden;
            }

@media (max-width: 1024px) {
    .product_page_div .product_page_right {
        width: 92%;
    }
}

@media (max-width: 640px) {
    .product_page_div .product_page_right .title_bar .title_text {
        width: 100%; 
    }
    .product_page_div .product_page_right .ul_title {
        padding-left:0px; 
    }
    .product_page_div .product_page_right .ul_content {
        padding-left:20px; 
    }
}




.p_pro_ul {
    padding: 0% 0px;
    overflow: hidden;
}

    .p_pro_ul li {
        width: 30%;
        height: 100%;
        float: left;
        position: relative;
        margin-top: 20px;
        margin-left: 30px;
    }

        .p_pro_ul li .p_pic {
            width: 280px;
            height: 300px;
            text-align: center;
            margin: 0 auto;
            margin-top: 20px;
            margin-bottom: 20px;
            /* left:50%;
    margin-left:-140px; 图片宽度的一半*/
        }



        .p_pro_ul li .text {
            padding: 0 auto;
            margin-bottom: 20px;
        }

            .p_pro_ul li .text h4 {
                color: #000;
                font-size: 24px;
                height: 30px;
                line-height: 30px;
                width: 98%;
                overflow: hidden;
                text-align: center;
            }

/*        .p_pro_ul li:hover .text h4 {
            color: #2898e0;
        }*/


        .p_pro_ul li:nth-child(3n+3) {
            margin-right: 0px;
            margin-bottom: 10px;
        }

            .p_pro_ul li:nth-child(3n+3):after {
                display: block;
            }

        .p_pro_ul li:after {
            content: "";
            width: 100%;
            height: 100%;
            border: 3px solid #A2A2A2;
            position: absolute;
            top: 0px;
            right: 0%;
        }

/*        .p_pro_ul li:hover:after {
            content: "";
            width: 100%;
            height: 100%;
            border: 3px solid #2898e0;
            position: absolute;
            top: 0px;
            right: 0%;
        }*/


@media (max-width: 1024px) {
    .p_pro_ul li {
        width: 48%;
        padding: 0 auto;
        margin: 0 auto;
    }

        .p_pro_ul li:nth-child(2n+2) {
            margin-bottom: 30px;
            margin-left: 30px;
        }

            .p_pro_ul li:nth-child(2n+2):after {
                display: block;
            }

        .p_pro_ul li:after {
            content: "";
            width: 100%;
            height: 100%;
            border: 3px solid #A2A2A2;
            position: absolute;
        }

/*        .p_pro_ul li:hover:after {
            content: "";
            width: 100%;
            height: 100%;
            border: 3px solid #2898e0;
            position: absolute;
        }*/
}

@media (max-width: 768px) {
    .p_pro_ul li {
        width: 100%;
        margin: 0 auto;
        padding: 0 auto;
    }

        .p_pro_ul li:nth-child(1n+1) {
            margin: 0 auto;
            padding: 0 auto;
            margin-bottom: 30px;
        }

            .p_pro_ul li:nth-child(1n+1):after {
                display: block;
            }

        .p_pro_ul li:after {
            content: "";
            width: 100%;
            height: 100%;
            border: 3px solid #A2A2A2;
            position: absolute;
            top: 0px;
            right: 0%;
        }

/*        .p_pro_ul li:hover:after {
            content: "";
            width: 100%;
            height: 100%;
            border: 3px solid #2898e0;
            position: absolute;
            top: 0px;
            right: 0%;
        }*/
}

.a_pro_ul {
    padding: 0% 0px;
    overflow: hidden;
}

    .a_pro_ul li {
        width: 29.4%;
        float: left;
        height: 270px;
        margin-right: 5.9%;
        position: relative;
        margin-top: 20px;
    }

        .a_pro_ul li .pic {
            position: relative;
            overflow: hidden;
        }


            .a_pro_ul li .pic i {
                display: block;
                padding-bottom: 42.14285714285714%;
            }

            .a_pro_ul li .pic .zhe_a {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0px;
                display: none;
            }

        .a_pro_ul li:nth-child(3n+3) {
            margin-right: 0px;
        }

            .a_pro_ul li:nth-child(3n+3):after {
                display: none;
            }

        .a_pro_ul li:after {
            content: "";
            border-right: 1px dashed #ccc;
            height: 100%;
            position: absolute;
            top: 0px;
            right: -9.95%;
        }

        .a_pro_ul li:before {
            content: "";
            border-bottom: 1px dashed #ccc;
            width: 120%;
            position: absolute;
            bottom: 0px;
            left: 0px;
        }

        .a_pro_ul li .text {
            padding: 3% 0px 20%;
        }

            .a_pro_ul li .text h4 {
                color: #000;
                font-size: 24px;
                height: 30px;
                line-height: 30px;
                width: 98%;
                overflow: hidden;
                text-align: center;
            }

            .a_pro_ul li .text span {
                font-size: 20px;
                display: block;
                vertical-align: top;
                margin: 15px 0px 20px;
                width: 100%;
                text-align: center;
            }

            .a_pro_ul li .text .more {
                background: #999999;
                color: #fff;
                font-size: 12px;
                font-family: arial;
                width: 75px;
                display: block;
                height: 28px;
                line-height: 28px;
                border: 1px solid #8c8c8c;
                position: relative;
                text-align: center;
            }

                .a_pro_ul li .text .more:after {
                    width: 71px;
                    height: 24px;
                    border: 1px solid #adadad;
                    content: "";
                    position: absolute;
                    top: 1px;
                    left: 1px;
                }

        .a_pro_ul li:hover .pic .zhe_a {
            display: block;
        }

        .a_pro_ul li:hover .text span {
        }

        .a_pro_ul li:hover .text .more {
        }

            .a_pro_ul li:hover .text .more:after {
            }

@media (max-width: 640px) {
    .a_pro_ul li {
        width: 48%;
        height: 190px;
        margin-right: 4%;
    }

        .a_pro_ul li:nth-child(3n+3) {
            margin-right: 4%;
        }

            .a_pro_ul li:nth-child(3n+3):after {
                display: block;
            }

        .a_pro_ul li:nth-child(2n+2) {
            margin-right: 0px;
        }

            .a_pro_ul li:nth-child(2n+2):after {
                display: none;
            }

        .a_pro_ul li:after {
            content: "";
            height: 100%;
            position: absolute;
            top: 0px;
            right: -3.95%;
        }
}




















/*.pro_ul {
  padding: 5% 0px;
  overflow: hidden;
}
.pro_ul li {
 
  width: 29.4%;
  float: left;
  margin-right: 5.9%;
  position: relative;
  margin-top: 20px;

}
.pro_ul li .pic {
    position: relative;
    overflow: hidden;
}


.pro_ul li .pic i {
    display: block;
    padding-bottom: 82.14285714285714%;
}
.pro_ul li .pic .zhe_a {
  background: url(../images/zhe_bg.png);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
}
.pro_ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.pro_ul li:nth-child(3n+3):after {
  display: none;
}
.pro_ul li:after {
  content: "";
  border-right: 1px dashed #ccc;
  height: 100%;
  position: absolute;
  top: 0px;
  right: -9.95%;
}
.pro_ul li:before {
  content: "";
  border-bottom: 1px dashed #ccc;
  width: 120%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.pro_ul li .text {
  padding: 3% 0px 20%;
}
.pro_ul li .text h4 {
  color: #606a71;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  width: 98%;
  overflow: hidden;
}
.pro_ul li .text span {
  height: 1px;
  background: #c9c9c9;
  display: block;
  vertical-align: top;
  margin: 15px 0px 20px;
  width: 37%;
}
.pro_ul li .text .more {
  background: #999999;
  color: #fff;
  font-size: 12px;
  font-family: arial;
  width: 75px;
  display: block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #8c8c8c;
  position: relative;
  text-align: center;
}
.pro_ul li .text .more:after {
  width: 71px;
  height: 24px;
  border: 1px solid #adadad;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
}
.pro_ul li:hover .pic .zhe_a {
  display: block;
}
.pro_ul li:hover .text span {
  background: #0083c7;
}
.pro_ul li:hover .text .more {
  background: #0083c7;
  border: 1px solid #0083c7;
}
.pro_ul li:hover .text .more:after {
  border: 1px solid #0083c7;
}
@media (max-width: 640px) {
  .pro_ul li {
    width: 48%;
    margin-right: 4%;
  }
	
  .pro_ul li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .pro_ul li:nth-child(3n+3):after {
    display: block;
  }
  .pro_ul li:nth-child(2n+2) {
    margin-right: 0px;
  }
  .pro_ul li:nth-child(2n+2):after {
    display: none;
  }
  .pro_ul li:after {
    content: "";
    border-right: 1px dashed #ccc;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -3.95%;
  }
}*/
.page {
    margin: 20px 0px 40px 0px;
    text-align: center;
}

    .page a {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        font-family: arial;
        margin: 0px 3px;
        color: #666666;
    }

        .page a:hover {
            text-decoration: underline;
            color: #821e20;
        }

    .page .active {
        text-decoration: underline;
        color: #821e20;
    }

    .page .ye {
        display: inline-block;
        height: 30px;
        width: 30px;
        background: #c2c2c2;
        border-radius: 50%;
        position: relative;
    }

        .page .ye:hover {
            background: #0083c7;
        }

    .page .ye1:after {
        content: "";
        width: 0px;
        height: 0px;
        border: 7px solid transparent;
        border-right-color: #fff;
        position: absolute;
        top: 7px;
        left: 3px;
    }

    .page .ye2:after {
        content: "";
        width: 0px;
        height: 0px;
        border: 7px solid transparent;
        border-left-color: #fff;
        position: absolute;
        top: 7px;
        right: 3px;
    }
/*.guan_new .guan_ul li {
  width: 49%;
  margin-right: 2%;
  float: left;
	
}
.guan_new .guan_ul li a {
  display: block;
  width: 100%;
  height: 100%;

}
.guan_new .guan_ul li time {
  font-family: tahoma;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  height: 30px;
  width: 100%;
  overflow: hidden;
}
.guan_new .guan_ul li h4 {
  font-size: 16px;
  color: #333333;
  line-height: 40px;
  height: 40px;
  width: 100%;
  overflow: hidden;
  font-weight: 700;
}
.guan_new .guan_ul li p {
  font-size: 13px;
  color: #666666;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
}
.guan_new .guan_ul li span {
  width: 109px;
  height: 30px;
  background: #c7c7c7;
  color: #fff;
  font-size: 14px;
  font-family: arial;
  display: block;
  line-height: 30px;
  text-align: center;
  margin: 20px 0px;
}
.guan_new .guan_ul li:last-child {
  margin-right: 0px;
}
.guan_new .guan_ul li:hover h4 {
  color: #0083c7;
}
.guan_new .guan_ul li:hover span {
  background: #0083c7;
}
@media (max-width: 640px) {
  .guan_new .guan_ul li {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px dashed #f3f3f3;
    margin-right: 0px;
  }
}
.guan_new .guan_ul2 li {
  line-height: 39px;
  height: 39px;
}
.guan_new .guan_ul2 li a {
  width: 80%;
  float: left;
  display: block;
  color: #666;
  height: 39px;
  overflow: hidden;
  background: url(../images/new_li.png) no-repeat 6px center;
  padding-left: 18px;
}
.guan_new .guan_ul2 li span {
  width: 20%;
  float: right;
  color: #999;
  display: block;
  height: 39px;
  overflow: hidden;
  text-align: right;
  padding-right: 6px;
}
.guan_new .guan_ul2 li:nth-child(2n+2) {
  background: #f6f6f6;
}
.guan_new .guan_ul2 li:hover a {
  color: #0083c7;
}*/
/*.guan_top {
  border-bottom: 1px solid #f3f3f3;
  font-size: 20px;
  color:#2894FF;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 8px;
  position: relative;
}
.guan_top:before {
  content: "";
  height: 1px;
  width: 50px;
  background: #eaeaea;
  top: 24px;
  left: 109px;
  position: absolute;
}
.guan_top:after {
  content: "";
  height: 1px;
  width: 170px;
  background: #eaeaea;
  bottom: 19px;
  left: 90px;
  position: absolute;
}
.guan_top span {
  width: 80px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  display: inline-block;
}*/

.zy_q a {
    display: inline-block;
    float: left;
}
/*相关产品*/
/*.guan_pro .pro_ul {
  padding: 0px 0px 3%;
}
.guan_pro .p_pro_ul {
  padding: 0px 0px 3%;
}*/
/*产品详情页面*/
/*.pro_s1 {
  padding: 4% 0px;
}
.pro_s1 .ps1_left {
  width: 51%;
  float: left;
  position: relative;
}
.pro_s1 .ps1_left i {
  display: block;
  padding-bottom: 77.32793522267207%;
}
.pro_s1 .ps1_right {
  width: 46%;
  float: right;
}
.pro_s1 .ps1_right h3 {
  font-size: 20px;
  color: #333333;
  font-weight: 500;
  padding-bottom: 20px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
}
.pro_s1 .ps1_right span {
  background: url(../images/ce_bg.jpg) no-repeat;
  display: block;
  width: 100%;
  height: 7px;
  margin: 3% 0px;
}
.pro_s1 .ps1_right p {
  font-size: 14px;
  color: #6b6b6b;
  line-height: 24px;
}
@media (max-width: 640px) {
  .pro_s1 .ps1_left {
    width: 100%;
  }
  .pro_s1 .ps1_right {
    width: 100%;
  }
}*/
/*.pro_s2 .img_pro {
  position: relative;
}
.pro_s2 .img_pro i {
  display: block;
  padding-bottom: 47.58403361344538%;
}
.pro_s2 p {
  line-height: 24px;
  color: #666666;
  margin: 5% 0px;
}*/
/*上下页切换*/
/*.prev_next {
  text-align: left;
  margin: 5% auto;
  line-height: 40px;
  color: #7b7b7b;
  font-size: 12px;
}
.prev_next li {
  float: left;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  background: #f6f6f6;
}
.prev_next li a {
  color: #7b7b7b;
  display: block;
  height: 40px;
  width: 100%;
  overflow: hidden;
}
.prev_next li:hover {
  background: #0083c7;
}
.prev_next li:hover a {
  color: #fff;
}
@media (max-width: 640px) {
  .prev_next {
    margin: 30px auto 30px;
  }
  .prev_next li {
    width: 100%;
    margin-bottom: 10px;
  }
  .prev_next li:last-child {
    text-align: left;
  }
}*/
/*成功案例*/
/*.case_ul li {
  float: left;
  width: 31%;
  margin-right: 3.5%;
  margin-top: 3.5%;
}
.case_ul li .pic {
  position: relative;
  overflow: hidden;
}
.case_ul li .pic i {
  display: block;
  padding-bottom: 62.2895622895623%;
}
.case_ul li .pic img {
  transition: 0.3s;
}
.case_ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.case_ul li p {
  font-size: 15px;
  color: #1e1e1e;
  line-height: 40px;
  height: 40px;
  text-align: center;
  padding: 0px 10px;
  overflow: hidden;
  border-bottom: 1px solid #eaeaea;
  margin-top: 5px;
}
.case_ul li:hover img {
  transform: scale(1.1);
}
.case_ul li:hover p {
  color: #0083c7;
}
@media (max-width: 640px) {
  .case_ul li {
    width: 48%;
    margin-right: 4%;
  }
  .case_ul li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .case_ul li:nth-child(2n+2) {
    margin-right: 0px;
  }
}*/
/*.case_show {
  padding: 4% 0px;
}
.case_show .img_case {
  position: relative;
}
.case_show .img_case i {
  display: block;
  padding-bottom: 40.80402010050251%;
}
.case_show .case_c {
  text-align: center;
  margin-top: 3%;
}
.case_show .case_c p {
  line-height: 24px;
  font-size: 13px;
  color: #6b6b6b;
}
.case_show .case_c span {
  font-size: 15px;
  color: #1e1e1e;
}*/
/*.guan_case {
  margin-bottom: 3%;
}
/*新闻中心*/
/*.news_ul {
  padding: 2% 0px;
}
.news_ul li {
  border: 1px solid #e6e6e6;
  margin: 2% 0px;
  transition: background 0.3s;
}
.news_ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 0px;
}
.news_ul li .ri {
  width: 11%;
  float: left;
  font-family: arial;
  max-width: 90px;
  color: #666666;
  font-weight: 500;
  text-align: center;
}
.news_ul li .ri i {
  font-style: normal;
  font-size: 46px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  width: 98%;
  margin: auto;
  display: block;
  overflow: hidden;
  margin-bottom: 3px;
}
.news_ul li .ri time {
  font-size: 15px;
  width: 98%;
  margin: auto;
  display: block;
  color: #808080;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .news_ul li .ri i {
    font-size: 40px;
  }
  .news_ul li .ri time {
    font-size: 12px;
  }
}
.news_ul li .wen_nei {
  width: 88%;
  float: right;
}
.news_ul li .wen_nei h4 {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  color: #333333;
  margin-bottom: 12px;
  overflow: hidden;
  width: 100%;
}
.news_ul li .wen_nei p {
  color: #808080;
  font-size: 14px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.news_ul li:hover {
  background: #0083c7;
}
.news_ul li:hover .ri {
  color: #fff;
}
.news_ul li:hover .ri time {
  color: #a3c7e4;
}
.news_ul li:hover .wen_nei h4 {
  color: #fff;
}
.news_ul li:hover .wen_nei p {
  color: #a3c7e4;
}
@media (max-width: 768px) {
  .news_ul li .ri {
    width: 15%;
  }
  .news_ul li .ri i {
    line-height: 35px;
    height: 35px;
  }
  .news_ul li .wen_nei {
    width: 84%;
  }
}*/
/*.news_show {
  padding-top: 4%;
}
.news_show .top_show {
  text-align: center;
  border-bottom: 1px dashed #dfdfdf;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.news_show .top_show h3 {
  color: #333333;
  font-size: 20px;
  line-height: 30px;
  overflow: hidden;
  width: 100%;
}
.news_show .top_show p {
  font-size: 12px;
  color: #ababab;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  width: 100%;
  margin: 10px 0px;
}
.news_show p {
  color: #666666;
  font-size: 13px;
  line-height: 24px;
}*/
/*.news_show .n_s_img {
  position: relative;
  padding: 3% 0px;
}
.news_show .n_s_img i {
  display: block;
  padding-bottom: 36.582914572864325%;
}
.news_show .n_s_img img {
  box-shadow: -30px -30px 1px #f2f2f2;
}*/
/*@media (max-width: 980px) {
  .news_show .n_s_img {
    margin: 20px 0px;
  }
  .news_show .n_s_img img {
    box-shadow: -10px -10px 1px #f2f2f2;
  }
}*/
/*.news_show .guan_pro {
  margin-top: 4%;
}*/
/*.contact_map {
  width: 100%;
  background: url(../images/con_bg.png) center center no-repeat;
  min-height: 319px;
  position: relative;
}
.contact_map #map {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  webkit-border-radius: 50%;
  moz-border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -202px;
  top: 20px;
}
.contact_map .BMap_stdMpCtrl {
  display: none;
}
.contact_map .BMap_noprint {
  display: none;
}
@media (max-width: 480px) {
  .contact_map {
    background: none;
    min-height: auto;
  }
  .contact_map #map {
    width: 100%;
    height: 200px;
    border-radius: 0px;
    position: inherit;
    top: 0px;
    left: 0px;
    margin: 0px;
  }
}*/
/*.contact_zi {
  padding-top: 5%;
}
.cont_text {
  width: 100%;
  max-width: 365px;
  margin: 3% auto 5%;
}
.cont_text span {
  background: #0083c7;
  height: 28px;
  display: block;
  width: 100%;
  color: #fff;
  line-height: 28px;
  
  font-size: 20px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.cont_text span a {
  font-family: georgia;
  font-size: 24px;
  color: #fff;
}
.cont_text p {
  font-size: 13px;
  color: #666666;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
}
.cont_text p a {
  font-family: arial;
}*/
/*关于我们*/
/*.mess_nei {
  background: #fff;
  margin: auto;
  font-family: arial;
  text-align: center;
  width: 100%;
  max-width: 780px;
  padding: 5% 0px;
}
.mess_nei i {
  font-style: normal;
  color: #FF0000;
}
.mess_nei .top_mes_t {
  color: #008c40;
  font-size: 48px;
  background: url(../images/messagr_bg.png) no-repeat bottom center;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.mess_nei p {
  font-size: 14px;
  color: #000000;
  margin: 20px auto;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}
.mess_nei .name_li {
  width: 66%;
  margin: auto;
}
.mess_nei .name_li li {
  float: left;
  width: 242px;
  height: 35px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 5px 6px;
  margin-right: 13px;
  margin-bottom: 10px;
}
.mess_nei .name_li li img {
  display: block;
  float: left;
  margin-right: 10px;
}
.mess_nei .name_li li input {
  height: 25px;
  width: 170px;
  margin-right: 2px;
  border: none;
  line-height: 25px;
  color: #888888;
  font-size: 12px;
  outline: none;
}
@media (max-width: 1200px) {
  .mess_nei .name_li {
    width: 100%;
  }
}
.mess_nei textarea {
  width: 60%;
  height: 90px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  margin: 10px auto 20px;
  color: #888888;
  padding: 5px 6px;
  resize: none;
  outline: none;
  font-family: arial;
}
.mess_nei .yan {
  margin: 0px auto 20px;
  width: 60%;
  text-align: left;
}
.mess_nei .yan input {
  width: 140px;
  height: 34px;
  border: 1px solid #dcdcdc;
  line-height: 25px;
  color: #888888;
  font-size: 12px;
  border-radius: 5px;
  padding: 5px;
  outline: none;
}
.mess_nei .yan img {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
.mess_nei .yan .ah {
  color: #acacac;
  font-size: 12px;
}
.mess_nei .yan .ah:hover {
  color: #008c40;
}
@media (max-width: 640px) {
  .mess_nei .name_li {
    text-align: center;
  }
  .mess_nei .name_li li {
    float: none;
    margin: 0px auto 10px;
  }
  .mess_nei textarea {
    width: 242px;
  }
  .mess_nei .yan {
    width: 242px;
  }
  .mess_nei .yan input {
    width: 60px;
  }
  .mess_nei .yan img {
    margin: 0px 3px;
  }
}*/
/*.tijiao .btn {
  width: 108px;
  height: 33px;
  background: #a0a0a0;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  border-radius: 5px;
  padding: 0px;
  cursor: pointer;
  margin-right: 10px;
}
.tijiao .btn:hover {
  background: #0083c7;
}
.tijiao .active {
  background: #0083c7;
}
.tijiao .sub {
  margin-right: 20px;
}*/
/*关于我们*/
.about_div {
    margin-top: 10px;
}

    .about_div .about_title {
        position: relative;
    }

        .about_div .about_title i {
            display: block;
            padding-bottom: 15.706806282722512%;
        }

    .about_div p {
        font-size: 14px;
        color: #666;
        line-height: 30px;
    }
    .about_div a {
        color: #666;
    }
    .about_div a:hover {
        color: #0083c7;
    }

.about_ul li {
    margin-bottom: 15px;
}

.about_ul .wrap {
    width: 100%;
    float: left;
}

.about_ul .quan {
    background: #0083c7;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 85px;
    height: 85px;
    text-align: center;
    display: block;
    overflow: hidden;
    line-height: 85px;
    float: left;
    margin-left: -100%;
}

.about_ul .wen {
    margin-left: 110px;
    border: 1px solid #f0f0f0;
    box-shadow: 0px 5px 1px #f5f5f5;
    padding: 1% 2%;
}

    .about_ul .wen h4 {
        height: 28px;
        line-height: 28px;
        color: #4c4c4c;
        width: 100%;
        overflow: hidden;
        font-size: 16px;
    }

    .about_ul .wen h6 {
        color: #999999;
        font-family: arial;
        font-size: 14px;
        height: 25px;
        line-height: 25px;
        width: 100%;
        overflow: hidden;
    }

@media (max-width: 640px) {
    .about_ul .quan {
        width: 65px;
        height: 65px;
        font-size: 14px;
        line-height: 65px;
    }

    .about_ul .wen {
        margin-left: 70px;
    }

        .about_ul .wen h4 {
            font-size: 14px;
        }

        .about_ul .wen h6 {
            font-size: 12px;
            height: 20px;
            line-height: 20px;
        }
}

/*@media (max-width: 480px) {
    .main_page_right .about_zi .about_ul .wen {
        width: 75%;
        margin-left: 75px;
        border: 1px solid #f0f0f0;
        ;
        box-shadow: 0px 5px 1px #f5f5f5;
    }
}*/
/*.service_com {
  padding: 4% 0px;
}
.service_com h3 {
  font-size: 20px;
  color: #000;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.service_com .biao {
  background: #0083c7;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  padding: 0px 10px;
  overflow: hidden;
  margin: 10px 0px;
  width: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (max-width: 768px) {
  .service_com .biao {
    font-size: 14px;
    height: auto;
    line-height: 30px;
  }
}
.service_com .p1 {
  line-height: 20px;
  color: #666;
  font-size: 13px;
  width: 100%;
  max-width: 880px;
  margin: auto;
  text-align: center;
}
*/ /*.ul_xian {
  position: relative;
}
.ul_xian:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #939395;
  position: absolute;
  bottom: 9px;
  left: 0px;
  z-index: 1;
}
@media (max-width: 980px) {
  .ul_xian:after {
    display: none;
  }
}*/
/*.liu_ul {
  border-top: 1px solid #c8c8c8;
  margin: 10px 0px;
  padding-top: 30px;
}
.liu_ul li {
  width: 25%;
  float: left;
  min-height: 290px;
  position: relative;
  z-index: 999;
  overflow: hidden;
}
.liu_ul li p {
  width: 160px;
  font-size: 13px;
  line-height: 20px;
  color: #666;
  margin-top: 78px;
  margin-left: 40px;
  max-height: 140px;
  overflow: hidden;
}
@media (max-width: 980px) {
  .liu_ul li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .liu_ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .liu_ul li:first-child {
    min-height: 230px;
  }
  .liu_ul li:last-child {
    min-height: 230px;
  }
}
.liu_ul .li1 {
  background: url(../images/ser1.png) no-repeat left bottom;
}
.liu_ul .li1 p {
  margin-top: 130px;
}
@media (max-width: 480px) {
  .liu_ul .li1 p {
    margin-top: 90px;
  }
}
.liu_ul .li2 {
  background: url(../images/ser2.png) no-repeat left bottom;
}
.liu_ul .li3 {
  background: url(../images/ser3.png) no-repeat left bottom;
}
.liu_ul .li3 p {
  margin-top: 90px;
}
.liu_ul .li4 {
  background: url(../images/ser4.png) no-repeat left bottom;
}
.liu_ul .li4 p {
  margin-top: 130px;
}
@media (max-width: 480px) {
  .liu_ul .li4 p {
    margin-top: 80px;
  }
}*/
/*.xx_p p {
  font-size: 13px;
  color: #666;
  line-height: 22px;
}
.xx_p h4 {
  font-weight: 700;
  color: #555555;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.xx_p ul li {
  background: url(../images/xing.png) no-repeat left center;
  padding-left: 20px;
  font-size: 13px;
  color: #555555;
  line-height: 36px;
  height: 36px;
  width: 100%;
  overflow: hidden;
}*/
/*.about2 {
  padding: 5% 0px 10%;
  width: 100%;
  position: relative;
}
.about2 ul {
  width: 450px;
  height: 348px;
  position: relative;
  margin: 0 auto;
}
.about2 ul li {
  width: 300px;
  height: 348px;
  opacity: 1 !important;
  background-color: #ffffff;
  box-shadow: 0px 10px 30px #f1f1f1;
}
.about2 ul li .rongyu-img {
  width: 300px;
  height: 348px;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}*/
/*.about2 ul li .rongyu-img img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
}
.about2 ul li span {
  text-align: center;
  position: absolute;
  bottom: -40px;
  display: none;
  margin: auto;
  left: -25%;
  right: 0;
  font-size: 20px;
  color: #333333;
  font-weight: 700;
  width: 150%;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.about2 ul .roundabout-in-focus span {
  display: block;
}
.about2 button {
  width: 32px;
  height: 88px;
  position: absolute;
  top: 230px;
  border: 0;
  cursor: pointer;
}
.about2 .ban_l_btn {
  left: 0;
  background: url(../images/ban_l_btn.png) no-repeat center;
}
.about2 .ban_l_btn:hover {
  background: url(../images/ban_l_btn2.png) no-repeat center;
}
.about2 .ban_r_btn {
  right: 0;
  background: url(../images/ban_r_btn.png) no-repeat center;
}
.about2 .ban_r_btn:hover {
  background: url(../images/ban_r_btn2.png) no-repeat center;
}
@media (max-width: 980px) {
  .about2 {
    display: none;
  }
}*/
.hon_ul {
    padding-bottom: 4%;
    display: none;
}

    .hon_ul li {
        background: #e8e8e8;
        width: 23.5%;
        float: left;
        margin-right: 2%;
        margin-top: 3.5%;
        padding: 2% 2% 0;
    }

        .hon_ul li .pic {
            position: relative;
        }

            .hon_ul li .pic i {
                display: block;
                padding-bottom: 100%;
            }

        .hon_ul li p {
            width: 94%;
            margin: auto;
            text-align: center;
            font-size: 13px;
            font-family: 宋体;
            line-height: 30px;
            height: 30px;
            overflow: hidden;
            margin-bottom: 10px;
        }

        .hon_ul li:nth-child(4n+4) {
            margin-right: 0px;
        }

@media (max-width: 640px) {
    .hon_ul li {
        width: 49%;
        margin-right: 2%;
    }

        .hon_ul li:nth-child(2n+2) {
            margin-right: 0px;
        }
}

@media (max-width: 980px) {
    .hon_ul {
        display: block;
    }
}
/*.w1004 {
  max-width: 1200px;
  margin: auto;
  border-radius: 5px;
  width: 98%;
}*/
.map {
    margin: 0 auto;
}

    .map dl {
        margin: 20px 0 20px 0;
        overflow: hidden;
        line-height: 30px !important;
    }

        .map dl:hover dt a {
            color: #fff;
            font-weight: bold;
        }

    .map dt {
        font-size: 14px;
        float: left;
        width: 10%;
        text-align: center;
        background: #0083c7;
    }

        .map dt a {
            color: #fff;
            display: block;
        }

            .map dt a:hover {
                color: #fff;
                font-weight: bold;
            }

    .map dd {
        font-size: 12px;
        overflow: hidden;
        float: left;
        width: 85%;
        margin: 0px;
    }

        .map dd .p2 {
            padding: 0 0 0 20px;
            clear: both;
        }

            .map dd .p2 a {
                color: #0083c7;
                font-weight: bold;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .map dd .p2 a:hover {
                    color: #0083c7;
                }

        .map dd div {
            clear: both;
            overflow: hidden;
            padding: 0px 20px 0 10px;
        }

            .map dd div a {
                color: #333;
                float: left;
                padding: 0 10px 0 10px;
            }

                .map dd div a:hover {
                    color: #003e7e;
                    background: #0083c7;
                }

@media (max-width: 768px) {
    .map dt {
        width: 15%;
    }

    .map dd {
        width: 85%;
    }
}

@media (max-width: 640px) {
    .map dt {
        width: 20%;
    }

    .map dd {
        width: 80%;
    }
}

@media (max-width: 400px) {
    .map dt {
        width: 100%;
    }

    .map dd {
        width: 100%;
    }
}
/*.form_xj {
  width: 100%;
  max-width: 490px;
  margin: auto;
}
.form_xj .inp_d {
  margin-bottom: 10px;
}
.form_xj .inp_d span {
  width: 60px;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  color: #666666;
  letter-spacing: 2px;
  float: left;
  height: 35px;
  line-height: 35px;
  margin-right: 5px;
}
.form_xj .inp_d input {
  border: 1px solid #dbdbdb;
  padding: 5px;
  line-height: 25px;
  width: 227px;
}
.form_xj .inp_d textarea {
  border: 1px solid #dbdbdb;
  padding: 5px;
  line-height: 20px;
  max-width: 400px;
  font-size: 12px;
  min-height: 195px;
  width: 70%;
}
.form_xj .inp_d i {
  font-style: normal;
  color: #FF0000;
  margin-left: 5px;
}
.form_xj .yan input {
  width: 100px;
  float: left;
}
.form_xj .yan img {
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}
.form_xj .yan a {
  color: #373737;
  font-size: 14px;
  margin-top: 8px;
  display: inline-block;
}
@media (max-width: 480px) {
  .form_xj .yan a {
    margin-left: 65px;
  }
}
.form_xj .tijiao {
  margin: 10% 0px 5%;
}
.form_xj .tijiao .btn {
  border-radius: 0px;
}*/
/*.tex_a {
  position: relative;
}
.tex_a i {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}*/
/*# sourceMappingURL=style.css.map */