@charset "utf-8";
@media screen and (max-width:1570px)
{
.bannerwrap .banner .mask { bottom:27%;  }
}

@media screen and (max-width:1350px)
{

/*.container { max-width:92%; margin:0 auto; }*/
.topbg{ max-width:93%; height:48px; line-height:48px; margin:0 auto; display:flex; justify-content:space-between; }
.head{ clear:both; margin:30px auto;  display:flex; }
.widthbox{ max-width:93%; margin:0 auto; padding:0px; }
.myslider{ max-width:93%; margin:0px auto; width: calc(100% - 100px); }
.right { clear:both; max-width:93%; margin:0 auto; padding:0 0%; background:#FFF; }
.posbox { max-width:93%; clear:both; overflow:hidden; margin:0 auto; }
.menu3 { clear:both; margin:20px auto 20px auto; max-width:92%; }

/*产品中心*/
.chanpin_list{ width:73%; }
/*产品中心 end*/

/*内页*/
.mainarea{ margin:0 0%;}
}

@media screen and (max-width:1214px)
{
    /*.index_content{display: block}*/
    .news_l {

        width: 58%;
    }
    .news_r {

        width: 40%;
    }
/*产品中心*/
.chanpin_list{ width:70%; }
/*产品中心 end*/
.mainbg7_content_l ul{ margin:30px 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; height:162px; }
}

@media screen and (max-width:1092px)
{

/*产品中心*/
.chanpin_list{ width:68%; }
/*产品中心 end*/
}

@media screen and (max-width:1020px)
{

/*产品中心*/
.chanpin_list{ width:66%; }
/*产品中心 end*/
}


@media screen and (max-width:1000px)
{
/*Banner大图调用 开始*/
.bannerwrap .banner .mask { vertical-align:middle; position:absolute; width:100%; height:20px; right:0; bottom:7%; text-align:center; }
/*Banner大图调用 结束*/

.dianhua{ display:none; }

/*4大优势*/
.shili_content{ height:430px; }
.shilizi{ background:rgba(255,255,255,0.85); position:absolute; right:0px; top:100px; width:50%; }
/*4大优势 end*/

.mainbg7box{ clear:both; margin:0 auto; width:100%; background:url(../images/mainbg7box.jpg) center top no-repeat; padding:0 0 0 0; overflow:hidden;}
.mainbg7{  }
.mainbg7_content{ display:block; }
.mainbg7_content_l{ background:#f4f4f4; width:100%;padding:50px 45px 3% 45px;   }
.mainbg7_content_l dl{  border-bottom:1px solid #dfdfdf; padding:0 0 20px 0; }
.mainbg7_content_l dl dt{ font-size:20px; color:#182f85; }
.mainbg7_content_l dl dd{ font-size:24px; font-weight:bold; margin:5px 0 0 0; }
.mainbg7_content_l ul{ margin:30px 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; }
.mainbg7_content_l ul p{  font-size:1rem; line-height:32px; color:#666666; }
.mainbg7_content_r{ width:100%; }
.mainbg7_content_r img{ width:100%;  }

}


@media screen and (max-width:960px)
{
    .form-table .scene li{width: 50%
    }
    canvas{width: 100px !important;height: 100px!important;}
    .xinxi{display: block}
    .lanm-ul{display:block; }
    .lanm-ul li{max-width: 50%;float: left}
    .wddd{width: 100%;margin: 0 auto}
    .zsbg{display: block;}
    .foo{display: block}
    #pdiv5{display: block;justify-content: space-between}
    #pdiv6{display: block;justify-content: space-between}
    #pdiv7{display: block;justify-content: space-between}
    .pdiv_l{width: 100%}
    .pdiv_r{width: 100%;}
    .scene_t{display: none}
    .xiny {display: block;font-size: 32px;color: white;background:#bd1a2d;height: 40px;line-height: 40px;text-align: center }
    .form-table .scene {
        padding: 30px;
        overflow: hidden;
        border: 1px solid #bd1a2d;
    }
    .head {
        clear: both;
        margin: 30px auto;
         display: block;
    }
    .search {
        width: 100%;
        height: 45px;
   float: none;
        margin: 10px 0 0 0px;
    }
    .search_input {
        width: 80%;
        height: 45px;
        border: 2px solid #BD1A2D;
        box-sizing: border-box;
        background: #ffffff;
        opacity: 0.5;
        line-height: 45px;
        text-indent: 20px;
        vertical-align: middle;
        font-size: 14px;
        float: left;
    }
    but
    .news_l {

        max-width: 960px;
    }
    .index_content{ display:block; justify-content:space-between; }
.ibiaoti{ text-align:center; background:url(../images/biaotibg.png) no-repeat bottom center; padding:0 0 25px 0; margin:70px 0 50px 0;  }
.ibiaoti a{ font-size:32px; font-weight:bold;  }
.ibiaoti .bt_sub{ color:#666666; line-height:26px; margin:10px 0 0 0; }
.ibiaoti2 a{ color:#fff; }
.ibiaoti2 .bt_sub{ color:#ffffff; }
    .news_l{ width:100%; }
    .news_r{ width:100%; }
    .news_r .hotfenlei{ margin:30px 0px 0 0px; border-bottom:1px solid #c3c3c3; }
    .news_r .hotfenlei .hkbox1{ display:inline-block;  line-height:46px; font-size:20px; font-weight:bold; text-align:center; text-decoration:none; margin:0 30px 0 0px; padding:0 0 15px 0; cursor:pointer; }
    .news_r .hotfenlei .hkbox1a{ display:inline-block;  line-height:46px; font-size:20px; font-weight:bold; color:#0a5aa1; text-align:center; text-decoration:none; margin:0 30px 0 0px; padding:0 0 15px 0; cursor:pointer; background:url(../images/hkbox1a.png) no-repeat bottom center; }

/*产品中心*/
.chanpin_mune{ display:none; }
/*产品中心 end*/


/*内页*/
.menu3 h3,.menu1 a{ width:32%;}
/*产品view页*/
.proviewle{ margin:0 auto;float:none;width:100%;}
.proviewri{float:none; width:100%;margin-left:0;}

}

@media screen and (max-width:830px)
{
/*搜索*/
.sousuo_l{ float:none; line-height:27px; font-size:15px; color:#666666; text-align:center; }
.sousuo_r{ margin:20px auto 0px auto; padding:0px 0px 0 0; float:none; width:310px; }
.sousuo_r input[type="text"]{border: 1px solid #dcdcdc;width:48%;}
.sousuo_r input[type="submit"]{border: 1px solid #dcdcdc;}

.footermenu{ display:none;}
.footer_two{ display:block; justify-content:space-between; padding:5% 0; }
.footer_two ul{ display:flex; flex-wrap:wrap; justify-content:space-around; }
.footer_two ul li{ width:48%;  display:flex; flex-wrap:wrap; margin:0 0 15px 0; }
.footer_two dl{ display:flex;justify-content:space-around; width:100%; margin:25px 0 0 0; }

}


@media screen and (max-width:770px)
{
/*4大优势*/
.shili_content{ height:380px; }
.shilizibox{ width:100%; position:relative; }
.shilizi{ background:rgba(255,255,255,0.85); position:absolute; right:0px; top:100px; width:100%; }
.shilizi .shilizi_l{ line-height:28px; padding:5% 3% 5% 3%; position:relative; }
.shilizi .shilizi_t{ background: -webkit-linear-gradient(bottom, #fc6f27,#ffd132, #ff9012); padding:5% 0; width:52px; position:absolute; top:-30px;  color:#fff; text-align:center; font-size:14px; }
.shilizi .shilizi_t strong{ display:block; color:#fff; font-size:28px; }
.shilizi .shilizi_b{ margin:0 0 0 20%; }
.shilizi .shilizi_l h3{ font-size:20px; font-weight:bold;  margin:0 0 0 0;   }
.shilizi .shilizi_l h4{ font-size:18px; margin:0.5rem 0 0.5rem 0; }
/*4大优势 end*/

.mainbg8 .content{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.mainbg8 dl{ width:100%; }
.mainbg8 .biaoti_new{ margin:20px 0 12px 0;    }
.mainbg8 ul.xinwen_list{ width:100%;}
.mainbg8 ul li span{ display:block; text-align:left;  font-size:1rem;  }

}

@media screen and (max-width:720px)
{
.fl_menu a{  width:140px;  }

/*尾*/
.footerbox{ clear:both; width:100%; margin:5% auto 0 auto; background:#f7f8fa; }

.footer{ display:block; justify-content:space-between; }
.liuyan{ margin:0px 0 0 0; padding:40px 0 0 0; width:100%; }
.liuyan .liuyan_title h3{ font-size:22px; text-transform : uppercase; }
.liuyan .liuyan_title ol{ color:#666666; margin:5px 0 10px 0; }

.footer_r{ width:100%; margin:30px 0% 0 0%; background:url(../images/footer_r.jpg) no-repeat right 40px; background-size:50%; }


.erweima{ display:flex; text-align:center; }
.erweima li{ margin:0 5px 0 5px; }
.erweima img{ border:1px solid #e5e6e8; padding:5px; }
.erweima li p{ font-size:14px; }

}

@media screen and (max-width:640px)
{
.mainbg1 ul{ display:flex; flex-content:space-between; flex-wrap:wrap; clear:both; overflow:hidden; padding:3% 0 6% 0; }
.mainbg1 ul li{ text-align:center; border-right:1px solid #dcdcdc; width:50%; margin:0 0 20px 0; }
.mainbg1 ul li a{ display:block; padding:0 10%; }
.mainbg1 ul li img{transition: all linear 0.3s; width:60%; margin:0 auto; }
.mainbg1 ul li:nth-child(2n){ border:0px; }
.mainbg1 ul h3{ font-size:18px; font-weight:bold; color:#112a7f; margin:20px 0 10px 0; }

.mainbg7_content_l{ background:#f4f4f4; width:100%;padding:30px 25px 10% 25px;   }
.mainbg7_content_l dl{  border-bottom:1px solid #dfdfdf; padding:0 0 20px 0; }
.mainbg7_content_l ul{ margin:20px 0 0 0;  }


/*job招聘*/
.job_shuoming{ line-height:30px; margin:25px 0 0px 0; }
.job_tel{ text-align:center; margin:0 0 8% 0; }
.job_tel span{ font-weight:bold; font-size:26px; color:#d43126; }
.menus ul li{ margin: 5px;border: 1px solid #d3d3d3;border-radius: 50px; padding:10px 0%; flex:1; cursor: pointer}

.show_table tbody tr td:nth-child(2),.show_table tbody tr td:nth-child(4){ display:none; }


/*内页*/
.menu3 h3,.menu1 a{ width:49%;}

.footerbottom{ padding-bottom:60px; }
.fnav2{ display: block;float:right;width:100%; margin:0 auto;  overflow:hidden; background:#f37305; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden ; text-align:center; font-size:16px;}
.fnav2 a img{ width:30%;vertical-align:middle; padding-left:4%; padding-right:5%;}

.yb_conct{ display:none; }

.proviewle { float:none; max-width:100%; }
.proviewle img{ width:100%; }
.proviewri { clear:both; margin-left:5%; float:left; max-width:90%; overflow:hidden;  }

}

@media screen and (max-width:580px)
{
    .lun_ul li span{width: 80px}
.head .logo{ width:400px; margin:0 0 0 0;  }
.head .logo img{ width:110px; height:auto;}
.logocon1 { font-size:27px; }
.logocon2 { font-size:12px; }

/*产品中心*/
.chanpin_list{ width:100%; }
.product_rec{ display:block;  }
.product_rec .product_images{ width:100%; overflow:hidden; }
.product_rec .product_content{ width:100%; padding:5% 5%; }
/*产品中心 end*/

/*首页案例*/
.anli_fl{ display:none;}
.anli_rec{ display:block; background:#f2f2f2; margin:0px 0 10px 0; }
.anli_rec .product_images{ width:100%; overflow:hidden; }
.anli_rec .product_content{ width:100%; padding:5% 5%; }

.mainbg10 ul{ display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 0px 0;  padding:0px; }
.mainbg10 ul li{ text-align:center; width:49.5%; background:#eee; margin:0 0 5px 0;   }
/*首页案例 end*/

/*4大优势*/
.shilifenlei a{ display:block; width:49%; float:left; text-align:center; margin:0 0.5% 5px 0.5%; padding:1rem 0; font-weight:bold;  }
/*4大优势 end*/

.fl_menu a{   font-size:14px;  }

.footer_two ul{ display:block; flex-wrap:wrap; justify-content:space-around; }
.footer_two ul li{ width:100%;  display:flex; flex-wrap:wrap; margin:0 0 15px 0; }

}

@media screen and (max-width:480px)
{
.head .logo{ width:400px; margin:0 0 0 0;  }
.head .logo a{ display:flex; color:#333333; }
.head .logo img{ width:70px; height:auto;}
.logocon { margin-left:10px; padding:0px 0 0 0px; }
.logocon1 { font-size:24px; line-height:30px; font-weight:bold; margin:0 0 5px 0; font-style:oblique;  }
.logocon2 { display:none; }


/*产品中心*/
.product_menu a{ display:block; line-height:36px; font-size:17px; border:1px solid #e1e1e1; padding:0 0px; margin:0 0px 2px 0px; transition: all linear 0.3s; }

/*内页*/
.position{ display:none;}
.menu3 h3,.menu1 a{ width:100%;}

}

/*手机站导航必要样式不能删除*/
@media screen and (min-width:1000px) {
.headerpagewap{display: none}
}