a,img{



    transition: all ease-out .5s;



}



/*tupian*/



.index-img {



    overflow: hidden;



    position: relative;



}







.index-img:before {



    position: absolute;



    transition: 0.3s;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: rgba(255, 255, 255, 0.2);



    content: '';



    -webkit-transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);



    transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);



}







.index-img:hover:before {



    -webkit-transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);



    transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);



}



.imgh img{



    display: block;



    width: 100%;



    height: 100%;



}



.imgh:hover img{



    transform: scale(1.1);



}











/*按钮*/



.mm{



    transition: .5s;



}



.mm:hover{



    transform: translateY(-5px);



}



.mm:before{



    pointer-events: none;



    position: absolute;



    z-index: -1;



    content: '';



    top: 100%;



    left: 5%;



    height: 10px;



    width: 90%;



    opacity: 0;



    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);



    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);



    /* W3C */



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform, opacity;



    transition-property: transform, opacity;



}



.mm:hover:before{



    opacity: 1;



}



a,img{



    transition: all ease-out .5s;



}



.one {



    position: relative;



    overflow: hidden;



    -webkit-transition: all 0.5s;



    -moz-transition: all 0.5s;



    -o-transition: all 0.5s;



    transition: all 0.5s;



    z-index: 0;



}







.one:before {



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    -webkit-transition: all 0.5s;



    -moz-transition: all 0.5s;



    -o-transition: all 0.5s;



    transition: all 0.5s;



    opacity: 1;



    -webkit-transform: translate(-105%, 0);



    transform: translate(-105%, 0);



    border-right-width: 1px;



    border-right-style: solid;



    border-right-color: rgba(255, 255, 255, 1);



    background-color: rgba(255, 255, 255, 0.25);



    z-index: -1;



}







.one:hover:before {



    opacity: 0;



    -webkit-transform: translate(0, 0);



    transform: translate(0, 0);



}



/*首页banner*/



.banner-box{



    width: 100%;



    max-height: 830px;



    overflow: hidden;



}



.pics_wrap {



    width: 100%;



    height: auto;



    overflow: hidden;



    z-index: -1;



}







.html5zoo-img-0 img {



    width: 100%;



}







.html5zoo-arrow-left-0 {



    left: 10% !important;



}







.html5zoo-arrow-right-0 {



    right: 10% !important;



}







.html5zoo-bullet-wrapper-0 div {



    margin: 0 4px !important;



}







.html5zoo-nav-0 {



    margin-top: -35px !important;



    left: 48% !important;



}







.html5zoo-bullet-wrapper-0 {



    width: 100% !important;



}







.banner {



    width: 1000px;



    margin: 0 auto;



    position: relative;



    height: 325px;



    margin-top: 8px;



}



.html5zoo-timer-0{



    background: transparent !important;



}







.banner ul.bb {



    position: relative;



    padding: 0px;



    margin: 0px;



    z-index: 5;



}







.banner ul.bb li {



    position: absolute;



    display: none;



}







.banner .num {



    position: absolute;



    right: 2px;



    bottom: 10px;



    z-index: 100;



}







.banner .num li {



    width: 18px;



    height: 18px;



    display: inline-block;



    margin-right: 4px;



    background: #fff;



    line-height: 18px;



    text-indent: -100px;



    overflow: hidden;



    border-radius: 10px;



}







.banner .num li.num_hover {



    background-color: #f7de07;



}







.banner .num li.num_hover a {



    color: #fff;



}







.banner .num li a {



    float: left;



    display: block;



    text-align: center;



    color: #666;



    text-decoration: none;



    cursor: pointer;



    width: 18px;



    height: 18px;



    line-height: 18px;



}







#bannerArrow, #bannerCircle {



    display: none



}







/*幻灯片样式2*/



#focus {



    width: 255px;



    height: 188px;



    overflow: hidden;



    position: relative;



}







#focus ul {



    height: 188px;



    position: absolute;



}







#focus ul li {



    float: left;



    width: 255px;



    height: 188px;



    overflow: hidden;



    position: relative;



    background: #000;



}







#focus ul li a img {



    height: 188px;



    width: 255px;



}







#focus ul li div {



    position: absolute;



    overflow: hidden;



}







#focus .btnBg {



    position: absolute;



    width: 255px;



    height: 20px;



    left: 0;



    bottom: 0;



    background: #000;



}







