/* banner */
.slideBox{ width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative; }
.slideBox .hd{ width:100%; height:16px; overflow:hidden; position:absolute; bottom:20px; z-index:0; }
.slideBox .hd ul{ overflow:hidden;  text-align: center; width:100% !important;  }
.slideBox .hd ul li{display:inline-block; margin:0 5px; width:12px; height:12px; background:#fff; cursor:pointer;border-radius: 8px; border:2px solid #fff; }
.slideBox .hd ul li.on{ background:#2a778c; color:#fff; border:2px solid #2a778c; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/ys/img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*-------------产品---------------*/
#cp{
    max-width:1440px;
    margin:60px auto 0;
    overflow: hidden;
}
.cpl{
    width:270px; float: left; height:740px; background: #f1f1f1;
}
.cpl p{
    border-bottom:2px solid #fff;
    height:159px;
}
.cpl b{ display: none;}
.cpl ul{
    width:270px; overflow: hidden;
}
.cpl ul li{
    height:50px; line-height: 50px; border-bottom:2px solid #fff; overflow: hidden;
}
.cpl ul li a{
    font-size:13px;
    padding-left:20px;
    padding-right:20px;
    background:#f1f1f1;
    display: block;
}
.cpl ul li a i{
    font-size:12px; margin-right:5px;
}
.cpl ul li a:hover{
    background: #2a778c;
    color: #fff; letter-spacing: 0.5px;
}
.cpr{
    width:calc(100% - 300px); float: right;
}
.cprtop{
    width:calc(100% - 60px); padding:30px; background:#f1f1f1; overflow: hidden;
}
.cprimg{
    width:500px; float: left; overflow: hidden;
}
.cprimg a{
    width:calc(100% - 2px); overflow: hidden; padding-top:75%; position: relative; display: block; border:1px solid #e0e0e0;
}
.cprimg a:after{
    position: absolute;
    left: 50%;
    top:0;
    bottom: 0;
    right:0;
    content: '';
    width:0;
    transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;
    z-index: 1;
}
.cprimg a:hover:after{
    border-top:1px solid #d6004d;
    border-bottom:1px solid #d6004d;
    left:0;
    width:100%;
}
.cprimg a:before{
    position: absolute;
    left: 0;
    top:50%;
    bottom: 0;
    right:0;
    content: '';
    height:0;
    transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;
    z-index: 1;
}
.cprimg a:hover:before{
    border-left:1px solid #d6004d;
    border-right:1px solid #d6004d;
    top:0;
    height:100%;
}

.cprimg a img{
    width:100%;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;
    position: absolute; left: 0; top:0;height:100%;
}
.cprimg a:hover img{
    transform: scale(1.1);

}
.cprtxt{
    width: calc(100% - 532px);
    float: right;
}
.cprtxt a{
    font-size:20px; height:48px; line-height: 48px; color: #d6004d; display: block; overflow: hidden;
}
.cprtxt a:hover{ letter-spacing: 2px;}
.cprtxt p{
    display: block;
    width: 100%; font-size:13px; line-height:30px;
    height:330px; overflow: hidden;
}
.cprtxt p span{
    text-wrap: wrap !important;
}
.cplist{
    width:100%;
    overflow: hidden;
    margin-top:30px;
}
.cplist ul { width:calc(100% + 30px); overflow: hidden;}
.cplist ul li {
    width:calc((100% / 3) - 30px); float: left;
    margin-right:30px;
}
.cplist ul li a{
    width:calc(100% - 4px); border:2px solid #2a778c; display: block; overflow: hidden; position: relative; padding-top: 75%;
}
.cplist ul li a:hover{
    border:2px solid #d6004d;
}
.cplist ul li a img{
    width:100%;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;
    position: absolute; left: 0; top:0;height:100%;
}
.cplist ul li a:hover img{
    transform: scale(1.1);
}
.cplist ul li a span{
    display: block;
    position: absolute;
    width:100%;
    bottom:0;
    height:45px;
    line-height:45px;
    opacity: 0.8;
    text-align: center;
    font-size:13px;
    color: #fff;
    z-index:1px;
    background: #2a778c;
    transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;
}
.cplist ul li a:hover span{
    background:#d6004d;
}
/*--------关于我们--------*/
#gywm{
    width:100%;
    margin-top:60px;
    padding-bottom:60px;
    background: url(/ys/img/gsbg.jpg) center no-repeat;
    overflow: hidden;
}
.wmtop{
    width:100%;
    margin-top:60px;
}
.wmtop p img{
    margin: 0 auto;
}
.wmnr{
    max-width: 1440px;
    margin:30px auto 0;
    overflow: hidden;
}
.wmleft{
    width: calc(100% - 530px); float: left;
}
.wmleft h3{
    font-size:36px;
    font-family: "Impact";
    font-weight: 100;
    color: #333;
    margin-top:20px;
}
.wmleft span{
    font-size:16px;
    color: #8e8e8e;
    margin-top:10px;
}
.wmlefttxt{ height:390px; overflow: hidden; }
.wmleft p{
    font-size:14px;
    line-height:36px;
    margin-top:30px;
}
.wmleft strong{
    width:265px;
    height: 60px;
    float: right;
    margin-top:60px;
}
.wmleft strong a{
    font-family: "Impact";
    width:100%;
    height:60px;
    display: block;
    line-height: 60px;
    background: #d6004d;
    color:#fff;
    font-size: 24px;
    text-align: center;
    font-weight: 100;
}
.wmleft strong a:hover{
    background:#2a778c;
}
.wmright{
    width:500px;
    float: right;
}
.wmright img{
    border:10px solid #fff;
    width: calc(100% - 20px);
}
.wmbt{
    max-width:1440px;
    margin:30px auto 0 ;
}
.wmbt ul{
    width:calc(100% + 20px);
    overflow: hidden;
}
.wmbt ul li {
    float: left;
    margin-right:20px;
    width:calc((100% / 4 ) - 20px);
}
.wmbt ul li img{ width:calc(100% - 10px); border:5px solid #fff;}
.wmbt ul li span{
    height:30px;
    display: block;
    text-align: center;
    font-size:18px;
    line-height:30px;
}
/*---------新闻中心--------*/
#news{
    max-width:1440px; margin:60px auto 0;
}
.xwtop{
    width:100%;
}
.xwtop p img{ display: block; margin: 0 auto;}
.nelist{
    width:100%;
    margin-top:60px;
}
.nelist ul{
    width:100%; text-align: center;
}
.nelist ul li{
    width:170px; height: 50px; display: inline-block; text-align:center;padding:0 20px;
}
.nelist li a{
    display: block;
    padding-left:40px;
    width:calc(100% - 40px);
    height:50px;
    line-height:50px;
    font-size:14px;
}
.nelist li a:hover{ color: #fff;}
.nelist li:nth-child(1) a{
    background:url(/ys/img/gsxwl.png) #f1f1f1 25px center no-repeat;
}
.nelist li:nth-child(2) a{
    background:url(/ys/img/xyxwl.png) #f1f1f1 25px center no-repeat;
}
.nelist li:nth-child(3) a{
    background:url(/ys/img/cjwtl.png) #f1f1f1 25px center no-repeat;
}
.nelist li:nth-child(1) a:hover{
    background:url(/ys/img/gsxwb.png) #2a778c 25px center no-repeat;
}
.nelist li:nth-child(2) a:hover{
    background:url(/ys/img/hyxwb.png) #2a778c 25px center no-repeat;
}
.nelist li:nth-child(3) a:hover{
    background:url(/ys/img/cjwtb.png) #2a778c 25px center no-repeat;
}

.xwlist{ max-width: 1440px; margin:0 auto; overflow: hidden; margin-top:30px;}
.xwl{
    width: 650px;
    float: left;
    overflow: hidden;
}
.xwl a{ width: 100%; overflow: hidden;}
.xwl p{ width:100%; padding-top:66%; overflow: hidden; position: relative; }
.xwl h3{ margin-top:20px; font-size:20px; line-height: 36px; width: 100%; color: #2a778c;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;  }
.xwl p img{ width: 100%;
    transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease; height:100%; position: absolute; left:0; top:0;
}
.xwl a:hover h3{ color: #d6004d;}
.xwl a:hover img{transform: scale(1.2);}
.xwl span{ display: block; width: 100%; height:48px; line-height:48px; color: #8c8c8c; font-size:14px;}
.xwl strong{ display: block; width: 100%; height: 72px; line-height: 24px;color: #8c8c8c; font-size:14px; font-weight: 100;}
.xwr{ width: 760px; float: right; overflow: hidden;}
.xwr ul{ width: 100%; overflow: hidden; margin-top:-15px;}
.xwr ul li{ padding:15px 0; border-bottom:1px solid #f0f0f0;}
.xwr ul li a{ display: block; overflow: hidden;}
.xwrtxt{ width:225px; float: left;}
.xwrtxt p{ width:225px; padding-top:66%; display: block; overflow: hidden; position: relative;}
.xwrtxt p img{ width:100%; display: block;
    transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease; height:100%; position: absolute; left:0; top:0;
}
.xwr a:hover img{transform: scale(1.2);}
.xwrl{
    width:calc(100% - 245px);
    float: right;
}
.xwrl h3{
    transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;
    font-size:16px;
    color: #2a778c;
    height:24px;
    overflow: hidden;
}
.xwr a:hover h3{
    color: #d6004d;
}
.xwrl span{ display: block; width: 100%; height:48px; line-height:48px; color: #8c8c8c; font-size:14px;}
.xwrl strong{ display: block; width: 100%; height: 72px; line-height: 24px;color: #8c8c8c; font-size:14px; font-weight: 100;}

@media screen and (max-width:1460px){
   #cp{ max-width: 1360px;}
   .cprtxt a{
     font-size:24px;
   }
   .wmnr{ max-width:1360px;}
   .wmbt{ max-width:1360px;}
   .xwlist{ max-width:1360px;}
   .xwr{ width:calc(100% - 680px)}
}
@media screen and (max-width:1360px){
    #cp{ max-width: 1200px;}
    .cpl{
        height:auto;
    }
    .cpl ul li a{font-size:16px; }
    .cpl ul li a i{ font-size:18px;}
    .cpl ul li{ height:46px; line-height: 46px;}
    .cprtop{ padding:15px; width:calc(100% - 30px);}
    .cprimg{ width:400px;}
    .cprtxt{ width:calc(100% - 432px)}
    .cprtxt a{
      font-size:20px;
    }
    .cprtxt p{
        font-size: 14px;
        line-height:26px;
    }
    .wmnr{ max-width:1200px;}
    .wmbt{ max-width:1200px;}
    .xwlist{ max-width:1200px;}
    .xwl{width:550px;}
    .xwr{ width:calc(100% - 580px)}
    
}
@media screen and (max-width:1200px){
    #cp{width: 95%;}
    .cpl{
        width:100%;
        float: none;
        background:none;
    }
    .cpl p{ display: none;}
    .cpl b{ display: block; width: 100%; padding-bottom:20px; }
    .cpl b img{ margin: 0 auto;}
    .cpl ul{
        width:calc(100% + 10px);
    }
    .cpl ul li {
        width:calc((100% / 4) - 10px);
        margin-right:10px;
        margin-top:10px;
        float: left;
        border-bottom: none;
    }
    .cpl ul li a{
        font-size:14px;
        padding:0;
        text-align: center;
    }
    .cpl ul li a i{
        display: none;
    }
    .cpr{
        width:100%;float: none; margin-top:30px;
    }
    .cprtop {
        padding: 10px;
        width: calc(100% - 20px);
    }
    .cprimg{
        width:45%;
    }
    .cprtxt{
        width:calc(55% - 22px);
    }
    #gywm{
        width:100%;
        margin:30px auto 0;
        background: #f1f1f1;
    }
        .xwr{ margin-top:30px}
    .wmtop{ margin-top:30px;}
    .wmright{display: none;}
    .wmleft{ width: 95%; margin:0 auto; float: none;}
    .wmleft h3{ text-align: center; margin:auto;}
    .wmleft span{ display: block; text-align: center;}
    .wmleft p{ margin-top:20px ;}
    .wmleft strong{ float: none; margin:10px auto 0;}
    .wmbt{
        width:95%;
    }
    .xwr{ margin-top:30px}
    .xwrl h3{ font-size:16px;}
    .xwlist{
        width:95%;
    }
    .xwrl strong{ height: 48px;}
    .xwl{
        width:100%;
        float: none;
    }
    .xwr{
        width:100%;
        float: none;
    }
    
}
@media screen and (max-width:800px){
    .cpl b,.wmtop p,.xwtop p{
        width: 40%;
        margin: 0 auto;
    }
    .cpl b img,.wmtop p img,.xwtop p img{
        width:100%;
    }
    #gywm{
        padding-bottom:30px;
    }
    .cprtxt a{font-size: 16px; height:30px; line-height:30px;}
    .cplist ul li a span{ font-size:14px;}
    .wmbt ul li{ width:calc(50% - 20px); overflow: hidden;}
    .wmbt ul li p{ width:calc(100% - 10px); padding-top: 70%; overflow: hidden; border:5px solid #fff; position: relative; }
    .wmbt ul li p img{ border: none; width: 100%; height: 100%; position: absolute; left:0; top:0;}
}

@media screen and (max-width:580px){
.slideBox .bd{
        width:130%;
    }
    .cpl b,.wmtop p,.xwtop p{
        width: 50%;
        margin: 0 auto;
    }
    .cpl b img,.wmtop p img,.xwtop p img{
        width:100%;
    }
    .xwrl strong{ display: none;}
    .xwrl h3{ font-size:16px; overflow: auto;height: auto;}
    .wmleft strong a{ font-size:16px;}
    .wmbt ul li span{ font-size:14px;}
    .xwl strong{font-weight:400; color:#444;}
    .xwrtxt{ width:180px;}
    .xwrtxt p {width:180px;}
    .xwrl{ width:calc(100% - 200px);}
    .nelist li a{width:calc(100% - 30px);
    padding-left:30px;
    }
    
    .cpl ul li{ width: calc((100% / 2) - 10px);}
    .cprtxt p{ height:104px; overflow: hidden; }
    .cplist ul{ width: calc(100% + 15px);}
    .cplist ul li{ width: calc((100% / 2 ) - 15px); margin-right:15px; margin-bottom:15px;}
    .cplist ul li:nth-child(3){ display: none;}
    .cplist ul li a span{ height: 30px;line-height: 30px;}
    .nelist{width: 95%; margin:30px auto 0;}
    .nelist ul { width: calc(100% + 15px);}
    .nelist ul li { width: calc((100% / 3) - 15px); float: left; padding:0; margin-right:15px; margin-bottom:15px;}
    .nelist li a{ font-size:14px;}
    .wmleft h3{ font-size:20px;}
    .wmleft span{ font-size:12px;}
    .xwrl span{ display:none;
    }
    
    
    .nelist li:nth-child(1) a{
        background:url(/ys/img/gsxwl.png) #f1f1f1 10px center no-repeat;
    }
    .nelist li:nth-child(2) a{
        background:url(/ys/img/xyxwl.png) #f1f1f1 10px center no-repeat;
    }
    .nelist li:nth-child(3) a{
        background:url(/ys/img/cjwtl.png) #f1f1f1 10px center no-repeat;
    }

}