/*首页产品*/
#sycp{ width: 90%; margin:60px auto;}
#sycp .ggtop{ display: none;}
.sycptop{ width: 100%; overflow: hidden; }
.sycptop p{ width: 315px; height: 165px; float: left; background: url(/ys/images/cp1.png) no-repeat;}
.sycptop span{ display: block; font-size:16px; width: calc(100% - 435px); line-height:30px; float: right; }
.sycptop ul{width: 100%; float: none; margin-top:18px; overflow: hidden; text-align: center; padding-bottom:30px;}
.sycptop ul li{ display: inline-block; margin-top:15px;}
.sycptop ul li a{ padding:0 30px; height: 40px; line-height: 40px;font-size:16px; display: block; background: #f1f1f1; margin:0 10px; border-radius: 20px; }
.sycptop ul li a:hover{ color: #fff; background:#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;}
/*关于我们*/
#gywm{ width: 100%; overflow: hidden; background: #f1f1f1; }
#gywm .ggtop{ display: none;}
.gywmbg{ width: 100%;background: url(/ys/images/gsbgimg.jpg) left center fixed no-repeat; overflow: hidden; }
.gywmnr{ width:50%; margin:0 auto; background: #f1f1f1; float: right; overflow: hidden; }
.gywmnr p,.gywmnr span,.gywmnr ul{ display: block; width: 85%; }
.gywmnr p { height: 96px; background: url(/ys/images/wm.png) no-repeat; margin:30px 0 30px 30px; }
.gywmnr span{ font-size:16px; line-height: 30px; padding-left:30px;}
.gywmnr ul{ padding-left:30px; overflow: hidden; margin:30px 0;}
.gywmnr ul li{ width: 120px; height:120px; float: left; margin-right:20px}
.gywmnr ul li a{ width: 120px; height: 120px; display: block; position: relative; background: #d62008; border-radius: 10px;}
.gywmnr ul li a strong{ height: 46px; width: 100%; position: absolute; left:0;  top:15px; display: block;transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
.gywmnr ul li:nth-child(1) a strong{ background: url(/ys/images/wmlm1.png) center no-repeat;}
.gywmnr ul li:nth-child(2) a strong{ background: url(/ys/images/wmlm2.png) center no-repeat;}
.gywmnr ul li:nth-child(3) a strong{ background: url(/ys/images/wmlm4.png) center no-repeat;}
.gywmnr ul li a:hover strong{ transform: rotateY(360deg);}
.gywmnr ul li a span{ display: block; width: 100%; position: absolute; top:70px; left:0; text-align: center; padding:0; color: #fff; font-size:20px;}
/*新闻中心*/
#news{ width: 90%; margin:0 auto; overflow: hidden;}
.ggtop{ height: 100px; width: 100%; margin: 60px 0;}
.ggtop p{ width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 36px; color: #d62008; font-weight: 600; position: relative; background:url(/ys/images/newsbg.png) center no-repeat ;}
.ggtop p::after{ content: ""; display: block; position: absolute; height: 3px; background: #d62008; width:100px; left:50%; margin-left:-50px; bottom:15px;}
.ne_l{ width:45%; float: left; overflow: hidden;}
.ne_l p{ width: 100%; border-radius: 10px; overflow: hidden;}
.ne_l p img{ width: 100%; display: block; transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.ne_l p a:hover img{ transform: scale(1.2);}
.ne_l strong,.ne_r ul li strong{ display: block; font-size:26px; height: 60px; line-height: 60px; overflow: hidden;}
.ne_l span,.ne_r span{ display: block; font-size:16px; line-height: 30px;}
.ne_r{ width: 53%; float: right; overflow: hidden;}
.ne_r ul{ width: 100%; overflow: hidden;margin-top:-15px;}
.ne_r ul li {  width: 100%; overflow: hidden; padding:15px 0; border-bottom:1px solid #dfdfdf;}
.ne_r ul li p{ width: 260px; height: 173px; overflow:hidden; float: left; border-radius: 5px;}
.ne_r ul li p img{ width: 100%; transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.ne_r ul li p a:hover img{ transform: scale(1.2);}
.ne_r .text{ width: calc(100% - 280px); float: right;} 
.ne_r strong{ height: 50px !important; line-height: 50px !important;}
.ne_r span{ font-size:14px; height: 90px; overflow: hidden;}
.rq{ color: #d62008; height: 40px !important; line-height:40px;}
/*-合作伙伴-*/
#hzhb{ width: 90%; margin: 0 auto;}
#hzhb .ggtop p{ background: url(/ys/images/hzhb.png) center no-repeat;}
.hzlb{ width: 100%;}
.hzlb ul{ width:calc(100% + 20px); overflow: hidden;}
.hzlb ul li{ width: calc((100% / 6) - 22px); float: left; border:1px solid #dfdfdf; border-radius: 5px; overflow: hidden; margin:20px 20px 0 0;}
.hzlb ul li img{ width: 100%;}
/*-foot-*/
.link{ width: 100%; margin-top:30px; padding-bottom:30px; border-bottom: 1px solid #464646;}
.link h3{ font-size:24px; height: 60px; line-height: 60px; color: #fff; font-weight: 400;}
.link p { width:100%; overflow: hidden; }
.link p a { display: inline-block; margin-right:15px; font-size:14px; color:#939393; height: 30px; line-height: 30px;}
@media screen and (max-width:1400px){

}
@media screen and (max-width:1200px){
    .sycptop span{ display: none;}
    .sycptop ul {width: calc(100% - 435px); float: right; text-align: left; margin-top:0;}
    .ne_l{ width: 100%; float: none; padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
    .ne_r{ width: 100%; float: none; padding-top:30px;}
    .hzlb ul li{ width: calc((100% / 4) - 22px);}
}
@media screen and (max-width:960px){
	.sycptop p{ display: none;}
    #sycp{ margin:0 auto;}
    #sycp .ggtop{ margin:30px 0; display: block;}
    #sycp .ggtop p{ background: none; display: block;}
    .sycptop ul{width:100%;}
    .sycplb ul li{width:calc((100% / 2) - 32px);}
    #gywm{ margin-top:30px;}
    #gywm .ggtop{ display: block; margin:30px auto;}
    #gywm .gywmnr p{ display: none; margin:auto;}
    .gywmnr{ background:rgba(0, 0, 0, .7); width: 100%;}
    .gywmbg{background: url(/ys/images/gsbgimg.jpg) left center fixed no-repeat;}
    #gywm .ggtop p {background: none; display: block; color:#fff;}
    #gywm .ggtop p::after{ background: #fff;}
    .gywmnr span{ color: #fff; width: 90%; padding:0; margin:0 auto;}
    .gywmnr ul{ width: 90%; margin:30px auto; text-align: center;}
    .gywmnr ul li{ float: none; display: inline-block;}
    .hzlb ul li{ width: calc((100% / 3) - 22px);}
    #news .ggtop,#hzhb .ggtop{ margin:30px auto;}
    #news .ggtop p{ background: none;}
    #hzhb .ggtop p {background: none;}
    
}
@media screen and (max-width:720px){
    .sycptop ul li{ width:calc((100% / 2) - 22px ); margin:10px 10px 0; float: left;}
    .sycptop ul li a{ text-align: center; overflow: hidden;}
}
@media screen and (max-width:540px){
    .sycptop ul{ display: none;}
.hzlb ul li{ width: calc((100% / 2) - 22px);}
.gywmnr ul li{ width: 100px; height: 100px;;}
.gywmnr ul li a{ width: 100%; height: 100%;}
.gywmnr ul li a strong{ top:10px;}
.gywmnr ul li a span{ top:60px; font-size:16px;}
.ne_r ul li p{ width:180px; height: 120px;}
.ne_r .text{ width: calc(100% - 200px);}
.ne_r ul li strong{ font-size:20px; line-height: 30px !important; height: auto !important;}
.ne_r span{ display: none;}
.ne_r .rq{ display: block;}
}