#focus .btn {



    position: absolute;



    width: 255px;



    height: 10px;



    padding: 5px 10px;



    right: 0;



    bottom: 0;



    text-align: right;



}







#focus .btn span {



    display: inline-block;



    _display: inline;



    _zoom: 1;



    width: 25px;



    height: 10px;



    _font-size: 0;



    margin-left: 5px;



    cursor: pointer;



    background: #fff;



}







#focus .btn span.on {



    background: #fff;



}











/*m_banner*/



.m_banner {



    width: 100%;



    margin: 0 auto;



    overflow: hidden;



    position: relative;



    display: none;



}







.m_banner .swiper-container {



    width: 100%;



    height: 100%;



}







.m_banner .swiper-container .swiper-slide {



    text-align: center;



    display: -webkit-box;



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-align: center;



    -ms-flex-align: center;



    -webkit-align-items: center;



    align-items: center;



}







.m_banner .swiper-container .swiper-slide a,



.m_banner .swiper-container .swiper-slide a img {



    width: 100%;



    height: 100%;



    display: block;



}







.m_banner .swiper-pagination-bullet {



    width: 8px;



    height: 8px;



    display: inline-block;



    border-radius: 50%;



    background: #fff;



    opacity: 0.5;



}







.m_banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {



    bottom: 10px;



}







.m_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {



    margin: 0 10px;



}







.m_banner .swiper-pagination-bullet-active {



    opacity: 1;



    width: 8px;



    background: #325dcd;



}







.tempWrap {



    width: 100% !important;



}







@media (max-width: 952px) {



    .banner-box {



        display: none;



    }



    .m_banner {



        display: block;



    }



}







.titles{



    line-height: 1;



    text-align: center;



}







.titles h6{



    font-size: .36rem;



    color: #2c2c2c;



}



.titles h6 span{



    color: #325dcd;



}



.titles i{



    display: block;



    font-family: ArialMT;



    font-size: .14rem;



    color: #bdbdbd;



    margin: .16rem 0 .2rem;



}



.titles p{



    color: #999999;



    font-size: .18rem;



}















/*duct-box*/



.duct-box{



    margin-top: .51rem;



}







.duct-nav{



    text-align: center;



    box-sizing: border-box;



    margin: .61rem 0 .41rem;



}



.duct-nav li:last-child{



    border-right: .01rem solid #d9d9d9;



}



.duct-nav li{



    float: left;



    line-height: .63rem;



    border-left:.01rem solid #d9d9d9;



    border-top:.01rem solid #d9d9d9;



    border-bottom:.01rem solid #d9d9d9;



    box-sizing: border-box;



    position: relative;



    z-index: 0;



    transition: all ease-out .5s;



    width: 8.09%;



    margin-bottom: .2rem;



}



.duct-nav li:before{



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    width: 0;



    height: 100%;



    z-index: -1;



    background: #325dcd;



    transition: all ease-out .5s;



}



.duct-nav li:hover:before{



    width: 100%;



}



.duct-nav li a{



    display: block;



    font-size: .14rem;



    color: #333;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



}



.duct-nav li:hover a{



    color: #fff;



}







.duct{



    background-color: #eeeeee;



    padding: .2rem 0;



}







.duct li{



    width: 19.63%;



    background-color: #ffffff;



    float: left;



    transition: all ease-out .5s;



    margin-left: .46%;



    padding-bottom: .4rem;



}



.duct li:hover{



    transform: translateY(-.05rem);



    box-shadow: 0 0 .1rem 0 rgba(0,0,0,.2);



}



.duct li:first-child{



    margin-left: 0;



}



.duct li .pic{



    position: relative;



    overflow: hidden;



    padding: 54.5% 0;



}







.duct li .pic a{



    display: block;



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



}



.duct li .pic a img{



    display: block;



    max-height: 100%;



    max-width: 100%;



    left: 0;



    top: 0;



    right: 0;



    bottom: 0;



    margin: auto;



    position: absolute;



}



.duct li:hover .pic a img{



    transform: scale(1.02);



}







.duct li .duct-name{



    display: block;



    line-height: 1;



    box-sizing: border-box;



    padding: 0 .2rem;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    color: #333333;



    font-family: ArialMT;



    font-size: .17rem;



    margin-bottom: .33rem;



    text-align: center;



}



.duct li .duct-nn{



    display: block;



    width: 55%;



    line-height: .4rem;



    margin: 0 auto;



}



