

.clearfix:after {content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size: 0;}
.yc {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tsy {vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.tsy:hover {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.gd {-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.s180 {transform: rotateY(0);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.s180:hover {transform: rotateY(108deg);}
.img100 {transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.img100:hover {transform: scale(1.1);}
.w100 {width: 100%;height: 100%;object-fit: contain;}
.yuas {-webkit-animation: hang linear 2s infinite;}

.flex {display: flex;justify-content: space-between;}
.je {animation: jello 2s 1s infinite;}

.pro {height:960px;background: url(../images/pro.jpg) no-repeat center top;padding: 76px 0 0;box-sizing: border-box;}
.pro .contents {display: flex;justify-content: space-between;}
.pro .aside {width:300px;}
.pro .aside .top {height: 78px;padding: 16px 0 0 68px;box-sizing: border-box;position: relative;z-index: 50;}
.pro .aside .top::before {content: "";display: block;width: 285px;height: 78px;position: absolute;background: url(../images/t4.png) no-repeat center;top: 0;left: -68px;z-index: -1;}
.pro .aside .top h3 a {display: block;font-size: 30px;color: #333;line-height: 30px;font-weight: bold;}
.pro .aside .top p {font-size: 14px;color: #999;line-height: 11px;margin: 9px 0 0;}
.pro .aside .box {width:220px;margin:36px 0 0;}
.pro .aside .box p {line-height: 58px;font-size: 18px;color: #333;padding-left: 56px;background: url(../images/title1.png) no-repeat center left;background-position-x: 14px;border-bottom: 1px solid #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .aside .box .list {margin:5px 0 0;}
.pro .aside .box .list li {border-bottom: 1px dashed #eee;position: relative;}
.pro .aside .box .list li::before {content: "";display:block;width:4px;height:4px;position:absolute;background: #333;border-radius: 50%;top:33px;left: 25px;z-index: 50;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .aside .box .list li a {width:220px;box-sizing: border-box;padding: 0 50px 0 55px;display: block;line-height: 70px;color: #333;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .aside .box .list li:hover::before {background: #fff;}
.pro .aside .box .list li:hover a {background: url(../images/title2.png) no-repeat center;color: #fff;}
.pro .aside .box .list li:nth-child(1)::before {background: #fff;}
.pro .aside .box .list li:nth-child(1) a {background: url(../images/title2.png) no-repeat center;color: #fff;}

.pro .reg {width:1180px;}
.pro .reg .list {display: flex;justify-content: space-between;flex-wrap: wrap;margin:1px 0 0;}
.pro .reg .list li {width:265px;}
.pro .reg .list li .tu {width: 265px;height:220px;border: 1px solid #ddd;box-sizing: border-box;padding: 10px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .reg .list li .tu .img {display: block;width: 100%;height: 100%;overflow: hidden;}
.pro .reg .list li .tu .img img {width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .reg .list li .tu .img img:hover {transform: scale(1.1);}
.pro .reg .list li .text {height: 72px;position: relative;padding: 0 80px 0 24px;box-sizing: border-box;}
.pro .reg .list li .text::before {content: "";display: block;width: 4px;height: 4px;position: absolute;background: #666;border-radius: 50%;top: 34px;left: 10px;}
.pro .reg .list li .text .cond {display: block;font-size: 14px;color: #666;line-height: 72px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .reg .list li .text .more {display: block;font-family: Arial;font-size: 12px;color: #999;line-height: 72px;position: absolute;top: 0;right:5px;width: 75px;height: 72px;background: url(../images/more5.png) no-repeat center right;padding: 0 12px 0 0;text-align: right;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .reg .list li:hover .tu {border: none;background: #fff;box-shadow: 0px 3px 20px 0px rgba(29, 84, 177, 0.15);}
.pro .reg .list li:hover .text .more {transform: rotateX(360deg);}

.regions {height: 300px;background: url(../images/reg.jpg) no-repeat center top;padding: 58px 0 0;box-sizing: border-box;}
.regions .contents {display: flex;justify-content: space-between;}
.regions .erm {width: 265px;height: 192px;margin: 0 207px 0 0;display: flex;justify-content: space-between;}
.regions .erm .tu {flex: 75% 0 0;margin: 11px 0 0;}
.regions .erm .tu img {display: block;width: 162px;height: 162px;padding: 15px;box-sizing: border-box;background: url(../images/erm.png) no-repeat center;}
.regions .erm p {font-size: 20px;color: #fff;line-height: 20px;font-weight: bold;text-align: center;writing-mode: tb-rl;}
.regions .erm .g {font-size: 20px;color: #fff;line-height: 20px;letter-spacing: 4px;text-align: center;writing-mode: tb-rl;}
.regions .plaet {margin: 12px 0 0;}
.regions .plaet h3 {display: block;font-size: 40px;color: #1951b0;line-height: 38px;font-weight: bold;position: relative;}
.regions .plaet h3::before {content: "";display: block;width: 50px;height: 4px;position: absolute;background: #1951b0;top: 62px;left: 0;}
.regions .plaet p {font-size: 30px;color: #333;line-height: 30px;letter-spacing: 3px;margin: 53px 0 23px;}
.regions .plaet .y {font-size: 16px;color: #333;line-height: 16px;letter-spacing: 8px;}
.regions .num {width: 325px;}
.regions .num .number {height: 25px;padding-left: 40px;background: url(../images/tel1.png) no-repeat center left;font-family: Arial;font-size: 32px;color: #333;line-height: 25px;}
.regions .num .number i {font-family: Arial;font-size: 26px;color: #333;line-height: 25px;;margin:30px 0 0 0;}
.regions .num p {font-family: Arial;font-size: 32px;color: #333;line-height: 23px;text-align: right;}
.regions .num .xun {display: block;width: 160px;height: 45px;background: #f99820 url(../images/qq.png) no-repeat center left;background-position-x: 33px;padding-left: 65px;box-sizing: border-box;font-size: 16px;color: #fff;line-height: 45px;border-radius: 10px;margin:60px 0 0 100px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.regions .num .xun:hover {border-radius: 3px;}
.adv {height: 1424px;background: url(../images/adv.jpg) no-repeat center top;padding: 91px 0 0;box-sizing: border-box;}
.adv .top {height: 122px;background: url(../images/t1.png) no-repeat bottom left;background-position-x: 410px;}
.adv .top h3 {height: 72px;font-size: 40px;color: #333;line-height: 72px;font-weight: bold;text-align: center;}
.adv .top h3 i {display: inline-block;width: 72px;height: 72px;font-family: Arial;font-size:60px;background: #f99820;color: #fff;font-weight: bold;margin: 0 32px;text-align: center;position: relative;top: 10px;}
.adv .top h3 i::before {content: "";display: block;width: 50px;height: 1px;position: absolute;background-color: #f99820;}
.adv .top p {width: 480px;position: relative;margin: 5px auto 0;}
.adv .top p i {font-family: Arial;font-size: 16px;color: #333;line-height: 15px;letter-spacing: 3px;}
.adv .top p i:nth-child(1) {position: absolute;top: 0;left: -110px;}
.adv .top p i:nth-child(2) {position: absolute;top: 0;right: -50px;}
.adv .imglist {margin: 84px 0 0;}
.adv .imglist li {margin: 0 0 60px 0;display: flex;justify-content: space-between;}
.adv .imglist li .plaet {width: 605px;}
.adv .imglist li .plaet .list {margin-bottom: 45px;}
.adv .imglist li .plaet .list .cond {padding-left: 139px;height: 108px;background: url(../images/yb.png) no-repeat center left;position: relative;}
.adv .imglist li .plaet .list .cond .num {width: 108px;height: 108px;text-align: center;line-height: 108px;font-family: Arial;font-size: 39px;color: #fff;position: absolute;top: 0;left: 0;font-weight: bold;}
.adv .imglist li .plaet .list .cond p {font-size: 28px;color: #000;line-height: 70px;}
.adv .imglist li .plaet .list .cond .z {font-size: 18px;color: #666;line-height: 30px;}
.adv .imglist li .plaet .list .text {font-size: 16px;color: #333;line-height: 40px;margin: 25px 0 0;}
.adv .imglist li .ys {width: 626px;height: 511;}


.case {height: 1553px;background: url(../images/case.jpg) no-repeat center top;padding: 164px 0 0;box-sizing: border-box;overflow: hidden;}
.case .box {display: flex;justify-content: space-between;}
.case .box .top {width:430px;padding-left:120px;box-sizing: border-box;position: relative;z-index: 50;display: flex;justify-content: space-between;}
.case .box .top::before {content: "";display: block;width:281px;height: 78px;position: absolute;background: url(../images/t2.png) no-repeat center;top: 0;left: -22px;z-index: -1;}
.case .box .top h3 {font-size: 30px;color: #333;line-height: 78px;font-weight: bold;}
.case .box .top p {display: block;font-family: Arial;font-size: 14px;color: #999;line-height: 96px;}
.case .box .more {display: block;font-family: Arial;font-size:14px;color: #666;line-height: 78px;padding-right:70px;position: relative;}
.case .box .more::before {content: "";display: block;width: 15px;height: 78px;background: url(../images/more1.png) no-repeat center;position: absolute;top: 0;right: 50px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .box .more:hover::before {transform: rotateY(360deg);}
.case .sild20 {margin: 27px 0 0;}
.case .sild20 .bd li {width: 430px;margin-left:45px;}
.case .sild20 .bd li .tu {width: 430px;height:300px;border: 1px solid #dedede;padding: 10px;box-sizing: border-box;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .sild20 .bd li .tu .img {display: block;width: 100%;height: 100%;overflow: hidden;}
.case .sild20 .bd li .tu .img img {width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .sild20 .bd li .tu .img img:hover {transform: scale(1.1);}
.case .sild20 .bd li .text {height: 72px;padding: 0 90px 0 32px;width: 100%;box-sizing: border-box;position: relative;}
.case .sild20 .bd li .text::before {content: "";display: block;width: 5px;height: 5px;position: absolute;background: #666;border-radius: 50%;top: 30px;left: 14px;}
.case .sild20 .bd li .text .cond {display: block;font-size: 16px;color: #333;line-height: 72px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case .sild20 .bd li .text .more {display: block;width: 20px;height: 72px;background: url(../images/more2.png) no-repeat center;position: absolute;top: 0;right: 23px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .sild20 .bd li:hover .tu {background: #1951b0;border: none;}
.case .sild20 .bd li:hover .text::before {background: #1951b0;}
.case .sild20 .bd li:hover .text .more {transform: rotateY(360deg);}
.case .sild20 .arrow {width: 422px;margin: 10px auto 0;display: flex;justify-content: space-between;}
.case .sild20 .arrow .prev {font-size: 17px;color: #f99820;line-height: 30px;padding-left: 38px;position: relative;cursor: pointer;}
.case .sild20 .arrow .prev::before {content: "";display: block;width: 20px;height: 30px;position: absolute;background: url(../images/prev-case.png) no-repeat center;top: 3px;left: 0;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .sild20 .arrow .prev:hover::before {transform: rotateX(360deg);}
.case .sild20 .arrow .next {font-size: 17px;color: #999;line-height: 30px;padding-right: 30px;position: relative;cursor: pointer;}
.case .sild20 .arrow .next::before {content: "";display: block;width: 20px;height: 30px;position: absolute;background: url(../images/next-case.png) no-repeat center;top: 2px;right: 0;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .sild20 .arrow .next:hover::before {transform: rotateX(360deg);}
.case .sild20 .arrow .hd {width: 145px;display: flex;justify-content: space-between;}
.case .sild20 .arrow .hd li {width: 13px;height: 30px;background: url(../images/cire1.png) no-repeat center;transition: 0.2s;}
.case .sild20 .arrow .hd .on {background: url(../images/cire2.png) no-repeat center;}
.case .abo {position: relative;margin: 90px 0 0;display: flex;justify-content: space-between;}
.case .abo .z1 {width:450px;height: 490px;position: relative;}
.case .abo .z1 .about {width:450px;height: 490px;}
.case .abo .z1 .text {position: absolute;top: 0;left: 0;width:450px;height: 490px;background: rgba(0, 0, 0, 0.4) url(../images/chua.png) no-repeat center top;background-position-y: 131px;z-index: 30;}
.case .abo .z1 .text h3 {display: block;font-size: 30px;color: #fff;text-align: center;line-height: 30px;margin: 148px 0 35px;position: relative;}
.case .abo .z1 .text h3::before {content: "";display: block;width: 26px;height: 1px;position: absolute;background: #fff;top:52px;left:200px;}
.case .abo .z1 .text p {font-size: 20px;color: #fff;line-height:40px;text-align: center;}
.case .abo .z1 .text .more {display: block;width: 60px;height: 60px;background: url(../images/more3.png) no-repeat center;margin: 104px auto 0;}
.case .abo .y1 {width:957px;margin: 46px 0 0;}
.case .abo .y1 .top {height: 78px;padding: 16px 0 0 68px;box-sizing: border-box;position: relative;}
.case .abo .y1 .top::before {content: "";display: block;width: 285px;height: 78px;position: absolute;background: url(../images/t3.png) no-repeat center;top: 0;left: -68px;}
.case .abo .y1 .top h3 {font-size: 30px;color: #333;line-height: 30px;font-weight: bold;}
.case .abo .y1 .top p {font-size: 14px;color: #999;line-height: 11px;margin: 9px 0 0;}
.case .abo .y1 .cond {display: block;font-size: 22px;color: #333;line-height: 22px;font-weight: bold;margin: 41px 0 70px;}
.case .abo .y1 p {font-size: 16px;color: #333;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 108px;}
.case .abo .y1 .tel {height: 59px;font-family: Arial;font-size: 40px;color: #333;line-height: 59px;font-weight: bold;padding-left: 72px;background: url(../images/tel2.png) no-repeat left bottom;margin: 50px 0 0;}
.case .abo .y1 .tel i {font-family: Arial;font-size: 30px;color: #333;line-height: 59px;letter-spacing: 1px;}
.case .abo .list {position: absolute;top: 571px;left: 0;display: flex;justify-content: space-between;width:1200px;}
.case .abo .list li {float: left;margin-right:280px;height: 120px;padding-left: 33px;background: url(../images/line1.png) no-repeat center left;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .abo .list li a {display: block;font-size: 18px;color: #333;line-height: 50px;padding: 70px 0 0;position: relative;}
.case .abo .list li a::before {content: "";display: block;width: 60px;height: 60px;position: absolute;top: 0;left: 0;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .abo .list li:hover {background: url(../images/line2.png) no-repeat center left;}
.case .abo .list li:nth-child(1) {background: url(../images/line2.png) no-repeat center left;}
.case .abo .list li:nth-child(1) a {color: #f99820;font-weight: bold;}
.case .abo .list li:nth-child(1) a::before {background: url(../images/r1s.png) no-repeat center top;}
.case .abo .list li:nth-child(1):hover a::before {background: url(../images/r1s.png) no-repeat center top;transform: rotateY(360deg);}
.case .abo .list li:nth-child(2) a::before {background: url(../images/r2.png) no-repeat center top;}
.case .abo .list li:nth-child(2):hover a::before {background: url(../images/r2s.png) no-repeat center top;transform: rotateY(360deg);}
.case .abo .list li:nth-child(3) a::before {background: url(../images/r3.png) no-repeat center top;}
.case .abo .list li:nth-child(3):hover a::before {background: url(../images/r3s.png) no-repeat center top;transform: rotateY(360deg);}
.case .abo .rong {display: block;width:392px;height:287px;position: absolute;top:380px;right: 0;}
.case .abo .rong::before {content: "";display: block;width:488px;height:379px;position: absolute;background: url(../images/rong.png) no-repeat center;top:-30px;left:-30px;}
.case .abo .rong img {width: 100%;height: 100%;}


.new {height:760px;background: url(../images/new.jpg) no-repeat center top;padding: 62px 0 0;box-sizing: border-box;}
.new .top {width: 275px;padding-left: 72px;box-sizing: border-box;position: relative;z-index: 50;display: flex;justify-content: space-between;}
.new .top::before {content: "";display: block;width: 271px;height: 78px;position: absolute;background: url(../images/t5.png) no-repeat center;top: 0;left: -60px;z-index: -1;}
.new .top h3 a {font-size: 30px;color: #fff;line-height: 78px;font-weight: bold;}
.new .top p {display: block;font-family: Arial;font-size: 14px;color: #fff;line-height: 96px;}
.new .sild30 {margin: 90px 0 0;position: relative;}
.new .sild30 .bd li .warp {width:1480px;display: flex;justify-content: space-between;}
.new .sild30 .bd li .warp .list{width:720px;height:220px;border:1px solid #eee;box-sizing:border-box;padding:10px 37px 10px 7px;display:flex;justify-content:space-between;-webkit-transition:0.5s linear;transition:0.5s linear;}
.new .sild30 .bd li .warp .list .img {display: block;width:300px;height: 200px;overflow: hidden;}
.new .sild30 .bd li .warp .list .img img {width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .bd li .warp .list .img img:hover {transform: scale(1.1);}
.new .sild30 .bd li .warp .list .text {width:350px;}
.new .sild30 .bd li .warp .list .text .data {font-family: Arial;font-size: 24px;color: #333;line-height: 40px;font-weight: bold;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .bd li .warp .list .text .data i {font-family: Arial;font-size: 16px;color: #333;line-height: 40px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .bd li .warp .list .text .cond {display: block;font-size: 18px;color: #333;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new .sild30 .bd li .warp .list .text p {font-size: 14px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 60px;}
.new .sild30 .bd li .warp .list .text .more {display: block;width: 29px;height: 15px;background: url(../images/more6.png) no-repeat center;margin: 15px 0 0 10px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .bd li .warp .list:hover {box-shadow: 0px 4px 19px 1px rgba(97, 61, 17, 0.08);border: none;background: #fff;transform: translateY(-4px);}
.new .sild30 .bd li .warp .list:hover .text .data {color: #1951b0;}
.new .sild30 .bd li .warp .list:hover .text .data i {color: #1951b0;}
.new .sild30 .bd li .warp .list:hover .text .more {background: url(../images/more7.png) no-repeat center;transform: rotateX(360deg);}
.new .sild30 .bd li .box {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 35px 0 0;}
.new .sild30 .bd li .box .list {height: 61px;width: 381px;position: relative;padding: 0 100px 0 21px;box-sizing: border-box;border-bottom: 1px solid #ddd;background: url(../images/title3.png) no-repeat center left;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .bd li .box .list .cond {display: block;font-size: 14px;color: #666;line-height: 61px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .bd li .box .list .data {display: block;font-family: Arial;font-size: 12px;color: #999;line-height: 61px;position: absolute;top: 0;right: 0;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .bd li .box .list:hover {width: 430px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);background: url(../images/title4.png) no-repeat center left;background-position-x: 25px;padding: 0 100px 0 52px;border: none;transform: translateY(-4px);}
.new .sild30 .bd li .box .list:hover .cond {color: #1951b0;}
.new .sild30 .bd li .box .list:hover .data {color: #1951b0;right: 20px;}
.new .sild30 .hd {width: 515px;display: flex;justify-content: space-between;position: absolute;top: -153px;right: 0;z-index: 50;}
.new .sild30 .hd li a {display: block;width: 150px;height: 40px;font-size: 16px;color: #fff;line-height: 40px;padding: 0 0 0 54px;box-sizing: border-box;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .sild30 .on {background: #f99820;}
.new .sild30 li:nth-child(1) a {background: url(../images/new1.png) no-repeat center left;background-position-x: 24px;}
.new .sild30 li:nth-child(2) a {background: url(../images/new2.png) no-repeat center left;background-position-x: 24px;}
.new .sild30 li:nth-child(3) a {background: url(../images/new3.png) no-repeat center left;background-position-x: 24px;}

.contents9 {width:1480px;margin: 0 auto;overflow:hidden;}
.link {margin-bottom:40px;}
.link p {font-size: 36px;color: #f99820;line-height: 30px;font-weight: bold;}
.link 
.link a {font-size: 14px;color: #999;line-height: 30px;margin-right: 15px;}