.logo {
    height: 5rem;

}

.logoc{
 width: 70%;
    margin: 0;
}

.logo .t_logo {
    width: 20%;
    display: block;
    float: left;
    margin-top: 2%;
    /* border-right: 1px solid #6f6f6f; */
}

.logo .logoc h1 {
    float: left;
    font-size: 0.9rem;
    line-height: 1.5rem;
    color: #333;
    font-weight: 500;
    padding-left: 2%;
    text-align: left;
    padding-top: 2%;
}

.logo .logoc img {
    width:80%;
    padding-top: 1%;
    float: left;
    padding-right: 20px;
}


.logo .logoc p {
    color: #666;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 2rem;
    padding-top: 20px;
}


.nav_rig {
    float: right !important;
    width: 12% !important;
    margin-top: 5% !important;
}

.nav_rig .top {
    padding-top: 8% !important;
    float: right !important;
    padding-right: 20% !important;
}

.nav_rig img {
    width: 100%;
}

.top_warp {
    display: none !important;
}

.zc ul li {
    width: 48% !important;
    overflow: hidden !important;
}

.zc ul li:nth-child(1n) {
    padding: 1% !important;
}

.nav_box {
    background-color: #ffffff !important;
    z-index: 9999 !important;
    padding-bottom: 3% !important;
    position: fixed !important;
    right: 0 !important;
    opacity: 0.85 !important;
    top: 65px !important;
    width: 60% !important;
    box-shadow: -1px 3px 8px 2px #afafaf;
}

.nav_box img {
    display: block !important;
    padding: 10% !important;
    width: 80% !important;
    margin: 0 auto !important;
}

.nav_box ul {
    padding-top: 5% !important;
}

.nav_box ul li {
    padding-top: 5% !important;
    text-align: center !important;
    width: 80% !important;
    margin: 0 auto !important;
    border-bottom: 1px #e5e5e5 solid !important;
    line-height: 36px !important;
}

.nav_box ul li a {
    color: #000 !important;
    font-size: 18px !important;
}


/*banner*/

.nav_banner,
.nav_banner .banner {
    width: 100%;
    overflow: hidden;
}

.nav_banner .banner img {
    width: 100%;
}

.focus5 {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
    /*overflow: hidden;*/
}

.focus5 .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    /*bottom: 15px;*/
    top: -10%;
    text-align: center;
}

.focus5 .hd ul {
    display: none;
    height: 5px;
    /*padding: 0 5px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    /*margin-right:8%;*/
    float: right;
    vertical-align: top;
}

.focus5 .hd ul li {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #8C8C8C;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
}

.focus5 .hd ul .on {
    background: #fff;
    overflow: hidden;
}

.focus5 .bd ul li {
    overflow: hidden;
    /*padding-bottom: 5px;*/
}

.focus5 .bd {
    position: relative;
    z-index: 0;
    width: 100%;
}

.focus5 .bd li > div {
    float: left;
    width: 100%;
}

.focus5 .bd li > div > a {
    display: block;
    overflow: hidden;
}

.focus5 .bd li > div > a img {
    width: 100%;
}

.focus5 .bd li > div img {
    width: 100% !important;
    display: block;
    margin: 0 auto;
    /*background: url(../images/loading.gif) center center no-repeat;*/
}

.focus5 .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*nav*/

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

.nav li {
    width: 31%;
    float: left;
    height: 2.5rem;
    margin-right: 2%;
    margin-top: 1rem;
}

.nav li a {
    display: block;
    height: 2.5rem;
    width: 100%;
    background-color: #cf111b;
    color: #ffffff;
    line-height: 2.5rem;
    font-size: 1rem;
    text-align: center;
}

.nav .nav_list:nth-child(3n) {
    margin-right: 0;
}


/*nav*/








.funeng {
    padding-top: 20px;

}

.funeng .c_top {
    padding-top: 30px;
}


.funeng dl {
    justify-content: space-around;

    background-color: #f5f5f5;
    margin-top: 20px;
}