.duct li .duct-nn .duct-more{



    display: block;



    text-align: center;



    width: 1.35rem;



    height: .4rem;



    border-radius: .2rem;



    border: solid .01rem #c1c1c1;



    box-sizing: border-box;



    font-family: ArialMT;



    font-size: .14rem;



    color: #c1c1c1;



    float: left;



}







.duct li:hover .duct-nn .duct-more{



    background: #325dcd;



    border-color: #325dcd;



    color: #fff;



}







.duct li .duct-nn .duct-ke{



    display: block;



    background: url("../images/d-ke.png") no-repeat center;



    width: .4rem;



    height: .4rem;



    background-size: 100% 100%;



    float: right;



}



.duct li:hover .duct-nn .duct-ke{



    background: url("../images/d-ke2.png") no-repeat center;



}







@media (max-width: 1740px) {



    .duct li .duct-nn .duct-more{



        float: none;



        margin: 0 auto;



    }







    .duct li .duct-nn .duct-ke{



        float: none;



        margin: .2rem auto 0;



    }



}







@media (max-width: 1395px) {



    .duct-nav li{



        width: 16.667%;



    }



}







@media (max-width: 695px) {



    .between,



    .between-1{



        width: 98%;



    }



    .duct-nav li {



        width: 32%;



        border: .01rem solid #d9d9d9;



        margin: .02rem;



    }



    .duct li{



        width: 47%;



        margin: 0 1.3% .15rem;



    }



    .duct li:first-child{



        margin-left: 1.3%;



    }



}







/*ys*/



.ys-box{



    background: url("../images/ys-bg.jpg") no-repeat center;



    height: 8.92rem;



    background-size: 100% 100%;



    padding-top: .98rem;



    box-sizing: border-box;



}







.ys{



    margin-top: .73rem;



}



.ys li{



    box-sizing: border-box;



    line-height: 1;



    transition: all ease-out .5s;



    margin-bottom: .4rem;



}



.ys li .ys-pad{



    margin: 0 auto;



    width: 95%;



    background-color: #e2e2e2;



    padding: .49rem .38rem .39rem .44rem;



    height: 2.4rem;



    overflow: hidden;



    transition: all ease-out .5s;



    display: flex;

}



.ys li:hover .ys-pad{



    background-color: #325dcd;



    transform: translateY(-.05rem);



    box-shadow: 0 0 .1rem 0 rgba(0,0,0,.2);



}



.ys li .ys-icon{



    border-radius: 50%;



    width: 1.25rem;



    height: 1.25rem;



    position: relative;



    z-index: 0;



}



.ys li .ys-icon i{



    display: block;



    width: 100%;



    height: 100%;



    background: #fff;



    border-radius: 50%;



    overflow: hidden;



    position: relative;



}



.ys li .ys-icon i img{



    display: block;



    position: absolute;



    max-width: 100%;



    max-height: 100%;



    left: 0;



    right: 0;



    bottom:0;



    top: 0;



    margin: auto;



}







.ys li .ys-icon:before{



    content: '';



    position: absolute;



    top: .49rem;



    left: .19rem;



    background: url("../images/ys-y1.png") no-repeat center;



    background-size: 100% 100%;



    width: 1.44rem;



    height: 1.27rem;



    transition: all ease-out .5s;



    z-index: -1;



}



.ys li:hover .ys-icon:before{



    background: url("../images/ys-y2.png") no-repeat center;



}







.ys li .ys-text{



    /*! width: 65%; */



    flex: 1;

    padding-left: 10%;

}



.ys li .ys-text h6{



    font-size: .18rem;



    color: #333333;



    transition: all ease-out .5s;



}







.ys li .ys-text p{



    font-size: .14rem;



    line-height: .24rem;



    color: #838383;



    transition: all ease-out .5s;



    margin: .2rem 0 .3rem;



    height: .72rem;



    overflow: hidden;



}







.ys li .ys-text span{



    display: block;



    color: #333333;



    font-size: .3rem;



    transition: all ease-out .5s;



}







.ys li:hover .ys-text h6,



.ys li:hover .ys-text p,



.ys li:hover .ys-text span{



    color: #fff;



}











@media (max-width: 695px) {



    .ys-box{



        background: url(../images/ys-bg.jpg);



        height: auto;



    }



}







/*case-box*/



.case-box{



    background: url("../images/case-bg.jpg") no-repeat center;



    height: 7.08rem;



    background-size: 100% 100%;



    padding-top: .79rem;



    box-sizing: border-box;



}







