@charset "utf-8";



.title3{font-size: 26px; color: #1e191a;margin-bottom: 30px;}

.yfy-p1 p{font-size: 16px; color: #1e191a;}

.main-banner{width: 100%;min-height:580px;}

.main-banner-con{width: 1200px; margin: 0 auto; padding-top: 100px;padding-bottom: 100px; position: relative;}

.main-banner-con h4{margin-top: 60px;overflow: hidden; display: flex;align-items: center;}

.main-banner-con h4 img{display: inline-block; float: left;}

.main-logo-txt{display: inline-block;padding-top: 10px;margin-left: 10px;}

.main-banner-con p{width: 550px;font-family: "Microsoft YaHei"; font-size: 16px;color: #2a2929; line-height: 30px; margin: 40px 0 35px;height: 150px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.main-btn{width: 100%; overflow: hidden;}

.btn2{display: inline-block;position: relative;cursor: pointer;opacity: 1; background: #e60012;padding: 5px 40px 0 60px;

     height: 54px;box-shadow: 0px 5px 8px 0px rgba(225, 10, 32, 0.16);border-radius: 35px; text-align: center; line-height: 54px;color: #fff;

}

 .btn2:after {

        content: "";

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

        height: 20px;

        width: 19px;

        position: absolute;

        top: 18px;

        left: 37px;

    } 

.btn2:hover{opacity: 0.6;}

.btn3{

    display: inline-block; margin-left: 20px;border-radius: 35px; border: 1px solid #e10a20;position: relative;cursor: pointer;padding: 0 40px 0 60px;

    background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 100%);

    background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 100%);

    background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 100%);

    box-shadow: 0px 5px 8px 0px rgba(225, 10, 32, 0.1);height: 52px;line-height: 52px;text-align: center;color: #e10a20;

}

.btn3:after {

    content: "";

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

    height: 20px;

    width: 19px;

    position: absolute;

    top: 19px;

    left: 37px;

} 

