.indBanner{width: 100%;overflow: hidden;} .indBanner .swiper-slide img{width: 100%;} .indBanner .swiper-pagination-bullet-active {background: #e50015!important;border-radius:0px!important; } .indBanner .swiper-pagination-bullet {width: 54px; height: 4px; background: #fff; opacity: 1;border-radius: 10px;margin:0 18px!important; } .indBanner .swiper-pagination{bottom: 32px!important; } .indBanner .swiper-button-prev{padding: 10px; left: -50px; background: url("../images/b1_1.png") no-repeat center center; } .indBanner .swiper-button-next{padding: 10px; right: -50px; background:url("../images/b1_2.png") no-repeat center center;; } .indBanner .swiper-button-prev:hover{background-image:url("../images/b1_1on.png"); } .indBanner .swiper-button-next:hover{background-image:url("../images/b1_2on.png"); } .indBanner:hover .swiper-button-prev{left: 8%; } .indBanner:hover .swiper-button-next{right:8%; } .ind-title{text-align: center } .ind-title em{font-size: 30px; color: #333; padding: 75px 0 7px; display: block; letter-spacing: 15px; } .ind-title span{font-size: 18px;color: #333;text-transform: uppercase;display: block;letter-spacing: 10px;padding-bottom: 35px;} .ind-title span i{color: #f33546; } .ind-part1{} .ind-part1 .box{overflow: hidden; padding: 0 40px 61px; background: url(../images/b3.jpg) no-repeat bottom; } .ind-part1 li{float: left;margin-right: 35px;width: /*430px;*/313px;position: relative;} .ind-part1 li:last-child{margin-right: 0;} .ind-part1 li .img{width: 100%; } .ind-part1 li .img img{width: 100%; } .ind-part1 li .txt{height: 158px;background: #fff;padding: 25px 15px;} .ind-part1 li .t1{font-size: 18px;color: #333;margin-bottom: 23px;} .ind-part1 li .t2{font-size: 14px;color: #999;line-height: 30px;overflow: hidden;height: 120px;} .ind-part1 li:hover .t1{color: #f33546;} .ind-part1 li .color{width: 88px; height: 80px; line-height: 80px; font-size: 24px; color: #fff; text-align: center; letter-spacing: 8px; position: absolute; left: 0; top: 0; } .ind-part1 li .c1{background: #f9b42e; } .ind-part1 li .c2{background: #43c1a6; } .ind-part1 li .c3{background: #2ca4e9; } .ind-part1 li .c4{background: #9932CD; } .ind-part2{} .ind-part2 .list{overflow: hidden; margin-bottom: 15px; } .ind-part2 .list li{float: left;text-align: center;margin-right: 15px;position: relative;} .ind-part2 .list li:last-child{margin-right: 0;} .ind-part2 .list li .img{width: 100%; } .ind-part2 .list li .img img{width: 100%; } .ind-part2 .list li .name{display: none;font-size: 18px;color: #fff;position: absolute;width: 100%;z-index: 2;letter-spacing: 0px;} .ind-part2 .list li .t1{display: none;font-size: 14px;color: #fff;position: absolute;width: 100%;/* letter-spacing: 16px; */z-index: 2;} .ind-part2 .list li .t2{display: none;font-size: 12px;color: #fff;position: absolute;width: 100%;/* letter-spacing: 16px; */z-index: 2;} .ind-part2 .list li .t3{display: none; font-size: 16px;color: #f33546;position: absolute;left: 50%;margin-left: -85px;letter-spacing: 9px;width: 160px;height: 45px;line-height: 45px;background: #fff;border-radius: 4px;padding-left: 10px;z-index: 2;} .ind-part2 .list li .t4{font-size: 18px;color: #333;position: absolute;width: 100%;z-index: 2;} .ind-part2 .list li .hov{display:none;background: url(../images/blue_8.png);position: absolute;width: 100%;height: 100%;top: 0;z-index: 0;} .ind-part2 .list li:hover .name{display: block;} .ind-part2 .list li:hover .t1{display: block;} .ind-part2 .list li:hover .t2{display: block;} .ind-part2 .list li:hover .t4{display: none;} .ind-part2 .list li:hover .hov{display: block;} .ind-part2 .list1 li{width: 385px;} .ind-part2 .list1 li.li1{width: 640px;} .ind-part2 .list1 li .name {top: 135px; } .ind-part2 .list1 li .t1 {top: 190px; } .ind-part2 .list1 li .t2 {top: 219px; } .ind-part2 .list1 li .t3 {top: 194px;} .ind-part2 .list1 li .t4 {bottom: 18px;} .ind-part2 .list2 li{width: 470px;} .ind-part2 .list2 li .name {top: 85px; } .ind-part2 .list2 li .t1 {top: 140px; } .ind-part2 .list2 li .t2 {top: 171px; } .ind-part2 .list2 li .t3 {top: 143px;} .ind-part2 .list2 li .t4 {bottom: 18px;} .ind-part2 .newList li{ float:left; width:25%; position:relative; text-align: center;} .ind-part2 .newList li .img{width: 100%; } .ind-part2 .newList li .img img{width: 100%; } .ind-part2 .newList li .name{ top:120px; display: none; font-size: 24px;color: #fff;position: absolute;width: 100%;z-index: 2;} .ind-part2 .newList li .t1{ top:160px; display: none; font-size: 14px;color: #fff;position: absolute;width: 100%;letter-spacing: 16px;z-index: 2;} .ind-part2 .newList li .t2{ top:190px; display: none; font-size: 12px; color: #fff; position: absolute; width: 100%; letter-spacing: 16px;z-index: 2; } .ind-part2 .newList li .t3{ top:90px; display: none; font-size: 16px;color: #f33546;position: absolute;left: 50%;margin-left: -85px;letter-spacing: 9px;width: 160px;height: 45px;line-height: 45px;background: #fff;border-radius: 4px;padding-left: 10px;z-index: 2;} .ind-part2 .newList li .t4{font-size: 18px;color: #333;position: absolute;width: 100%;z-index: 2; left:0; bottom: 12px;} .ind-part2 .newList li .hov{display:none;background: url(../images/blue_8.png);position: absolute;width: 100%;height: 100%;top: 0;z-index: 0;} .ind-part2 .newList li:hover .name{display: block;} .ind-part2 .newList li:hover .t1{display: block;} .ind-part2 .newList li:hover .t2{display: block;} .ind-part2 .newList li:hover .t4{display: none;} .ind-part2 .newList li:hover .hov{display: block;} .ind-part3{/*margin-top: 70px;*/} .ind-part3 img{width: 100%;} .ind-part3 .ind-title{text-align: left;} .ind-part3 .ind-title em{display: inline-block;} .ind-part3 .ind-title span {display: inline-block;} .ind-part3 .left{width: 830px;} .ind-part3 .right{width: 560px;} .ind-part3 .logoBanner{height: 477px; overflow: hidden; } .ind-part3 .logoBanner .swiper-container{height: 475px!important;} .ind-part3 .logoBanner .swiper-slide{height: 104px!important; } .ind-part3 .logoBanner ul{overflow: hidden; } .ind-part3 .logoBanner ul li{width: 171px; float: left; margin-right: 18px; } .ind-part3 .logoBanner ul li:last-child{margin-right: 0; } .ind-part3 .logoBanner ul li img{border: 1px solid #dedede; box-sizing: border-box;width: 169px; } .ind-part4{margin-bottom: 80px;} .ind-banner1 .o{/*margin-bottom: 40px;*/background: #fafafa;padding-bottom: 30px;} .ind-banner1 .o .img{width: 100%; } .ind-banner1 .o .img img{width: 100%; } .ind-banner1 .o .name{font-size: 18px;color: #333;line-height: 25px;margin: 15px 28px 20px;} .ind-banner1 .o .txt{line-height: 25px;height: 50px;margin: 0 28px;} .ind-banner1 .o .more{border-bottom: 2px solid #e6e6e6;position: relative;padding: 5px 0;display: inline-block;text-transform: uppercase;margin-top: 14px;letter-spacing: 8px;margin-left: 28px;} .ind-banner1 .o .more i{position: absolute;bottom:-3px;left: 0;-webkit-transition:all .2s;transition:all .2s;width:0;} .ind-banner1 .o .more:hover i{width: 100%; background: #f33546; height: 3px; } .ind-banner1 .o .more:hover{color: #f33546;} .ind-banner1 {margin:0 auto;width: 1620px;position: relative;} .ind-banner1 .swiper-container{margin: 0 65px 0 89px;width: 1440px;} .ind-banner1 .swiper-button-prev{left: -6px;background: url("../images/b7_1.png") no-repeat center center;width: 60px;height: 70px;margin-left: -30px;margin-top: -35px;} .ind-banner1 .swiper-button-next{right: 0;background:url("../images/b7_2.png") no-repeat center center;width: 60px;height: 70px;margin-left: -30px;margin-top: -35px;} .ind-banner1 .swiper-button-prev:hover{background-image:url("../images/b7_1on.png"); } .ind-banner1 .swiper-button-next:hover{background-image:url("../images/b7_2on.png"); } .ind-part5{margin-bottom: 80px;} .ind-part5 .o1{position: relative; text-align: center; } .ind-part5 .o1 img{width: 789px; } .ind-part5 .o1 .t1{position: absolute;top: 105px;font-size: 30px;color: #fff;width: 100%;letter-spacing: 12px;} .ind-part5 .o1 .t2{position: absolute;top: 152px;font-size: 18px;color: #fff;width: 100%;text-transform: uppercase;letter-spacing: 10px;} .ind-part5 .o1 .t3{position: absolute; top: 198px; color: #fff; line-height: 25px; height: 75px; width: 500px; left: 50%; margin-left: -250px; text-align:left; } .ind-part5 .o1 .into{position: absolute;top: 317px;width: 183px;height: 45px;line-height: 45px;text-align: center;border-radius: 40px;border:1px solid #fff;display: block;color: #fff;left: 50%;margin-left: -91.5px;} .ind-part5 .o1 .into:hover{;color:#fff;background:#f33546;border:1px solid #f33546;} .ind-part5 .o2{position: relative; text-align: center; } .ind-part5 .o2 img{width: 589px;} .ind-part5 .o2 .ico{position: absolute;top: 132px;left: 50%;width: 90px;margin-left: -45px;} .ind-part5 .o2 .ico img{width: 100%;} .ind-part5 .o2 .t1{position: absolute;width: 100%;top: 273px;font-size: 30px;color: #fff;letter-spacing: 12px;} .ind-part5 .o2 .t2{position: absolute;width: 100%;top: 320px;font-size: 18px;color: #fff;text-transform: uppercase;letter-spacing: 10px;} .ind-part6 {background:#f4f4f4;padding: 50px 0 70px;} .ind-banner2{position: relative;} .ind-banner2 .swiper-slide .img{width: 100%;} .ind-banner2 .swiper-slide img{width: 100%;} .ind-banner2 .swiper-container{margin:0 80px;} .ind-banner2 .swiper-button-prev{background:#fff url("../images/b7_1.png") no-repeat center center;width: 60px;height: 113px;top: 21px;} .ind-banner2 .swiper-button-next{background:#fff url("../images/b7_2.png") no-repeat center center;width: 60px;height: 113px;top: 21px;} .ind-banner2 .swiper-button-prev:hover{background-image:url("../images/b7_1on.png"); } .ind-banner2 .swiper-button-next:hover{background-image:url("../images/b7_2on.png"); } .introduction{color: #666;line-height: 30px;padding-bottom: 100px; } .introduction b{display: block; font-size: 18px;color: #c91b2c; } .introduction b em{color: #999; font-weight: normal; font-size: 14px; display: inline-block; margin-bottom: 15px; } .introduction .imgBox{margin: 50px 0 0; padding-bottom: 100px; } .introduction .txtBox{margin-bottom: 60px; } .introduction .left{width: 210px; height: 143px; background:url(../images/c1.jpg); } .introduction .left i{font-size: 18px;color: #fff;display: block;margin-top: 39px;margin-left: 33px;} .introduction .left span{font-size: 36px;color: #fff;display: block;margin-top: 10px;margin-left: 30px;} .introduction .table{width: 100%; border: 1px solid #dedede; border-left: 0; border-right: 0; height: 141px; } .introduction .table li{width: 25%;float: left;text-align: center;} .introduction .table .num{font-size: 42px;color: #c91b2c;font-weight: bold;margin: 36px 0 14px;font-family: nt2;} .introduction .table .txt{color: #666;} .introduction .table .line{width: 1px;height: 63px;background:#dedede;float: right;margin-top: -74px;} .introduction .table li:nth-child(3){width: 30%;} .introduction .table li:nth-child(4){width: 20%;} .honor{padding:0 0 100px; } .honor .list{overflow: hidden; padding-top: 15px;} .honor .list li{float: left; width: 270px; margin-right: 40px; margin-bottom: 25px;} .honor .list li:nth-child(4n){margin-right: 0} .honor .list li .img{width: 280px;text-align: center;} .honor .list li .name{font-size: 16px;color: #666;margin:0 10px;height: 52px;line-height: 52px;text-align: center;} .honor .list li:hover .name{color: #d0050f;} .cooperation{padding-bottom: 100px; } .cooperation .list{overflow: hidden; } .cooperation .list li{float: left;width: 159px;margin-right: 25px;margin-bottom: 40px;padding: 10px 10px 13px;background:#fff;} .cooperation .list li:nth-child(6n){margin-right: 0} .cooperation .list li .img{width: 100%;text-align: center;} .cooperation .list li .name{font-size: 16px;color: #666;margin:0 10px;height: 48px;line-height: 48px;text-align: center;} .cooperation .list li:hover .name{color: #d0050f;} .product {padding: 80px 0 100px;} .product .list{overflow: hidden; margin-bottom: 27px; } .product .list li{float: left;text-align: center;margin-right: 27px;position: relative;} .product .list li:last-child{margin-right: 0;} .product .list li .img{width: 100%; } .product .list li .img img{width: 100%; } .product .list li .name{font-size: 24px;color: #fff;position: absolute;width: 100%;} .product .list li .t1{font-size: 14px;color: #fff;position: absolute;width: 100%;/*letter-spacing: 16px;*/} .product .list li .t2{font-size: 12px; color: #fff; position: absolute; width: 100%; /*letter-spacing: 16px;*/ } .product .list1 li{width: 313px;} .product .list1 li.li1{width: 520px;} .product .list1 li .name {top: 76px;height: 70px;line-height: 35px;width: 96%;padding: 0 2%;} .product .list1 li .t1 {top: 156px;} .product .list1 li .t2 {top: 182px;} .product .list2 li{width: 380px;} .product .list2 li .name {top: 71px;} .product .list2 li .t1 {top: 125px;} .product .list2 li .t2 {top: 150px;} .product .newList{overflow:hidden;} .productDetail{padding: 60px 0 100px;} .productDetail .rgBox{width: 760px;border-top:10px solid #da4429;background: #fff;} .productDetail .rgBox h2{font-size: 30px;color: #333;margin:43px 0 54px;text-align: center;font-weight: normal;} .productDetail .agentlist{padding: 0px 32px 0;height: 142px;} .productDetail .agentlist .slick-slide{float:left;margin: 0 7px;} .productDetail .slick-slide .ico{ border:#f2f4f6 solid 2px;cursor: pointer;} .productDetail .slick-slide .name{ padding-top:15px; font-size:16px; color:#415565; text-align:center;} .productDetail .slick-slide img{ width:100%;} .productDetail .agentlist .slick-current .ico{border: #d0050f solid 2px;} .productDetail .agentlist .slick-current .name{ color:#0268b3;} /*.productDetail .slick-prev{ cursor:pointer;position:absolute; background:url(../images/nimg32_left.png) no-repeat left center; width:32px; height:32px; top:50%; margin-top:-30px; left:15px; z-index:22}*/ /*.productDetail .slick-next{ cursor:pointer;background: url(../images/nimg32_right.png) no-repeat right center; width: 32px; height: 32px; position: absolute; top:50%; margin-top:-30px; right: 15px; z-index:22}*/ /*.productDetail .slick-prev:hover{ background:url(../images/nimg32_lefton.png) no-repeat left center;}*/ /*.productDetail .slick-next:hover{ background:url(../images/nimg32_righton.png) no-repeat left center;}*/ .productDetail .slider-for .box{position:relative;padding-bottom: 14px;} .productDetail .slider-for .imgDiv{text-align:center;width: 680px;margin:0 auto;} .productDetail .cont{margin:0 40px;} .productDetail .tlt{font-size: 24px;color: #333;padding-left: 15px;background: #f4f4f4;height: 60px;line-height: 60px;margin-bottom: 15px;} .productDetail .cont p{font-size: 14px;color: #666;line-height: 30px;margin-bottom: 15px;padding: 0 15px;} .productDetail .cont p b{display: block; font-size: 16px; color: #666; } .productDetail .cont img{display: block; margin: 40px auto; } .productDetail .contLinks{border-top: 1px solid #dedede; height: 95px; line-height: 95px; margin-top: 40px; } .productDetail .contLinks a{display: inline-block; width: 50%; box-sizing: border-box; border-right: 1px solid #dedede; text-align: center; } .productDetail .contLinks a:last-child{border-right:0;} .productDetail .contLinks a:hover{color: #d0050f; text-decoration: underline; } .productDetail .contLinks div{display: inline-block; float: left; width: 50%; box-sizing: border-box; border-right: 1px solid #dedede; text-align: center; } .productDetail .contLinks div:last-child{border-right:0;} .clearBox{padding: 60px 0 100px;} .clearBox .rgBox .list{overflow: hidden; width: 760px; } .clearBox .list li{float: left; width: 360px; margin-right: 40px; margin-bottom: 40px; } .clearBox .list li:nth-child(2n){margin-right: 0; } .clearBox .list li a{} .clearBox .list li .img{width: 100%; } .clearBox .list li .img img{width: 100%; } .clearBox .list li .cont{background: #f1f1f1;padding: 11px 20px 16px;} .clearBox .list li .name{font-size: 18px;color: #333; height: 50px; line-height: 50px; } .clearBox .list li .txt{height: 42px;line-height: 42px;color: #999;border-top:1px solid #dedede;background: url(../images/c17.png)no-repeat right center; } .clearBox .list li:hover .name{color:#d0050f;} .clearBox .list li:hover .txt{background: url(../images/c17.png)no-repeat 95% center;} .research{padding-bottom: 100px; } .research .box1{position: relative; } .research .box1 .img{width: 679px;position: absolute;} .research .box1 .img img{width: 100%; } .research .box1 .txt{background: #15141a;padding: 43px 40px 100px 143px;width: 436px;top: 0;right: 0;} .research .box1 .t1{font-size: 24px;color: #fff; } .research .box1 .t2{font-size: 16px;color: #999; text-transform: uppercase; margin:17px 0 40px; } .research .box1 .t3{font-size: 14px;color: #999;line-height: 30px; } .research .box1 .txt img{margin-top: 30px; } .research .box2{position: relative; } .research .box2 .img{width: 619px;margin-top: 55px;} .research .box2 .img img{width: 100%; } .research .box2 .txt{width: 500px; padding: 0 35px; margin-top: -59px; } .research .box2 .t1{height: 100px; line-height: 100px; font-size: 16px; color: #666; font-weight: bold; } .research .box2 .t1 i{font-size: 36px; color: #cb1523; display: inline-block; margin: 0 5px 0 12px; } .research .box2 p{font-size: 14px; color: #666; line-height: 30px; } .equipment{padding-bottom: 100px; } .equipment .list{overflow: hidden; } .equipment .list li{float: left; width: 340px; margin-right:30px; margin-bottom:30px; padding: 20px 20px 0;background:#f1f1f1;} .equipment .list li:nth-child(3n){margin-right: 0} .equipment .list li .img{width: 100%;text-align: center;} .equipment .list li .name{font-size: 16px;color: #666;margin:0 10px;height:70px;line-height:70px;text-align: center;} .equipment .list li:hover .name{color: #d0050f;} .rightBoxx{padding-bottom: 100px; } .rightBoxx .list{overflow: hidden; } .rightBoxx .list li{float: left; width:270px; margin-right:40px; margin-bottom:40px;background:#fff;} .rightBoxx .list li:nth-child(4n){margin-right: 0} .rightBoxx .list li .img{text-align: center;padding: 34px 0;} .rightBoxx .list li .img img{width: 158px;height: 230px;} .rightBoxx .list li .name{font-size: 16px;color: #666;height:70px;line-height:70px;text-align: center;background: #f0f0f0;} .rightBoxx .list li:hover .name{color: #d0050f;} .expert{padding-bottom: 100px; } .expert .list{margin-bottom: 60px;} .expert .list li{padding: 40px;background: #f2f2f2;overflow: hidden;} .expert .list li .img{width: 520px;float: left;} .expert .list li .img img{width:100%;} .expert .list li .cont{float: right;width: 570px;} .expert .list li .name{font-size: 18px;color: #333;margin-bottom:50px;margin-top: 35px;} .expert .list li:hover .name{color: #d0050f;} .expert .list li p{line-height: 30px; height: 125px; overflow: hidden; } .expert .list li .ico{display: block;width: 166px;height: 40px;line-height: 40px;background: #dedede;text-align: center;border-radius: 4px;margin-top: 60px;} .expert .list li .ico:hover{background: #d0050f;color: #fff; } .expert .list li:nth-child(2n){background: #fff;} .expert .list li:nth-child(2n) .cont{float: left;margin-right: 0px;} .expert .list li:nth-child(2n) .img{float: right;} .question{padding-bottom: 100px;} .question .list{margin-bottom: 60px;} .question li{background: #f4f4f4;float: left;width: 25%;height: 413px;} .question li a.name{font-size: 18px;color: #333;line-height: 38px;height: 76px;margin: 22px 23px 23px;display: block;} .question li .txt{line-height: 32px; height: 192px; margin: 0 23px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .question li a.ico{display: block; margin-left: 23px; padding-top: 50px; padding-bottom: 20px; } .question li:hover a.name{color:#d0050f; } .question li:hover a.ico {margin-left:55px; } .question li.li01{background: #ebebeb;} .news{padding-bottom: 100px;} .news .list1 li{background: #f4f4f4; padding: 40px; overflow: hidden;margin-bottom: 30px; } .news .list1 .img img{width: 459px; height: 283px; } .news .list1 .cont{margin: 0 0 0 33px;width: 627px;} .news .list1 .name{margin:27px 0 37px; } .news .list1 .name a{font-size: 24px;color: #333; } .news .list1 p{color: #666;line-height: 30px; margin-bottom: 38px; } .news .list1 .time{color: #999; } .news .list1 .ico{color: #999;letter-spacing: 10px;} .news .list1 .name a:hover{color: #d0050f;} .news .list1 .ico:hover{color: #d0050f; text-decoration: underline; } .news .list2{margin-bottom: 60px;} .news .list2 li{background: #f4f4f4; padding: 40px; overflow: hidden;margin-bottom: 30px; } .news .list2 .img img{width: 300px; height: 184px; } .news .list2 .cont{margin: 0 0 0 33px;width: 787px;} .news .list2 .cont a{display:block;} .news .list2 .name{margin:15px 0 20px; font-size: 24px;color: #333; } .news .list2 p{color: #666;line-height: 30px; margin-bottom: 19px; } .news .list2 .time{color: #999; } .news .list2 li:hover .name{color: #d0050f;} .newsDetail{padding-bottom: 100px; } .newsDetail .left{padding: 40px 40px 0; width: 680px; background: #f4f4f4; } .newsDetail .left h2{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 15px;} .newsDetail .left .time{color: #999;line-height: 34px;margin-bottom: 35px;} .newsDetail .left .share{padding:0 0 7px 56px;position:relative;margin-top: 4px;} .newsDetail .left .share em{ position:absolute; left:0px; top:3px; font-size:14px;color: #666;} .newsDetail .left .share li{ float:left; width:27px; height:27px; margin-right:10px;} .newsDetail .left img{margin-bottom: 15px; } .newsDetail .left p{line-height: 30px; color: #999; } .newsDetail .contLinks{border-top: 1px solid #dedede;height: 95px;margin-top: 40px;} .newsDetail .contLinks .prev{display: inline-block;float: left;width: 50%;box-sizing: border-box;border-right: 1px solid #dedede;text-align: center;line-height: 30px;padding: 26px 35px;} .newsDetail .contLinks .next{display: inline-block;float: left;width: 50%;box-sizing: border-box;/*border-right: 1px solid #dedede;*/text-align: center;line-height: 30px;padding: 26px 35px;} .newsDetail .contLinks a:last-child{border-right:0;} .newsDetail .contLinks a:hover{color: #d0050f; text-decoration: underline; } .newsDetail .right{width: 350px; padding: 25px; background: #f4f4f4; } .newsDetail .right .o{} .newsDetail .right .name{font-size: 20px;color: #333;margin-bottom: 25px;} .newsDetail .right .txt{color: #999;line-height: 30px; } .newsDetail .right a.ico{margin: 0 0 30px;display: block;line-height: 53px;} .newsDetail .right a.ico:hover{color: #d0050f; text-decoration: underline; } .newsDetail .right .line{width: 100%;height: 2px;background: #dedede;margin-bottom: 15px;} .newsDetail .right .line i{display: block;width: 100px;height: 2px;background: #d0050f;} .newsDetail .right .list li a{color: #999;line-height: 30px;margin-bottom: 10px;display: block;} .newsDetail .right .list li:hover a{color: #d0050f; text-decoration: underline; } .newsDetail .right .returnIco{display: block; width: 166px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; background: #dedede; letter-spacing: 8px; margin: 30px 0 13px; } .newsDetail .right .returnIco:hover{color: #fff; background: #d0050f; } .productDetail .newsDetail1{float: right; margin-top: -375%;} .newsDetail1{width: 400px; } .newsDetail1 .right{width: 350px; padding: 25px; background: #f4f4f4; } .newsDetail1 .right .o{} .newsDetail1 .right .name{font-size: 20px;color: #333;margin-bottom: 25px;} .newsDetail1 .right .txt{color: #999;line-height: 30px; } .newsDetail1 .right a.ico{margin: 0 0 30px;display: block;line-height: 53px;} .newsDetail1 .right a.ico:hover{color: #d0050f; text-decoration: underline; } .newsDetail1 .right .line{width: 100%;height: 2px;background: #dedede;margin-bottom: 15px;} .newsDetail1 .right .line i{display: block;width: 100px;height: 2px;background: #d0050f;} .newsDetail1 .right .list li a{color: #999;line-height: 30px;margin-bottom: 10px;display: block;} .newsDetail1 .right .list li:hover a{color: #d0050f; text-decoration: underline; } .newsDetail1 .right .returnIco{display: block; width: 166px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; background: #dedede; letter-spacing: 8px; margin: 30px 0 13px; } .newsDetail1 .right .returnIco:hover{color: #fff; background: #d0050f; } .tender{padding-bottom: 100px; cursor: pointer;} .tender .list{margin-bottom: 60px; } .tender .list li{margin-bottom: 35px; border-bottom: 1px solid #dedede; } .tender .list li a{padding-left: 15px;background: url(../images/c28.jpg) no-repeat left 7px;font-size: 16px;color: #666;padding-bottom: 25px;display: block;} .tender .list li span{font-size: 16px;color: #999; float: right; } .tender .list li:hover a{color:#d0050f;} .jobBox{padding-bottom:100px;} .job{padding-bottom: 60px;} .job .tlt {overflow: hidden;} .job .tlt span{font-size: 16px;padding-bottom:30px;float: left;text-align: center;} .job .tlt .span01{width: 230px;text-indent: 40px;text-align: left;} .job .tlt .span02{width:90px;} .job .tlt .span03{width:314px;} .job .tlt .span04{width:99px;margin-right:78px;} .job .tlt .span05{width:144px;margin-right:48px;} .job .tlt .span06{width:72px;} .job .list li{position:relative;margin-bottom: 2px;} .job .list li .topDiv{height: 80px;background:#f5f5f5;position:relative;padding-right: 109px;} .job .list li .topDiv .more{width: 109px;display:block;position:absolute;height: 80px;line-height: 80px;right:0px;top:0px;text-align: center;} .job .list li .topDiv .more em{ display:block;text-indent: 15px; width:176px; height:60px; background:#b1b1b1 url(../images/ico6.png) right center no-repeat; text-align:center;} .job .list li .topDiv .more span {display: none; text-align: center; background: #d82128 right center no-repeat; } .job .list li .box{display:none;padding: 35px 44px 48px;border-top:none;background: #fff;} .job .list li.liNow .topDiv .more span{ display:block;} .job .list li.liNow .topDiv .more em{ display:none;} .job .list li .msgDiv dd {height: 27px;float: left;width: 230px;line-height: 80px;background: url(../images/line5.jpg) right center no-repeat;text-align: center;font-size: 14px;color: #666;} .job .list li .msgDiv .dd02{width:90px;} .job .list li .msgDiv .dd03{width:314px;} .job .list li .msgDiv .dd04{width:99px;margin-right:78px;} .job .list li .msgDiv .dd05{width:144px;margin-right:48px;} .job .list li .msgDiv .dd06{width:72px;} .job .list li .msgDiv dd:nth-last-child(1){border-right: 0;} .job .list li .msgDiv .dd01{text-align:left;text-indent: 40px;} .job .list li .content{line-height:32px;margin-top: 0;} .job .list li .content em{display: block;color: #333;} .job .list li .content .tt{color:#333;margin-top: 25px;margin-bottom: 25px;} .job .list li .content .tt i{font-size:24px;padding-right:20px;} .job .list li h2{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 20px;} .job .list li .btnDiv{display: inline-block;} .job .list li .btnDiv a {display: block;width: 166px;height: 40px;background: #c51a2b;border-radius: 4px;color: #fff;-moz-border-radius: 4px; text-align: center;line-height: 40px;letter-spacing: 9px;} .job .list li .btn2{display: inline-block;} .job .list li .btn2 a{background:#c5c5c5;margin-left: -10px;} .charm{padding-bottom: 100px;} .charm .box{background: #fff;padding: 40px 40px 77px;} .charm h2{font-size: 30px; color: #333; font-weight: normal; margin-bottom: 37px; } .charm b{font-size: 16px;line-height: 40px;display: block; } .charm p{color: #999;line-height: 30px;margin-bottom: 30px; } .contact{padding: 60px 0 70px; } .contact .left{width: 690px; } .contact .left p{line-height: 30px;margin-bottom: 22px; } .contact .left img{width: 100%; } .contact .mapBox{position: relative;} .contact .mapBox b{font-size:16px;color: #666; position: absolute; } .contact .mapBox span{position: absolute; } .contact .mapBox .t1{top: 213px; right: 246px; } .contact .mapBox .t2{top: 240px; right: 209px; } .contact .mapBox .t3{top: 331px; right: 189px; } .contact .mapBox .t4{top: 358px; right: 152px; } .contact .mapBox .t5{top: 470px; right: 281px; } .contact .mapBox .t6{top: 496px; right: 244px; } .contact .right{width: 440px; } /*.contact .o{margin-bottom: 20px; } .contact .o .tlt{font-size:18px;color: #fff; height: 48px; line-height: 48px; padding-left: 20px; background: #333; } .contact .o p{padding: 8px 22px; line-height: 30px; color: #666;line-height: 30px; background: #fff; }*/ .contact .contact_1{display: flex;justify-content: flex-start;flex-wrap: wrap;} .contact .o{margin-bottom: 20px;width: calc(48% - 20px);background: #fff; margin-right:20px;} .contact .o:nth-child(2n) {margin-right: 0;} .contact .o .tlt{font-size:18px;color: #fff; height: 48px; line-height: 48px; padding-left: 20px; background: #333; } .contact .o p{padding: 8px 22px; line-height: 30px; color: #666;line-height: 30px; background: #fff; } .privacy{width: 840px; margin:0 auto; padding: 60px 0; } .privacy h2{font-size: 30px;color: #333; font-weight: normal; text-align: center; padding-bottom: 35px; } .privacy b{font-size: 16px;line-height: 35px; } .privacy p{font-size: 14px;color: #999;line-height: 30px;margin-bottom: 35px; } .history{} .history p{font-size: 14px;color: #999;line-height: 30px; margin-bottom: 40px; } .history .his-box{position: relative; height: 1555px; background: url(../images/line_bg.png)no-repeat 68px; } .history .his-mask{position: absolute;top: 0;width: 100%;height: 0;background: url(../images/line_on.png)no-repeat 68px top;} .history .his-cont{overflow: hidden; line-height: 85px; height: 85px; position: absolute; top: 64px; left: 342px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .history .his-cont .wal-x{width: 100%;margin: auto; position: static; } .history .his-cont.fix{position: fixed;top: 200px;left: 50%;margin-left: -168px;z-index: 99;} .history .his-cont.fix .wal-1{width: 1200px;margin: 0 auto;position: relative; } .history .his-year{float: left;width: 176px;height: 85px;line-height: 85px;background: #ffc600;color:#fff;font-size: 48px;font-weight: bold;border-radius: 4px;text-align: center;margin-right: 3px;} .history .his-txt{float: left;width: 525px;padding: 12.5px 22px;background: #c91b2c;border-radius: 4px;font-size: 16px;color: #fff;line-height: 30px; height:60px;} .history .his-list li{position: absolute; cursor: pointer;} .history .his-list li i{position: absolute; background: url(../images/c32.png)no-repeat; width: 16px; height: 16px; display: block; } .history .his-list li span{position: absolute; font-size: 24px;color: #666; margin-top: -6px; } .history .his-list li.on i{background: url(../images/c31.png)no-repeat; } .history .his-list li.on span{font-size: 24px;color: #ffc600; } /*.history .his-prev{float: left; width: 24px; height: 40px; background: url(../images/c30_1.png)no-repeat center; margin-top: 22.5px; padding: 0 15px; } .history .his-next{float: left; width: 24px; height: 40px; background: url(../images/c30_2.png)no-repeat center; margin-top: 22.5px; padding: 0 15px; } .history .his-prev:hover{background: url(../images/c30_1on.png)no-repeat 15%; } .history .his-next:hover{background: url(../images/c30_2on.png)no-repeat 85%; }*/ .m-his-banner .swiper-container{padding-bottom: 70px;} .m-his-banner .year{float: left; width: 20%; background: #ffc600; text-align: center; color: #fff; font-size: 21px; height: 70px; line-height: 70px; letter-spacing: 2px; font-weight: bold; } .m-his-banner .txt{float: left; width: 74%; padding: 5px 3%; background: #d0050f; color: #fff; line-height: 30px; } .m-his-banner .swiper-button-prev{float: left; width: 24px; height: 40px; background: url(../images/b1_1.png)no-repeat center; margin-top: 15px; padding: 0 15px; left: 50%; margin-left: -54px; } .m-his-banner .swiper-button-next{float: left; width: 24px; height: 40px; background: url(../images/b1_2.png)no-repeat center; margin-top: 15px; padding: 0 15px; left: 50%; margin-left: 0px; } .m-his-banner .swiper-button-prev:hover{background: url(../images/b1_1on.png)no-repeat center; } .m-his-banner .swiper-button-next:hover{background: url(../images/b1_2on.png)no-repeat center; } /*2021.8.5*/ .contact .mapBox .t7{top: 426px; right: 245px; } .contact .mapBox li{ width: 9px; height: 9px; position: absolute; border-radius:50%;} .contact .mapBox .li01{ bottom:68px; right:203px; background:#d71527;} .contact .mapBox .li02{ bottom:210px; right:96px; background:#40bc48;} .contact .mapBox .li03{ bottom:336px; right:162px; background:#006cff;} .contact .mapBox .li04{ bottom:120px; right:206px; background:#ff9600;} .contact .mapBox .pulse{position:absolute;top:-48px;left:-48px;height:104px;width:104px; background: rgba(215,21,39,0.8); border:1px solid #d71527;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #d71527,0 0 10px #d71527 inset;-moz-box-shadow:0 0 4px #d71527,0 0 10px #d71527 inset;box-shadow:0 0 4px #d71527,0 0 10px #d71527 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;} .contact .mapBox .pulse2{position:absolute;top:-48px;left:-48px;height:104px;width:104px; background: rgba(64,188,72,0.8); border:1px solid #40bc48;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #40bc48,0 0 10px #40bc48 inset;-moz-box-shadow:0 0 4px #40bc48,0 0 10px #40bc48 inset;box-shadow:0 0 4px #40bc48,0 0 10px #40bc48 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;} .contact .mapBox .pulse3{position:absolute;top:-48px;left:-48px;height:104px;width:104px; background: rgba(0,108,255,0.8); border:1px solid #006cff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #006cff,0 0 10px #006cff inset;-moz-box-shadow:0 0 4px #006cff,0 0 10px #006cff inset;box-shadow:0 0 4px #006cff,0 0 10px #006cff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;} .contact .mapBox .pulse4{position:absolute;top:-48px;left:-48px;height:104px;width:104px; background: rgba(255,150,0,0.8); border:1px solid #ff9600;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #ff9600,0 0 10px #ff9600 inset;-moz-box-shadow:0 0 4px #ff9600,0 0 10px #ff9600 inset;box-shadow:0 0 4px #ff9600,0 0 10px #ff9600 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;} .contact .mapBox .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .contact .mapBox .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .contact .mapBox .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .contact .mapBox .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .contact .mapBox .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s} .contact .mapBox .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s} .contact .mapBox .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s} .contact .mapBox .delay-08{-webkit-animation-delay:-2.8s;-moz-animation-delay:-2.8s;-o-animation-delay:-2.8s;animation-delay:-2.8s} .contact .mapBox .delay-09{-webkit-animation-delay:-3.2s;-moz-animation-delay:-3.2s;-o-animation-delay:-3.2s;animation-delay:-3.2s} .contact .mapBox .delay-10{-webkit-animation-delay:-3.6s;-moz-animation-delay:-3.6s;-o-animation-delay:-3.6s;animation-delay:-3.6s} .contact .mapBox .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s} .contact .pc-hide img{ width:100%;} @-webkit-keyframes warn{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } /*#tncEvent { /*background: ;*/ } #v3_content { width: 780px; height: 100px; display: block; position: absolute; left: 50%; margin-left: -390px; top: 70%; margin-top: -59px; } .v3_year { width: 193px; height: 128px; display: block; position: absolute; left: 0px; top: 0px; /*font-family: 'din_b';*/ font-size: 70px; font-weight: bold; line-height: 90px; color: #fff; background: #ffc600; text-align: center; } .v3_txt { width: 573px; height: auto; background: #c91b2c; top: 30px; left: 200px; display: block; position: absolute; min-height: 66px; box-shadow: 2px 2px 4px rgba(0,0,0,0.35); cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .v3_txt_h { width: 573px; height: 30px; position: absolute; display: block; top: -30px; left: 0px; background: #c91b2c; } .v3_txt p { position: relative; z-index: 1; padding: 0px 40px 30px; font-size: 13px; line-height: 17px; color: #5d4809; } .v3_txt span { font: inherit; display: block; padding: 3px 0px; text-indent: 20px; } .v3_txt span.hide { display: none; color: #ffd148; } .v3_txt .v3_more { position: absolute; right: 10px; bottom: 5px; font-family: 'din_b'; font-size: 40px; line-height: 1; color: #fff; display: none; background: red; text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 2px; } .v3_left { position: absolute; left: 50%; margin-left: -455px; top: 10px; opacity: 0.75; } .v3_btn img { padding: 20px; } .v3_btn { transition: all 0.35s; -ms-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; -webkit-transition: all 0.35s; } .v3_right { position: absolute; left: 50%; margin-left: 380px; top: 10px; opacity: 0.75; } .v3_point { padding: 0 22px; line-height: 20px; font-size: 16px; font-family: 'din_b'; position: absolute; background: url(../images/c31.png) 0px center no-repeat; cursor: pointer; color: #fff; display: block; _background-image: url(../images/c31.png); } #v3_body { width: 1207px; height: 2068px; display: block; top: 50%; left: 50%; margin-left: -603px; background: url(../img/page_1/case_3/line_bg.png) 0px 0px no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(method='clip',src='img/page_1/case_3/line_bg.png'); } #v3_mask { width: 1207px; height: 0px; display: block; top: 0px; left: 0px; background: url(../img/page_1/case_3/line_all.png) 0px 0px no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod ='crop',src='img/page_1/case_3/line_all.png'); overflow: hidden; }*/