.zixun img{

    padding: 15px 0;
}


.logo {
    height: 5rem;

}

.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:16%;
    padding-top: 1%;
    float: left;
}


.logo .logoc p {
    color: #333;
    font-weight: 500;
    font-size: 1rem;
    line-height: 2rem;

    float: left;
    padding-left: 10px;
}


.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: #333;
    color: #ffffff;
    line-height: 2.5rem;
    font-size: 1rem;
    text-align: center;
}

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


/*nav*/

/*  关键词 开始*/
.guanjian {


    background-color: #EAB102;

}


.guanjian .guanjian_box .nav_r {


}


.guanjian .guanjian_box .nav_r input {
    border-radius: 10px;
    border: none;
    width: 40%;
    height: 50px;
    margin-left: 5%;
    text-indent: 3em;
    outline: 0;

    margin-bottom: 30px;

}

.guanjian .guanjian_box .nav_r input::placeholder {
    color: #999; /* 更改为您想要的颜色 */
    font-size: 1rem;
}


.guanjian .guanjian_box .nav_r button {
    outline-style: none;
    border: none;
    border-radius: 10px;
    width: 160px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    background: #22286D;

    outline: 0;
    margin: 0 auto;  margin-left: 5%;
}


/*  关键词  结束*/


.toptop {

    background: url(../img/top_bgc.jpg) no-repeat top center;
    height: 260px;

}


.toptop ul li {
    padding-top: 20px;
    width: 30%;
}

.toptop ul li img {
    display: block;
    margin: 0 auto;
    width: 60%;
}

.toptop ul li p {
    text-align: center;
    font-size: 1rem;
    padding-top: 15px;
    color: #FFFFFF;
}


/* 产品中心 开始*/

.cp_center {
    background: url(../img/cp_bgc.jpg) no-repeat top center;
padding-top: 260px;
}


.cp_center .chanpin_box h2 {
    font-size: 1.5rem;

}

.cp_center .chanpin_left {


}

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


    text-align: center;

    width: 40%;
    background-color: #707070;
    border-radius: 25px;

}

.cp_center .chanpin_left ul li:nth-child(9) {

    border-bottom: none;
}

.cp_center .chanpin_left ul li:nth-child(14) {

    border-bottom: none;
}

.cp_center .chanpin_left ul h2 {

    background: url(../img/cp_dt.png) no-repeat top center;
    height: 87px;
    text-align: center;
    line-height: 110px;
    color: #FFFFFF;
    font-size: 22px;
    width: 85%;
}


.cp_center .chanpin_left ul li a {
    font-size: 1rem;
    color: #fff;

}

.cp_center .chanpin_left ul li:hover a {
    font-weight: 600;
    color: #0072d3;
}


.cp_center .chanpin_right {
padding-top: 30px;
}

.cp_center img {

}

.cp_center ul {
    /* float: left; */
    /* overflow: hidden; */
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.cp_center ul li {

    margin-top: 1%;
    width: 46%;
}

.cp_center ul li p {
    font-size: 1rem;
    color: #333;

    height: 30px;
    text-align: center;
    width: 100%;
    line-height: 30px;

}

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

}

.cp_center 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 {

}


.ys ul {

}


.ys ul li {


    padding-top: 20px;
    width: 98%;

}


.ys ul li .ys_wz .ys_wz_top {
    justify-content: normal;
    padding-bottom: 10px;

}

.ys ul li .ys_wz .ys_wz_top h1 {

    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: #FFFFFF;
    border-radius: 10px;
    font-size: 26px;

}


.ys ul li .ys_wz .ys_wz_top .ys_wz_top_right {

    padding-left: 25px;

}

.ys ul li .ys_wz .ys_wz_top .ys_wz_top_right h2 {

    font-size: 1.2rem;
    font-weight: 500;
}

.ys ul li .ys_wz .ys_wz_top .ys_wz_top_right h5 {

    font-size: 1.2rem;
    font-weight: 500;
    color: #666;
}

.ys ul li .ys_wz {

    padding-top: 10px;
}


.ys ul li .ys_wz h2 {

    font-size: 1.3rem;


}


.ys ul li .ys_wz p {

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

}

.ys ul li .ys_wz p span {

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


}


/*优势 开始*/


/*行业*/

.hy {


}

.hy img {
    padding: 10px 0;
}


/*案例*/


.an_li {


}

.an_li .c_top {
    padding-bottom: 10px;
}

.an_li .c_top h1 {
    color: #FFFFFF;
}

.an_li .c_top p {
    color: #FFFFFF;
}

.fuwu {

    height: 311px;
}

.fuwu .c_top h1 {
    color: #333;
}

.fuwu .c_top p {
    color: #999;
}


.an_li ul {

}

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

}

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

}

.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: 20px;

}

.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;

}
.cl_js .js_l img{
    width: 96%;
    display: block;
    margin: 0 auto;
}
.tx_js .ls_c {
}
.cl_js .js_l h2 {
    font-size: 1.3rem;

    color: #333;


}

.cl_js .js_l p {
    font-size: 1rem;
    line-height: 2.5rem;
    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 {

    padding-bottom: 3%;
}

.ry ul {
    overflow: hidden;

}

.ry ul li {
    float: left;
    width: 49%;

    padding-bottom: 3%;
}.ry ul li p{
    text-align: center;
    font-size: 0.8rem;
 }

 .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;
}