.funeng dl dt {

    width: 28%;
    text-align: center;
    padding: 10px 0;
    line-height: 30px;
    border-right: 3px #ff0000 solid;
}

.funeng dl dt a {
    font-size: 20px;
    color: #ff0000;
}

.funeng dl .no_li {
    /* background-color: #ff0000; */
}

.funeng dl .no_li a {
    color: #ff0000;
}

.funeng dl dt:hover {
    background-color: #ff0000;
}

.funeng dl dt:hover p {
    color: #fff;
}


/*切换   内容*/
.funeng .lvsf{
    padding-top: 50px;
}
.funeng .lvsf .lssf_l{
    width: 46%;

}
.funeng .lvsf  .lvsf_t{
    padding-bottom: 30px;
}
.funeng .lvsf  .lvsf_t h2{
    font-size: 36px;
}
.funeng .lvsf  .lvsf_t a{
    color: #999;
    font-size: 16px;
    margin-top: 15px;
}
.funeng .lvsf .lssf_l h3{
    font-size: 26px;
    line-height: 45px;
    padding-top: 20px;
}
.funeng .lvsf .lssf_l p{
    font-size: 18px;
    line-height: 36px;
    color: #666;padding-top: 20px;
}

.funeng .lvsf .lssf_r ul li{
    margin-bottom: 30px;
}
.funeng .lvsf .lssf_r ul li a{
    display: block;
    width: 63%;
}

.funeng .lvsf .lssf_r ul li a img {
    /*width: 45%;*/
}
.funeng .lvsf .lssf_r ul li a .lssf_r_r {
    /*width: 50%;*/
}

.funeng .lvsf .lssf_r ul li a .lssf_r_r h3{
    font-size: 16px;
    
   
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    
}

.funeng .lvsf .lssf_r ul li a .lssf_r_r p{
    font-size: 14px;
    color: #666;
    
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      
     
} 










.guanyu img{
    margin-top: 20px;
}


.tuandui {
    padding: 30px 0;
}

.tuandui img{
    margin-top: 20px;
}

.youshi {
    
}

.youshi img{
    margin-top: 20px;
}


.fuwu {
    padding: 30px 0;
}

.fuwu img{
    margin-top: 20px;
}





.yewu h3 {

    line-height: 40px;
    text-align: center;
    color: #333;
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 30px;
}


.yewu ul li {

    margin-bottom: 5%;
    padding-bottom: 30px;
}
.yewu ul li img{
    width: 100%;
}

.yewu ul li h2 {

    padding-left: 10px;
    padding-top: 10px;
    font-size: 18px;
    padding-bottom: 10px;
    padding-right: 30px;
}


.yewu ul li p {

    font-size: 16px;
    padding: 0 10px;
    line-height: 30px;
    color: #333;

}


.fuwu ul li p {

    font-size: 14px;


}
.top {
padding-top: 30px;

}


.top_c h3 {

    line-height: 25px;
    text-align: center;
    color: #333;
    font-weight: 500;
    font-size: 1rem;
    padding-bottom: 30px;
}


.top_c ul li {

    background-color: #f7f7f7;
    padding-bottom: 35px;

}

.top_c ul li img {
    width: 100%;
}

.top_c ul li h2 {

    padding-left: 10px;
    padding-top: 10px;
    font-size: 1.3rem;
    padding-bottom: 10px;
}

.top_c ul li p {

    font-size: 1rem;
    padding: 0 10px;
    line-height: 25px;
    color: #333;

}

/* 产品中心 开始*/

.cp_center {

    padding-bottom: 30px;


}


.cp_center .cp_top .cp_li {
    padding-bottom: 20px;

}

.cp_center .cp_top .cp_li img {

    width: 70%;
    display: block;
    margin: 0 auto;
}

.cp_center .cp_top .cp_t_r {

}

.cp_center .cp_top .cp_t_r h2 {

    padding-left: 30px;
    padding-top: 20px;
    font-size: 1.3rem;
    padding-bottom: 10px;
}

.cp_center .cp_top .cp_t_r p {

    font-size: 1rem;
    padding: 0 30px;
    line-height: 26px;
    color: #333;

}

