.top{
    width: 100%;
    padding-top:500px;
	position: relative;
}
.lona{
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: 1;
    background: url(/ys/img/hbg.png);
    left:0;
    top:0;
    z-index:9;
    
}

.logo{ 
    width: 386px;
    height: 60px;
    padding: 20px 0 20px 20px;
    float: left;
}
/* 本例子css NAV */
.snav{
    width:50%;
    height: 100px;
    float: left;
    margin-left:40px;
}
.nav{ height:100px; line-height:100px;  position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left; width: calc(100% / 8);  position:relative; display:inline;  }
.nav .nLi h3{width:100%;}
.nav .nLi h3 a{ display:block; font-size:16px; font-weight: 100; width: 100%; text-align: center; }
.nav .nLi h3 a:hover{letter-spacing: 5px;}
.nav .sub{ display:none; width:calc(100% + 60px); left:-30px; top:100px;  position:absolute; line-height:40px; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align: center; background: url(/ys/img/hbg.png); color: #fff;}
.nav .sub a:hover{ color:#fff;background: url(/ys/img/hbg8.png); letter-spacing: 2px;  }
.nav .on h3 a{ color:#fff;   }


.dj{
    width: 140px;
    height: 100px;
    line-height: 100px;
    font-size:16px;
    color: #fff;
    padding-left:20px;
    background:url(/ys/img/dh.png) left center no-repeat;
    color: #fff;
    float: right;
}
.qh{
    width:70px;
    height: 100px;
    float: right;
 }
 .pbnav{ width:63px; height: 50px; float: right; background: url(/ys/img/gd.png) center no-repeat; margin:25px; cursor: pointer; display: none;}
 .pbnr{ display: none;}
/* 本例子css */
.qnav{   height:100px; line-height:100px; position:relative; z-index:1;  }
.qnav a{ color:#fff;  }
.qnav .nLi{ float:left;  position:relative; display:inline;  }
.qnav .nLi h3 a{ padding-left:25px; background: url(/ys/img/dq.png) left center no-repeat; display:block; font-size:14px; font-weight:bold;  }
.qnav .sub{ display:none; width:120px; left:-30px; top:100px;  position:absolute; line-height:40px; }
.qnav .sub li{ zoom:1; }
.qnav .sub a{ display:block; padding:0 10px; background: url(/ys/img/hbg.png); color: #fff; text-align: center;}
.qnav .sub a:hover{ color:#fff;background: url(/ys/img/hbg8.png); letter-spacing: 2px;   }

.banner{
    width:100%;
    height: 500px;
    position: absolute;
    left:0; 
    top:0;
    overflow: hidden;
}
.banner p{ height: auto; width:1920px; padding-top:500px; background:url(/ys/img/listban.jpg) center no-repeat; position:absolute; left:50%; margin-left:-960px;}

/*-关于我们-*/
.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% / 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; }
.ryzs_nr ul li a{ display: block; width:calc(100% - 10px); border-radius: 10px; background-size: cover !important; background-position: 50% 50% !important; overflow: hidden; border:5px solid #fff; }
.ryzs_nr ul li a p{ display: block; padding-top:56%; width: 100%; position: relative;}
.ryzs_nr ul li a p img{ width:100%; position: absolute; top:0; left:0;}
.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 #1864ae;}
.ryzs_nr ul li a:hover span{ background: #1864ae;}
/*-合作伙伴-*/
.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 #1864ae;}
/*-合作伙伴-*/
.sbzs_nr{ width: 100%; overflow: hidden; padding-top:10px;}
.sbzs_nr ul{width:calc(100% + 20px); overflow: hidden;}
.sbzs_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; }
.sbzs_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; }
.sbzs_nr ul li:hover{ border:1px solid #1864ae;}
.sbzs_nr span{ display:block; height: 40px; line-height: 40px; size:14px; text-align: center;}
/*-公司环境-*/
.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 #1864ae;}
/*-产品列表-*/
.sycplb{ width: 100%;}
.sycplb ul{ width: 100%; overflow: hidden; }
.sycplb ul li{ width:calc((100% / 4) - 34px); 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:0px; padding: 0 15px; font-size:14px; background: rgb(24 100 174 / 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: #1864ae; 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:24px; height: 60px; line-height: 60px; display: block; overflow: hidden;}
.netxt span{ display: block; line-height: 30px; font-size:16px;}
/*-联系我们-*/
.lxwm_nr{ width: 100%; overflow: hidden; margin-top:30px;}
.lxwm_nr .dt{ width: 600px; height: 400px; float: left; border:5px solid #dfdfdf;}
.lxwm_nr .dt iframe{ width: 100%; height: 100%;}
.lxnr{ width: calc(50% - 40px); float: right;}
/*-搜索页面-*/
#ssjg{ width: 90%; margin:0 auto;}
#ssjg h2{ font-size:42px; line-height: 120px; border-bottom:2px solid #1864ae;}
#ssjg ul{ width:100%; overflow: hidden;}

/*---------留言页面--------*/
.ly_nr{ margin:30px auto 30px; overflow: hidden; }
.lyimg{ float: left; width:600px; height:400px; margin-top:60px; border-radius: 20px; overflow: hidden;}
.lyy{ width:calc(100% - 630px); float: right; }
.form-group{ width:100%; overflow: hidden;}
.form-group label{ font-size:16px; height:30px; line-height: 30px; padding-left:20px; margin-top:20px; display: block;}
.form-group input{ width:80%; height:42px; line-height:42px; border:1px solid #dfdfdf; border-radius: 20px; padding:0 20px; font-size:14px;}
.form-group textarea{ width:80%; height:80px; line-height:42px; border:1px solid #dfdfdf; border-radius: 20px; padding:20px; font-size:14px;font-family: "微软雅黑";}
.col-6{ margin-top:15px; }
.formw{ width:180px !important;}
.codeyzm{ padding-left:15px;}
.form-group{ width: 100%;}
.form-group button{
    width:80%; 
    height:42px; border:1px solid #dfdfdf; border-radius: 10px; margin-top:15px;
    cursor: pointer;
}

/*--------lxwm--------*/
.lxdt{ width:50%; height: 640px; float: left; overflow: hidden; border-radius: 20px;}
.list_lx{
    width:calc(50% - 30px); float: right;
}
.list_ewm{ width:100%; overflow: hidden; border-bottom:2px solid #1864ae;}
.list_ewml{ width:calc(50% - 15px); float: left; overflow: hidden;}

.list_ewmr{ width: calc(50% - 15px); float: right; overflow: hidden;}
.list_ewml img,.list_ewmr img{ width:100%;}
.list_ewm span{ display: block; text-align: center; width: 100%; padding:0 !important; height:40px; line-height: 40px;}
.list_lxnr{ width: 100%; font-size:20px; padding:30px 0 ; line-height:48px;}









@media screen and (max-width:1400px){
    
}
@media screen and (max-width:1290px){
    .list_top ul{ width: calc(100% + 20px);}
    .list_top ul li{ width: calc((100% / 4) - 20px); margin:10px 0; }
    .list_top ul li a{ width:calc(100% - 2px); padding:0; margin:0 auto; }
    .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; }
    .lyimg{ display: none;}
    .lyy{ width: 80%; float: none; margin:0 auto;}

    .form-group input{ width:calc(100% - 42px);}
    .form-group textarea{width:calc(100% - 42px); }
    .form-group button{ width: 100%;}

    /*--------lxwm--------*/
.lxdt{ height: 440px; }



}
@media screen and (max-width:960px){
.list_top ul li{ width: calc((100% / 3) - 20px); margin:10px 0 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; }
.lyy{ width: 100%;}
/*--------lxwm--------*/
.lxdt{ width:100%; height: 340px; float: none; }
.list_lx{
    width:100%; float: none; margin-top:30px;
}
.sycplb ul li a span{ font-size:16px;}
}
@media screen and (max-width:720px){
.list_top ul li{ width: calc((100% / 2) - 20px); margin:10px 0 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; }
.form-group button{ width: 100%;}

}
@media screen and (max-width:540px){
    .netxt a{ height: auto; font-size:16px;}
    .netxt span{ display: none;}
    .ryzs_nr ul li{ width: calc((100% / 2) - 22px);}
    .lxnr_txt,.form-group button{ width: 100%;}
    .sycplb ul li a span{ font-size:14px;}
}