.sjcTop,.sjcTop2,.sjcBottom,.sjcLeft,.sjcRight,.bg,.leftWow,.rightWow,.bottomWow {-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;} .title{} .title h3{font-size: 26px;color: #333;} .title h3 a{display: block;font-size: 24px;color: #333;} /* product */ .pro_bg{ width: 100%;margin: 0 auto;height: 1550px;background: #fbfbfb;position: relative;overflow: hidden;} .pro_bg .pro_ico{ position: absolute;left: 0;top: 0;background: url(../images/pro_ico.png) no-repeat center;width: 143px;height: 55px;} .pro_bg .product{width: 1300px;margin: 0 auto;padding-top: 100px;} .pro_bg .product .pro_t{ height: 105px;} .pro_bg .product .pro_t .title{ float: left;background: url(../images/pro_t.png) no-repeat left center;width: 227px;height: 73px;} .pro_bg .product .pro_t .title h3{padding: 8px 0 0 82px;} .pro_bg .product .pro_t .t_more{float: right;width: 303px;height: 72px;line-height: 72px;background: #f2ca60;border-radius: 45px;} .pro_bg .product .pro_t .t_more a{display: block;background: url(../images/more.png) no-repeat 240px center;font-size: 18px;color: #213044;font-weight: bold;text-transform: uppercase;padding-left: 55px;} .pro_bg .product .pro_box{height: 500px;margin: 0 auto;} .pro_bg .product .pro_box .pro_list{ float: left;width: 270px;} .pro_bg .product .pro_box .pro_list ul li{position: relative;z-index: 5;width: 235px;height: 75px;line-height: 75px;border-bottom: 1px solid #dddddd;} .pro_bg .product .pro_box .pro_list ul li a{ display: block;} .pro_bg .product .pro_box .pro_list ul li a span{float: left;width: 150px;padding-left: 20px;font-size: 16px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background: url(../images/buttom1.png) no-repeat center left;} .pro_bg .product .pro_box .pro_list ul li a i{display: block;float: right;width: 6px;height: 11px;background: url(../images/buttom2.png) no-repeat center;margin-top: 32px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .pro_bg .product .pro_box .pro_list ul li::after{position: absolute;left: -28px;top: 5px;width: 0px;height: 64px;background: #213044;z-index: -1;content: "";-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .pro_bg .product .pro_box .pro_list ul li.on::after{width: 295px;} .pro_bg .product .pro_box .pro_list ul li.on a span{background: url(../images/buttom4.png) no-repeat left center;color: #f2ca60;font-weight: bold;} .pro_bg .product .pro_box .pro_list ul li.on a i{background: url(../images/buttom3.png) no-repeat center;} .pro_bg .product .pro_box .pro_r{float: right;margin-top: 30px;width: 990px;position: relative;} .pro_bg .product .pro_box .pro_r .bd{width: 990px;} .pro_bg .product .pro_box .pro_r .bd ul li{float: left;width: 990px;} .pro_bg .product .pro_box .pro_r .bd ul li .pic{float: left;width: 565px;height: 425px;background: #fff;border: 1px solid #dddddd;} .pro_bg .product .pro_box .pro_r .bd ul li .pic img{width: 545px;height: 405px;margin: 10px;} .pro_bg .product .pro_box .pro_r .bd ul li .txt{float: right;width: 390px;} .pro_bg .product .pro_box .pro_r .bd ul li .txt span{display: block;background: url(../images/pro_ico1.png) no-repeat center;width: 381px;height: 42px;} .pro_bg .product .pro_box .pro_r .bd ul li .txt h5 a{font-size: 20px;color: #213044;font-weight: bold;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-top: 3px;} .pro_bg .product .pro_box .pro_r .bd ul li .txt em{display: block;width: 60px;height: 2px;background: #213044;margin-top: 25px;} .pro_bg .product .pro_box .pro_r .bd ul li .txt p{font-size: 16px;color: #666666;line-height: 36px;height: 108px;overflow: hidden;margin-top: 20px;} .pro_bg .product .pro_box .pro_r .bd ul li .txt .more{display: block;margin-top: 50px;font-size: 14px;color: #333333;font-family: Arial, Helvetica, sans-serif;padding-left: 25px;border-bottom: 1px solid #eeeeee;background: url(../images/buttom5.png) no-repeat 5px center;height: 25px;width: 65px;} .pro_bg .product .pro_box .pro_r .bd ul li:hover .txt h5 a{color: #f2ca60;} .pro_bg .product .pro_box .pro_r .hd{position: absolute;left: 603px;top: 390px;} .pro_bg .product .pro_box .pro_r .hd .next{background: #f2ca60 url(../images/left.png) no-repeat center;cursor: pointer;float: left;width: 60px;height: 35px;} .pro_bg .product .pro_box .pro_r .hd .prev{background: #213044 url(../images/right.png) no-repeat center;cursor: pointer;float: left;width: 60px;height: 35px;margin-left: 6px;} .pro_bg .product .pro_show{width: 1360px;margin: 0 auto;} .pro_bg .product .pro_show ul li{float: left;width: 400px;margin: 0 45px 25px 0;} .pro_bg .product .pro_show ul li .pic{width: 400px;height: 320px;border: 1px solid #dddddd;background: #fff;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .pro_bg .product .pro_show ul li .pic a{width: 380px;height: 300px;margin: 10px;display: inline-block;overflow: hidden;} .pro_bg .product .pro_show ul li .pic img{width: 390px;height: 300px;overflow: hidden;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .pro_bg .product .pro_show ul li .txt{width:90%; padding:0 5%;height: 60px;line-height: 60px; background:#0070bf; color:#fff} .pro_bg .product .pro_show ul li .txt h5 a{font-size: 16px;color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;float: left;width: 200px;} .pro_bg .product .pro_show ul li .txt .more{display: block;float: right;background: url(../images/more1.png) no-repeat center;width: 30px;height: 7px;margin-top: 26px;} .pro_bg .product .pro_show ul li:hover .pic{border: 1px solid #f2ca60;background: #f2ca60;} .pro_bg .product .pro_show ul li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);} .pro_bg .product .pro_show ul li:hover .txt h5 a{color: #fff;} /* te */ .te_bg{width: 100%;margin: 0 auto;overflow: hidden;background: url(../images/te_bg1.jpg) no-repeat center;height: 471px;} .te_bg .te{width: 1300px;margin: 0 auto;} .te_bg .te .te_t{float: left;background: url(../images/te_bg.jpg) no-repeat center;width: 274px;height: 471px;} .te_bg .te .te_t .title{background: url(../images/te_t.png) no-repeat left center;width: 202px;height: 90px;margin: 40px 0 0 30px;} .te_bg .te .te_t .title h3{padding: 20px 0 0 80px;color: #fff;} .te_bg .te .te_t em{display: block;width: 31px;height: 1px;background: #becdca;margin: 60px 0 0 38px;} .te_bg .te .te_t h5{font-size: 20px;color: #fff;font-weight: bold;margin: 30px 0 15px 38px;} .te_bg .te .te_t span{display: block;font-size: 16px;color: #fff;margin-left: 38px;} .te_bg .te .te_t p{font-size: 12px;color: #fff;opacity: 0.6;line-height: 30px;margin: 40px 0 0 38px;} .te_bg .te .te_box{float: right;width: 935px;margin-top: 80px;} .te_bg .te .te_box ul li{float: left;width: 90px;padding-right: 95px;height: 185px;background: url(../images/te_xt.png) no-repeat right 10px;margin-right: 95px;} .te_bg .te .te_box ul li:nth-child(4n){margin-right: 0;background: none;padding-right: 0;} .te_bg .te .te_box ul li p{text-align: center;margin-top: 20px;font-size: 15px;color: #333;} .te_bg .te .te_box ul li .te_list{display: block;overflow: hidden;transition-duration: 0.7s;margin: 0px auto 0px auto;width: 80px;height: 80px;border-radius: 50%;border: 5px solid #eeeeee;} .te_bg .te .te_box ul li .te_list .te_img{display: block;position: relative;transition: 0.7s;font-size: 0;} .te_bg .te .te_box ul li .te_list .te_img i{display: block;width: 80px;height: 80px;text-align: center;line-height: 80px;margin: 0px auto;} .te_bg .te .te_box ul li .te_list .te_img i img{vertical-align: middle;display: inline-block;width: 80px;height: 80px;} .te_bg .te .te_box ul li .te_list .te_img i:before{/* 辅助ie8图片居中 */content: '';height: 80px;width: 1px;font-size: 0;} .te_bg .te .te_box ul li .te_list .te_img{width: 100%;height: 200%;top:0;} .te_bg .te .te_box ul li.on .te_img{top:-80px;} /* ys */ .ys_bg{width: 100%;height: 870px;margin: 0 auto;background: url(../images/ys_bg.jpg) no-repeat center;overflow: hidden;} .ys_bg .ys{width: 1300px;margin: 0 auto;padding-top: 125px;position: relative;} .ys_bg .ys .ys_t{position: absolute;left: 0px;top: 90px;z-index: 5;} .ys_bg .ys .ys_t .title{background: url(../images/ys_t.png) no-repeat left center;width: 400px;height: 75px;} .ys_bg .ys .ys_t .title h3{padding: 10px 0 0 108px;} .ys_bg .ys .ys_t p{width: 480px;height: 42px;line-height: 42px;border: 1px solid #dfdfdf;text-align: center;font-size: 16px;color: #666666;letter-spacing: 8px;margin-top: 30px;} .ys_bg .ys .ys_box{margin: 0 auto;position: relative;} .ys_bg .ys .ys_box .bd{width: 1300px;} .ys_bg .ys .ys_box .bd ul li{float: left;width: 1300px;} .ys_bg .ys .ys_box .bd ul li .ys_img{float: right;width: 602px;height: 602px;border: 5px solid #fff;border-radius: 50%;margin-right: 35px;} .ys_bg .ys .ys_box .bd ul li .ys_img img{width: 602px;height: 602px;border-radius: 50%;} .ys_bg .ys .ys_box .bd ul li .txt{float: left;width: 615px;margin-top: 155px;} .ys_bg .ys .ys_box .bd ul li .txt span{display: block;font-size: 89px;color: #ededed;font-family: Arial Black;line-height: 65px;} .ys_bg .ys .ys_box .bd ul li .txt h5{font-size: 30px;color: #213044;font-weight: bold;margin-top: -22px;} .ys_bg .ys .ys_box .bd ul li .txt p{font-size: 17px;color: #666666;line-height: 36px;margin-top: 20px;} .ys_bg .ys .ys_box .hd{position: absolute;left: -310px;top: 505px;background: #fff;-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);width: 1095px;height: 140px;border-top-right-radius: 12px;border-bottom-right-radius: 12px;padding-left: 310px;} .ys_bg .ys .ys_box .hd ul li{float: left;width: 235px;height: 64px;border-right: 1px solid #e8eaec;margin: 35px 50px 0 0;} .ys_bg .ys .ys_box .hd ul li:last-child{border-right: none;margin-right: 0;} .ys_bg .ys .ys_box .hd ul li span{display: block;float: left;border-radius: 50%;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;width: 64px;height: 64px;} .ys_bg .ys .ys_box .hd ul li span img{display: block;width: 64px;height: 64px;} .ys_bg .ys .ys_box .hd ul li h5{float: left;margin-left: 15px;margin-top: 8px;font-size: 20px;color: #333;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .ys_bg .ys .ys_box .hd ul li h5 i{display: block;font-size: 12px;color: #666;text-transform: uppercase;font-weight: normal;margin-top: 2px;} .ys_bg .ys .ys_box .hd ul li.on span{background: #f2ca60;} .ys_bg .ys .ys_box .hd ul li.on h5{font-weight: bold;} .ys_bg .ys .ys_box .zx{position: absolute;left: 0px;top: 395px;z-index: 5;} .ys_bg .ys .ys_box .zx .zixun{float: left;width: 180px;height: 50px;line-height: 50px;border: 1px solid #213044;} .ys_bg .ys .ys_box .zx .zixun a{display: block;padding-left: 65px;font-size: 20px;color: #213044;background: url(../images/qq.png) no-repeat 35px center;} .ys_bg .ys .ys_box .zx .tel{float: left;line-height: 50px;margin-left: 55px;} .ys_bg .ys .ys_box .zx .tel img{display: inline-block;vertical-align: middle;margin-right: 15px;position: relative;top: -3px;animation: msClock 1.2s linear infinite;animation: msClock 1.2s linear infinite;} .ys_bg .ys .ys_box .zx .tel span{font-size: 28px;color: #333;font-weight: bold;text-transform: uppercase;} @keyframes msClock{0%,70%,100%{ transform: rotate(0) scale(1);} 10%,30%{ transform: rotate(-15deg) scale(1.1);} 20%,40%{transform: rotate(15deg) scale(1.1);} } /* case */ .case{width: 1300px;margin: 80px auto 0 auto;overflow: hidden;position: relative;height: 515px;} .case .title{position: absolute;left: 0;top: 0px;z-index: 5;background: url(../images/case_t.png) no-repeat left center;width: 226px;height: 77px;} .case .title h3{padding: 10px 0 0 80px;} .case .tel{position: absolute;right: 0;top: 0;line-height: 50px;background: url(../images/tel1.png) no-repeat left center;padding-left: 40px;font-size: 24px;color: #213044;font-family: Arial, Helvetica, sans-serif;} .case .case_box{padding-top: 70px;margin: 0 auto;position: relative;} .case .case_box .case1{float: left;margin-top: 50px;width: 400px;overflow: hidden;} .case .case_box .case1 .bd{width: 800px;margin-left: -400px;} .case .case_box .case1 .bd ul li{float: left;width: 400px;} .case .case_box .case1 .bd ul li .pic{width: 400px;height: 300px;background: #f2ca60;} .case .case_box .case1 .bd ul li .pic img{width: 380px;height: 280px;margin: 10px;} .case .case_box .case2{float: right;width: 850px;} .case .case_box .case2 .bd{width: 850px;} .case .case_box .case2 .bd ul li{float: left;width: 850px;} .case .case_box .case2 .bd ul li .pic{width: 450px;height: 350px;border: 1px solid #dedede;float: left;} .case .case_box .case2 .bd ul li .pic img{width: 430px;height: 330px;margin: 10px;} .case .case_box .case2 .bd ul li .txt{float: right;width: 350px;text-align: right;} .case .case_box .case2 .bd ul li .txt h5 a{font-size: 18px;color: #333333;font-weight: bold;text-align: right;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;line-height: 72px;} .case .case_box .case2 .bd ul li:hover .txt h5 a{color: #f2ca60;} .case .case_box .case2 .bd ul li .txt em{display: inline-block;background: url(../images/buttom6.png) no-repeat center;width: 27px;height: 16px;text-align: right;} .case .case_box .case2 .bd ul li .txt p{font-size: 16px;color: #666666;line-height: 36px;height: 72px;overflow: hidden;text-align: left;text-indent: 2em;margin: 0 0 0 10px;} .case .case_box .case2 .bd ul li .txt .more{display: block;font-size: 14px;color: #999;margin-top: 40px;height: 45px;line-height: 45px;border-bottom: 1px solid #dedede;text-align: left;background: url(../images/buttom7.png) no-repeat right center;padding: 0 10px;} .case .case_box .page{position: absolute;right: 200px;top: 370px;} .case .case_box .page .next{float: left;cursor: pointer;background: url(../images/case_left.png) no-repeat center;width: 75px;height: 45px;} .case .case_box .page .prev{float: left;cursor: pointer;background: url(../images/case_right.png) no-repeat center;width: 75px;height: 45px;} .case .case_box .pageState{position: absolute;right: 0px;top: 360px;font-size: 20px;color: #999999;font-family: Arial, Helvetica, sans-serif;letter-spacing: 12px;background: url(../images/case_xt.png) no-repeat 65px 20px;} .case .case_box .pageState::after{position: absolute;content: "0";left: 63px;top: 30px;font-size: 20px;color: #999999;font-family: Arial, Helvetica, sans-serif;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .case .case_box .pageState span{font-size: 80px;color: #333;font-weight: bold;font-family: Arial, Helvetica, sans-serif;display: inline-block;line-height: 50px;position: relative;} .case .case_box .pageState span::after{position: absolute;content: "0";left: -40px;top: 0;font-size: 80px;color: #333;font-weight: bold;font-family: Arial, Helvetica, sans-serif;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} /* about */ .ab_bg{width: 100%;margin: 0 auto;height: 1088px;background: url(../images/ab_bg.jpg) no-repeat center;overflow: hidden;} .ab_bg .about{width: 1300px;margin: 0 auto;padding-top: 110px;height: 520px;position: relative;} .ab_bg .about .ab_img{float: left;width: 590px;height: 520px;} .ab_bg .about .ab_img img{width: 590px;height: 520px;border-top-left-radius: 31px;border-top-right-radius: 31px;} :root{--tile: 40px;--radius: 50%;} .glass{position: relative;width: 590px;height: 520px;} .glass + .glass{margin-left: 1rem;} .glass:after, .glass:before{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-mask-position: 50% 50%;mask-position: 50% 50%;transition: -webkit-mask-size 0.75s;transition: mask-size 0.75s;transition: mask-size 0.75s, -webkit-mask-size 0.75s;transition-property: background-position, -webkit-mask-size;transition-property: mask-size, background-position;transition-property: mask-size, background-position, -webkit-mask-size;} .glass--2, .glass--2:after, .glass--2:before{background: url(../images/about.jpg) no-repeat center;background-size: 110% 110%;} .glass--2:after, .glass--2:before{-webkit-mask-image: repeating-radial-gradient(white, white 1em, transparent 0, transparent 2em);mask-image: repeating-radial-gradient(white, white 1em, transparent 0, transparent 2em);-webkit-mask-size: var(--radius) var(--radius);mask-size: var(--radius) var(--radius);-webkit-mask-position: 50% 50%;mask-position: 50% 50%; -webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;opacity: 0;} .glass--2:after{background-position: -0.5vw -0.5vw;background-position: -1vw -1vw;-webkit-mask-image: repeating-radial-gradient(transparent, transparent 1em, white 0, white 2em); mask-image: repeating-radial-gradient(transparent, transparent 1em, white 0, white 2em);} .glass--2:hover:before, .glass--2:hover:after{--radius: 70%;} .glass--2:hover:after{background-position: -0.5vw -0.5vw;} .glass--2:hover:after, .glass--2:hover:before{opacity: 1;} .ab_bg .about .ab_r{float: right;width: 650px;} .ab_bg .about .ab_r .title{background: url(../images/ab_t.png) no-repeat left center;width: 243px;height: 73px;} .ab_bg .about .ab_r .title h3{padding: 8px 0 0 95px;} .ab_bg .about .ab_r .txt{margin-top: 55px;} .ab_bg .about .ab_r .txt h5 a{display: block;font-size: 24px;color: #333;} .ab_bg .about .ab_r .txt em{display: block;width: 40px;height: 1px;background: #6a6a6a;margin: 25px 0 12px 0;} .ab_bg .about .ab_r .txt p{font-size: 18px;color: #666666;line-height: 40px;height: 120px;overflow: hidden;} .ab_bg .about .ry{position: absolute;right: -15px;top: 80px;background: url(../images/ry_bg.png) no-repeat center;width: 267px;height: 198px;} .ab_bg .about .ry img{width: 213px;height: 139px;margin: 20px 0 0 20px;} .ab_bg .fc{width: 1300px;margin: 0 auto;position: relative;} .ab_bg .fc .fc_list{height: 80px;position: absolute;right: 0px;top: -85px;} .ab_bg .fc .fc_list ul li{float: left;width: 210px;height: 80px;line-height: 80px;margin-left: 20px;position: relative;z-index: 5;} .ab_bg .fc .fc_list ul li a{display: block;font-size: 18px;color: #333333;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .ab_bg .fc .fc_list ul li a span{display: block;float: left;width: 30px;height: 30px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-top: 25px;margin-left: 35px;} .ab_bg .fc .fc_list ul li a i{display: block;float: left;width: 10px;height: 1px;background: #666666;margin: 40px 15px 0 15px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .ab_bg .fc .fc_list ul li.fc1 a span{background: url(../images/fc1.png) no-repeat center;} .ab_bg .fc .fc_list ul li.fc2 a span{background: url(../images/fc2.png) no-repeat center;} .ab_bg .fc .fc_list ul li.fc3 a span{background: url(../images/fc3.png) no-repeat center;} .ab_bg .fc .fc_list ul li::after{position: absolute;left: 0px;top: 0px;width: 0px;height: 100%;background: #213044;border-radius: 45px;-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);content: "";z-index: -1;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .ab_bg .fc .fc_list ul li.casehover a i{width: 20px;background: #fff;} .ab_bg .fc .fc_list ul li.casehover a{color: #fff;} .ab_bg .fc .fc_list ul li.casehover::after{width: 100%;} .ab_bg .fc .fc_list ul li.fc1.casehover a span{background: url(../images/fc11.png) no-repeat center;} .ab_bg .fc .fc_list ul li.fc2.casehover a span{background: url(../images/fc22.png) no-repeat center;} .ab_bg .fc .fc_list ul li.fc3.casehover a span{background: url(../images/fc33.png) no-repeat center;} .ab_bg .fc .fc_box{margin: 0px auto 0 auto;position: relative;padding-top: 60px;} .ab_bg .fc .fc_box .bd{width: 1300px;margin: 0 auto;} .ab_bg .fc .fc_box .bd ul li{float: left;width: 402px;position: relative;margin: 0 15px;} .ab_bg .fc .fc_box .bd ul li .pic{width: 400px;height: 300px;border: 1px solid #dddddd;} .ab_bg .fc .fc_box .bd ul li .pic img{width: 380px;height: 280px;margin: 10px;} .ab_bg .fc .fc_box .bd ul li .txt{position: absolute;left: 11px;bottom: 11px; width: 380px;height: 84px;text-align: center;line-height: 84px;} .ab_bg .fc .fc_box .bd ul li .txt a{display: block;} .ab_bg .fc .fc_box .bd ul li .txt a span{font-size: 18px;color: #324052;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;letter-spacing: 3px;margin: 0 10px;max-width: 170px;} .ab_bg .fc .fc_box .bd ul li .txt a i{display: inline-block;width: 10px;height: 1px;background: #213044;position: relative;top: -42px;} .ab_bg .fc .fc_box .next{position: absolute;left: -80px;top: 150px;cursor: pointer;background: url(../images/left1.png) no-repeat center;width: 40px;height: 130px;} .ab_bg .fc .fc_box .prev{position: absolute;right: -80px;top: 150px;cursor: pointer;background: url(../images/right1.png) no-repeat center;width: 40px;height: 130px;} /* news */ .news_bg{width: 100%;margin: 0 auto;height: 815px;background: url(../images/news_bg.jpg) no-repeat center;} .news_bg .news{width: 1300px;margin: 0 auto;padding-top: 100px;position: relative;height: 600px;} .news_bg .news .news_t{position: absolute;left: 0px;top: 100px;z-index: 5;} .news_bg .news .news_t .title{background: url(../images/news_t.png) no-repeat left center;width: 190px;height: 75px;} .news_bg .news .news_t .title h3 a{display: block;padding: 10px 0 0 83px;} .news_bg .news .news_t em{display: block;margin-top: 70px;width: 43px;height: 1px;background: #213044;} .news_bg .news .news_t p{font-size: 16px;color: #999999;margin-top: 25px;} .news_bg .news .news_list{position: absolute;top: 100px;left: 300px;z-index: 5;height: 205px;border-left: 1px solid #dde4ec;} .news_bg .news .news_list ul{ width:200px;} .news_bg .news .news_list ul li{width: 158px;height: 50px;line-height: 50px;position: relative;margin-bottom: 22px;} .news_bg .news .news_list ul li a{display: block;padding-left: 57px;font-size: 18px;color: #666;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_list ul li.n1 a{background: url(../images/news1.png) no-repeat 25px center;} .news_bg .news .news_list ul li.n2 a{background: url(../images/news2.png) no-repeat 25px center;} .news_bg .news .news_list ul li.n3 a{background: url(../images/news3.png) no-repeat 25px center;} .news_bg .news .news_list ul li::after{position: absolute;left: 0px;top: 10px;width: 2px;height: 0px;background: #f2ca60;content: "";-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_list ul li::before{position: absolute;left: -12px;bottom: 0px;width: 0px;height: 1px;background: #f2ca60;content: "";-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_list ul li.casehover::after{height: 50px;} .news_bg .news .news_list ul li.casehover::before{width: 170px;} .news_bg .news .news_box{margin: 0 auto;} .news_bg .news .news_box .news_top{height: 205px;margin-left: 530px;} .news_bg .news .news_box .news_top .news_img{float: left;width: 321px;height: 205px;} .news_bg .news .news_box .news_top .news_img img{width: 321px;height: 205px;} .news_bg .news .news_box .news_top .txt{float: right;width: 400px;} .news_bg .news .news_box .news_top .txt a{font-size: 18px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin: 5px 0 15px 0;} .news_bg .news .news_box .news_top .txt em{display: block;width: 50px;height: 2px;background: #4b4b4b;} .news_bg .news .news_box .news_top .txt p{font-size: 16px;color: #666;line-height: 36px;height: 72px;overflow: hidden;margin-top: 22px;} .news_bg .news .news_box .news_top .txt span{display: block;margin-top: 30px;font-size: 14px;color: #999;} .news_bg .news .news_box .list{width: 1360px;margin: 55px auto 0 auto;} .news_bg .news .news_box .list ul li{float: left;width: 400px;height: 145px;background: #fff;-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);margin: 0 45px 45px 0;position: relative;z-index: 5;} .news_bg .news .news_box .list ul li .txt{width: 380px;height: 88px;border-bottom: 1px solid #f3f3f3;margin: 0 auto;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_box .list ul li .txt .time{float: left;width: 75px;font-size: 48px;color: #666666;font-family: Arial, Helvetica, sans-serif;font-weight: bold;line-height: 40px;margin-top: 28px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_box .list ul li .txt .txt_nr{float: right;width: 300px;} .news_bg .news .news_box .list ul li .txt .txt_nr a{font-size: 18px;color: #444444;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin: 23px 0 4px 0;} .news_bg .news .news_box .list ul li .txt .txt_nr p{font-size: 16px;color: #777777;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-left: 10px;} .news_bg .news .news_box .list ul li .more{height: 50px;line-height: 50px;margin: 0 auto;width: 380px;} .news_bg .news .news_box .list ul li .more span{display: block;float: left;font-size: 16px;color: #666666;font-family: Arial, Helvetica, sans-serif;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_box .list ul li .more a{display: block;float: right;font-size: 14px;color: #999999;margin-right: 15px;padding-left: 50px;background: url(../images/xt1.png) no-repeat center left;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_box .list ul li::after{position: absolute;left: -5px;top: -20px;width: 0px;height: 0px;background: #213044;content: "";z-index: -1;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .news_bg .news .news_box .list ul li:hover::after{width: 420px;height: 165px;} .news_bg .news .news_box .list ul li:hover .txt{border-bottom: 1px solid #4d5969;} .news_bg .news .news_box .list ul li:hover .txt .time{color: #f2ca60;} .news_bg .news .news_box .list ul li:hover .txt .txt_nr a{color: #fff;} .news_bg .news .news_box .list ul li:hover .txt .txt_nr p{color: #fff;opacity: 0.5;} .news_bg .news .news_box .list ul li:hover .more span{color: #f2ca60;} .news_bg .news .news_box .list ul li:hover .more a{color: #f2ca60;background: url(../images/xt2.png) no-repeat center left;} @media (max-width: 1440px){ .footer_bg .footer{ width:1180px;} .footer_bg .footer .f_fl{ width:530px} .footer_bg .footer .f_fl dl dt,.news_bg .news .news_box .list ul li .txt .txt_nr a,.news_bg .news .news_box .news_top .txt a,.news_bg .news .news_list ul li a { font-size:16px;} .footer_bg .footer .f_fl dl{ width:110px; margin-right:20px;} .footer_bg .footer .f_cont{ width:280px;} .footer_bg .footer .f_cont ul li p{ font-size:14px; line-height:28px; width:255px;} .news_bg{ height:760px;} .news_bg .news,.news_bg .news .news_box .list { width:1200px} .news_bg .news .news_list{ left:270px} .news_bg .news .news_box .list ul li .txt .txt_nr p,.news_bg .news .news_box .news_top .txt p,.news_bg .news .news_t p{ font-size:14px;} .news_bg .news .news_box .news_top{ margin-left:465px;} .news_bg .news .news_box .news_top .txt,.news_bg .news .news_box .list ul li:hover::after,{ width:370px} .news_bg .news .news_box .news_top .news_img img{ width:315px;} .news_bg .news .news_box .list ul li{ width:370px; margin-right:25px; margin-bottom:25px;} .news_bg .news .news_box .list ul li .txt,.news_bg .news .news_box .list ul li .more{ width:350px} .news_bg .news .news_box .list ul li .txt .txt_nr{ width:275px;} .news_bg .news .news_box .list ul li:hover::after{ height:145px;} .news_bg .news .news_box .list ul li::after{ top:0; left:0} } /* --inpage-banner-- */ .inpage-banner{position:relative;z-index:1;margin-top:-104px;width:100%;height:558px;overflow:hidden;} .inpage-banner .PcImg{overflow:hidden;} .inpage-banner .PcImg img{display:block;position:relative;left:50%;margin-left:-960px;width:1920px;max-width:1920px;height:558px;} .inpage-banner .MobileImg{display:none;overflow:hidden;} .inpage-banner .MobileImg img{width:100%;} .Crumbs{position:absolute;top:50%;left:0;margin-top:-15px;width:100%;height:30px;line-height:30px;font-size:14px;color:#333;text-align:center;} .Crumbs a{display:inline-block;color:#333;} /* --inpage-menu-- */ .inpage-menu-pc{position:relative;z-index:3;top:420px;margin:0 auto;min-width:1100px;height:75px;line-height:75px;overflow:hidden;background:#fff; width:83%;} .inpage-menu-pc .home{float:left;width:75px;height:75px;} .inpage-menu-pc .home a{display:block;width:75px;height:75px;background:#e6531f url(../images/Inpage_menu_home.png) no-repeat center;} .inpage-menu-pc .menu-list{float:left;padding:0 20px; overflow:hidden;} .inpage-menu-pc .menu-list ul{overflow:hidden;} .inpage-menu-pc .menu-list li{float:left;padding:0 30px;text-align:center;font-size:16px;} .inpage-menu-pc .menu-list li a{display:block;color:#333;} .inpage-menu-pc .menu-list li:hover a,.inpage-menu-pc .menu-list li.cur a{color:#e6531f;} .inpage-menu-pc .tel{float:right; padding-right:30px; font-size:15px;} .inpage-menu-pc .tel em{display:block;padding-left:44px;font-size:18px;font-family:Helvetica Neue;color:#25272f;background:url(../images/inpage_menu_tel.png) no-repeat 0 center;} .inpage-menu-pc.help .tel{display:none;} .inpage-menu-pc.help .menu-list{width:calc(1200px - 75px);} .inpage-menu-pc.help .menu-list li{width:140px;} .about_ny{ min-width:1200px; width:83%; margin:60px auto} .about_ny h3{ width:100%; line-height:42px; text-align:center; position:relative; font-size:30px; font-weight:600; margin-bottom:18px} .about_ny h3:after{ position:absolute; content:""; width:200px; left:50%; margin-left:-100px; height:8px; z-index:-1; bottom:0; background:#e6531f; } .about_ny h4{ width:100%; text-align:center; color:#666; font-weight:400; margin-bottom:30px;} .about_ny p{ font-size:16px; line-height:32px; padding:8px 0; text-indent:2em;} .about_ny .sl{ width:100%; padding:30px 0;display: flex;align-items: center; bordeR:1px #ccc solid; margin-top:40px; margin-bottom:60px;} .sl li{ width:25%; padding:0 1%; text-align:center; border-right:1px #ccc dashed;} .sl li:nth-child(4){border-right:none} .sl li p{ width:100%; line-height:28px; } .sl li p i{ font-style:normal; font-size:32px; color:#ff0000; font-weight:800} .about_ny .zz{ width:100%; padding:0 0 50px; float:left} .about_ny .zz li{ width:21%; padding:0 .9%; text-align:center; margin:15px 1%; float:left; border:1px #ccc solid} .about_ny .zz li p,.about_ny .zz li p img{ width:100%; float:left} .about_ny .zz li p{ text-indent:0;} .about_ny .zz li p a{ background:#e6531f; color:#fff; width:100%; float:left; line-height:40px; } .about_ny .zz li:hover{ border:1px red solid} .fy{ width:100%; text-align:center} .fy a{ padding:4px 8px; color:#fff; background:#ff0000; margin:5px } .news_list { width:100%; float:left; margin-bottom:70px; } .news_list li { float: left;width: 45.46154%;margin-left: 1.53846%;padding: 1%;transition: all 0.5s } .news_list li .img { float: left;width: 38.98305%;border-radius: 4px;position: relative;overflow: hidden;padding-top: 24.07% } .news_list li .img img { clear: both;display: block;transition: all 0.5s;position: absolute;left: 0px;width: 100%;top: 0%;height: 100% !important;object-fit: cover } .news_list li .text { float: right;width: 58.30508%;position: relative;height: 142px } .news_list li .text a { clear: both;display: block;font-size: 18px;line-height: 1.5;font-weight: bold;margin-bottom: 2.90698%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden } .news_list li .text p { clear: both;display: block;color: #333333;font-size: 15px;line-height: 28px;text-align: left;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2 } .news_list li .text span { position: absolute;font-size: 16px;color: #666666;line-height: 1;left: 0px;bottom: 0px } .news_list li:hover { background: #fff;box-shadow: 6px 6px 12px rgba(15,20,44,0.05) } .newBan { clear: both;display: block;background: url(../images/newInsideBanbg.jpg) no-repeat center top;background-size: cover } .newBan .container { padding-top: 100px;padding-bottom: 45px;text-align: center } .newBan .container h1 { clear: both;display: block;font-size: 32px;color: #ffffff;line-height: 60px;text-align: left; margin:20px 0 } .newBan .container .insideBanTime { clear: both;display: block;text-align: left;padding-top: 10px } .newBan .container .insideBanTime span { display: inline-block;color: #fff;font-size: 14px;line-height: 44px;margin-right: 16px } .newBan .container .insideBanTime a { display: inline-block;width: 160px;height: 44px;background: #f33c3c;color: #fff;border-radius: 4px;text-align: center;position: relative;font-size: 16px;line-height: 44px;transition: all 0.5s } .newBan .container .insideBanTime a strong { display: block;transition: all linear 0.3s;transform-style: preserve-3d;transform: translateY(0);transition-property: transform;text-align: center } .newBan .container .insideBanTime a strong i { display: inline-block;font-style: normal;background-image: url(../images/caseIcon02.png);background-repeat: no-repeat;background-position: left center;padding-left: 20px } .newBan .container .insideBanTime a strong+strong { position: absolute;top: 0;left: 0;width: 100%;transform: translate3d(0, 33%, 1px) rotateX(-90deg);display: none\9 } .newBan .container .insideBanTime a:hover strong { transform: translate3d(0, -33%, 1px) rotateX(90deg);transform: none\9 } .newBan .container .insideBanTime a:hover strong+strong { transform: none } .newOne .newOneFl { float: left;width:72.5%;margin-top: 60px;margin-bottom:50px } .newOne .newOneFl .newOneFlMain p { font-size: 16px;color: #333333;line-height: 30px;margin: 30px 0px } .newOne .newOneFl .newOneFlMain p.ms { color: #666 !important;line-height: 1.5;padding: 0 10px 10px;margin-top: 10px;position: relative;margin-bottom: 15px } .newOne .newOneFl .newOneFlMain p.ms:after { content: '';width: 60px;height: 1px;background-color: #f33c3c;position: absolute;left: 50%;margin-left: -30px;bottom: 0 } .newOne .newOneFl .newOneFlMain p.v-tit { text-indent: 0;margin-bottom: 5px } .newOne .newOneFl .newOneFlMain p span.zx { display: inline-block;padding: 0 14px;background: #E24242;background: -moz-linear-gradient(left, #E24242 0%, #A3172C 100%);background: -webkit-linear-gradient(left, #E24242 0%, #A3172C 100%);background: -o-linear-gradient(left, #E24242 0%, #A3172C 100%);background: -ms-linear-gradient(left, #E24242 0%, #A3172C 100%);background: linear-gradient(to right, #E24242 0%, #A3172C 100%);text-indent: 0;line-height: 30px;color: #fff;line-height: 30px;border-radius: 4px;margin: 0 5px;cursor: pointer;-webkit-transform: translateZ(0);transform: translateZ(0) } .newOne .newOneFl .newOneFlMain p span.zx:hover { -webkit-animation-name: pulse-grow;animation-name: pulse-grow;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate } .newOne .newOneFl .newOneFlMain p:first-child { margin-top: 0px } .newOne .newOneFl .newOneFlMain img,.newOne .newOneFl .newOneFlMain video { height: auto;max-width: 800px;width: 100%;line-height: 1 } .newOne .newOneFl .newOneFlMain>p a { color: #DA251D;cursor: pointer;padding: 0 4px } .newOne .newOneFl .newOneFlMain>p a:hover { text-decoration: underline } .newOne .newOneFl .newOneFlMain h2,.newOne .newOneFl .newOneFlMain h3 { font-size: 24px;color: #333333;line-height: 34px;padding-left: 64px;position: relative;margin: 40px 0px 30px } .newOne .newOneFl .newOneFlMain h2:before,.newOne .newOneFl .newOneFlMain h3:before { content: '';width: 84px;height: 78px;background: url(../images/new-icon.png) no-repeat left top;background-size: 100%;position: absolute;top: -16px;left: -14px } .newOne .newOneFl .newOneFlMain h2:first-child,.newOne .newOneFl .newOneFlMain h3:first-child { margin-top: 0px } .newOne .newOneFl .newOneFlMain table { margin-bottom: 20px;border-collapse: collapse } .newOne .newOneFl .newOneFlMain table td { padding: 5px 2px;word-break: break-all;border: 1px solid #e7e7e7 } .newOne .newOneFr { float: right;width: 22.5%;margin-top: 6.25%;margin-bottom: 6.25% } .newOne .newOneFr .sideTit { clear: both;display: block;font-size: 20px;color: #031527;border-top: 1px solid #c9c9c9;position: relative;padding: 25px 0px 13px 0px;line-height: 30px } .newOne .newOneFr .sideTit:after { content: '';position: absolute;left: 0px;top: -1px;height: 2px;background: #f33c3c;width: 56px } .newOne .newOneFr .sidePro { clear: both;display: block } .newOne .newOneFr .sidePro ul { clear: both;display: block;background: #fff;border-radius: 8px;padding: 20px;box-shadow: 6px 6px 20px rgba(31,10,10,0.08) } .newOne .newOneFr .sidePro ul li { clear: both;display: block;margin-top: 15px;position: relative } .newOne .newOneFr .sidePro ul li:first-child { margin-top: 0px } .newOne .newOneFr .sidePro ul li .img { clear: both;display: block;overflow: hidden;border-radius: 4px;position: relative } .newOne .newOneFr .sidePro ul li .img img { width: 100%;transition: all 0.5s } .newOne .newOneFr .sidePro ul li .img:after { content: '';position: absolute;left: 0px;bottom: 0px;height: 34px;width: 100%;transition: all 0.5s;background: -moz-linear-gradient(top, rgba(36,43,59,0) 0%, rgba(36,43,59,0.7) 50%);background: -webkit-linear-gradient(top, rgba(36,43,59,0) 0%, rgba(36,43,59,0.7) 50%);background: -o-linear-gradient(top, rgba(36,43,59,0) 0%, rgba(36,43,59,0.7) 50%);background: -ms-linear-gradient(top, rgba(36,43,59,0) 0%, rgba(36,43,59,0.7) 50%);background: linear-gradient(to bottom, rgba(36,43,59,0) 0%, rgba(36,43,59,0.7) 50%) } .newOne .newOneFr .sidePro ul li .tit{position: absolute;left: 0px;bottom: 8px;width: 100%;color: #fff;font-size: 16px;text-align: center;transition: all 0.5s} .newOne .newOneFr .sidePro ul li:hover .img img { transform: scale(1.05)} .newOne .newOneFr .sidePro ul li:hover .tit { color: #f13e3e} .newOne .newOneFr .newOneFrAdr { clear: both;display: block;margin-top: 9.02778%;cursor: pointer} .newOne .newOneFr .newOneFrAdr img { width: 100%} .NewTit { clear: both;display: block;margin-bottom:20px } .NewTit h2 { float: left;font-size:30px;margin-bottom: 24px;color: #031527;line-height: 1;font-weight: normal;position: relative} .NewTit h2::after { content: '';position: absolute;left: 0px;bottom: -23px;width: 40px;height: 4px;background: #f33c3c} .NewTit p { float: left;color: #595959;font-size: 16px;line-height: 1;padding-left: 38px;margin-top: 27px} .NewTit a { float: right;font-size: 16px;color: #595959;margin-top: 27px} .txtNewList {clear: both;display: block;background: #f2f4fa; padding: 1px 0px ; width:100%; float:left} .txtNewList .NewTit {margin-top:30px; float:left; width:100%;} .txtNewList ul { position: relative; width:100%; float:left;z-index: 2;margin-bottom: 5.78125%;} .txtNewList ul li { float: left;margin:0 1%;width: 43%;position: relative;display: block;padding: 19px 0} .txtNewList ul li a {font-size: 18px;clear: both;display: block;line-height: 30px;background: url(../images/HomeThreeIcon02.png) no-repeat left center;padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .txtNewList ul li a:hover {background-image: url(../images/HomeThreeIcon03.png);color: #f13e3e} .txtNewList ul li span {position: absolute;right: 0px;top: 24px;font-size: 16px;color: #666666;line-height: 1} .proThree {clear: both;display: block;background: #13181e;overflow: hidden} .proThree .proThreeFr {position: absolute;right: 50%;top: 0px;width: 77.26562%;margin-right: -75%} .proThree .proThreeFr img {width: 100%} @-webkit-keyframes pulse-grow { to {-webkit-transform: scale(1.1); transform: scale(1.1)} } @keyframes pulse-grow { to {-webkit-transform: scale(1.1); transform: scale(1.1)} } .container{ margin:0 auto } .newBan .container { margin:0 auto} @media (max-width: 1360px) { .newBan .container {padding-top:55px; padding-bottom: 35px;} .newBan .container h1 {font-size: 28px; line-height: 40px} .newBan .container .insideBanTime span {line-height: 40px; margin-right: 14px} .newBan .container .insideBanTime a {width: 140px; height: 40px; font-size: 14px; line-height: 40px} .newOne .newOneFl .newOneFlMain h2,.newOne .newOneFl .newOneFlMain h3 {font-size: 22px; line-height: 30px} .newOne .newOneFl .newOneFlMain h2:before,.newOne .newOneFl .newOneFlMain h3:before {width: 74px; height: 69px} .newOne .newOneFr .sideTit {font-size: 18px; padding: 20px 0px 10px 0px} .newOne .newOneFr .sidePro ul {border-radius: 6px; padding: 15px} .NewTit h2::after {bottom: -23px;width: 80px;height: 4px} .NewTit p {padding-left: 28px} .txtNewList ul li a {font-size: 16px; line-height: 28px; padding-left:10px} } @media (max-width: 1160px) { .newBan .container { padding-bottom:30px } .newBan .container h1 { font-size: 26px; line-height: 30px } .newBan .container .insideBanTime { padding-top: 10px } .newBan .container .insideBanTime span { line-height: 35px; margin-right: 12px } .newBan .container .insideBanTime a { width: 120px; height: 35px; line-height: 35px } .newOne .newOneFl .newOneFlMain p { font-size: 14px; line-height: 26px } .newOne .newOneFl .newOneFlMain h2,.newOne .newOneFl .newOneFlMain h3 { font-size: 20px; line-height: 28px; padding-left: 55px } .newOne .newOneFl .newOneFlMain h2:before,.newOne .newOneFl .newOneFlMain h3:before { width: 65px; height: 60px; top: -14px } .newOne .newOneFr .sideTit { font-size: 16px; padding: 15px 0px 9px 0px } .newOne .newOneFr .sidePro ul { border-radius: 4px; padding: 10px } .newOne .newOneFr .sidePro ul li .tit { bottom: 6px; font-size: 14px } .NewTit h2 { font-size: 30px } .NewTit h2::after { bottom: -23px; width: 40px; height: 4px } .NewTit p { font-size: 14px; padding-left: 15px; margin-top: 17px } .NewTit a { font-size: 14px; margin-top: 17px } .txtNewList ul li a { line-height: 24px; padding-left: 25px } } /* 新加table样式 */ .newOneFlMain table { width: 100%;margin-bottom: 20px;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;background-color: #FFF; } .newOneFlMain thead tr { background-color: #fa4747!important } .newOneFlMain td { border-top: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;padding: 5px 2px;line-height: 24px;word-break: break-all;text-align: center; } .newOneFlMain thead th { color: #FFF;text-align: center;padding: 10px 5px; } /* .newOneFlMain tr:nth-child(odd){background-color: #fff2f4;} */ .newOneFlMain tr:nth-child(even) { background-color: #FFF; } .BreadNav { width:100%; color:#fff; text-align:left; font-size:16px; } .BreadNav a { display: inline-block;font-size: 16px;color: #999999;line-height: 30px;position: relative;padding-right: 20px } .BreadNav a:after { content: '＞';position: absolute;right: 0px;top: 0px;text-align: right } .BreadNav li:last-child { padding-right: 0px } .BreadNav li:last-child:after { display: none } .BreadNav li a,.BreadNav li span { color: #b4b7bf;display: inline-block } .BreadNav li a:hover { color: #ff6d28 } .news-pages { padding-top: 20px } .news-pages p { text-indent: 0;font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 0;padding-left: 30px;color: #666666;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;padding: 15px 10px 15px 50px;border-radius: 8px;background-repeat: no-repeat;background-position: 20px center } .news-pages p span { color: #f33c3c } .news-pages p a { display: inline-block } .news-pages p.prev { background-image: url(../images/new-top.png) } .news-pages p.next { background-image: url(../images/new-bottom.png)} .news-pages p:hover {box-shadow: 6px 6px 20px rgba(31,10,10,0.08);color: #f33c3c;background-color: #fff} .news-pages p:hover a {color: #f33c3c} .job-page01 .item { background-color:#f9f9f9; float:left; padding: 0 4%; margin-bottom: 24px } .job-page01 .item p{ text-indent:0; width:100%; font-size:15px;} .job-page01 .main { padding: 24px 0 40px; width:100%; float:left; } .job-page01 .content { line-height: 1.8; padding-right: 5%; padding-left:1%; position: relative } .job-page01 .link { position: absolute; right: 0; top: 0; z-index: 0 } .zp_name{ width:100%; float:left; padding:10px 0 20px; border-bottom:1px #ccc solid; font-size:22px;} .lx, .lx ul{ width:100%; float:left; padding:10px 0} .lx h1{ text-align:center; font-size:30px; width:100%; float:left} .lx ul li{ width:25%; float:left; text-align:center; margin-top:20px; margin-bottom:20px;} .lx ul li p{ text-indent:0;} .lx ul li p,.lx ul li p i{ width:100%; float:left} .lx ul li p i{ font-style:normal;} .pro_n{ width:90%; float:left; padding:20px 0; margin:0 5%;} .pro_n h1,.pro_n span{ text-align:center; width:100%; font-size:18px; float:left; line-height:32px} .pro_n h5{ text-align:center; width:100%; font-size:15px; float:left; color:#666} .pro_n span{ margin:30px 0} /**** @media (max-width: 1440px){ .pro_bg .product,.pro_bg .product .pro_show,.ys_bg .ys,.ys_bg .ys .ys_box .bd{ width:1200px;} .pro_bg .product .pro_box .pro_list{ width:24%} .pro_bg .product .pro_box .pro_r{width:74%; margin-top:0} .pro_bg .product .pro_box .pro_r .bd{ width:100%; overflow-x:hidden} .pro_bg .product .pro_box .pro_r .bd ul li .pic{ width:40%; height:auto} .pro_bg .product .pro_box .pro_r .bd ul li .pic img{ width:95%; height:auto} .pro_bg .product .pro_box .pro_r .bd ul li .txt{ width:55%; float:left; margin-left:2%;} .pro_bg .product .pro_t .t_more{ width:280px; height:66px; line-height:66px;} .pro_bg .product .pro_t .t_more a{ font-size:15px; padding-left:50px} .pro_bg .product .pro_box .pro_r .bd ul li .txt p{ font-size:14px; line-height:30px; margin-top:15px; height:96px;} .pro_bg .product .pro_box .pro_r .bd ul li .txt .more{ margin-top:10px;} .pro_bg .product .pro_box .pro_r .hd{ top:90%; left:60%;} .pro_bg .product .pro_box{ height:auto; float:left; margin-bottom:50px;} .pro_bg .product .pro_show ul li{ width:32%; margin-left:0; margin-right:0} .pro_bg .product .pro_show ul li:nth-child(3n-1){ width:32%; margin-left:2%; margin-right:2%} .pro_bg .product .pro_show ul li .pic,.pro_bg .product .pro_show ul li .pic img{ width:100%; height:auto;} .pro_bg .product .pro_show ul li .txt{ width:98%;} .pro_bg .product .pro_show ul li .pic a{ width:94%; height:auto} .pro_bg{ height:auto; margin-bottom:40px;} .ys_bg{ height:auto} .ys_bg .ys .ys_box .bd ul li .txt{ width:560px} .ys_bg .ys .ys_box .bd ul li .ys_img,.ys_bg .ys .ys_box .bd ul li .ys_img img{ width:560px; height:560px} }