.btn3:hover{background: #f5d7d9;}

.yfybg{background: url(../images/banner1.jpg) no-repeat;background-size:100% 100%;}

.main-banner-right{position: absolute; right: 0;top: 100px;}

.yfy-bg{ background: url(../images/ban1.png) no-repeat; width: 585px; height: 500px;}

.pro-bg{ background: url(../images/ban.png) no-repeat center center;width: 489px; height: 375px;margin-top: 50px;}

.pro1-bg{width: 597px; height: 468px;}





.y-banner-img{width: 585px; height: 500px; position: relative;}

.y-banner-img div{position: absolute; left: 0; top: 0;}



.yfy-img{width: 1200px; margin: 60px auto 30px; text-align: center;}

.yfy-img img{max-width: 100%; display: inline-block;}

.yfy-box2 .hmTbox{color: #fff;}

.yfy-p{width: 1100px; margin: 30px auto;line-height: 30px; text-align: center;}

.yfy-box2 .yfy-p{color: #fff;}

.yfy-box{padding: 80px 0;}

.yfy-box1{background: url(../images/y-bg1.jpg) no-repeat;width: 100%; background-size: cover;}

.yfy-box2{background: url(../images/y-bg2.jpg) no-repeat;width: 100%; background-size: cover;}

.yfy-box3{background: url(../images/y-bg3.jpg) no-repeat;width: 100%; background-size: cover;}

.yfy-box4{background: url(../images/y-bg4.jpg) no-repeat;width: 100%; background-size: cover;}

.yfy-box5{background: url(../images/y-bg5.jpg) no-repeat;width: 100%; background-size: 100% 100%;overflow: hidden;}

.yfy-box2-con{width: 1200px; margin: 90px auto;}

.yfy-box2-con ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.yfy-box2-con li{width: 508px;height: 90px;padding: 35px; border-radius: 12px;background: #eeedee;position: relative; margin-bottom: 50px;}

.yfy-box2-con h4{font-size: 18px; color: #333;margin-bottom: 10px;width: 400px;overflow: hidden;height: 32px;text-overflow: ellipsis;font-weight: bold;}

    /* display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;} */

.yfy-box2-con p{color: #6f6f6f; height: 20px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;}

.yfy-box2-icon{position: absolute; right: 0;top: -20px;}

.more5{color: #e20c23;position: relative;display: inline-block; line-height: 20px; opacity: 0; -webkit-transition: -webkit-transform .5s linear;

    transition: transform .5s linear;

}

.more5:after {

    content: "";

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

    height: 8px;

    width: 14px;

    position: absolute;

    top: 6px;

    right: -20px;

} 

.yfy-box2-con li:hover{

    box-shadow: 0px 12px 13px 0px rgba(195, 195, 195, 0.25);

    -webkit-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    transform: translateY(-15px);

    -webkit-transition: -webkit-transform .5s linear;

    transition: transform .5s linear;

}

.yfy-box2-con li:hover h4{color: #e21b24;}

.yfy-box2-con li:hover .more5{opacity: 1;}

.yfy-box3-con{width: 1200px; margin: 50px auto 0; overflow: hidden;}

.yfy-box3-menu{width: 490px; height: 630px; float: left;}

.yfy-box3-cons{width: 710px; min-height: 630px;float: right;}

.yfy-box3-nav{width: 232px; height: 74px;transition: transform .5s linear;}

.yfy-box3-nav.on{

    border-width: 1px;width: 230px;height: 72px; line-height: 72px; border-color: rgb(251, 214, 214);border-radius: 10px;background-color:#fff;box-shadow: 0px 4px 5px 0px rgba(128, 128, 128, 0.08),inset 0px 3px 2px 0px rgba(245, 25, 25, 0.14);  

}



.yfy-box3-nav span{display: inline-block; padding-left: 40px; line-height: 72px;margin-left:35px;font-weight: bold; }  

.yfy-box3-icon1{background: url(../images/box3-icon1.png) no-repeat left center; }

.yfy-box3-icon2{background: url(../images/box3-icon2.png) no-repeat left center; }

.yfy-box3-icon3{background: url(../images/box3-icon3.png) no-repeat left center; }

.yfy-box3-icon4{background: url(../images/box3-icon4.png) no-repeat left center; }

.yfy-box3-icon5{background: url(../images/box3-icon5.png) no-repeat left center; }

.yfy-box3-icon6{background: url(../images/box3-icon6.png) no-repeat left center; }

.yfy-box3-nav.on span{color: #e20c23;}

.yfy-box3-nav.on .yfy-box3-icon1{background: url(../images/box3-icon1-on.png) no-repeat left center; }

.yfy-box3-nav.on .yfy-box3-icon2{background: url(../images/box3-icon2-on.png) no-repeat left center; }

.yfy-box3-nav.on .yfy-box3-icon3{background: url(../images/box3-icon3-on.png) no-repeat left center; }

.yfy-box3-nav.on .yfy-box3-icon4{background: url(../images/box3-icon4-on.png) no-repeat left center; }

.yfy-box3-nav.on .yfy-box3-icon5{background: url(../images/box3-icon5-on.png) no-repeat left center; }

.yfy-box3-nav.on .yfy-box3-icon6{background: url(../images/box3-icon6-on.png) no-repeat left center; }



.yfy-box3-pic{margin-top: 40px;}

.yfy-box3-pic img{width: 100%;}

.yfy-box3-box{display: none;}

.yfy-box3-box.on{display: block;animation: fadeInUp 0.5s ease;}

.yfy-box4-con{width: 1200px;margin: 50px auto; border-radius: 10px;background: #fff;box-shadow: 0px 4px 5px 0px rgba(128, 128, 128, 0.08);}

.yfy-box4-con ul{width: 100%;display: flex; border-radius: 10px;}

.yfy-box4-con .yfy-box4-box1{overflow: hidden; border-radius: 10px 0 0 0;}

.yfy-box4-box{width: 400px;height: 205px;}

.yfy-box4-box h4{background: url(../images/box4-bg.png) no-repeat; height: 60px;padding-left: 40px; line-height: 60px;font-weight: bold;}

.yfy-box4-box h4 img{float: left;height: 24px;margin-top: 21px;margin-right: 20px;}

.yfy-box4-box div{padding: 25px 10px 30px 65px;}

.yfy-box4-box div p{background: url(../images/dot1.png) no-repeat left center; line-height: 30px;padding-left: 30px;color: #6f6f6f;font-size: 14px;}

.yfy-box4-box:hover{

    box-shadow: 0px 12px 13px 0px rgba(195, 195, 195, 0.25);

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

    -webkit-transition: -webkit-transform .2s linear;

    transition: transform .3s linear;

}

span.more2{display: inline-block;text-align: center;color: #e20c23; font-size: 16px; height: 46px;line-height: 46px;opacity: 0.9; border-radius: 25px; width: 165px;background: #fffdfd; border: 1px solid #f9ced2;}

span.more2:hover{background: #e20c23;color: #fff;}





.yfy-box5-con{height: 450px; margin: 70px auto 50px; width: 1200px;}







.pro-img{width: 1200px; margin: 60px auto 30px;}

.pro-img img{width: 100%;}

.pro-box2 .hmTbox{color: #fff;}

.pro-box{padding: 80px 0;}

.pro-box1{background: url(../images/pro-bg1.png) no-repeat;width: 100%; background-size: cover;}

.pro-box2{background: url(../images/pro-bg2.jpg) no-repeat;width: 100%; background-size: cover;}

.pro-box3{background: #fff;width: 100%; background-size: cover;}

.pro-box3 .more2{margin-top: 28px;}

.pro-box2-con{width: 1200px; margin:100px auto 0;min-height: 520px;}

.pro-box2-menu{display: flex;justify-content: space-around;}

.pro-box2-nav{width: 341px; height: 76px; text-align: center;background: url(../images/pro-box2-nav.png) no-repeat;cursor: pointer;}

.pro-box2-nav.on{background: url(../images/pro-box2-nav-on.png) no-repeat;}

.pro-box2-nav div{display: inline-block;text-align: left;height: 66px; padding-top: 10px;padding-left: 50px;}

.pro-box2-nav1{background: url(../images/box2-icon1.png) no-repeat left center;}

.pro-box2-nav2{background: url(../images/box2-icon2.png) no-repeat left center;}

.pro-box2-nav3{background: url(../images/box2-icon3.png) no-repeat left center;}

.pro-box2-nav h4{color: #fff;font-size: 22px;}

.pro-box2-nav p{color: #fff;}

.pro-box2-divs{background: url(../images/pro-box2-div.png) no-repeat;width: 1205px; height: 442px; padding-top: 80px;}

.pro-box2-div{display: none;}

.pro-box2-div.on{display: block;animation: fadeInUp 0.5s ease;}

.pro-box2-div ul{width: 100%; display: flex;justify-content: space-around;}

.pro-box2-pic img{height: 73px;margin-bottom: 15px; display: inline-block;}

.pro-box2-div h5{color: #fff;margin-bottom: 40px;font-size: 22px;}

.pro-box2-div p{color: #fff;margin-bottom: 20px;}

.pro-box2-div p img{float: left; display: inline-block;height: 16px;margin-right: 10px;margin-top: 3px;}

.pro-box2-div li{width: 180px;}

.pro-box3-con{height: 689px; margin: 50px auto; width: 1200px;}

.pro-box3-menu{float: right;width: 401px; height: 629px;padding-top: 60px;background: url(../images/box3-right-bg.png) no-repeat;}

.pro-box3-nav{width: 200px; height: 52px;color: #fff;float: left; margin-bottom: 20px;cursor: pointer;}

.pro-box3-nav.on{background: url(../images/box3-nav-on.png) no-repeat;}

.pro-box3-nav span{display: inline-block;line-height: 52px;font-size: 16px;margin-left: 30px;padding-left: 25px;}

.pro-box3-icon1{background: url(../images/box3-icon1.png) no-repeat left center;}

.pro-box3-icon2{background: url(../images/box3-icon2.png) no-repeat left center;}

.pro-box3-icon3{background: url(../images/box3-icon3.png) no-repeat left center;}

.pro-box3-icon4{background: url(../images/box3-icon4.png) no-repeat left center;}

.pro-box3-icon5{background: url(../images/box3-icon5.png) no-repeat left center;}

.pro-box3-icon6{background: url(../images/box3-icon6.png) no-repeat left center;}

.pro-box3-icon7{background: url(../images/box3-icon7.png) no-repeat left center;}

.pro-box3-icon8{background: url(../images/box3-icon8.png) no-repeat left center;}

.pro-box3-icon9{background: url(../images/box3-icon9.png) no-repeat left center;}

.pro-box3-icon10{background: url(../images/box3-icon10.png) no-repeat left center;}

.pro-box3-icon11{background: url(../images/box3-icon11.png) no-repeat left center;}

.pro-box3-icon12{background: url(../images/box3-icon12.png) no-repeat left center;}

.pro-box3-icon13{background: url(../images/box3-icon13.png) no-repeat left center;}

.pro-box3-icon14{background: url(../images/box3-icon14.png) no-repeat left center;}

.pro-box3-icon15{background: url(../images/box3-icon15.png) no-repeat left center;}



.pro-box3-divs{width: 725px;}

.pro-box3-div{display: none;}

.pro-box3-div.on{display: block;animation: fadeInUp 0.5s ease;}

.pro-box3-div h5{margin-top: 35px;color: #1e191a;font-size: 32px;margin-bottom: 30px;}

.pro-box3-div p{color: #1e191a;line-height: 30px;margin-bottom: 20px;}

.pro-box3-div div img{width: 100%;}



.case-swiper.swiper-container{overflow: initial;}

.case-swiper .next1{right:-30px;}

.case-swiper .prev1{left: -30px;}

.case-swiper .next1,.case-swiper .prev1{width:62px; border-radius:62px;transition: all 0.2s linear;opacity: 0.7; height: 62px;position: absolute;top: 35%; cursor: pointer; z-index: 10;}

.case-swiper .prev1{background: url(../images/box5-left.png) no-repeat center center; }

.case-swiper .next1{background: url(../images/box5-right.png) no-repeat center center; }



.case-swiper .next1:hover,.case-swiper .prev1:hover{opacity:1;box-shadow: 0px 5px 8px 0px rgba(70, 64, 65, 0.16);}

.case-swiper .swiper-button-next:after,.case-swiper .swiper-button-prev:after{content:'';}

.case-swiper .swiper-slide {transition: 300ms;transform: scale(0.9);opacity: 0.5;}

.case-swiper .swiper-slide-active,.case-swiper .swiper-slide-duplicate-active{transform: scale(1);opacity: 1;}

.case-swiper .swiper-slide-active + .swiper-slide{transform: scale(1);opacity: 1;}

.case-swiper .swiper-slide-active + .swiper-slide + .swiper-slide{transform: scale(1);opacity: 1;}



.case-slide{width: 384px; height: 450px;position: relative;overflow: hidden;background: #fff;box-shadow: 0px 5px 8px 0px rgba(70, 64, 65, 0.16);}

.case-pic{width: 100%;height: 200px;}

.case-pic img{width: 100%;max-height: 200px;}

.case-slide-box1{padding: 32px;}

.case-slide-box1 h4{margin-bottom: 40px; background: url(../images/box5-more.png) no-repeat 280px center;    display: table-cell;vertical-align: middle;height: 70px;}

.case-slide-box1 h4 img{max-height: 60px;}

.case-slide-box1 p{font-size: 22px; color: #1e191a; line-height: 35px;height: 70px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.case-slide-img{position: absolute; left: 0; top: 450px;background: #e20c23;width: 100%; height:100%;padding: 50px 40px;transition: all 0.2s linear;}

.case-slide-img h4{margin-bottom: 35px;font-size: 25px; color: #fff;}

.case-slide-img h4 img{display: inline-block;height: 24px;}

.case-slide-img p{color: #fefefe;font-size: 18px; height: 150px; line-height: 35px;} 

.case-slide:hover .case-slide-img{top: 0;}





  

.pro1-box1{background: url(../images/pro1-bg1.jpg) no-repeat;width: 100%; background-size: cover;}

.pro1-box2{background: url(../images/pro1-bg2.jpg) no-repeat;width: 100%;background-size: cover;}

.pro1-box3{background: url(../images/pro1-bg3.jpg) no-repeat;width: 100%;background-size: cover;}

.pro1-box2 .hmTbox{color: #fff;}



.pro1-box2-con{width: 1333px;height: 567px; margin: 50px auto; background: url(../images/pro-box2-bg.png) no-repeat;}

.pro1-box2-divs{width: 1200px; margin: 0 auto;height: 567px; position: relative; background: url(../images/title3.png) no-repeat center center;}

.pro1-box2-divs div h4{font-size: 18px; color: #fff; padding-bottom: 10px;line-height: 40px;}

.pro1-box2-divs div h4 img{display: inline-block; float: left; max-height: 23px; margin-top: 10px;margin-right: 10px;}

.pro1-box2-divs .pro1-box2-p1{font-size: 15px; color: #dbdbdb;width: 260px; line-height: 30px;}

.pro1-box2-divs div{position: absolute;}

.pro1-box2-div1{left:200px; top:27px;}

.pro1-box2-div2{left: 95px; top: 202px;}

.pro1-box2-div3{left: 150px; top: 370px;}

.pro1-box2-div4{right: 123px; top: 48px;}

.pro1-box2-div5{right: 53px; top: 200px;}

.pro1-box2-div6{right: 94px; top: 362px;}

.pro1-box2-divs div:hover{

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

    -webkit-transition: -webkit-transform .2s linear;

    transition: transform .3s linear;

}



.pro1-box3-con{width: 1200px; margin: 50px auto;}

.pro1-box3-menu{display: flex; height: 118px;justify-content: space-around;}

.pro1-box3-nav{width: 233px; height: 75px;text-align: center; line-height: 75px;}

.pro1-box3-nav.on{background: url(../images/pro1-box-nav.png) no-repeat;}

.pro1-box3-nav span{display: inline-block; padding-left: 40px;font-size: 22px;cursor: pointer;color: #1e191a;}

.pro1-box3-icon1{background: url(../images/pro1-box3-icon1.png) no-repeat left center;}

.pro1-box3-icon2{background: url(../images/pro1-box3-icon2.png) no-repeat left center;}

.pro1-box3-icon3{background: url(../images/pro1-box3-icon3.png) no-repeat left center;}

.pro1-box3-icon4{background: url(../images/pro1-box3-icon4.png) no-repeat left center;}

.pro1-box3-nav.on span{color: #e20c23;}

.pro1-box3-nav.on .pro1-box3-icon1{background: url(../images/pro1-box3-icon1-on.png) no-repeat left center;}

.pro1-box3-nav.on .pro1-box3-icon2{background: url(../images/pro1-box3-icon2-on.png) no-repeat left center;}

.pro1-box3-nav.on .pro1-box3-icon3{background: url(../images/pro1-box3-icon3-on.png) no-repeat left center;}

.pro1-box3-nav.on .pro1-box3-icon4{background: url(../images/pro1-box3-icon4-on.png) no-repeat left center;}





.pro1-box3-div{width: 1200px;background: url(../images/pro1-box3-bg.png) no-repeat left top; padding: 50px 0 0;}

.pro1-p{font-size: 20px; color: #1e191a; text-align: center;}

.pro1-box-img{text-align: center; margin: 30px auto;}

.pro1-box-img img{width: 80%;display: inline-block;}



.pro1-box3-div{display: none;}

.pro1-box3-div.on{display: block;animation: fadeInUp 0.5s ease;}







/* case */

.case-banner{width: 100%;background: url(../images/case-banner.jpg) no-repeat;background-size: 100% auto; padding-top: 80px;}

.case-banner-top{margin: 107px auto 90px;text-align: center;}

.swiper1{width: 1200px;box-shadow: 0px 13px 9px 0px rgba(141, 136, 136, 0.19);border-radius: 10px;border: 2px solid #fff;height: 446px; margin: 0 auto 50px;}



.swiper1-next{left: 384px;}

.swiper1-prev{left: 270px; }

.swiper1-next,.swiper1-prev{width: 37px; border-radius: 37px;text-align: center;

     height: 37px;position: absolute;top: 328px; cursor: pointer; z-index: 10;}

.swiper1-next img,.swiper1-prev img{margin-top: 13px;}

.swiper1-next:hover,.swiper1-prev:hover{background: #e30b20;}

.swiper1 .swiper-pagination1{right: auto;left:300px;height: 30px;font-size: 24px; width: 100px; top: 330px; color: #373737;}

.swiper1 .swiper-pagination-current{font-size: 24px;color: #ee3333;}



.swiper1-img{width: 1200px;position: relative;}

.swiper1-img-div{position: absolute; left: 0; top: 0; width: 1200px; height: 446px;z-index: 1;}

.swiper1-img-div img{width: 100%; height: 100%;}

.swiper1-img-txt{position: absolute;z-index: 2; left: 90px; top: 80px;width: 570px;}

.swiper1-img-txt h5{line-height: 30px;color: #414040; margin-bottom: 23px;}

.swiper1-img-txt h5 img{display: inline-block; float: left; height: 20px; width: auto; margin-top: 5px; margin-right: 20px;}

.swiper1-img-txt h4{color: #2f2e2e;font-size: 22px;margin-bottom: 40px;}

.swiper1-img-txt p{font-size: 14px; color: #6a6a6a; margin-bottom: 20px; line-height: 25px;overflow: hidden;height: 100px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}



/* box-shadow:inset 0px 2px 8px 0px rgba(182, 47, 47, 0.19);  */

.list-menu{width: 100%;}

.list-nav-div{width: 1200px; margin: 0 auto; display: flex;justify-content: space-around;}

.list-nav{position: relative; display: inline-block;font-size: 22px;}

.list-nav{display: inline-block; line-height: 80px;color: #676767;cursor: pointer;}

.list-nav a{color: #676767;}

.list-nav:before,.list-nav:after {content: '';width: 0%; cursor: pointer; height: 3px;background-color: #ee3333;left: 50%;bottom: 0;transition: all 0.3s ease-in-out;position: absolute;}

.list-nav:hover:after { width: 100%;left: 0px;}

.list-nav.on:after { width: 100%;left: 0px;}

.list-nav.on{color: #ee3333;font-weight: bold;}

.list-nav:hover{color: #ee3333;}

.list-nav.on a{color: #ee3333;font-weight: bold;}





.case-cons{width: 1200px; margin: 20px auto 100px;min-height: 500px;}

.case-con{display: none;}

.case-con.on{display: block;animation: fadeInUp 0.5s ease;}

.case-con-ul{width: 100%; margin: 35px auto 0;}

.case-con-ul ul{ flex-wrap: wrap; display: flex;}

.case-con-ul li{width: 385px;height: 449px;border-radius: 10px;margin-bottom: 30px; box-shadow: 0px 13px 9px 0px rgba(141, 136, 136, 0.04);margin-right: 22px;}

.case-con-ul li:nth-child(3n){margin-right: 0;}

.case-con-ul li a{display: block;}

.case-con-img{width: 100%; height: 240px;overflow: hidden;border-radius: 10px 10px 0 0;}

.case-con-img img{width: 100%; height: 100%;transition: transform .3s linear;}

.case-con-txt{padding:40px 50px 0;}

.case-con-txt h5{margin-bottom: 20px; }

.case-con-txt h5 img{display: inline-block; max-height: 24px;}

.case-con-txt p{color: #313131; margin-bottom: 10px;height: 50px; line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

.case-con-ul li:hover{  box-shadow: 0px 13px 9px 0px rgba(141, 136, 136, 0.1);

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

    -webkit-transition: -webkit-transform .2s linear;

    transition: transform .3s linear;

}

.case-con-ul li:hover p{color: #e10a20;}

.case-con-ul li:hover .case-con-img img{transform: scale(1.1);}



.loading{text-align: center; margin:60px auto;}

.loading span{color: #c0c0c0;display: inline-block;background: url(../images/loading.png) no-repeat right center; padding-right: 20px;cursor: pointer;}

.loading span:hover{color: #4d4242;}









/* 案例详情 */

.case-list-banner{background: url(../images/case-list-banner.jpg) no-repeat;background-size: 100% 100%; width: 100%;padding-top: 130px; height: 350px;}

.case-list-banner-con{width: 1120px; margin: 0 auto;}

.case-list-banner-con h5{margin-bottom: 33px;}

.case-list-banner-con h5 img{display: inline-block; margin-right: 15px;height: 42px;}

.case-list-banner-con h4{font-size: 22px; color: #2f2e2e;margin-bottom: 20px;}

.case-list-banner-con p{font-size: 16px; color: #6a6a6a; line-height: 30px;width: 778px;height: 150px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5;}





.case-list-box1{background: url(../images/case-list-box1-bg.jpg) no-repeat; background-size: 100% 100%;}

.case-list-box1-con{width: 1200px; margin: 50px auto;position: relative;}

.case-list-box1-con-left{width: 1200px; height: auto;}

.case-list-box1-con-left img{width: 100%;}

/* .case-list-box1-con-right{position: absolute;background: url(../images/case-list-box1-pic2.png) no-repeat #fff; z-index: 1; right: 0; top: 0;width: 460px;height: 540px;box-shadow: 0px 0px 9px 0px rgba(141, 136, 136, 0.61);}

.case-list-box1-con-right h5{line-height: 57px;font-weight: bold; margin-left: 60px;font-size: 22px;color: #2f2e2e;}

.case-list-box1-con-right div{line-height: 59px;margin-left: 60px;font-size: 22px;color: #292929;} */



.case-list-box2{background: url(../images/case-list-box2-bg.jpg) no-repeat; background-size: 100% 100%;}

.case-list-box2-con{width: 1200px; margin: 50px auto;}

.case-list-box2-con ul{display: flex; flex-wrap: wrap;justify-content: space-between;}

.case-list-box2-con li{width: 588px; min-height: 290px; border-radius: 10px;margin-bottom: 30px;border: 1px solid #eeeeee; overflow: hidden;}

.case-list-box2-con li h5{font-size: 18px; color: #2f2e2e;font-weight: bold; margin-left: 32px; margin-top: 35px;}

.case-list-box2-con li div{margin-left: 32px;margin-top: 20px;color: #7c7c7c; line-height: 30px;margin-right: 32px;height: 180px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}

.case-list-box2-img1{background: url(../images/case-list-box2-img1.jpg) no-repeat; background-size: 100% 100%;} 

.case-list-box2-img2{background: url(../images/case-list-box2-img2.jpg) no-repeat; background-size: 100% 100%;} 

.case-list-box2-img3{background: url(../images/case-list-box2-img3.jpg) no-repeat; background-size: 100% 100%;} 

.case-list-box2-img4{background: url(../images/case-list-box2-img4.jpg) no-repeat; background-size: 100% 100%;} 

.case-list-box2-con li:hover{

   box-shadow: 0px 13px 9px 0px rgba(141, 136, 136, 0.05);

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

    -webkit-transition: -webkit-transform .2s linear;

    transition: transform .3s linear;

}

.case-list-box2-con li:hover h5{color: #e20c23;}



.case-list-box3{background: url(../images/case-list-box3-bg.jpg) no-repeat; background-size: 100% 100%;}

.case-list-box3-con{width: 1080px; margin: 50px auto 0;padding: 60px 60px 80px; background: url(../images/case-list-box3-con.png) no-repeat; background-size: 100% auto;}

.case-img{width: 100%; margin:0 auto 40px; }

.case-img img{width: 100%;display: inline-block;}  

.case-list-box3-con p{color: #636363;line-height: 35px;}





.case-list-box4{background: url(../images/case-list-box4-bg.jpg) no-repeat; background-size: 100% 100%;}

.case-list-box4-con{width: 1200px; margin: 80px auto 0;}



.case-list-box5{background: url(../images/case-list-box5-bg.jpg) no-repeat; background-size: 100% 100%;}

.case-list-box5-con{width: 1200px; margin: 80px auto 0;}



.case-list-div1{display: flex; margin-bottom: 30px; justify-content: space-between;}

.case-list-div1-left{width: 538px;}

.case-list-div1-left img{width: 100%; display:inline-block;}

.case-list-div1-right{width: 505px;}

.case-list-div1-right img{max-width: 100%;}

.case-list-div2{display: flex; margin-bottom: 30px; justify-content: space-between;}

.case-list-div2-left{width: 580px;}

.case-list-div2-right{width: 580px;}

.case-list-div2-right img{width: 100%;}



.case-list-div1-title{font-weight: bold;font-size: 18px; color: #303030; margin-bottom: 50px; background: url(../images/icon1.png) no-repeat left center;padding-left: 40px;}

.case-list-div1-p{font-size: 16px; color: #636363; line-height: 30px; margin-bottom: 30px;}







@media screen and (max-width: 1200px){

    .title3{font-size: 20px;margin-bottom: 15px;}

    .yfy-p1 p{font-size: 12px;line-height: 20px;}

    .main-banner-con{width: 90%;padding: 30px 0;}

    .main-banner-con h4{margin-top: 20px;}

    .main-banner-con h4 img{height: 30px;}

    .main-banner-con p{width: 100%;margin: 15px 0;font-size: 14px;line-height: 30px;}

    .pro-bg{position: initial;background-size: 100% auto;width: 100%;}

    .y-banner-img div{top: 49px;}

    .y-banner-img{width: 100%;height: initial;}     

    .y-banner-img img{width: 100%;}

    .btn2{width: 80px;padding:0 10px 0 35px;height: 44px;line-height: 44px; font-size: 14px;}

    .btn2:after{top: 13px; left: 24px;background-size: 16px 17px;}

    .btn3{width: 80px;padding:0 10px 0 35px;height: 42px;line-height: 42px; font-size: 14px;}

    .btn3:after{top: 13px; left: 24px;background-size: 16px 17px;}

    .yfybg{background-position: center center;}



    .pro-box{padding: 40px 0;}

    .yfy-box{padding: 40px 0;}

    .pro-img{width: 90%; margin: 20px auto;}

    a.more4{line-height: 44px;height: 44px;font-size: 14px;}





    .pro-box2-con{width: 90%;}

    .pro-box2-nav div{height: 50px; background-size: auto 20px;padding-left: 30px; margin-top: 10px;}

    .pro-box2-nav h4{font-size: 16px;}

    .pro-box2-nav p{font-size: 12px;}

    .pro-box2-nav,.pro-box2-nav.on{background-size: 100% 100%;}

    .pro-box2-divs{width: 100%;background-size: 100% 100%;padding-top: 40px;}

    .pro-box2-div ul{flex-wrap: wrap;justify-content: flex-start;}

    .pro-box2-pic img{height: 50px;}

    .pro-box2-div h5{font-size: 16px;margin-bottom: 10px;}

    .pro-box2-div p{font-size: 14px; margin-bottom: 10px;}

    .pro-box2-div li{ margin-left: 10%; margin-bottom: 15px; margin-right: 5%;width: initial;}



    .pro-box3-con{width: 90%; margin: 20px auto 0;height: auto;}

    .pro-box3-menu-div{height: 112px; overflow: hidden;}

    .pro-box3-menu{float: initial; width: 100%;  overflow-x: scroll;white-space: nowrap;display: flex;}
     /* .pro-box3-menu{float: initial; width: 100%;height: 52px;  overflow-x: scroll;white-space: nowrap;display: flex;} */

    .pro-box3-nav{margin-bottom: 0;width: auto; padding-right: 30px;}

    .pro-box3-nav.on{background-size: 100% 100%;}

    .pro-box3-divs{width: 100%;}

    .pro-box3-div h5{font-size: 20px;margin: 20px 0;}

    .pro-box3-div p{font-size: 14px;}

    .pro-box3-div div img{width: 100%;}

    a.more2{margin-top: 10px;height: 35px; line-height: 35px; font-size: 14px;width: 120px;}

    .pro-box3 .more2{margin-top: 0;}

   .yfy-box5-con{width: 90%;margin: 20px auto;height: auto;}

     /* .case-swiper .swiper-slide-active + .swiper-slide,.case-swiper .swiper-slide-active + .swiper-slide + .swiper-slide{transform: scale(0.9); opacity:0.5;} 

    .case-swiper.swiper-container{overflow: hidden;}*/

    .case-slide{width: 100%;height: auto;}

    .case-slide-img{width: 90%;padding: 50px 5%;}

    .case-slide-img h4{font-size: 20px;}

    .case-swiper .next1{right: -10px;}

    .case-swiper .prev1{left: -10px;}

    .case-pic{height: auto;}

    .case-slide-box1 p{font-size: 14px;}



    .main-banner-right{position: initial; margin-top: 20px; }

    .yfy-bg{width: 100%;  background-size: 100% auto;height: 350px;}

    .yfy-bg .y-banner-img img{width: 90%;}

    .yfy-img{width: 90%;margin: 30px auto;}

    .yfy-p{width: 90%;margin: 10px auto;font-size: 14px;text-align: left;}

    .yfy-box2-con{margin: 30px auto 0;width:90%;}

    .yfy-box2-con li{width: 90%; padding: 35px 5%;}

    .yfy-box3-nav.on{box-shadow: none; background: none; height: 52px; line-height: 52px;}

    .yfy-box3-nav span{margin-left: 0;line-height: 52px;font-size: 14px;}

    .yfy-box3-menu a.more2{display: none;}

    .yfy-box3-con{width: 90%; margin: 30px auto 0;}

    .yfy-box3-menu-div{width: 100%; height: 82px;overflow: hidden; margin-bottom: 20px;}

    .yfy-box3-cons{width: 100%; height: auto;}

    .yfy-box3-menu{width: 100%;height: 52px;padding-bottom: 10px;padding-left: 10px;  overflow-x: scroll;white-space: nowrap;display: flex;}

    .yfy-box3-nav span{width: 100px;}

    .yfy-box4-con{width: 90%;margin: 30px auto;}

    .yfy-box4-con ul{flex-wrap: wrap;}

    .yfy-box4-con li{width: 100%;}

    .yfy-box4-box{width: 100%;}

    .yfy-box4-box h4{font-size: 14px; height: 50px; line-height: 50px;}

    .yfy-box4-box h4 img{margin: 16px 10px 0 0;}

    .yfy-box4-box div{padding: 25px 10px 30px 25px;}

    .pro1-bg{width: 90%; height: auto;}

    .pro1-bg img{width: 100%;}

    .pro1-bg .y-banner-img div{position: initial;}



    .pro1-box2-con{width: 90%; height: auto;}

    .pro1-box2-divs{width: 100%;height: auto; background: none;}

    .pro1-box2-divs div{position: initial;margin-bottom: 20px;}



    .pro1-box3-con{width: 90%; margin: 40px auto 0;}

    .pro1-box3-menu-div{overflow: hidden; height: 92px;}

    .pro1-box3-nav{margin-right: 15px;}

    .pro1-box3-nav span{margin-left: 20px;padding-left: 40px;padding-right: 20px; font-size: 16px;}

    .pro1-box3-nav.on{background-size: 100% 100%;}

    .pro1-box3-menu{  overflow-x: scroll;white-space: nowrap;display: flex;}

    .pro1-box3-div{width: 100%; background-size: 100% auto;}

    .pro1-p{font-size: 14px; width: 80%; margin: 0 auto;}

    .pro1-box-img{margin: 15px auto;}



    .case-banner-top{margin: 0 auto 50px;}

    .swiper1{width: 90%;}

    .swiper1-img{width: 100%;}

    .swiper1-img-div{width: 100%;}

    .swiper1-img-txt{width: 90%; left: 5%; top: 40px;}

    .swiper1-img-txt h5{margin-bottom: 10px;}

    .swiper1-img-txt h4{font-size: 16px;}

    .swiper1 .swiper-pagination1{left: 29px;top: initial;width: 80px;}

    .swiper1-next, .swiper1-prev{top:initial;bottom: 5px;}

    .swiper1-prev{left: 0;top: initial;}

    .swiper1-next{left: 100px;}



    .list-menu{width: 96%;padding: 0 2%;overflow: hidden;}

    .list-nav-div{width: 100%;overflow-x: scroll; overflow-y: hidden;justify-content:initial; white-space: nowrap;}

    .list-nav{height: 80px;line-height: 80px;margin-right: 20px;}

    .list-nav span{font-size: 14px;justify-content: space-around;}

  

    .case-cons{width: 94%;margin: 20px auto;}

    .case-con-ul li{width: 100%; margin-right: 0; height: auto;}

    .loading{margin: 30px auto 100px;}



    .case-list-banner-con{width: 90%;}

    .case-banner{padding-top: 60px;}

    .case-banner-top h5 img{width: 60%;}

    .case-list-banner-con h5 img{height: 30px;}

    .case-list-banner-con p{width: 90%; overflow: initial;font-size: 12px;

        text-overflow:initial;}

    .case-list-banner{height: 450px;padding-top: 60px;}

    .case-list-banner-con h5{margin-bottom: 20px;}

    .case-list-banner-con h4{font-size: 18px; margin-bottom: 15px;}

    .case-list-box1-con{width: 90%; margin: 30px auto;}

    .case-list-box1-con-left{width: 100%; height: auto;}

    .case-list-box1-con-right{position: initial; width: 100%;height: auto;}



    .case-list-box2-con{width: 90%; margin: 30px auto;}

    .case-list-box2-con li{width: 100%; height: auto;}



    .case-list-box3-con{width: 80%; padding: 30px 5%;}

    .case-list-box3-con p{font-size: 14px;}



    .case-list-box4-con{width: 90%; margin: 40px auto 0;}

    .case-list-div1{flex-wrap: wrap;margin-bottom: 10px;}

    .case-list-div1-left{width: 100%; margin-bottom: 20px;}

    .case-list-div1-right{width: 100%;}

    .case-list-div1-title{margin-bottom: 15px;}

    .case-list-div1-p{margin-bottom: 15px;font-size: 14px;}



    .case-list-box5-con{width: 90%; margin: 40px auto 0;}

    .case-list-div2{flex-wrap: wrap;margin-bottom: 10px;}

    .case-list-div2-left{width: 100%;}

    .case-list-div2-right{width: 100%; margin-bottom: 20px;}





















}