.case{



    margin-top: .82rem;



    box-sizing: border-box;



    border-top: .01rem solid #e3e3e3;



    border-bottom: .01rem solid #e3e3e3;



    height: 2.38rem;



}



.case-lun{



    /*width: 98% !important;*/



    margin: 0 auto;



}



.case-lun1{



    display: block;



}



.case-lun2{



    display: none;



}



.case-lun li.swiper-slide:last-child{



    border-right: .01rem solid #e3e3e3;



}



.case-lun li.swiper-slide{



    height: 2.38rem;



    border-left: .01rem solid #dfdfdf;



    width: 16%;



    position: relative;



    overflow: hidden;



    transition: all ease-out .5s;



    text-align: center;



    line-height: 1;



}







.case-lun li.swiper-slide .case-img{



    display: block;



    width: 100%;



    height: 1.39rem;



    position: relative;



    overflow: hidden;



}



.case-lun li.swiper-slide a img{



    display: block;



    max-height: 100%;



    max-width: 100%;



    left: 0;



    top: 0;



    right: 0;



    bottom: 0;



    margin: auto;



}



.case-lun li.swiper-slide:hover .case-img img{



    transform: scale(1.02);



}







.case-lun li.swiper-slide.filter {



    filter: grayscale(100%);



}



.case-lun li.swiper-slide.filter:hover {



    filter: grayscale(0%);



}







.case-lun li.swiper-slide .case-name{



    display: block;



    width: 100%;



    box-sizing: border-box;



    padding: 0 .2rem;



    font-size: .16rem;



    color: #325dcd;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.case-lun li.swiper-slide .case-more{



    display: block;



    margin: .27rem auto 0;



    width: 1.45rem;



    height: .37rem;



    border-radius: .18rem;



    border: solid .01rem #325dcd;



    font-size: .14rem;



    color: #325dcd;



    line-height: .37rem;



}



.case-lun li.swiper-slide:hover .case-more{



    background: #325dcd;



    color: #fff;



}











@media (max-width: 695px) {



    .case-lun2{



        display: block;



    }



    .case-lun1{



        display: none;



    }



}











/*about-box*/



.about-box{



    background: url("../images/about-bg.jpg") no-repeat center;



    height: 8.05rem;



    box-sizing: border-box;



    background-size: 100% 100%;



    padding-top: .69rem;



}







.about-box .titles h6,



.about-box .titles i,



.about-box .titles p{



    color: #fff;



}







.about{



    background: #325dcd;



    height: 4.5rem;



    margin-top: .84rem;



}



.about-video{



    width: 42.12%;



    float: left;



    height: 100%;



    overflow: hidden;



}



.about-video img{



    display: block;



    width: 100%;



    height: 100%;



}







.about-text{



    padding-top: .51rem;



    line-height: 1;



    margin-right: 1.28rem;



    width: 46%;



    float: right;



    color: #fff;



}







.about-text h6{



    font-size: .3rem;



}



.about-text p{



    overflow: hidden;



    font-size: .14rem;



    line-height: .3rem;



    height: 1.2rem;



    margin-top: .4rem;



}











.about-list{



    width: 100%;



    height: 1rem;



    border: solid .01rem #406ad7;



    margin-top: .5rem;



}







.about-list li:first-child{



    border: none;



}



.about-list li{



    float: left;



    border-left: .01rem solid #406ad7;



    transition: all ease-out .5s;



    width: 33.33%;



    line-height: 1;



    height: 1rem;



    padding-left: 1.15rem;



    box-sizing: border-box;



}



.about-list li a{



    display: block;



    width: 100%;



    height: 100%;



}



.about-list li span{



    display: block;



    margin: .31rem 0 .06rem;



    color: #fff;



    font-size: .16rem;



    transition: all ease-out .5s;



}



.about-list li i{



    display: block;



    color: #fff;



    font-size: .14rem;



    transition: all ease-out .5s;



}



.about-list li:hover span,



.about-list li:hover i{



    color: #325dcd;



}



.about-list li:nth-child(1){



    background: url("../images/a1.png") no-repeat .45rem center;



    background-size: .49rem;



}



.about-list li:nth-child(1):hover{



    background: url("../images/a11.png") no-repeat .45rem center #fff;



}



.about-list li:nth-child(2){



    background: url("../images/a2.png") no-repeat .45rem center;



    background-size: .51rem .42rem;



}



.about-list li:nth-child(2):hover{



    background: url("../images/a22.png") no-repeat .45rem center #fff;



}



