.m_head{background: #fff;padding:0 20px;}
.m_logo{width:60%;margin-top:5px}
.m_menu{width:10%;height:auto;margin-top: 10px;}
        .nav-content {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,.8);
            display: block;
            height: 100%;
            z-index: 999;
            width: 100%;
        }

        .nav-list {
            list-style: none;
            padding: 0;
            position: relative;
            top: 15%
        }

        .item-anchor:after {
            content: "";
            position: absolute;
            width: 3px;
            height: 3px;
            left: 0;
            bottom: 0;
            z-index: 9;
            background: 0 0;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease
        }

        .item-anchor {
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            position: relative;
            text-decoration: none;
            padding: 10px
        }

        .item-anchor:hover,
        .item-anchor:focus {
            color: #fca311;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease
        }

        .item-anchor:hover:after,
        .item-anchor:focus:after {
            width: 100%;
            background: #fca311;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease
        }

        .nav-item {
            margin: 20px auto;
            text-align: center
        }

        .animated {
            display: block;
            margin: 0 auto
        }

        .animated:hover .icon-bar,
        .animated:focus .icon-bar {
            background-color: #fca311
        }

        .animated:focus {
            cursor: pointer;
            z-index: 9999
        }

        .middle {
            margin: 0 auto
        }

        .icon-bar {
            -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -ms-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;
            z-index: 999999
        }

        .animated .icon-bar {
            z-index: 999999;
            background-color: #fca311
        }

        .animated .top {
            -webkit-transform: translateY(10px) rotateZ(45deg);
            -moz-transform: translateY(10px) rotateZ(45deg);
            -ms-transform: translateY(10px) rotateZ(45deg);
            -o-transform: translateY(10px) rotateZ(45deg);
            transform: translateY(10px) rotateZ(45deg)
        }

        .animated .bottom {
            -webkit-transform: translateY(-11px) rotateZ(-45deg);
            -moz-transform: translateY(-11px) rotateZ(-45deg);
            -ms-transform: translateY(-11px) rotateZ(-45deg);
            -o-transform: translateY(-11px) rotateZ(-45deg);
            transform: translateY(-11px) rotateZ(-45deg)
        }

        .animated .middle {
            width: 0
        }

        @keyframes showNav {
            from {
                top: -100%
            }

            to {
                top: 0
            }
        }

        @-webkit-keyframes showNav {
            from {
                top: -100%
            }

            to {
                top: 0
            }
        }

        @-moz-keyframes showNav {
            from {
                top: -100%
            }

            to {
                top: 0
            }
        }

        @-o-keyframes showNav {
            from {
                top: -100%
            }

            to {
                top: 0
            }
        }

        .showNav {
            -webkit-animation: showNav 1s ease forwards;
            -moz-animation: showNav 1s ease forwards;
            -o-animation: showNav 1s ease forwards;
            animation: showNav 1s ease forwards;
	
/*手机版长按去掉复制*/
-webkit-touch-callout: none; /* iOS Safari */

-webkit-user-select: none; /* Chrome/Safari/Opera */

-khtml-user-select: none; /* Konqueror */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* Internet Explorer/Edge */

user-select: none; /* Non-prefixed version, currently

not supported by any browser */
}
@keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

@-webkit-keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

@-moz-keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

@-o-keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

#menu {
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    background: #000;
    height: 60px;
    line-height: 30px;
    width: 100%;
    color: #fff;
    border-top: 1px solid #333
}

#menu ul li {
    float: left;
    width: 33.33%;
    text-align: center
}

#menu ul li a {
    color: #fff
}

.menu_li {
    border: 1px solid #333;
    border-bottom: 0;
    border-top: 0
}

.hideNav {
    -webkit-animation: hideNav 1s ease forwards;
    -moz-animation: hideNav 1s ease forwards;
    -o-animation: hideNav 1s ease forwards;
    animation: hideNav 1s ease forwards
}

