/* Basic CSS */

h1 {
    font-size: 28px;
    font-weight: 100;
    text-align: center;
}

header nav {
    text-align: center;
    background: #efefef;
}

header nav ul {
    margin: 0;
    padding: 1em;
    list-style-type: none;
}

header nav ul li {
    display: inline;
    margin-left: 1em;
}

header nav ul li:first-child {
    margin-left: 0;
}

header nav ul li ul {
    display: none;
}

a {
    color: #f77564;
}

a:hover {
    color: #333;
}

a,
a:hover {
    -o-transition: color 0.25s ease-in;
    -webkit-transition: color 0.25s ease-in;
    -moz-transition: color 0.25s ease-in;
    transition: color 0.25s ease-in;
}

section,
article,
header {
    display: block;
    float: left;
    width: 100%;
}

article {
    width: 96%;
    padding: 3em 2%;
}

/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
a.meanmenu-reveal {
    display: none
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: #0c1923;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #0c1923;
    margin-top: 44px
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 90%;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(255, 255, 255, .5);
    text-decoration: none;
    text-transform: uppercase
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255, 255, 255, .25);
    opacity: .75;
    filter: alpha(opacity=75);
    text-shadow: none !important;
    visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: 0;
    margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255, 255, 255, .1)
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 26px;
    height: 32px;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255, 255, 255, .1);
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0, 0, 0, .9)
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mean-remove {
    display: none !important
}
.wap_logo{    width: auto;
    height: 50px;
    position: absolute;
    top: 0px;
    z-index: 999999;
    padding: 5px;}
    .row{margin: 0px;}
    .container{padding: 0px;}
/* 轮播 */
.lunbo_box{
    position: relative;height:auto;
}
.swiper_lunbo{
    width: 100%;
    height: 230px;
    background: #999;
    margin-top: 60px;
    border-radius:0 0 50px 0;
}
.lunbo_text {
    margin: 50px 0 0 40px;
}

.lunbo_text h4 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    /* letter-spacing: 2px; */
}

.lunbo_text p {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    /* letter-spacing: 2px */
}

.tlt_1::before {
    content: " ";
    display: block;
    width: 50px;
    height: 5px;
    background: #fff;
    margin-bottom: 15px;
}

.lunbo_js{    position: absolute;
    right: 30px;
    top: 350px;
    margin: 0 auto;
    height: 400px;
    writing-mode: vertical-lr;
    font-size: 20px;
    font-weight: 400;}