.about-list li:nth-child(3){



    background: url("../images/a3.png") no-repeat .54rem center;



    background-size: .63rem .37rem;



    padding-left: 1.29rem;



}



.about-list li:nth-child(3):hover{



    background: url("../images/a33.png") no-repeat .54rem center #fff;



}











@media (max-width: 695px) {



    .about-box{



        height: auto;



        background: url(../images/about-bg.jpg);



    }



    .about-video{



        width: 100%;



        margin: 0 auto;



        float: none;



    }



    .about-text{



        float: none;



        width: 100%;



    }



    .about-text h6,



    .about-text p{



        text-align: center;



    }



    .about{



        height: auto;



        background: transparent;



        padding-bottom: .4rem;



    }



    .about-list{



        display: none;



    }



}











/*form-box*/



.form-box{



    background-color: #f0f0f0;



    padding: .55rem 0 .87rem;



}



.form{



    margin-top: .83rem;



    width: 100%;



}



.webq_bottom_r {



    width: 100%;



    position: relative;



}







.webq_bottom_r3 {



    height: auto;



    float: left;



    width: 66.2%;



}







.webq_bottom_r3_1 {



    float: left;



    width: 48.3%;



    height: .6rem;



    line-height: .6rem;



    position: relative;



    background: #fff;



    box-sizing: border-box;



    font-size: .14rem;



}







.webq_bottom_ml {



    margin-left: 3.4%;



}







.webq_bottom_r1 {



    height: .6rem;



    position: relative;



    background: #fff;



    box-sizing: border-box;



    float: left;



    width: 32%;



    margin-left: 1.8%;



    font-size: .14rem;



}







.webq_bd_1 {



    width: 100%;



    height: 100%;



    border: 0;



    background: none;



    line-height: .22rem;



    color: #999;



    padding: .2rem .1rem .05rem .53rem;



    box-sizing: border-box;



    display: block;



}







.webq_bd_2 {



    width: 100%;



    height: 100%;



    line-height: 42px;



    border: 0;



    background: none;



    color: #999;



    box-sizing: border-box;



    padding: 0 10px 0 55px;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



    display: block;



}







.webq_bd_go {



    border: 0;



    cursor: pointer;



    color: #fff;



    line-height: .6rem;



    text-align: center;



    font-size: .14rem;



    width: 66.2%;



    height: .6rem;



    background-color: #325dcd;



    outline: none;



    margin-top: .4rem;



    float: right;



}











.ly_d1 {



    width: .53rem;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0px;



    background: url(../images/ly_d1.png) no-repeat center;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



}







.ly_d2 {



    width: .53rem;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    background: url(../images/ly_d2.png) no-repeat center;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



}



.ly_d3 {



    width: .53rem;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    background: url(../images/ly_d3.png) no-repeat center;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



}







.ly_d4 {



    width: .53rem;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    background: url(../images/ly_d4.png) no-repeat center;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



}







.webq_yan{



    margin-top: .4rem;



    float: left;



    position: relative;



    width: 32%;



    background: #fff;



    height: .6rem;



}



.webq_yan input{



    width: 80%;



    height: 100%;



    box-sizing: border-box;



    padding-left: .53rem;



    font-size: .14rem;



    color: #999;



    float: left;



    background: none;



    position: relative;



}



.webq_yan .web_yanimg{



    width: 20%;



    height: 100%;



    overflow: hidden;



    float: right;



}



.webq_yan .web_yanimg img{



    display: block;



    width: 100%;



    height: 100%;



}















.webq_bottom_r input::-webkit-input-placeholder {



    color: #999;



}







.webq_bottom_r input::-moz-placeholder {



    color: #999;



}







.webq_bottom_r input:-moz-placeholder {



    color: #999;



}







.webq_bottom_r input:-ms-input-placeholder {



    color: #999;



}







.webq_bottom_r textarea::-webkit-input-placeholder {



    color: #999;



}







.webq_bottom_r textarea::-moz-placeholder {



    color: #999;



}







.webq_bottom_r textarea:-moz-placeholder {



    color: #999;



}







.webq_bottom_r textarea:-ms-input-placeholder {



    color: #999;



}







@media (max-width: 695px) {



    .webq_bottom_r3{



        width: 100%;



    }



    .webq_bottom_r3_1{



        width: 100%;



    }



    .webq_bottom_ml{



        margin-left: 0;



        margin-top: .4rem;



    }



    .webq_bottom_r1{



        width: 100%;



        margin-left: 0;



        margin-top: .4rem;



    }



    .webq_yan{



        width: 100%;



    }



    .webq_bd_go{



        width: 100%;



    }



}







