/* banner*/ .container-wrapper{margin-top: 35px;} .banner-container{width: 100%;position: relative;} .banner{width: 100%;} .banner-picwords{width: 100%;} .banner-pic{width: 100%;overflow: hidden;background:#000000} .banner-pic img{width: 100%;height: 100%;object-fit: cover;} .banner-pic .banner-pc{display: block;min-height: 520px;} .banner-pic .banner-mb{display: none;min-height: 320px;} .banner .swiper-pagination{bottom: 20px;} .banner .swiper-pagination-bullet{position: relative;border: 1px solid rgba(255, 255, 255, 0);background: transparent;opacity: 1;} .banner .swiper-pagination-bullet::after{content: '';width:10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border:2px solid #fff;} .banner .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, .8);background-color: rgba(255, 255, 255, .2);} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 40px;width: 26px;height: 26px;} .banner .swiper-pagination-bullet::before{content: '';width: 0px;height: 1px;position: absolute;left: 16px;top: 50%;background-color: #fff;} .banner .swiper-pagination-bullet:last-child::before{left: auto;right: 16px;} .banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before{animation: bannerlong 6s linear;} .banner .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child:before{animation: bannerlong2 6s linear;} .banner .swiper-pagination-bullet i{position: absolute;width: 99px;height: 1px;background-color: rgba(255, 255, 255, .2);left: 16px;top: 50%;} .banner .swiper-pagination-bullet:last-child i{display: none;} .banner-text{position: absolute;top: 50%;left: 13.5%;transform: translatey(-50%);} .banner-text h6{font-size: 54px;color: #fff;font-family: 'microsoft yahei';margin-bottom: 10px;} .banner-text p{font-size: 24px;line-height: 30px;color: #fff;} .banner-text a{display: block;width: 130px;background-color: #133f97;color: #fff;text-align: center;font-size: 16px;line-height: 40px;border-radius: 30px;margin-top: 30px;border: 1px solid #133f97;transition: all .4s;} .banner-text a:hover{background: transparent;border-color: #fff;} .banner .swiper-slide-active .banner-text h6{animation: bannertextright 1.2s ease both 800ms;} .banner .swiper-slide-active .banner-text p{animation: bannertextright 1.2s ease both 1000ms;} .banner .swiper-slide-active .banner-text a{animation: bannertextright 1.2s ease both 1200ms;} .banner-text1{position: absolute;top: 50%;left: 13.5%;transform: translatey(140%);} .banner-text1 h6{font-size: 54px;color: #fff;font-family: 'microsoft yahei';margin-bottom: 10px;} .banner-text1 p{font-size: 24px;line-height: 30px;color: #fff;} .banner-text1 a{display: block;width: 130px;background-color: #133f97;color: #fff;text-align: center;font-size: 16px;line-height: 40px;border-radius: 30px;margin-top: 30px;border: 1px solid #133f97;transition: all .4s;} .banner-text1 a:hover{background: transparent;border-color: #fff;} .banner .swiper-slide-active .banner-text1 h6{animation: bannertextright 1.2s ease both 800ms;} .banner .swiper-slide-active .banner-text1 p{animation: bannertextright 1.2s ease both 1000ms;} .banner .swiper-slide-active .banner-text1 a{animation: bannertextright 1.2s ease both 1200ms;} .bg_1{position: absolute;left: 0;width:100%;object-fit:fill;} @keyframes bannertextright{0%{transform: translatex(100px);opacity: 0;} 100%{transform: translatex(0);opacity: 1;}} @keyframes bannerlong{0%{width: 0;} 100%{width: 99px;}} @keyframes bannerlong2{0%{width: 99px;} 100%{width: 0px;}} .pro{background: #f5f5f5;padding: 50px 0 80px;position: relative;min-width:1200px;max-width:1920px; width:100%;} .pro h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;} .pro h2 a{display: block;;} .pro h2 b{background: url(/uploads/image/htdimages/tit_bg.png) no-repeat;width: 47px;height: 54px;display: block;text-align: center;padding-top: 2px;margin: 0 auto;margin-bottom: 8px;} .pro h2 b img{width: auto;height: auto;margin: 0 auto;} .pro h2 span{color: #333;font-weight: bold;} .pro h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;} .pro h2 em i{color: #d0d0d0;font-weight: lighter;margin: 0 2px;} .pro .tit{margin-top: 52px;} .pro .tit li{float: left;width: 132px;margin-right: 14px;} .pro .tit li:last-child{margin-right: 0;} .pro .tit li em{width: 133px;height: 133px;border-radius: 50%;overflow: hidden;border:2px solid #fff;display: block;} .pro .tit li em img{width: 135px;height: 135px;} .pro .tit li span{display: block;text-align: center;height:35px;width: 142px; overflow: hidden;font-size: 16px;color: #fff;background: url(/uploads/image/htdimages/pz_titbg.png);line-height: 34px;margin-top: 26px;} .pro .tit li.cur em,.pro .tit li:hover em{border: 2px solid #154198} .pro .tit li.cur span,.pro .tit li:hover span{background: url(/uploads/image/htdimages/pz_titbgh.png);} .pro .con{margin-top: 68px;height: 450px;overflow: hidden;position: relative;} .pro .con dt{width: 600px;height: 450px;float: left;border:1px solid #eee;box-sizing:border-box;} .pro .con dt img{width: 600px;height: 450px;} .pro .con dd{float: left;width: 560px;height: 219px;background: #fff;margin-left: -37px;margin-top: 32px;padding-left: 50px;padding-right: 27px;padding-top: 33px;} .pro .con dd span{font-size: 12px;color: #d6d6d6;display: block;} .pro .con dd b{font-size: 20px;font-weight: normal;display: block;width: 31px;white-space: nowrap;border-bottom: 2px solid #ca1624;padding-bottom: 3px;margin-bottom: 28px;} .pro .con dd p{width: 560px;line-height: 30px;color: #7d7d7d;font-size: 16px;height: 85px;overflow: hidden;} .pro .con dd a.more{font-size: 14px;color: #7d7d7d;text-decoration: underline;} .pro .con dd a.more img{display: inline-block;vertical-align: middle;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;margin-left: 6px;} .pro .con dd a.more:hover{color: #ca1624;} .pro .con dd a.more:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;} .pro .con em.picc{position: absolute;width: 383px;height: 166px;display: block;right: 0;bottom: 0;overflow:hidden;} .pro .con .qh{width: 189px;height: 75px;background: #fff;position: absolute;right: 195px;bottom: 0;} .pro .con .qh i{width: 50%;text-align: center;display: block;float: left;padding-top: 30px;height: 45px;cursor:pointer;} .pro .con .qh i.prev:after{content: "";display: block;float: right;width: 1px;height: 27px;background: #f0f0f0;margin-top: -5px;} .pro .con2{margin-top: 40px;} .pro .con2 dl{float: left;width: 385px;margin-right: 21px;margin-bottom:24px;} .pro .con2 dl:nth-child(3n){margin-right: 0;} .pro .con2 dt{width: 385px;height: 289px;line-height: 0;} .pro .con2 dt img{width: 385px;height: 289px;border:1px solid #eee;box-sizing:border-box;} .pro .con2 dd{height: 74px;background: #fff;padding-left: 17px;padding-top: 20px;position: relative;} .pro .con2 dd b{display: block;font-size: 18px;color: #2c2c2c;font-weight: normal;margin-bottom: 12px;} .pro .con2 dd span{display: block;font-size: 16px;color: #8b8b8b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pro .con2 dd a.more{position: absolute;width: 52px;height: 55px;display: block;right: 12px;bottom: 18px;background: url(/uploads/image/htdimages/pz_more2.png) no-repeat center;transition: all .2s linear;} .pro .con2 dl:hover{box-shadow:0 3px 27px 2px rgba(0,0,0,0.05), 0 0px 27px rgba(0,0,0,0.05);} .pro .con2 dl:hover dd b a{color: #ca1624;} .pro .con2 dl:hover dd a.more{background: url(/uploads/image/htdimages/pz_more2h.png);bottom: 65px;} .sl{background:#000 url(/uploads/image/htdimages/sl_bg.jpg) no-repeat center top;height: 370px;position: relative; width:100%; min-width:1200px; max-width:1920px;} .sl:before{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f5f5f5;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -960px;} .sl:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;bottom: 0;margin-left: -960px;} @media screen and (max-width: 1200px) { .sl:after{display:none;} .sl:before{display:none;} } .sl b.tb{background: url(/uploads/image/htdimages/sl_tbg.png) no-repeat; width: 57px; height: 48px; display: block; text-align: center; padding-top: 16px; margin: 0 auto; margin-bottom: 10px;position: relative;z-index: 1;top:10px;} .sl b.tb img{width: auto; height: auto; margin: 0 auto;} .sl h2{font-size: 60px;color: #fff;font-weight: normal;} .sl h2 a{color:#fff;} .sl h2 span{color: #1a4097;font-weight: bold;} .sl h2 em{font-size: 30px;display:block;text-align: right;float: right;padding-top: 30px;} .sl h2 em span{font-weight: normal;} .sl .con{margin-top: 32px;} .sl .con ul{width: 600px;float: left;} .sl .con li:first-child{border-left: 1px solid rgba(255,255,255,0.15);} .sl .con li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 140px;text-align: center;} .sl .con li em{height: 50px;display: block;} .sl .con li span{display: block;font-size: 24px;color: #fff;margin-top: 4px;} .sl .con p{float: right;width: 520px;margin-top: 23px;} .sl .con p span{display: block;color: #fff;opacity: 0.41;font-size: 16px;} .sl .con p i{color: #fff;font-size: 36px;font-family: gothambook;background: url(/uploads/image/htdimages/sl_tel.png) no-repeat left center;padding-left: 38px;} .zz1{font-size: 16px;margin-top: 30px;color:#1b4197;font-weight:bold;} /*品牌四大实力*/ .sl2{width:1200px; margin:0 auto} .sl2 .con1{padding-top: 26px;} .sl2 .con1 dt{float: left;width: 600px;height: 506px;} .sl2 .con1 dt img{width: 600px;height: 506px;} .sl2 .con1 dd{float: right;width: 558px;} .sl2 .con2 dt{float: right;width: 600px;height: 506px;} .sl2 .con2 dt img{width: 600px;height: 506px;} .sl2 .con2 dd{float: left;width: 558px;} .sl2 .con2 dd h3{padding-top: 54px;} .sl2 .con2 dd p span{margin-bottom: 7px;} .sl2 .con3 dt{float: left;width: 600px;height: 506px;} .sl2 .con3 dt img{width: 600px;height: 506px;} .sl2 .con3 dd{float: right;width: 558px;} .sl2 .con3 dd h3{padding-top: 54px;} .sl2 .con3 dd p span{margin-bottom: 7px;} .sl2 .con4 dt{float: right;width: 600px;height: 506px;} .sl2 .con4 dt img{width: 600px;height: 506px;} .sl2 .con4 dd{float: left;width: 558px;} .sl2 .con4 dd h3{padding-top: 54px;} .sl2 dd h3{margin-bottom: 38px;padding-top: 9px;} .sl2 dd h3 b{color:#164298; font-size:30px;} .sl2 dd h3 em{display: block;background:url(/uploads/image/htdimages/sl_ctit.png);width: 61px;height: 70px;text-align: center;line-height: 70px;font-size: 36px;color: #fff;font-weight: lighter;float: left;} .sl2 dd h3 i{float: left;margin-left: 26px;font-size: 36px;color: #242424;line-height: 30px;font-weight: normal;} .sl2 dd h3 i span{font-size: 12px;font-family:gothambook;color: #cbcbcb;display: block;font-weight: normal;text-transform: uppercase;} .sl2 dd p{font-size: 16px;color: #383838;line-height: 32px;} .sl2 dd p span{display: block;margin-bottom: 18px;} .sl2 dd .list{margin-top: 45px;height: 144px;overflow: hidden;} .sl2 dd ul li{float: left;margin-right: 10px!important;display: inline;} .sl2 dd ul li:nth-child(2n){margin-right: 0;} .sl2 dd ul li a{display: block;} .sl2 dd ul li img{width: 269px;height: 144px;} .sl2 dd .qh{text-align: center;margin-top: 21px;position: relative;} .sl2 dd .qh:before{position: absolute;content: "";width: 238px;height: 1px;background: #ebebeb;left:0;top: 15px;} .sl2 dd .qh:after{position: absolute;content: "";width: 238px;height: 1px;background: #ebebeb;right:0;top: 15px;} .sl2 dd .qh i{display: inline-block;width: 11px;height: 13px;background: ;margin: 0 3px;cursor: pointer;} .sl2 dd .qh i.cur{display: inline-block;width: 11px;height: 13px;background: ;} .case{position: relative;overflow: hidden;padding-bottom:120px} .case h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;} .case h2 a{display: block;;} .case h2 b{background: url(/uploads/image/htdimages/sl_tbg.png) no-repeat;width: 57px;height: 64px;display: block;text-align: center;padding-top: 7px;margin: 0 auto;margin-bottom: 8px;} .case h2 b img{width: auto;height: auto;margin: 0 auto;} .case h2 span{color: #333;font-weight: bold;} .case h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;} .case .tit{border-top: 1px solid #d8d8d8;padding-top: 15px;margin-top: 45px;} .case .tit li,.case .tit em{text-align: center;float: left;margin-right: 113px;display: inline;} .case .tit em{margin-right: 0;} .case .tit li a,.case .tit em a{display:block;} .case .tit li img,.case .tit em img{width: 41px;height: 41px;display: inline-block;} .case .tit li span,.case .tit em span{display: block;font-size: 18px;color: #373737;line-height: 32px;font-weight: bold;margin-top: 7px;} .case .con{position: relative;height:628px;margin-top: 34px;overflow: hidden;} .case .con .list{width: 864px;position: absolute;left: 50%;margin-left: -432px;} .case .con .list .tempwrap{margin-left: -864px;} .case .con .qh{position: relative; top: 225px; z-index: 1; left: 50%; margin-left: -600px;width: 1200px;} .case .con .qh:after{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;right: -360px;top:-225px;position: absolute;z-index: 1} .case .con .qh:before{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;left: -360px;top:-225px;position: absolute;z-index: 1} .case .con .qh i.prev{float: left;margin-left: 108px;cursor: pointer;position: absolute;z-index: 2;} .case .con .qh i.next{float: right;margin-right: 108px;cursor: pointer;position: absolute;right: 0;z-index: 2;} .case .con dl{width: 864px;height:628px;position: relative;} .case .con dt{line-height: 0;overflow: hidden;} .case .con dt img{width: 864px;height: 486px;} .case .con dd{height: 69px;background: #d5d5d5;position: relative;} .case .con dd b{display: block;line-height: 69px;text-align: center;font-size: 18px;color: #191919;font-weight: normal;} .case .con dd p,.case .con dd a.more{display: none;} .case .con dl.cur dd{background: #164298;height:142px;padding: 0 32px;} .case .con dl.cur dd b{color: #fff;font-size: 20px;font-weight: bold;padding-top: 26px;padding-bottom: 22px;display: block;line-height:110%;text-align:left;} .case .con dl.cur dd b a{color: #fff;} .case .con dl.cur dd p{line-height: 24px;color: #fff;opacity: 0.8;font-size: 16px;display: block;} .case .con dl.cur dd a.more{display: block;background: url(/uploads/image/htdimages/case_more.png) no-repeat right center;height: 19px;color: #fff;font-size: 14px;width: 86px;right: 32px;top: 32px;position: absolute;line-height: 110%;} .case .con dl.left dd b{margin-right: 155px;text-align: right;} .case .con dl.right dd b{margin-left: 155px;text-align: left;} .new{background: #f4f4f4;position: relative;overflow: hidden;height: 793px;} .new:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;} .new h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;} .new h2 a{display: block;;} .new h2 b{background: url(/uploads/image/htdimages/sl_tbg.png) no-repeat;width: 57px;height: 64px;display: block;text-align: center;padding-top: 7px;margin: 0 auto;margin-bottom: 8px;} .new h2 b img{width: auto;height: auto;margin: 0 auto;} .new h2 span{color: #333;font-weight: bold;} .new h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;} .new_l{width: 320px;background:url(/uploads/image/htdimages/new_bg.jpg) repeat-x 0 0 #fff;padding:30px 40px 0;height: 510px;box-shadow:0 0 10px 2px #e7e7e7;overflow: hidden;margin-top: 54px;} .new_r{width:781px;margin-top: 54px;} .new1,.new2{width:701px;overflow: hidden;height:230px;background: #fff;box-shadow:0 0 10px 2px #e7e7e7;margin-bottom: 20px;padding: 30px 40px 0;} .newtil{height:51px;line-height:30px;font-size:24px;font-weight: normal;} .newtil a{color: #363636;} .newtil em{display: block;font-size: 10px;opacity: 0.5;line-height: 12px;} .newtil span{float: right;width: 33px;height: 33px;display: block;background:url(/uploads/image/htdimages/new_more2.png) no-repeat 0 0;} .newtil span a{display: block;width: 33px;height: 33px;} .new_l .newtil a{color: #fff;} .new_l .newtil span{background:url(/uploads/image/htdimages/new_more1.png) no-repeat 0 0;} .new_l dl{padding: 16px 0 0;} .new_l dt,.new_l dt img{height:239px;width: 320px;display: block;overflow: hidden;} .new_l dd{padding: 11px 0 0;} .new_l dd h3,.new1_c li a{height: 45px;line-height:45px;font-size:16px;color: #363636;display: block; overflow: hidden;} .new_l dd h3 a{display: block;color: #363636;} .new_l dd h3 a:hover{color:#154198;} .new_l dd h3:hover,.new1_c li a:hover{color:#154198;} .new_l dd p{height: 108px; font:14px "microsoft yahei"; color:#989898;overflow: hidden;} .new_l dd span,.new1_c li span{background:url(/uploads/image/htdimages/new_line.jpg) no-repeat 0 center;height:24px;overflow: hidden;text-align: right;font-family: times new roman;color: #989898;display: block;} .new1_c li{width:312px;float: left;} .new1_c li p{height: 76px;overflow: hidden; color:#989898; font-size:14px;} .new1_c li:nth-child(2n-1){padding: 0 68px 0 0;} .new2{position: relative;} .new2 .newtil{height: 10px;} .new2 .newtil span{position: absolute;right: 40px;top: 30px;} .new2 .newtil p{position: absolute;left: 40px;top: 30px;} .new2_w{width: 326px;} .new2_w li{height: 30px;line-height: 30px;overflow: hidden;} .new2_w li a{ color:#999; font-size:14px;} .new2_w li a:hover{color: #154198;text-decoration: underline;} .new2_p{width: 355px;} .new2_p dt{float: right;} .new2_p dd{float: left;padding: 145px 0 0;} .new2_p dd a{display:block;background:url(/uploads/image/htdimages/new_more4.jpg) no-repeat;width:148px;height:43px;font:14px "microsoft yahei";line-height:43px;padding-left:20px;color:#fff;} .about{position: relative;overflow: hidden;} .about:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f4f4f4;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;} .about h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 116px;margin-bottom: 42px;} .about h2 a{display: block;;} .about h2 b{background: url(/uploads/image/htdimages/sl_tbg.png) no-repeat;width: 57px;height: 60px;display: block;text-align: center;padding-top: 8px;margin: 0 auto;margin-bottom: 8px;} .about h2 b img{width: auto;height: auto;margin: 0 auto;} .about h2 span{color: #333;font-weight: bold;} .about h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;} .about .picc{width: 560px; height: 400px;} .about .con{ width: 600px;} .about .con h3{font-size: 22px;color: #252525;display: block;margin-bottom: 25px;} .about .con p{line-height: 30px;color:#393939;font-size: 16px;} .help_cut{} .m_help{height:330px;width: 1200px;position: relative;margin-top: 40px;} .xc{width:1200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;} .xc li{width:285px;position:relative;margin-right: 20px;float: left;overflow: hidden;} .xc li img{display:block;width:285px;height:214px;} .xc li em{display: block;height: 58px;line-height: 58px;border-bottom: 1px solid #d9d9d9;text-align:center;font-size: 16px;color:#333;position: relative;} .xc li:hover em{color:#1a4097;} .xc li em:before{content: "";position: absolute;width: 0;height: 1px;background: #1a4097;left:0;top:58px;transition: all 0.3s linear 0s;} .xc li:hover em:before{width:100%;} .prev1,.next1{position: absolute;width: 15px;height: 20px;} .prev1{left:-30px;top:98px;background:url(/uploads/image/htdimages/ljt.png) no-repeat} .next1{right:-30px;top:98px;background:url(/uploads/image/htdimages/rjt.png) no-repeat} .prev1:hover,.next1:hover{background-position: -15px 0;} .content{width:1200px;margin:0 auto;} .p_tel{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;position: relative;align-items: center;-webkit-align-items: center;margin-top: 38px;} .p_tel img{display: block;width: 45px;height: 45px;} .p_tel p{margin: 0 8px 0 16px;max-width: 250px;overflow: hidden;} .p_tel p span{display: block;font-size: 14px;font-weight: normal;line-height: 18px;height: 18px;color: #333333;overflow: hidden;} .p_tel p strong{display: flex;font-size: 30px;line-height: 36px;height: 36px;color: #303030;font-weight: bold;overflow: hidden;} .p_tel a{display: block;width: 199px;height: 39px;background-color: #1a4097;border-radius: 21px;font-size: 16px;line-height: 39px;color: #ffffff;overflow: hidden;text-indent: 50px;background-image: ;background-repeat: no-repeat;background-position: 128px center;background-size: 20px 12px;-o-transition: all .3s ease;transition: all .3s ease;} .p_tel a:hover{background-position-x: 200px;text-indent: 0;text-align: center;} .p_tel:before, .p_tel:after{position: absolute;content: "";width: 180px;height: 2px;background: #d2d2d2;top: 25px;} .p_tel:before{left: 0;} .p_tel:after{right: 0;} .content2{width:880px;margin:0 auto;font-family: "microsoft yahei";}