.ss2_wrapper {  width:100%; height:700px;margin-top: 145px;position: relative;overflow: hidden;}
.ss2_wrapper .slideshow {  width:1280px; height:700px; float: right;margin-right: 65px; }
.ss2_wrapper .slideshow_item { width:1280px; height:700px; }
.ss2_wrapper .slideshow_item .data { display:none; }
.ss2_wrapper .slideshow_paging { position:absolute; z-index:400;  margin-left: 190px;margin-top: 300px;background-color: rgba(254,254,254,0.7);padding: 5px;}
.ss2_wrapper .slideshow_paging a { display:block;font-weight:bold;width: 90px;line-height: 16px; color: #fff;background: url("../images/line1.jpg") no-repeat 30px center;font-family: Walkway; }
.ss2_wrapper .slideshow_paging a:hover {  }
.ss2_wrapper .slideshow_paging a.activeSlide {  color:#000;background: url("../images/line2.jpg") no-repeat 30px center; }

.ss2_wrapper .slideshow_box { position:absolute;   width:1280px; height:700px; z-index:10;right: 65px;  }
.ss2_wrapper .slideshow_box .data { padding:15px 20px; color:#000;  }
.ss2_wrapper .slideshow_box .data a{display: block;width: 1280px;height: 700px;top: 0;position: absolute;}
.ss2_wrapper .slideshow_box .data .p1{font-size: 48px;font-weight: bold;color: #0e0e0e;line-height:55px;text-transform: uppercase; margin-top: 260px;}
.ss2_wrapper .slideshow_box .data .p2{font-size: 48px;font-weight: bold;color: #0e0e0e;line-height:55px;text-transform: uppercase; }
.ss2_wrapper .slideshow_box .data .p2 span{color: #ea5532;}
.ss2_wrapper .slideshow_box .data .p3{font-size: 16px;line-height: 30px;color: #0e0e0e;}

.ss2_wrapper .slideshow_box .data .p4{font-size: 44px;color: #fff;line-height: 65px;margin-top: 300px;margin-left: 100px;}
.ss2_wrapper .slideshow_box .data .p5{font-size: 44px;color: #fff;line-height: 65px;margin-left: 150px;}

.about{margin-top: 200px;}
.about .title{float: left;width: 30px;font-size: 28px;font-weight: bold;text-align: center;position: relative;margin-right: 80px;overflow: hidden;}
.about .title a{color: #0e0e0e;}
.about .title .s1{display: block;width: 30px;position: absolute;z-index: 1;height: 137px;top: 7px;background-color: #EA5635;}
.about .title .s2{display: block;width: 9px;position: absolute;z-index: -1;height: 137px;top: 7px;background-color: #EA5635;left: 18px;}
.about .p1{float: left;width:20px;text-align: center;font-size: 18px;color: #0e0e0e;padding: 0 21px; cursor: pointer;transition: all 0.1s;}
.about .p1:hover{text-shadow:0 0 35px #ff795a;padding-top: 5px;}


.services{margin-top: 210px;}
.services .list{line-height: 32px;height: 32px;overflow: hidden;margin-bottom: 35px;}
.services .list a{font-size: 34px;font-weight: bolder;color: #0e0e0e;border-right: 3px solid #0e0e0e;padding-right: 20px;margin-right: 20px;float: left;}
.services .list a:hover{color: #EA5635;}
.services .div1{float: left;width:400px; }
.services .div1 .img{position: relative;width: 400px;height: 554px;overflow: hidden;margin-bottom: 95px;}
.services .div1 .img div{width: 400px;height: 554px;background-color:#EA5635;position: absolute;z-index: -1; }
.services .div1 .img img{width: 400px;height: 554px;transition: all 0.3s;}
.services .div1 .img:hover img{margin-top: -10px;margin-left: -10px;}
.services .div1 .p1{line-height: 40px;color: #0e0e0e;font-size: 18px;}
.services .div2{float: left;width:400px;margin-left: 20px;margin-top: 60px;position: relative;overflow: hidden; }
.services .div1:hover .p1{color:#EA5635;text-decoration: underline; }
.services .div2 .img{position: relative;width: 400px;height: 554px;overflow: hidden;margin-top: 95px;}
.services .div2 .img div{width: 400px;height: 554px;background-color:#EA5635;position: absolute;z-index: -1; }
.services .div2 .img img{width: 400px;height: 554px;transition: all 0.3s;}
.services .div2 .img:hover img{margin-top: -10px;margin-left: -10px;}
.services .div2 .p1{line-height: 40px;color: #0e0e0e;font-size: 18px;}
.services .div2:hover .p1{color:#EA5635;text-decoration: underline; }
.services .div3{width: 300px;float: left;margin-left: 60px;position: relative;overflow: hidden;}
.services .div3 .p1{margin-top: 540px;margin-left: 250px;font-size: 28px;color: #0e0e0e;margin-bottom: 125px;}
.services .div3 .p2{font-size: 28px;line-height: 40px;position: relative;height: 40px;overflow: hidden;}
.services .div3 .p2 span{display: block;width: 250px;height: 9px;background-color:#EA5635;position: absolute;z-index: -1;margin-top: 25px; }
.services .div3 .p3{font-size: 28px;line-height: 40px;}
.services .div3 .p3 span{display: block;width: 170px;height: 9px;background-color:#EA5635;position: absolute;z-index: -1;margin-top: 25px; }
.services .div4{position: absolute;right: 0;margin-top: 708px;color: rgba(0,0,0,0.3)}
.services .div4 .p2{font-size: 28px;line-height: 40px;position: relative;height: 40px;overflow: hidden;text-shadow: -20px -5px 5px rgba(0,0,0,0.05);;padding-left:10px;}
.services .div4 .p3{font-size: 28px;line-height: 40px;text-shadow: -20px 3px 5px rgba(0,0,0,0.05);padding-left:10px;}
.services .div4 img{}

.case{width: 100%;max-width: 1800px;min-width: 1440px;margin: 180px auto 0 auto;background: url("../images/case-bg.jpg") repeat-y center;background-size: 1600px;}
.case .new{margin-top: 40px;height: auto;overflow: hidden;padding-bottom: 50px;}
.case .new .title{width: 70px;text-align: center;font-size: 70px;color: #565555;line-height: 65px;margin-left: 507px;margin-top: 20px;float: left;position: relative;z-index: 1;}
.case .new .title span{display: block;width: 10px;height: 70px;position: absolute;background-color: #EA5635;margin-top: 66px;margin-left: 6px;z-index: -1;}
.case #wrapper2{width:620px;float: left;}
.case .ss3_wrapper {  width:620px; height:340px;padding-left: 35px;background: url("../images/case1-bg.jpg") no-repeat right bottom;/*overflow: hidden;*/}
.case .ss3_wrapper .slideshow {  width:700px; height:360px;  }
.case .ss3_wrapper .slideshow_item { width:600px; height:320px; background-size: 600px 320px!important;}
.case .ss3_wrapper .slideshow_prev{position: absolute;z-index: 10;margin-left: -250px;margin-top: 100px;transition: all 0.3s;}
.case .ss3_wrapper .slideshow_next{position: absolute;z-index: 10;margin-left: 700px;margin-top: 100px;transition: all 0.3s;}
.case .ss3_wrapper .slideshow_next:hover{margin-left:720px; cursor: pointer;}
.case .ss3_wrapper .slideshow_prev:hover{margin-left:-270px;cursor: pointer; }
/*.case #wrapper2 .p3{line-height: 18px;height: 18px;font-size: 18px;color: #b1b1b1;margin-top: 25px;margin-left: 50px;}*/
/*.case #wrapper2 .p3 span{color: #EA5635;}*/
.case .ss3_wrapper .slideshow_item .data{display: none;}
.case .ss3_wrapper .slideshow_box .data p{line-height: 18px;height: 18px;font-size: 18px;color: #b1b1b1;margin-top: 360px;margin-left: 50px;position: absolute;z-index: 10;}
.case .ss3_wrapper .slideshow_box .data p .s1{color: #EA5635;}
.case .ss3_wrapper .slideshow_box .data p .s2{color: #FB9D12;}
.case .ss3_wrapper .slideshow_box .data p .s0{color: #B1B1B1;max-width: 400px;line-height: 18px;height: 18px;float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}




.case .list{}
.case .list ul{}
.case .list ul li{margin-top: 68px;width: 950px;height: auto;overflow: hidden;}
.case .list ul li .p1{float: left;width: 16px;text-align: center;color: #828282;}
.case .list ul li .p2{float: left;width: 30px;text-align: center;font-size: 30px;color: #fff;margin-top: -5px;margin-left: 2px;height: 440px;overflow: hidden;word-break: break-all;}
.case .list ul li .img{float: left;width: 840px;height: 445px;overflow: hidden;position: relative;margin-left: 20px;z-index: 1;}
.case .list ul li .img div{width: 840px;height: 445px;background-color:#EA5635;position: absolute;z-index: -1;}
.case .list ul li .img img{width: 840px;height: 445px;transition: all 0.3s;}
.case .list ul li .img:hover img{margin-top: -10px;margin-left: -10px;}
.case .list ul li .go{position: absolute;z-index: 2;width: 310px;line-height: 100px;height: 100px;background-color: #2E2E2E;color: #ea5532;font-size: 16px;margin-top: 303px;margin-left: 683px;opacity: 0;transition: all 0.3s;}
.case .list ul li .go span{margin-left: 70px;float: left;transition: all 0.3s;  }
.case .list ul li .go img{float: right;margin-top: 40px;margin-right: 75px;transition: all 0.3s;}
.case .list ul li .go:hover img{margin-right: 55px;}
.case .list ul li .go:hover span{margin-left: 80px;}
.case .list ul li:hover .go{margin-left: 733px;opacity: 1;}
.case .more{margin: 100px 0 80px 775px;position: relative;z-index: 1;transition: all 0.4s; }
.case .more .s1{position: absolute;height: 45px;width: 140px;background-color: #EA5532;z-index: -1;}
.case .more .s2{line-height: 45px;height: 45px;color: #2c2c2c;margin-left: 112px;transition: all 0.4s;}
.case .more:hover{margin-left: 850px;}
.case .more:hover .s2{margin-left: 45px;color: #fff;}


.news{margin-top: 65px;background: url("../images/news-bg.png") no-repeat center;}
.news ul{width: 975px;margin: 0 auto;}
.news ul li{width: 255px;margin: 20px 25px;float: left;transition: all 0.3s;padding: 10px;}
.news ul li .p1{line-height: 26px;max-height: 52px;font-size: 18px;color: #313131;font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.news ul li .p2{line-height: 30px;color: #797979;}
.news ul li .p3{font-size: 15px;color: #222121;line-height: 25px;margin-top: 10px;}
.news ul li:hover .p1{color:#EA5532;text-decoration: underline; }
.news ul li:hover{box-shadow:0 0 50px #efefef;background-color: #ffffff; }





@media only screen and (min-width: 1921px) {
    .about .p1{padding: 0 30px;}
    .case{
        max-width: 100%;    
        background: url(../images/case-bg1.jpg) repeat-y center;
        background-size: 2160px;
    }

    /* .ss2_wrapper{height: 930px;}
    .ss2_wrapper .slideshow_item{width: 1700px;height: 930px;background-size: 100% !important;}
    .ss2_wrapper .slideshow_box{width: 1700px;height: 930px;}
    .ss2_wrapper .slideshow{width: 1700px;height: 930px;}
    .ss2_wrapper .slideshow_box .data a{width: 1700px;height: 930px;}
    .ss2_wrapper .slideshow_paging{margin-top: 415px;} */

    .services .list{margin-bottom: 50px;}
    .services .div1,.services .div2{width: 530px;}
    .services .div1 .img,.services .div2 .img,.services .div1 .img div,.services .div2 .img div,.services .div1 .img img,.services .div2 .img img{width: 530px;height: 734px;}
    .services .div2{margin-left: 40px;}
    .services .div3 .p1{margin-top: 630px;}


    .case .new .title{margin-left: 600px;}
    .case .ss3_wrapper .slideshow{width: 920px;height: 473px;}
    .case .ss3_wrapper .slideshow_item {
        width: 800px;
        height: 425px;
        background-size: 800px 425px!important;
    }
    .case .ss3_wrapper{
        width: 820px;
        height: 445px;
        background-size: 800px 425px!important;
    }
    .case .ss3_wrapper .slideshow_box .data p{margin-top: 470px;}
    .case .new .title{margin-top: 80px;}
    .case .ss3_wrapper .slideshow_prev{margin-top: 160px;}
    .case .ss3_wrapper .slideshow_next{margin: 160px 0 0 920px;}
    .case .ss3_wrapper .slideshow_next:hover{margin-left: 940px;}

    .case .list ul li{width: 1200px;}
    .case .list ul li .img,.case .list ul li .img div,.case .list ul li .img img{width: 980px;height: 520px;margin-left: 20px;}
    .case .list ul li:hover .go{margin-left: 880px;}
    .case .list ul li .go{margin-top: 360px;margin-left: 800px;}

    .news {background: url(../images/news-bg1.png) no-repeat center;}

    .case .more:hover{margin-left: 975px;}
    .case .more {margin: 100px 0 80px 900px;}
}