.cp_center .chanpin_left ul li {
    height: 45px;
    line-height: 45px;

    background-color: #f6f6f6;
    text-align: center;
    color: #333;
    margin: 0 20px;

    border-bottom: 1px #333 dashed;

}


.cp_center ul li {

    margin-top: 1%;

    width: 49%;
}


.cp_center ul li p {

    font-size: 1rem;

    text-align: center;

    line-height: 35px;


}

.cp_center ul li p span {


    color: #fff;
    padding-left: 20px;

}

.cp_center ul li p a {


    color: #fff;
    padding-right: 20px;

}


.cp_center .chanpin_right ul li img {
    display: block;
    width: 100%;

}

.cp_center .chanpin_right ul li:hover p {

}


/*  产品结束 */


/*应用领域   四个一排的列表*/


.lingyu {


}


.lingyu ul li {

    padding-bottom: 10%;
    width: 46%;
}


.lingyu ul li p {
    color: #FFFFFF;
    font-size: 22px;
    margin-top: -50px;
    text-align: center;
    font-weight: 600;
}


/*应用领域   四个一排的列表*/


/*优势 开始*/


.ys {

    background: url(../img/ys_bgc.jpg) no-repeat bottom center;

}


.ys ul {

}


.ys ul li {


    padding-top: 20px;

}

.ys ul li .ys_wz {


    padding-top: 10px;
}


.ys ul li .ys_wz h2 {

    font-size: 22px;

    font-weight: 500;
    padding-bottom: 10px;
    color: #333;
    padding-top: 10px;

}

.ys ul li .ys_wz h2 span {

    margin-right: 20px;
    border-radius: 50%;
    background-color: #835637;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;

}

.ys ul li .ys_wz p {

    font-size: 1rem;
    line-height: 26px;
    display: flex;
    color: #666;

}

.ys ul li .ys_wz p span {

    font-size: 50px;
    padding-right: 10px;
    line-height: 30px;


}


.ys ul li .ys_b {
    display: flex;
    margin-top: 30px;
    /*justify-content: space-around;*/
}

.ys ul li .ys_b h3 {

    padding-right: 30px;

    font-size: 18px;
    line-height: 26px;
}


/*优势 开始*/



/*选择*/

.xuanze {




}

.xuanze ul li{
    width: 49%;
    background-color: #f9f9f9;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.xuanze ul {


    padding-bottom: 30px;

}

.xuanze h2 {

    font-size: 22px;
    text-align: center;
    padding: 10px 0;
    color: #333;

}

.xuanze ul li p {
    font-size: 1rem;
    text-align: center;
    padding-top: 10px;
    color: #333;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 30px;height: 10rem;

}




/*选择*/
/*合作企业*/
.hzqy{


    background-color: #f5f5f5;
}
.hzqy .flex-between > img {
    width: 30%;
}

.hzqy ul  {



}
.hzqy ul li{
    padding-left: 1%;
    width: 22%;
    padding-bottom: 3%;
}
.hzqy ul li > p {


    font-size: 1rem;
    color: #333;
    text-align: center;
padding-top: 3%;




}



.hzqy ul li img {

    display: block;
}




/*合作企业*/

/*jiameng*/

.jiameng{

}


.jiameng ul{
    padding-top: 20px;
}
.jiameng ul li{
    padding-bottom: 30px;
    width: 49%;
}




/*案例*/


.an_li {


}

.an_li ul {

    justify-content: space-around;
}

.an_li ul li {
    padding-top: 30px;
    width: 30%;

}

.an_li ul li img {
    display: block;
    width: 100%;

}

.an_li ul li p {

    background-color: #172980;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    margin-top: -30px;
    position: relative;
    opacity: 0.9;
}


.an_li a {

    margin-top: 80px;

}

.an_li a:hover {
    background-color: #158ee4;
    color: #FFFFFF;
}

/*案例*/


/* 合作 */
.hezuo {
    padding-top: 30px;

}

.hezuo .c_top img {
    /* margin: 0 ; */
}