.lunbo_b{position: absolute;width: 65%;height: 220px;background: #005acd;border-radius: 0 0 0 100px;right: 0px;bottom: -70px;}
/* 友情链接 */
.lianj_ul .col-md-9{display:flex; justify-content: flex-start;align-items: center;width: 80%;padding: 0;text-align: center;}
.lianj_ul .col-md-9>a{flex: 1;color: #eee;font-size: 12px;}
.lianj_ul .col-md-9>a .col-md-3{padding: 0;padding-left: 5px;}
/* 关于我们 */
    .fenye_box{padding: 1rem 0;}
    .box_top_img{margin: 20px 0px;padding:0 5px;}
    .box_top_img  h4{color: #666;font-weight: 400;font-size: 22px;}
    .box_top_img img{width: 120px;}
    .about_box_bj{background: url(../images/index_2.png);background-size: 100%;background-repeat: no-repeat;}
    .about_content{color: #333;letter-spacing: 1px;padding:0 5px;font-size: 15px;} 
    .about_shuju {padding: 0px;margin-top: 40px;}
    .about_shuju .clearfix{display: flex; display: -webkit-flex;align-items:center;justify-content:center;border-right: 1px solid rgb(206, 206, 206);} 
    .about_shuju  .clearfix li{flex: 25%;height: 70px;align-items:center;justify-content:center;font-size: 14px;display: flex;text-align: center;background: #669ce1;}
    .numCX,.indc{color: #eee;}
    .indc{padding: 4px 0;}
    sub{font-size: 8px;bottom: -3px;color: #eee;}
    .iconfont{font-size: 14px;}
    .about_more{height: 26px;
        width: 90px;
        text-align: center;
        background: #ba132b;
        color: #eee;
        line-height: 180%;
        position: absolute;
        font-size: 14px;
        bottom: 85px;
        left: 15px;}

    /* 产品应用 */
    .brand_box {background: #eee;margin-top: 20px;padding-bottom: 20px;}
    .swiper_img{height: 200px;width: 100%;overflow: hidden;}
    .swiper_img img{height:auto;width: 100%;}
    .swiper_text  h4{font-size: 16px;text-align: center;padding-top: 5px;color: #333;letter-spacing: 2px;}
    
    /* 新闻 */
    .news_li{border-bottom: 1px solid #efefef;padding: 7px 0px;font-size: 15px;font-weight: 700;color: #666;}
    .dian{width: 5px;height: 5px; line-height: 180%;background: #999;display: inline-block;margin-bottom: 3px;border-radius: 50%;margin-right: 5px;}
    .news_li_sj{float: right;padding-right: 4px;}
    .news_li span{font-size: 13px;color: #999;}
    /* 底部 */
    .wap_bot_box {background: #1b1b1b;}
    .lianj{height: 40px;border-bottom: 1px solid #666;margin: 40px 15px 10px 15px;}
    .lianj_ul{display: flex; display: -webkit-flex;align-items:center;jus1tify-content:flex-start;}
    .lianj_ul li{font-size: 12px; line-height: 40px;padding-right: 8px;color: #eee;}
    .wap_bot_cont{margin: 10px 15px;font-size: 12px;color: #eee;}
    .wap_bot_cont li{padding-bottom: 5px;}
    .beian{text-align: center;margin-top: 30px;margin: 0px 15px;border-top: 1px solid #666;}
    .beian a{color: #666;font-size: 12px;padding: 5px;}

    
    /* 分页 */
    /* 公司介绍 */
    .fenye_top{padding-top: 50px;}
    .cs{height: 150px;}
    .fenye_us_txt{padding: 15px;}
    .fenye_us_txt h4{font-size: 24px; color: #eee;}
    .wap_shu{width: 60px;height: 3px;background: #eee;margin: 10px 0px;}
    .fenye_us_txt p{font-size: 18px; color: #eee;}
    .gongsjj_top_text{padding:0px;}
    .gongsjj_top_text h4{font-size: 22px;}
    .gongsjj_top_text p{font-size: 18px;}
    .gongsjj_top_cent{min-height: 200px;color: #333;line-height: 150%;font-size: 14px;padding: 8px 0;}
    .gongsjj_list_ul{height: 170px;width: 100%;display: flex;justify-content:center;flex-wrap:wrap;background: url(../images/wap_gs.png) 100% 100%;}
    .gongsjj_list_cent{
            display: flex;
            display: -webkit-flex;
            align-items:center;
            justify-content:center;
            text-align: center;
            flex: 50%;
        }
    .gongsjj_list_text h4{color: #eee;}
    .gongsjj_list_text p{color: #eee;}
    
    /* 产品列表 */
    .chanpin_box{padding: 0px 10px;}
    .chanpin_box .col-md-4{padding:10px 10px;}
    .news_lies_box .col-md-4{padding:0px 10px;}
    .swiper_text{}
    .swiper_text h4{font-size: 14px;font-weight: 700; color: #333; display: -webkit-box; -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .swiper_text p{font-size: 14px;color:#666; display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
    padding: 0px 5px;}
    .news_text{padding: 8px 0;border-bottom: 1px solid #eee;}
    .news_text h4{text-align: left;}
    .news_text p{text-align: left; padding:0; font-size: 12px;line-height: 150%;
        padding-top: 5px;}
    .chenpin_img{height: 100px;}
    .chenpin_img>img{height: 100%;width: 100%;}
    /* 分页按钮 */
    .py_page_botton{text-align: center;margin-top: 2rem;}
    .btn-default{display: block;text-align: center;background: #fff;color: #333;font-size: 14px;}
    .btn,.btn-default:hover{background: #fff;color: #333;}
    .btn-default.active{color: #333;background: #fff;box-shadow:none;font-size: 14px;}
    .btn-group:hover{background: #fff;color: #333;}
    #page_center_botton span{border-bottom: 1px solid #333;}
    #page_left_botton span{padding: 0 5px;}

    /* 产品详情 */
    .chanpin_read_box{padding: 15px;}
    .chanpin_read_box h4{font-size: 22px;text-align: left;padding-bottom: 15px;border-bottom: 1px solid #999;margin-bottom:10px;}

    /* 新闻详情 */
    .fenye_news_box{padding: 0 15px;}
    .fenye_news_box h4{font-size: 18px;text-align: center;color: #333;font-weight: 600;line-height: 150%;}
    .fenye_news_box>p{font-size: 14px;padding: 5px 0px 10px 0px; text-align: center;color: #666;}
    .fenye_news_box .content_box{font-size: 14px; color: #333;text-align: left;}
    .fenye_news_box .content_box >p{padding-bottom: 5px;font-size: 14px;line-height: 160%;}

    /* 联系我们 */
    .lianx_text h4{font-size: 20px;font-weight: 700;color: #333;}
    .lianx_text h5{font-size: 14px;letter-spacing: .5px;color: #333;padding-bottom: 8px;}
    .lianx_text p{color: #999; font-size: 14px; padding-bottom: 5px;}

    /* 合作伙伴 */
    .hezuo_cent{padding-bottom: 8px;}
    .hezuo_img{height: 60px;}
    .hezuo_img img{width: 100%;height: auto;}
    .hezuo_text h4{font-size: 14px;color: #666;}