.hidden {
    display: none
}
.close{position: absolute;top:20px;right:-150px;}
.close img{width:10%;height:auto;}
/* .foot_middle{margin:0 20px;}
.foot{text-align: center;background: #ebebe9; color:#9d9d98;padding:10px; font-size: 14px;margin-top:50px;}
.foot_con{width:1200px;margin:0 auto;display: flex;justify-content: space-between;}
.logo{width:40%;} */
.m_banner{margin-top: 60px;}
.slide{position: relative;}
.slide_con{width: 250px;height: 60px;padding:10px 0 40px 10px; background: rgba(18, 127, 228, 0.5);position: absolute;bottom: 0;right: 0;}
.slide_con_title{color: #fff;font-size: 16px;}
.slide_con_text{color: #fff;font-size: 16px;font-weight: bold;margin-top: 20px;}
.slide_img img{display: block;vertical-align: middle;}
.about_whole{width: 100%;background: url(../images/bg.jpg) no-repeat;}
.about{width: 96%;margin: 40px auto;}
.about_left{width: 350px;margin: 20px auto 0;}
.about_left_title{font-size: 20px;font-weight: bold;color: #0b7bd7;margin-bottom: 40px;text-align: center;}
.about_left_p{line-height: 20px;font-size: 12px;}
.about_left_list{margin-top: 30px;}
.about_left_list ul li{float: left;margin: 0 15px 10px;text-align: center;width: 40%;}
.about_left_list_title{font-size: 32px;font-weight: bold;}
.about_left_list_title span{font-size: 12px;font-weight: normal;margin-left: 5px;}
.about_left_list_text{font-size: 12px;}
.about_left_btn{width: 125px;height: 35px;border: 2px solid #dcdcdc;font-size: 12px;margin: 50px auto; text-align: center;line-height: 35px;display: block;}
.play{text-align: center}
.play img{width: 40px;height: 40px;margin: 0 auto;}
.line{width: 100%;height: 2px;background: #e8e8e8;}
.enterprise_whole{width: 100%;background: #f4f4f4;padding:20px 0 35px}
.enterprise{width: 96%;margin: 0 auto;}
.enterprise_title{font-size: 20px;font-weight: bold;text-align: center;}
.enterprise_title span{color: #2284ee;}
.enterprise_title1{color: #1c191a;font-size: 12px;margin-top: 10px;text-align: center;}
.enterprise_img{width: 80px;height: 80px;margin: 0 auto; background: #000;text-align: center;border-radius: 50%;}
.enterprise_img img{margin-top: 15px;}
.enterprise_list{margin-top: 30px;}
.enterprise_list ul li{float: left;text-align: center;width: 30%;margin: 0 5px 10px;}
.enterprise_list_title{font-size: 20px;font-weight: bold;color: #404040;margin-top: 10px;}
.enterprise_list_title1{color: #b0b0b0;font-size: 14px;}
.enterprise_list_text{font-size: 12px;color: #404040;margin-top:15px;line-height: 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.enterprise_list ul li:hover .enterprise_img{background: #024289;}
.product{width: 96%;margin: 40px auto;}
.product_list{margin-top: 45px;}
.product_list ul li{float: left;width: 47%;margin-bottom: 20px; background: #f4f4f4;height: 490px;overflow: hidden;}
.product_list ul li:nth-child(2n){margin:0 0 20px 20px;}
.product_list_img{width: 264px;height: 300px;overflow: hidden;}
.product_list_img img{width: 264px;height: 300px;transition: 1s;}
.product_list ul li:hover .product_list_img img{transition: 1s;transform: scale(1.2);}
.product_list_con{margin: 20px 10px;}
.line1{width: 80px;height: 5px;background: #505050;margin: 0 auto;}
.product_list_title{font-size: 20px;font-weight: bold;text-align: center;margin:20px 0 25px;}
.product_list_text{font-size: 16px;color: #7f7f7f;line-height: 25px;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.news{width: 96%;margin: 40px auto;}
.news_title{font-size: 26px;font-weight: bold;margin-top: 30px;}
.news_title span{font-weight: normal;font-size: 14px;}
.news_text{font-size: 14px;margin-top: 20px;}
.news_con_whole{margin-top: 45px;}
.news_left{margin: 0 0 10px 10px;}
.news_left_img{width: 340px;height: 180px;overflow: hidden;}
.news_left_img img{width: 340px;height: 180px;transition: 1s;}
.news_left:hover .news_left_img img{transition: 1s;transform: scale(1.2);}
.news_left_title{width: 350px; font-size: 16px;margin: 25px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_left p{font-size: 14px;color: #898888;}
.news_left_time{margin-top: 10px;font-size: 14px;color: #898888;}
.news_left:hover .news_left_title{color: #2284ee;}
.news_left:hover p{color: #2284ee;}
.news_left:hover .news_left_time{color: #2284ee;}
.news_right{width: 96%;margin: 0 auto;}
.news_right ul li{border-bottom: 1px solid #f1f1f1;margin: 15px auto;padding-bottom: 15px;}
.news_right_leftimg{width: 70px;height: 65px;overflow: hidden;}
.news_right_leftimg img{width: 70px;height: 65px;transition: 1s;}
.news_right_con1{width: 250px;}
.news_right_con_title{font-size: 14px;width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_right_con_time{font-size: 12px;color: #8f8f8f;}
.news_right_con_text{margin-top: 5px;color: #8f8f8f;font-size: 14px;width: 250px;}
.news_right ul li:hover .news_right_leftimg img{transition: 1s;transform: scale(1.2);}
.news_right ul li:hover .news_right_con_title{color: #2284ee;}
.news_right ul li:hover .news_right_con_text{color: #2284ee;}
.news_right ul li:hover .news_right_con_time{color: #2284ee;}
.foot_whole{width: 100%;background: #222222;padding: 40px 0 30px;}
.foot{width: 1200px;margin: 0 auto;}
.foot_logo{border-right: 1px solid #353535;padding:20px 30px 20px 0}
.foot_item{padding-right: 20px;margin-left: 50px;}
.foot_item_top{margin-bottom: 50px;width: 200px;}
.foot_item_top p{margin-bottom: 25px;}
.foot_item_top p a{font-size: 14px;color: #d9d9d9;}
.foot_item_top span a{font-size: 12px;color: #d9d9d9;;margin-right: 10px;}
.foot_item_top span{color: #d9d9d9;}
.foot_item_top a{color: #d9d9d9}
.foot_item_bottom p{color: #d9d9d9;font-size: 12px;line-height: 25px;}
.foot_item_bottom p a{font-size: 14px;color: #d9d9d9;}
.line3{width: 1px;height: 250px;background: #353535;}
.ewm_whole{margin: 25px 0 0 35px;}
.ewm_whole_con{color: #d9d9d9;margin-bottom: 20px;}
.ewm_whole_con img{margin:5px 5px 0 0}
.bottom_whole{background: #127fe4;height: 50px;line-height: 50px;color: #d9d9d9;text-align: center;}
.m_foot_whole{width: 100%;background: #222222;padding-bottom: 20px;}
.m_foot{width: 96%;margin: 0 auto;}
.m_foot_logo{width: 40%;margin: 50px 10px 0 0;}
.m_foot_text{margin: 20px 10px 0 10px;}
.m_foot_text p{color: #d9d9d9;}
.m_line3{width: 1px;height: 200px;background: #353535;}
.m_bottom_whole{background: #127fe4;padding: 5px; line-height: 20px;color: #d9d9d9;text-align: center;}
.m_bottom_whole p{color: #d9d9d9;line-height: 20px;}
.m_bottom_whole p a{color: #d9d9d9;}
.about_right11{position: relative;width: 96%;margin: 0 auto;height: ;}
.video{display: none; position: absolute;top: 0;left: 50%;width:350px;margin-left: -175px;}