.hezuo ul {

    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    /* float: right;
    width: 50%; */
}

.hezuo ul li {

    width: 46%;

    padding-bottom: 2%;
}


.hezuo ul li p {
    padding-top: 10px;
    line-height: 30px;
    font-size: 18px;
    color: #666;
    text-align: center;
}

.hezuo ul li img {
    width: 96%;
    display: block;
    margin: 0 auto;
}

/* 合作 */


/*介绍*/

.cl_js {
    padding-bottom: 3%;
    padding-top: 3%;

}

.cl_js .c_top h1 {
    /* font-size: 3.5rem; */
    /* text-align: left; */
    color: #333;
}

.cl_js .c_top p {

    color: #333;

}

.tx_js .ls_c {
}


.cl_js .js_l p {
    font-size: 1rem;
    line-height: 2rem;
    text-indent: 1em;
    color: #333;
    text-align: left;

}

.cl_js ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}


.cl_js ul li {
    width: 33%;
    padding-top: 30px;
}


/* 工厂风彩*/


.cl_js .js_b {
    padding: 30px 0;
}

.cl_js .js_b a img {
    width: 50%;


}

.cl_js .js_b ul li {

    width: 46%;
}


.cl_js .js_b ul li p {
    text-align: center;
    font-size: 16px;
    background-color: rgba(111, 111, 111, 0.5);

    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-top: -40px;
    z-index: 666;
    position: relative;
}

.cl_js .js_b ul li:hover p {
    background-color: #158ee4;
    opacity: 1;
    position: relative;
}


/* 荣誉资质 */

.ry {
    background-color: #F7F7F7;
    padding-bottom: 3%;
}

.ry ul {
    overflow: hidden;

}

.ry ul li {

    padding-left: 2%;
    padding-bottom: 3%;
    width: 46%;

}

.ry ul li img {
    width: 100%;
}


/* 荣誉资质 */


/*���ض���*/

.fh_mobile {
    width: 100%;
    overflow: hidden;
    padding-bottom: 6rem;
}

.fh_mobile .bd .fh_a {
    display: block;
    padding: 2% 2%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    width: 60%;
    margin-top: 10%;
    font-size: 1.5rem;
}

.fh_mobile .bd .fh_p1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.fh_mobile .bd .fh_p1 img {
    width: 50%;
}

.fh_mobile .bd .fh_p2 {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #333;
}

.fh_mobile .bd .fh_p3 {
    font-size: 1rem;
    text-align: center;
    padding: 2% 0;
    color: #666;
}

footer {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background-color: #333;
    padding: 2% 0;
}

footer a {
    width: 25%;
    overflow: hidden;
    display: block;
    float: left;
}

footer a img {
    width: 25%;
    display: block;
    margin: 0 auto;
    height: 1.8rem;
}

footer a > p {
    color: #fff;
    /*height:1rem;*/
    margin-top: 1%;
    text-align: center;
}

.new {
    padding-top: 5%;
}

.new .new_main {
    MARGIN-TOP: 5%;
}

.new .new_main ul li {
    height: 8rem;
    margin: 0 auto;
}

.new .new_main ul li .new_main_left {
    width: 15%;
    float: left;
    background-color: #eeeeee;
    height: 75%;
}

.new .new_main ul li .new_main_left h4 {
    color: #fff;
    font-size: 0.5rem;
}

.new .new_main ul li .new_main_left span {
    color: #333;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    margin: 0.5rem auto;
}

.new .new_main ul li .new_main_left p {
    color: #7b7b7b;
    display: block;
    text-align: left;
    margin: 1.5rem auto;
    font-size: 1rem;
    margin-left: 0.5rem;
}

.new .new_main ul li .new_main_right {
    width: 80%;
    float: right;
}

.new .new_main ul li .new_main_right h2 {
    font-size: 1.2rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new .new_main ul li .new_main_right h3 {
    font-size: 1.3rem;
    text-align: left;
    margin-top: 1rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.logo_fot img{
     width: 50%;
    margin: 0 auto;
    display: block;
}