/*-关于我们-*/
.gywm_nr{ width: 100%; overflow: hidden; padding-top:30px;}
.gywm_nr p{ width: 100%;}
.gywm_nr p img{ width: 100%;}
.gywm_nr span{padding-top:40px; display: block; font-size:16px; line-height: 30px; }
/*-荣誉证书-*/
.ryzs_nr{ width: 100%; overflow: hidden; padding-top:10px;}
.ryzs_nr ul{width:calc(100% + 20px); overflow: hidden;}
.ryzs_nr ul li {float: left; margin-right:20px; width:calc((100% / 6) - 22px); border:1px solid #dfdfdf;border-radius: 10px;  overflow: hidden;transition: all 0.3s ease; margin-top:20px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
.ryzs_nr ul li a{ display: block; width:calc(100% - 10px); border-radius: 10px; padding-top:130%;background-size: cover !important; background-position: 50% 50% !important; overflow: hidden; border:5px solid #fff; }
.ryzs_nr ul li a span{ width:100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .7); display: block; color: #fff; text-align: center;transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.ryzs_nr ul li:hover{ border:1px solid #d62008;}
.ryzs_nr ul li a:hover span{ background: #d62008;}
/*-合作伙伴-*/
.hzhb_nr{ width: 100%; overflow: hidden; padding-top:10px;}
.hzhb_nr ul{width:calc(100% + 20px); overflow: hidden;}
.hzhb_nr ul li {float: left; margin-right:20px; width:calc((100% / 6) - 22px); border:1px solid #dfdfdf;border-radius: 10px;  overflow: hidden;transition: all 0.3s ease; margin-top:20px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
.hzhb_nr ul li a{ display: block; width:calc(100% - 10px); border-radius: 10px; padding-top:36%;background-size: cover !important; background-position: 50% 50% !important; overflow: hidden; border:5px solid #fff; }
.hzhb_nr ul li:hover{ border:1px solid #d62008;}
/*-公司环境-*/
.gshj_nr{ width: 100%; overflow: hidden; padding-top:10px;}
.gshj_nr ul{width:calc(100% + 20px); overflow: hidden;}
.gshj_nr ul li {float: left; margin-right:20px; width:calc((100% / 4) - 22px); border:1px solid #dfdfdf;border-radius: 10px;  overflow: hidden;transition: all 0.3s ease; margin-top:20px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
.gshj_nr ul li a{ display: block; width:calc(100% - 10px); border-radius: 10px; padding-top:75%;background-size: cover !important; background-position: 50% 50% !important; overflow: hidden; border:5px solid #fff; }
.gshj_nr ul li:hover{ border:1px solid #d62008;}
/*-产品列表-*/
.sycplb{ width: 100%;}
.sycplb ul{ width: 100%; overflow: hidden; }
.sycplb ul li{ width:calc((100% / 4) - 32px); float: left; margin:15px 15px; border:1px solid #dfdfdf; border-radius: 10px; overflow: hidden;transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
.sycplb ul li:hover{box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.sycplb ul li a{ padding-top:100%; width: 100%; display: block; background-size: cover !important; background-position: 50% 50% !important; position: relative; }
.sycplb ul li a span{ position: absolute; height:60px; line-height:60px; left:0; bottom:-60px; padding: 0 15px; font-size:14px; background: rgb(214 32 8 / 80%); display: block; width: calc(100% - 30px); color: #fff; font-size:20px;transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.sycplb ul li a:hover span{bottom: 0;}
/*-新闻资讯-*/
.news_nr{ width: 100%;}
.news_nr ul { width: 100%; overflow: hidden;}
.news_nr ul li { padding: 30px 0; border-bottom:1px solid #dfdfdf; overflow: hidden;}
.time{ width: 120px; float: left; padding:0 30px 30px 0; overflow: hidden; }
.time p{ width: 100%; background: #d62008; padding:15px; border-radius: 5px;}
.time p strong,.time p span{ display: block; color: #fff;}
.time p strong{ font-size:30px; height: 60px; line-height: 60px; border-bottom:1px solid #fff;}
.time p span{ font-size:20px; height: 30px; line-height:30px;}
.nezs{ width: calc(100% - 180px); float: right; overflow: hidden;}
.neimg{ width:225px; height: 150px; overflow: hidden; float: left;}
.neimg a{ width: 225px; height: 150px; border-radius: 5px; overflow: hidden; display: block;}
.neimg a img{ width: 225px; height: 150px; transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.neimg a:hover img{ transform: scale(1.2);}
.netxt{ width: calc(100% - 255px); float: right;}
.netxt a{ font-size:36px; height: 60px; line-height: 60px; display: block;}
.netxt span{ display: block; line-height: 30px; font-size:16px;}
/*-联系我们-*/
.lxwm_nr{ width: 100%; overflow: hidden; margin-top:30px;}
.lxwm_nr .dt{ width: 50%; height: 600px; float: left; border:5px solid #dfdfdf;}
.lxwm_nr .dt iframe{ width: 100%; height: 100%;}
.lxnr{ width: calc(50% - 40px); float: right;}
.lxnr h2{ font-size:32px; height: 60px ;line-height: 60px;}
.lxnr span{ display: block; line-height: 50px; font-size:20px;}
.lxnr p{ width: 163px; height: 163px; margin-top:30px; }
/*-搜索页面-*/
#ssjg{ width: 90%; margin:0 auto;}
#ssjg h2{ font-size:42px; line-height: 120px; border-bottom:2px solid #d62008;}
#ssjg ul{ width:100%; overflow: hidden;}

@media screen and (max-width:1400px){
    .list_top ul li{ width: calc((100% / 4) - 20px); margin:10px 10px 0; float: left;}
    .list_top ul li a{ width:calc(100% - 2px); padding:0; margin:0 auto; }
}
@media screen and (max-width:1200px){
    .sycplb ul li{width: calc((100% / 3) - 32px);}
    .time{ display:none;}
    .nezs{ width: 100%; float: none;}
    .ryzs_nr ul li{ width: calc((100% / 3) - 22px);
    }
    .hzhb_nr ul li{ width: calc((100% / 4) - 22px);}
    .gshj_nr ul li{width: calc((100% / 3) - 22px);}
    #ssjg h2{ font-size:36px; line-height: 80px; }
}
@media screen and (max-width:960px){
.list_top ul li{ width: calc((100% / 3) - 20px); margin:10px 10px 0; float: left;}
.netxt a{ font-size:24px;}
.netxt span{ font-size:14px; height: 80px; overflow: hidden; line-height: 26px;}
.hzhb_nr ul li{ width: calc((100% / 3) - 22px);}
.lxwm_nr .dt{ width:calc(100% - 10px); float: none; height: 400px;}
.lxnr{ width: 100%;}
.lxnr p{ float: left;}
.lxnr_txt{ width: calc(100% - 183px); float: right; margin-top:30px;}
#ssjg h2{ font-size:26px; line-height: 60px; }
}
@media screen and (max-width:720px){
.list_top ul li{ width: calc((100% / 2) - 20px); margin:10px 10px 0; float: left;}
.sycplb ul li{width: calc((100% / 2) - 22px); margin:15px 10px;}
.neimg{ width: 180px; height: 120px;}
.neimg a{ width: 180px; height: 120px;}
.neimg a img { width: 180px; height: 120px;}
.netxt{width: calc(100% - 200px);}
.netxt a{ height:40px; line-height: 40px;}
.hzhb_nr ul li{ width: calc((100% / 2) - 22px);}
.gshj_nr ul li{width: calc((100% / 2) - 22px);}
.lxnr_txt h2{ font-size:20px; height: 40px; line-height: 40px; }
.lxnr_txt span{ font-size:16px; line-height:30px;}
#ssjg h2{ font-size:20px; line-height: 60px; }
}
@media screen and (max-width:540px){
    .netxt a{ height: auto;}
    .netxt span{ display: none;}
    .ryzs_nr ul li{ width: calc((100% / 2) - 22px);}
    .lxnr_txt{ width: 100%;}
}