/*new-box*/



.new-box{



    margin: .71rem 0 .94rem;



}







.new-nav{



    margin: .48rem 0 .65rem;



    text-align: center;



}







.new-nav li{



    display: inline-block;



    margin: 0 -.05rem;



    height: .48rem;



    line-height: .48rem;



    border: solid .01rem #d1d1d1;



    box-sizing: border-box;



    transition: all ease-out .5s;



    width: 2.25rem;



}







.new-nav li a{



    display: block;



    font-size: .16rem;



    color: #343434;



}



.new-nav li.on a{



    color: #fff;



}



.new-nav li.on{



    background: #325dcd;



    border-color: #325dcd;



}







.new li{



    padding: 0;



    line-height: 1;



}



.new li .new-pad{



    margin: 0 auto;



    width: 93.8%;



}







.new li .pic{



    position: relative;



    overflow: hidden;



    padding: 38.1% 0;



}











.new li .pic .new-img{



    display: block;



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



}



.new li .pic .new-img img{



    display: block;



    width: 100%;



    height: 100%;



}



.new li:hover .pic .new-img img{



    transform: scale(1.02);



}







.new li .new-name{



    display: block;



    font-size: .16rem;



    color: #333333;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    margin: .4rem 0 .2rem;



}



.new li:hover .new-name{



    transform: translateY(-3px);



    color: #325dcd;



}



.new li p{



    display: block;



    overflow: hidden;



    font-size: .13rem;



    line-height: .3rem;



    color: #898989;



    height: .6rem;



    transition: all ease-out .6s;



}



.new li:hover p,



.new li:hover .new-nn{



    transform: translateY(-3px);



}



.new li .new-nn{



    display: block;



    margin-top: .25rem;



    border-top: .01rem solid #efefef;



    padding-top: .22rem;



    transition: all ease-out .7s;



    position: relative;



}



.new li .new-nn:before{



    content: '';



    width: 0;



    height: 1px;



    background: #325dcd;



    transition: all ease-out .5s;



    position: absolute;



    top: 0;



    left: 0;



}



.new li:hover .new-nn:before{



    width: 100%;



}



.new li .new-nn span{



    display: block;



    color: #333;



    font-family: ArialMT;



    font-size: .3rem;



}







.new li .new-nn span i{



    font-family: ArialMT;



    font-size: .14rem;



    color: #ccc;



}



.new li .new-nn a{



    display: block;



    font-size: .14rem;



    color: #cccccc;



    margin-top: .1rem;



}



.new li:hover .new-nn a{



    color: #325dcd;



}











.nhBox {



    width: 100%;



    position: relative;



    margin-top: .85rem;



}



.nhBox h6{



    font-size: .24rem;



    color: #333333;



    margin-bottom: .32rem;



}



.nhBox h6 i{



    font-family: ArialMT;



    font-size: .14rem;



    color: #ccc;



}







.nh-ul .tempWrap {



    width: 100% !important;



}







.nh-ul li{



    height: 1.24rem;



    overflow: hidden;



    border: solid .01rem #efefef;



    box-sizing: border-box;



    padding: .13rem .34rem 0 .3rem;



}







.nh-ul li a{



    width: 100%;



    display: block;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: .14rem;



    color: #282828;



    margin-bottom: .18rem;



    transition: .6s;



    background: url("../images/wen.png") no-repeat 0 center;



    padding-left: .49rem;



    background-size: .3rem;



    height: .3rem;



    line-height: .3rem;



}



.nh-ul li:hover a{



    color: #325dcd;



    transform: translate(3px);



}



.nh-ul li p{



    width: 100%;



    background: url("../images/da.png") no-repeat 0 0;



    padding-left: .49rem;



    font-size: .14rem;



    line-height: .24rem;



    color: #8e8e8e;



    overflow: hidden;



    height: .48rem;



}



@media(max-width:1440px){



    .ys li .ys-icon::before{



        background: none;



    }







    .ys li:hover .ys-icon::before {



        background: none;



    }







    .ys li .ys-pad{



        padding:.49rem .05rem .39rem .05rem;



    }



}







@media (max-width: 695px){



    .new li{



        margin-bottom: .2rem;



    }



    .nhBox{



        display: none;



    }



}