/*@font-face { */ /* font-family:SourceHanSansCN-Regular;*/ /* src: url(font/SourceHanSansCN-Regular.otf); */ /*}*/ /*@font-face { */ /* font-family:SourceHanSansCN-Bold;*/ /* src: url(font/SourceHanSansCN-Bold.otf); */ /*}*/ /*@font-face { */ /* font-family:SourceHanSansCN-Medium;*/ /* src: url(font/SourceHanSansCN-Medium.otf); */ /*}*/ /*@font-face { */ /* font-family:Alibaba-PuHuiTi-Regular;*/ /* src: url(font/Alibaba-PuHuiTi-Regular.otf); */ /*}*/ /*@font-face { */ /* font-family:Alibaba-PuHuiTi-Bold;*/ /* src: url(font/Alibaba-PuHuiTi-Bold.otf); */ /*}*/ /*.fM{font-family:SourceHanSansCN-Medium;}*/ /*.fB{font-family:SourceHanSansCN-Bold; }*/ /*.fali{font-family:Alibaba-PuHuiTi-Regular; }*/ /*.faliB{font-family:Alibaba-PuHuiTi-Bold; }*/ body{ font-size:12px; line-height: 1.5; color: #666;font-family: SourceHanSansCN-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;overflow-x: hidden; } a{ text-decoration:none; transition:all 0.3s} a:hover{ text-decoration:none;} input,button,textarea{outline: none;font-family:SourceHanSansCN-Regular; } input:-ms-input-placeholder { color: #ccc;} input::-webkit-input-placeholder { color: #ccc} .imgbox img{max-width: 100%;vertical-align: top;} .wrap{width:100%;max-width: 1440px;margin: 0 auto;} *::-webkit-scrollbar {width: 5px;background-color: #E4E4E4;} *::-webkit-scrollbar-thumb {background-color: #0E65DA;border-radius: 8px;width: 1px;} .lan{color: #1450A0;} .col1a{color: #1a1a1a;} .bodynow{height: 100vh;overflow: hidden;} .bte6{border-top: 1px solid #e6e6e6;} .header{position: fixed;width: 100%;left: 0;top: 0; z-index: 1000;border-bottom: 1px solid rgba(255,255,255,0.3);height: 80px;box-sizing: border-box;transition: all 0.3s;} .logo{width: 320px;height: 40px;background: url(../images/logob.png) no-repeat left center;} .nav a{margin: 0 25px;position: relative;padding: 15px 0;color: #fff;font-size: 16px;line-height: 18px;} .nav a:hover,.nav a.now{color: #86F43B;font-weight: bold;} .nav a::after{content: '';display: inline-block;width: 0;height: 4px;background: #86F43B;position: absolute;left: 50%;bottom: -4px;transform: translateX(-50%);transition: all 0.3s;} .nav a:hover::after,.nav a.now::after{width: 30px;} .hss{width: 20px;position: relative;height: 48px;background: url(../images/icon1b.png) no-repeat center center;} .hssb{position: absolute;top: 100%;right: -98px;width: 440px;padding: 36px 0 0;display: none;} .hssbm{background: #fff;width: 440px;height: 54px;border-radius: 30px;overflow: hidden;} .hss_input{width: calc(100% - 108px);box-sizing: border-box;border: none;background: url(../images/icon1c.png) no-repeat 24px center;padding: 0 10px 0 50px;height: 54px;color: #333;font-size: 14px;} .hss_btn{width: 108px;background: #1450A0;border: none;font-size: 14px;height: 54px;} .hss:hover .hssb{display: block;} .ssline{width: 1px;height: 14px;background: #fff;margin: 0 18px;} .hyy{background: url(../images/icon2b.png) no-repeat left center;padding-left: 28px;position: relative;cursor: pointer;} .yytxt{color: #fff;font-size: 14px;background: url(../images/icon3b.png) no-repeat right center;padding-right: 19px;line-height: 20px;} .hyyb{position: absolute;width: 100px;left: 50%;margin-left: -50px; top: 100%;padding: 10px 0 0;display: none;} .hyybm{background: #fff;padding: 10px 0;} .hyybm p{text-align: center;} .hyybm p a{font-size: 14px;color: #333;line-height: 35px;} .hyybm p a:hover{color: #0E65DA;} .hyy:hover .hyyb{display: block;} .header.top,.header.top2{background: #fff;box-shadow: 0px -1px 0px 0px rgba(230,230,230,0.5);border-bottom: 1px solid #e6e6e6;} .header.top .logo,.header.top2 .logo{background: url(../images/logo.png) no-repeat left center;} .header.top .nav a,.header.top2 .nav a{color: #333;} .header.top .nav a::after,.header.top2 .nav a::after{background: #0E65DA;} .header.top .nav a:hover,.header.top .nav a.now,.header.top2 .nav a:hover,.header.top2 .nav a.now{color: #0E65DA;} .header.top .hss,.header.top2 .hss{background: url(../images/icon1a.png) no-repeat center center;} .header.top .ssline,.header.top2 .ssline{background: #333;} .header.top .hyy,.header.top2 .hyy{background: url(../images/icon2a.png) no-repeat left center;} .header.top .yytxt,.header.top2 .yytxt{background: url(../images/icon3a.png) no-repeat right center;color: #333;} .phheader{background: #fff;position: fixed;width: 100%;left: 0;top: 0; z-index: 1000;height: 50px;box-sizing: border-box;display: none;} .phheader-heaght{height: 50px;width: 100%;display: none;} .phiconl{width: 30px;height: 30px;background: url(../images/icon12a.png) no-repeat left center;background-size: 18px auto;} .phiconl.open{background: url(../images/icon13.png) no-repeat left center;background-size: 16px auto;} .phlogo{height: 22px;} .phss{width: 30px;height: 30px;background: url(../images/icon12b.png) no-repeat right center;background-size: 18px auto;} .phss.open{background: url(../images/icon13.png) no-repeat right center;background-size: 16px auto;} .phssb{background: #fff;position: fixed;left: 0;top: 50px;z-index: 999;width: 100%;box-sizing: border-box;padding: 2px 15px 12px;display: none;} .phssb_input{width:100%;box-sizing: border-box;border: none;border-bottom: 1px solid #E6E6E6; background: url(../images/icon12c.png) no-repeat 12px center;background-size: 13px auto; padding: 0 10px 0 38px;height: 36px;color: #333;font-size: 14px;} .phnav{background: #fff;position: fixed;left: 0;top: 50px;z-index: 999;width: 100%;box-sizing: border-box;padding: 15px 40px 25px;display: none;} .phnav p{margin: 5px 0;} .phnav p a{font-size: 14px;padding: 10px 0;line-height: 20px;color: #333;} .phbg{width: 100%;height: 100vh;position: fixed;left: 0;top: 0; z-index: 998;background: #000; opacity: 0.5;display: none;} .banner{height: 100vh;position: relative;z-index: 1;overflow: hidden;} .banner .swiper-slide .pic{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} .bannernav{position:absolute;width:100%;z-index:10;left:0;bottom:20px!important} /*.bannernav .swiper-pagination-bullet{width:12px;height:12px}*/ /*.bannernav .swiper-pagination-bullet-active{background:#86F43B!important;}*/ .phbannerb{position: absolute;width: 100%;height: 50%;background: url(../images/icon7.png) no-repeat center bottom;background-size: 100% auto;position: absolute;left: 0; bottom: 0; z-index: 2;} .sybox1{position: relative;padding: 90px 0 40px;} .sybgl{position: absolute;left: 0;width: 1092px;height: 323px;background: url(../images/sybgl.png) no-repeat center center;top: 415px;} .sybgr{position: absolute;right: 0;width: 1091px;height: 318px;background: url(../images/sybgr.png) no-repeat center center;top: 76px;} .title{position: relative;} .title h2{position: relative; z-index: 2;vertical-align: top;padding-bottom: 27px;font-size: 32px;line-height: 1;} .title h2::after{content: '';display: inline-block;width: 30px;height: 4px;background: #6FBA3C;position: absolute;left: 0;bottom: 0;} .icon4a{position: absolute;left: -51px;top: -16px;} .cpfl{margin: 70px 0 0;position: relative;} .cpflbg{width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 1;visibility: hidden;} .cpflbg.show{visibility: visible;} .cpfl::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: #000;opacity: 0.25;} .cpfl li{width: calc(100%/3);height: 690px;position: relative;transition: all 0.3s;} .cpfl li::after{content: '';display: inline-block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: 0.3;} .cpfl li::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 1;background: linear-gradient(0deg, #1450A0 0%, #6FBA3C 100%);opacity: 0;transition: all 0.3s;} .cpfl li:hover::before,.cpfl li.now::before{opacity: 0.6;} .cpfl li a{width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 3;} .cpnum{position: absolute;font-size: 36px;line-height: 27px;left: 33px;top: 31px; z-index: 2;} .flname{position: absolute;left: 32px;bottom: 31px;z-index: 2;padding: 75px 0 0;font-size: 24px;} .icon5a{background: url(../images/icon5a.png) no-repeat left top;} .icon5b{background: url(../images/icon5b.png) no-repeat left top;} .icon5c{background: url(../images/icon5c.png) no-repeat left top;} .sybox2{padding: 123px 0 95px;position: relative;} .sybox2 .syiconl{top: 353px;} .img3{position: absolute;right: 0;bottom: 0;width: 950px;} .sybox2m{width: 548px;padding: 85px 0;font-size: 16px; line-height: 30px;color: #333;} .sybox2mm{padding-bottom: 45px;} .link{position: relative;padding-left: 75px;} .link span{border-radius: 50%;width: 38px;height: 38px;border: 1px solid #999;box-sizing: border-box;background: url(../images/icon8a.png) no-repeat center center;vertical-align: top;transition: all 0.3s;} .link::before{content: '';display: inline-block;width: 91px;height: 1px;background: #999;position: absolute;left: 0;top: 18.5px;transition: all 0.3s;} .link:hover span{border: 1px solid #1450A0;background: url(../images/icon8b.png) no-repeat center center;} .link:hover::before{background: #1450A0;} .synum{background: #1450A0;border-radius: 60px;} .synum li{width: calc(100%/7);position: relative;color: #fff;height: 122px;} .synum li b{font-size: 40px;display: inline-block;line-height: 40px;} .synum li span{font-size: 20px;font-weight: bold;} .synum li p{font-size: 16px;line-height: 15px;padding: 12px 0 0;text-align:center} .synum li::after{content: '';display: inline-block;width: 1px;height: 70px;background: #2D5EA0;position: absolute;right: 0;top:50%;transform: translateY(-50%);} .synum li:last-child::after{display: none;} .sybox3{padding: 125px 0 130px;background: url(../images/sybg3.png) no-repeat center bottom;background-size: 100% auto;position: relative;} .sybox3 .sybgl{top: 400px;} .sybox3 .title{position: absolute;left: 0;top: 10px;} .sybox3l{width: 482px;color: #333;font-size: 16px;line-height: 30px;} .sybox3m{width: 552px;} .sybox3m .pic{width: 552px;height: 402px;padding: 20px;box-sizing: border-box;background: url(../images/icon10.png) no-repeat center center;margin-bottom: 25px;} .sybox3m .pic img{width: 512px;height: 362px;vertical-align: top;} .sybox3m li{text-align: center;display: none;} .sybox3m li.now{display: block;} .sybox3m li span{background: #1450A0;border-radius: 10px;color: #fff;font-size: 22px;font-weight: bold;line-height: 48px;padding: 0 50px;text-align: center;} .sybox3r{width: 217px;height: 708px;position: relative;background: url(../images/icon9.png) no-repeat right center;margin-right: 70px;} .sybox3r .pic{position: relative;cursor: pointer;} .sybox3r .pic::before{content: '';display: inline-block;width: calc(100% + 8px);height: calc(100% + 8px);border: 1px solid #e6e6e6; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;transition: all 0.3s;border-radius: 6px;} .sybox3r .pic:hover::before{transform: translate(-50%,-50%) scale(1.1);} .sybox3r .pic img{width: 100%;height: 100%;vertical-align: top;position: relative; z-index: 2;transition: all 0.3s;} .sybox3r .pic:hover img{transform: scale(1.1);} .sybox3r .pic.now::before{border: 3px solid #6FBA3C;width: calc(100% + 16px);height: calc(100% + 16px);} .sybox3r .pic:nth-child(1){width: 50px;height: 68px;transform: translateX(67px);} .sybox3r .pic:nth-child(2){width: 76px;height: 52px;transform: translateX(127px);} .sybox3r .pic:nth-child(3){width: 95px;height: 60px;transform: translateX(167px);} .sybox3r .pic:nth-child(4){width: 100px;height:55px;transform: translateX(187px);} .sybox3r .pic:nth-child(5){width: 100px;height:55px;transform: translateX(187px);} .sybox3r .pic:nth-child(6){width: 95px;height: 60px;transform: translateX(167px);} .sybox3r .pic:nth-child(7){width: 76px;height: 52px;transform: translateX(127px);} .sybox3r .pic:nth-child(8){width: 50px;height: 68px;transform: translateX(67px);} .sybox4{padding: 100px 0 90px; position: relative;background: url(../images/sybg4.png) no-repeat center bottom #F7F7F7;background-size: 100% auto;} .sybox4m{position: relative;padding: 70px 0 0;} .sybox4btn{position: absolute;right: 0;top: 70px; z-index: 10;} .sybox4btn span{width: 44px;height: 44px;cursor: pointer;outline: none;} .sybox4btn span.icon10a{background: url(../images/icon10a.png) no-repeat center center #1450A0;} .sybox4btn span.icon10b{background: url(../images/icon10b.png) no-repeat center center #1450A0;} .sybox4pic{overflow: hidden;position: relative; z-index: 1;} .sybox4pic .swiper-slide a{box-sizing: border-box;padding: 154px 0 0;position: relative;border-radius: 0px 30px 0px 20px;overflow: hidden;} .sybox4pic .swiper-slide a img{width: 100%;height: 0;position: absolute;left: 0;top: 0;transition: all 0.3s;} .zxm{background: #fff;border-radius: 0px 30px 0px 20px;box-sizing: border-box;padding: 0 32px 40px;transition: all 0.3s;} .zxm h2{color: #333;font-size: 28px;font-weight: bold;line-height: 36px;height: 72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding: 27px 0 0;transition: all 0.3s;} .zxtxt{padding: 15px 0 30px;color: #B3B3B3;font-size: 14px;line-height: 12px;transition: all 0.3s;} .zxtxt2{border-top: 1px solid #e6e6e6;color: #333;font-size: 16px; line-height: 30px;padding: 23px 0 63px;height: 120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;transition: all 0.3s;} .link2{position: relative;padding-left: 45px;} .link2 span{border-radius: 50%;width: 38px;height: 38px;border: 1px solid #999;box-sizing: border-box;background: url(../images/icon8a.png) no-repeat center center;vertical-align: top;transition: all 0.3s;} .link2::before{content: '';display: inline-block;width: 61px;height: 1px;background: #999;position: absolute;left: 0;top: 18.5px;transition: all 0.3s;} .link2:hover span{border: 1px solid #1450A0;background: url(../images/icon8b.png) no-repeat center center;} .link2:hover::before{background: #1450A0;} .sybox4pic .swiper-slide:hover img{height: 308px;} .sybox4pic .swiper-slide:hover .zxm{padding-top: 153px;} .sybox4pic .swiper-slide:hover .zxm h2{ height: 28px;line-height: 28px;padding: 30px 0 0;} .sybox4pic .swiper-slide:hover .zxtxt{padding: 13px 0 20px;} .sybox4pic .swiper-slide:hover .zxtxt2{line-height: 24px;height: 72px;-webkit-line-clamp:3;border: none;margin-bottom: 35px;padding: 0;} .sybox4pic .swiper-slide:hover .link2 span{border: 1px solid #1450A0;background: url(../images/icon8b.png) no-repeat center center;} .sybox4pic .swiper-slide:hover .link2::before{background: #1450A0;} .sybox4b{margin: 40px 0 0;background: #fff;height: 2px;width: 100%;} .sybox4b .swiper-pagination-progressbar-fill{background: #1450A0;} .sybox4 .sybgl{top: 462px;} .footer{background: #1450A0;} .footert{padding: 60px 0 50px;color: #fff;font-size: 16px;} .ftl{width: 190px;text-align: center;} .ftl p{padding: 16px 0 0;border-top: 1px solid #1E58A2;line-height: 1;margin-top: 16px;} .ftr{width: 172px;text-align: center;} .ftr p{padding: 10px 0 20px;font-size: 20px;line-height: 1;font-weight: bold;} .ftrm{background: #fff;padding: 8px;} .ftrm img{width: 100%;vertical-align: top;} .ftm{max-width: 315px;} .ftm h2{padding: 10px 0 25px;font-size: 20px;line-height: 28px;font-weight: bold;} .ftm li{margin: 5px 0;} .ftm li a{line-height: 30px;color: #fff;font-size: 16px;} .icon11{position: relative;font-size: 16px;line-height: 26px;padding: 2px 0 2px 25px;color: #fff;} .icon11a{background: url(../images/icon11a.png) no-repeat 3px center;} .icon11b{background: url(../images/icon11b.png) no-repeat 4px center;} .icon11c{background: url(../images/icon11c.png) no-repeat 4px 8px;} .ftb{border-top: 1px solid #1E58A2;padding: 13px 0;} .ftbm{color: #fff;opacity: 0.4;font-size: 14px;line-height: 34px;text-align: center;} .phcpfl{overflow: hidden;margin: 27px 0 0;display: none;} .phcpfl .swiper-slide a{width: 100%; position: relative;} .phcpfl .swiper-slide a .pic{width: 100%;vertical-align: top;position: relative; z-index: 1;} .phcpfl .swiper-slide a::before{content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;top: 0; z-index: 2;background: #000; opacity: 0.1;} .phcpfltxt1{color: #fff; position: absolute;z-index: 3;left: 14px;top: 17px;font-size: 20px;} .phcpflmb{width: 100%;position: absolute;left: 0;bottom: 0;background: url(../images/icon14.png) no-repeat center bottom;background-size: 100% auto;box-sizing: border-box;padding: 25px 14px 15px; z-index: 3;} .phswnav .swiper-pagination-bullet{width: 6px;height: 6px;background: #ccc;border-radius: 5px;margin: 0 3px;opacity: 1;} .phswnav .swiper-pagination-bullet-active{background: #6FBA3C;width: 21px;} .phlink{border: 1px solid #999;width: 133px;height: 33px;box-sizing: border-box;border-radius: 20px;} .phlink span{background: url(../images/icon16.png) no-repeat right center;background-size: 17px auto;padding-right: 32px;} .phimg3{display: none;} .sybox3 .sybgr{display: none;} .phsybox3r{display: none;} .phsybox4b{display: none;} .phfnav{display: none;} /****/ .sbanner{position: relative;} .sbanner img{width: 100%;vertical-align: top;position: relative; z-index: 1;} .sbanerm{width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 2;box-sizing: border-box;} .sbanerm h2{font-size: 54px; line-height: 52px;} .sbanerm span{width: 40px;height: 4px;background: #fff;margin: 33px 0 30px;} .sbanerm p{font-size: 26px;line-height: 20px;text-transform: uppercase;} .gybox1{padding: 95px 0 85px;position: relative;} .gybox1 .sybgl{top: 426px;} .gybox1 .sybgr{top: 87px;} .gy1title{font-size: 32px;line-height: 1;} .gy1txt{color: #333;font-size: 16px; line-height: 30px;margin: 35px 0;} .synum2{background: #fff;border-radius: 0;margin-bottom: 30px;} .synum2 li{color: #1450A0;} .synum2 li p{color: #333;} .synum2 li::after{height: 30px;background: #e6e6e6;} .gybox1b{position: relative;overflow: hidden;} .gybox1b .swiper-slide{padding-bottom: 83px;} .gybox1b .swiper-slide img{width: 100%;border-radius: 0px 50px 0px 50px;vertical-align: top; position: relative; z-index: 1;} .gy1txt2{border-radius: 50px 0px 50px 0px;width: 567px;box-sizing: border-box;padding: 60px 50px 65px;position: absolute;z-index: 0;bottom: 0;left: 90px;overflow: hidden; z-index: 3;} .gy1txt2::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, #1450A0 0%, #6FBA3C 100%);opacity: 0.9; z-index: 1;} .gy1txt2m{position: relative; z-index: 2;color: #fff;font-size: 18px; line-height: 30px;} .gy1txt2m h2{font-size: 36px; line-height: 1;margin-bottom: 40px;font-weight: bold;} .gybox1br{position: absolute;bottom: 10px;right: 120px; z-index: 10;width: 520px;} .icon21{width: 36px;height: 36px;outline: none;cursor: pointer;} .icon21a{background: url(../images/icon21a.png) no-repeat center center;} .icon21b{background: url(../images/icon21b.png) no-repeat center center;} .gybox1brm{width: 314px;height: 14px;border-radius: 10px;background: #F2F2F2;position: relative;overflow: hidden;} .gybox1brm .swiper-pagination-progressbar-fill{background: linear-gradient(90deg,#6DB93A,#F2F2F2);} .gybox2{padding: 100px 0 30px;background: #fafafa;position: relative;} .gybox2 .sybgl{top: 470px;} .gybox2 .sybgr{top: 132px;} .gybox2m{overflow: hidden;margin: 60px 0 0;height: 713px;position: relative;} .gybox2m::before{content: '';display: inline-block;width: 14px;height: 713px;background: url(../images/icon23.png) no-repeat center center;position: absolute;left: 169px;top: 0; z-index: 1;} .gybox2m .swiper-slide{height: 235px;position: relative;padding-left: 235px;box-sizing: border-box;} .gybox2m .swiper-slide::before{content: '';display: inline-block;width: 14px;height: 120px;background: linear-gradient(180deg,#6EB93D,#15509F); position: absolute;left: 169px;top: 50%;transform: translateY(-50%);opacity: 0;} .gy2m{width: 420px;} .gy2m h3{color: #999;font-size: 16px;line-height: 1;margin-bottom: 15px;} .gy2m p{color: #999;font-size: 20px;line-height: 36px;} .gyimg2{width: 720px;height: 622px;border-radius: 50px 0 50px 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);visibility: hidden;} .year{color: #6FBA3C;font-size: 100px;line-height: 72px;position: absolute;left: -30px;top: 50%;transform: translateY(-50%) rotate(-90deg);opacity: 0;} .gybox2m .swiper-slide-active::before{opacity: 1;} .gybox2m .swiper-slide-active .year{opacity: 0.4;} .gybox2m .swiper-slide-active .gyimg2{visibility: visible;} .gybox2m .swiper-slide-active .gy2m h3{color: #333;font-size: 20px;} .gybox2m .swiper-slide-active .gy2m p{color: #1450A0;font-size: 24px;} .gybox3{position: relative;padding: 138px 0 160px;background: url(../images/sybg3.png) no-repeat center bottom;background-size: 100% auto;} .gybox3 .sybgl{top: 460px;} .gybox3 .sybgr{top: 120px;} .gy3m{margin: 130px 0 0;position: relative;} .gy3mm{overflow: hidden;} .gy3mm .swiper-slide{width: 552px;text-align: center;transition: all 0.3s;transform: scale(0.62);} .gy3mm .swiper-slide .pic{width: 552px;height: 402px;background: url(../images/icon10.png) no-repeat center center;margin-bottom: 25px;} .gy3mm .swiper-slide .pic img{width: 510px;height: 360px;} .gy3mm .swiper-slide span{color: #fff;background: #6FBA3C;border-radius: 10px;line-height: 48px;padding: 0 58px;font-size: 22px;font-weight: bold;} .gy3mm .swiper-slide-active{transform: scale(1);} .gy3mbtn{border: 1px solid #B3B3B3;box-sizing: border-box;width: 36px;height: 36px;position: absolute;top: 195px;outline: none;cursor: pointer;border-radius: 50%;} .gy3mbtnl{background: url(../images/icon21a.png) no-repeat center center;left: -75px;background-size: 8px auto;} .gy3mbtnr{background: url(../images/icon21b.png) no-repeat center center;right: -75px;background-size: 8px auto;} .phgy3m{display: none;} .phgybox1b{display: none;} .phlc{display: none;} .xwbox{position: relative;padding: 75px 0 85px;} .xwbox .sybgl{top: 398px;} .xwbox .sybgr{top: 59px;} .xwlb li{width: calc((100% - 40px)/3);margin: 0 20px 15px 0;} .xwlb li:nth-child(3n){margin-right: 0;} .xwlb li img.pic{border-radius: 0px 20px 0px 20px;width: 100%;vertical-align: top;position: relative; z-index: 1;} .xwlbb{background: #f7f7f7;border-radius: 0 20px 0 20px;position: relative; z-index: 2;transform: translateY(-50px);margin: 0 45px;padding: 28px 30px;transition: all 0.3s;} .xwlbb h2{color: #333;font-size: 24px; line-height: 30px;height: 60px; transition: all 0.3s;} .xwlbbtxt{color: #999;font-size: 14px;line-height: 12px;padding: 10px 0 20px;transition: all 0.3s;} .xwlbb p{color: #666;font-size: 16px;line-height: 24px;height: 42px;margin-bottom: 23px;transition: all 0.3s;} .xqicon1{width: 83px;height: 38px;background: url(../images/xwicon1a.png) no-repeat center center;transition: all 0.3s;} .xwlb li:hover .xwlbb{transform: translateY(-70px);background: #1450A0;} .xwlb li:hover h2{color: #fff;} .xwlb li:hover .xwlbbtxt{color: #5786C4;} .xwlb li:hover p{color: #C2D5ED;} .xwlb li:hover .xqicon1{background: url(../images/xwicon1b.png) no-repeat center center;} .page a,.page span{background: #f7f7f7;box-sizing: border-box;margin: 0 9px;line-height: 42px;min-width: 42px;text-align: center;color: #333;font-size: 18px;padding: 0 15px;border-radius: 50%;} .page a:hover{color: #1450A0;} .page a.now{color: #fff;background: #1450A0;} .page a:first-child{background: none;margin-right: 10px;} .page a:last-child{background: none;margin-left: 10px;} .pagination{display: flex;justify-content:center;align-items: center;} .pagination li{margin: 0 9px;} .pagination li a,.pagination li span{line-height: 46px;width: 46px;text-align: center;color: #333;font-size: 18px;border-radius: 4px;background: #fff;} .pagination li a:hover{color: #2BBDFF;} .pagination li.active span{color: #fff;background: #1EB4E9;} .pagination li.disabled{cursor: not-allowed;} .pagination li.disabled span{color: #999;} .spbox{position: relative;padding: 55px 0 110px;} .spbox .sybgl{top: 406px;} .spbox .sybgr{top:67px;} .splb li{width: calc((100% - 20px)/2);margin: 0 20px 30px 0;overflow: hidden;background: #f7f7f7;border-radius: 10px;transition: all 0.3s;cursor: pointer;} .splb li:nth-child(2n){margin-right: 0;} .splb li:hover{box-shadow: 0px 4px 12px 0px rgba(51,51,51,0.13);background: #fff;} .splbl{width: 53%;position: relative;} .splbl img{width: 100%;vertical-align: top; z-index: 1;} .splbl::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: #000;opacity: 0;transition: all 0.3s;} .splb li:hover .splbl::before{opacity: 0.5;} .splbl::after{content: '';display: inline-block;width: 74px;height: 74px;position: absolute;z-index: 3;background: url(../images/spicon1.png) no-repeat center center;left: 50%;top: 50%;transform: translate(-50%,-50%);} .splbr{width: calc(100% - 376px);box-sizing: border-box;padding: 0 15px 0 12px;} .splbrt{padding: 28px 0 0 15px;} .splbrt h2{color: #333;font-size: 24px; line-height: 34px;margin-bottom: 10px;} .splbrt p{color: #666;font-size: 16px; line-height: 26px;} .splbrb{border-top: 1px solid #E6E6E6;padding: 15px;} .spicon2{background: url(../images/spicon2.png) no-repeat left center;color: #999;font-size: 14px;padding-left: 25px;line-height: 25px;} .spicon3{background: url(../images/spicon3.png) no-repeat left center;color: #999;font-size: 14px;padding-left: 25px;line-height: 25px;margin-left: 35px;} .tcbg{width: 100%;height: 100vh;background: #000; opacity: 0.5;position: fixed;left: 0;top: 0; z-index: 1000;display: none;} .fbox-video {width: 100%;max-width: 980px; height: 550px;;position: fixed;left: 50%;top: 50%;z-index: 1001;transform: translate(-50%,-50%);display: none;} .fbox-video #mediaplayer {width: 100%;height: 100%;box-sizing: border-box;padding: 0 15px;} .cpbox{padding: 30px 0 90px;} .cpnav li{width: calc((100% - 75px)/6);margin: 0 15px 0 0;} .cpnav li a{width:100%;height: 120px;background: #f7f7f7;border-radius: 10px;} .cpnav li:last-child{margin-right: 0;} .cpnav li span{color: #333;font-size: 20px;margin-left: 15px;} .cpnav li a:hover span{color: #1E58A2;} .cpnav li.now a{background:url(../images/cpicon1.png) no-repeat center center;background-size: cover;} .cpnav li.now a span{color: #fff;} .cpiconb{display: none;} .cpnav li.now .cpiconb{display: block;} .cpnav li.now .cpicona{display: none;} .cplb{padding: 40px 0 0;} .cplb li{width: calc((100% - 50px)/3);margin: 0 25px 30px 0;} .cplb li:nth-child(3n){margin-right: 0;} .cplb li a{width: 100%;box-sizing: border-box;border: 1px solid #e6e6e6;border-radius: 10px;overflow: hidden;} .cplb li:hover a{box-shadow: 0px 4px 16px 0px rgba(51,51,51,0.13);} .cplb li .pic{position: relative;} .cplb li .pic::before{content: '';display: inline-block;width: 100%;padding-top: 96%;vertical-align: top;} .cplb li .pic img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;} .cplbb{background: #f7f7f7;padding: 35px 30px 32px;} .cplbb h2{width: calc(100% - 90px);color: #333;font-size: 22px;line-height: 30px;transition: all 0.3s;} .icon16b{color: #1450A0;font-size: 14px;background: url(../images/icon16b.png) no-repeat right center;padding-right: 25px;opacity: 0;transition: all 0.3s;} .cplbb p{color: #666;font-size: 16px;line-height: 24px;height: 48px;padding: 15px 0 0;} .cplb li:hover h2{color:#1450A0 ;} .cplb li:hover .icon16b{opacity: 1;} .lxbox{padding: 86px 0 90px;position: relative;} .lxbox .sybgl{top: 396px;} .lxbox .sybgr{top: 57px;} .lxtitle{font-size: 32px;line-height: 1} .lxt{padding: 50px 0 80px;} .lxt li{width: 414px;height: 200px;background: #f7f7f7;} .lxicon{width: 100%;height: 40px;} .lxt li h2{font-size: 20px;line-height: 1;margin: 20px 0;} .lxt li span{font-size: 16px;line-height: 13px;} .lxt li p{font-size: 20px;line-height: 1;padding: 10px 0 0;} .flbox{padding: 95px 0 145px;position: relative;} .flbox .sybgl{top: 423px;} .flbox .sybgr{top: 84px;} .flbox .title{text-align: center;} .flbox .title h2::after{left: 50%;transform: translateX(-50%);} .flbox .title .icon4a{left: 50%;transform: translateX(-50%);} .flm{margin: 64px 0 0;} .flm li{width: calc((100% - 54px)/3);height: 640px;position: relative;background: #F7F7F7;} .flm li .pic{width: 100%;height: 462px;position: absolute;left: 0;bottom: 0;background-repeat: no-repeat;background-position: center center;background-size: cover; transition: all 0.3s;z-index: 1;} .flm li:hover .pic{height: 100%;} .flm li::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: #000;opacity: 0;transition: all 0.6s;} .flm li:hover::before{opacity: 0.4;} .flmt{width: 100%;box-sizing: border-box;position: absolute;left: 0;top: 20px; z-index: 3;color: #333;padding: 0 30px;transition: all 0.8s;} .flmt h2{font-size: 32px;line-height: 1;padding: 20px 0 22px;} .flmt p{font-size: 18px;line-height: 24px;} .flmt img{position: absolute;top: 0;right: 25px;transition: all 0.8s;} .fliconb{display: none;} .flm li:hover .flmt{color: #fff;} .flm li:hover .fliconb{display: block;} .flm li:hover .flicona{display: none;} .flmb{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 5;box-sizing: border-box;padding: 26px;display: none;transition: all 0.6s;} .flm li:hover .flmb{display: block;} .flmb a{background: rgba(0,0,0,0.3);border-radius: 10px;width: 100%;position: relative;padding: 0 65px 0 95px;box-sizing: border-box;margin-top: 10px;} .flmb a span{line-height: 80px;color: #fff;font-size: 24px;} .flmb a:hover{background: rgba(111,186,60,0.8);} .flmb a::after{width: 30px;height: 100%;background: url(../images/flicon8.png) no-repeat center center;content: '';display: inline-block;position: absolute;right: 35px;top: 0;opacity: 0;transition: all 0.3s;} .flmb a:hover::after{opacity: 1;} .flmb a b{display: inline-block;width: 95px;height: 100%;position: absolute;left: 0;top: 0;background-position: center;background-repeat: no-repeat;} .xwxq{padding: 70px 0 100px;} .xwxqt{color: #999;font-size: 16px; line-height: 26px;padding-bottom: 50px;} .xwxqt h2{font-size: 40px; line-height: 50px;padding-bottom: 15px;} .xwxqm{color: #333;font-size: 18px;line-height: 30px;} .xwxqm img{max-width: 100%;} .xqtj{background: #f7f7f7;padding: 55px 0 60px;} .xqtj .title h2{font-size: 26px;padding-bottom: 19px;} .xqtjm{position: relative;margin: 45px 0 0;} .xqtjmm{overflow: hidden;} .xqtjmm .swiper-slide img{border-radius: 10px;width: 100%;vertical-align: top;} .xqtjmm .swiper-slide h2{color: #333;font-size: 20px;line-height: 1;padding: 18px 0 10px;transition: all 0.3s;} .xqtjmm .swiper-slide span{color: #999;font-size: 14px;line-height: 24px;} .xqtjmm .swiper-slide:hover h2{color: #1450A0;} .xqtjbtn{position: absolute;top: 100px;width: 34px;height: 34px;cursor: pointer;outline: none;} .xqtjbtnl{background: url(../images/icon21a.png) no-repeat center center;left: -54px;} .xqtjbtnr{background: url(../images/icon21b.png) no-repeat center center;right: -54px;} .cpxq{padding: 80px 0 75px;} .cpxqwz{padding: 30px 0;color: #666;font-size: 14px; line-height: 22px;} .cpxqwz a{color: #666;} .cpxqwz a:hover{color: #1450A0;} .cpxq1{padding: 0 0 30px;} .cpxq1l{border: 1px solid #e6e6e6;box-sizing: border-box;width: 42%;height: 406px;position: relative;} .cpxq1lm{overflow: hidden;width: 100%;} .cpxq1lm .swiper-slide img{max-width: 100%;max-height: 400px;} .cpxq1lb{width: 100%;position: absolute;z-index: 10; left: 0;bottom: 10px;} .cpxq1lb .swiper-pagination-bullet{margin: 0 5px;} .cpxq1r{box-sizing: border-box;width: 58%;padding: 50px 0 0 80px;color: #333;font-size: 18px; line-height: 30px;} .cpxq1r h2{color: #1450A0;font-size: 30px;line-height: 1;margin-bottom: 35px;} .xqnav{border-bottom: 1px solid #e6e6e6;margin-bottom: 35px;} .xqnav li{position: relative;margin: 0 23px;cursor: pointer;color: #666;font-size: 16px;line-height: 56px;} .xqnav li::after{content: '';display: inline-block;width: 100%;height: 2px;position: absolute;left: 0;bottom: -1px;background: #1450A0;opacity: 0;} .xqnav li.now::after{opacity: 1;} .xqnav li.now{color: #1450A0;} .xqtitle{background: url(../images/cpicon8a.png) no-repeat right center;color: #333;font-size: 20px;line-height: 85px;padding-left: 33px;} .cpxqnr.now .xqtitle{color: #fff;background: url(../images/cpicon8b.png) no-repeat right center;} .cpms{border: 1px solid #e6e6e6;padding: 30px;color: #333;font-size: 18px; line-height: 30px;} .cpms img{max-width: 100%;} .cpxqnr2,.cpxqnr3{margin-top: 45px;} .cptd{padding: 25px 0 0;} .cptd li{width: calc((100% - 40px)/3);margin: 0 20px 25px 0;box-sizing: border-box;border: 1px solid #e6e6e6;height: 176px;transition: all 0.3s;padding: 0 65px 0 45px;} .cptd li:nth-child(3n){margin-right: 0;} .cptd li span{color: #F0F0F0;font-size: 60px; line-height: 46px;transition: all 0.3s;} .cptd li p{width: calc(100% - 100px);color: #333;font-size: 18px;transition: all 0.3s;} .cptd li:hover{background: #1450A0;border-color: #1450A0;} .cptd li:hover span,.cptd li:hover p{color: #fff;} .xqtjmm2{overflow: hidden;} .xqtjmm2 .swiper-slide img{border-radius: 10px;width: 100%;vertical-align: top;} .xqtjmm2 .swiper-slide h2{color: #333;font-size: 20px;line-height: 30px;padding: 18px 0 0;transition: all 0.3s;text-align: center;} .xqtjmm2 .swiper-slide:hover h2{color: #1450A0;} .xqtjmm2 .swiper-slide .pic{width: 100%;position: relative;border-radius: 10px;overflow: hidden;background: #fff;} .xqtjmm2 .swiper-slide .pic::before{content: '';display: inline-block;width: 100%;padding-top: 100%;vertical-align: top;position: relative; z-index: 1;} .xqtjmm2 .swiper-slide .pic img{max-width: 100%;max-height: 100%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;} .xqtjm2 .xqtjbtn{top: 35%;} .phflexshow,.phblockshow{display: none;} .pcblockshow{display: block;} .pcflexshow{display: flex;} .pcno{display: none;} .phno{display: block;} @media screen and (max-width:1920px){ } @media screen and (max-width:1536px){ } @media screen and (max-width:1441px){ .zoom{zoom: 90%;} } @media screen and (max-width:1368px){ .zoom{zoom: 80%;} } @media screen and (max-width:1200px){ .zoom{zoom: 65%;} } @media screen and (max-width:960px){ .zoom{zoom: 100%;} .cpxq .wrap{box-sizing: border-box;padding: 0 15px;} .xwxq{padding: 70px 15px 100px;} .xqtj{padding: 55px 15px 60px;} .xqtjbtn{display: none;} .flbox{padding: 95px 15px 145px;} .flm li{width: calc((100% - 25px)/2); margin-bottom: 25px;} .lxbox{padding: 86px 15px 90px;} .lxt li{width: calc((100% - 30px)/3);} .cpbox{padding: 30px 15px 90px;} .cpnav li{width: calc((100% - 30px)/3);margin: 0 15px 15px 0;} .cpnav li:nth-child(3n){margin-right: 0;} .cplb li{width: calc((100% - 30px)/2);margin: 0 30px 30px 0;} .cplb li:nth-child(3n){margin-right: 30px;} .cplb li:nth-child(2n){margin-right: 0;} .fbox-video{height: 400px;} .spbox{padding: 55px 15px 110px;} .splb li{width: 100%;margin: 0 0 30px 0;} .xwbox{padding: 75px 15px 85px;} .xwlb li{width: calc((100% - 30px)/2);margin: 0 30px 15px 0;} .xwlb li:nth-child(3n){margin: 0 30px 15px 0;} .xwlb li:nth-child(2n){margin-right: 0;} .header{display: none;} .phheader{display: flex;} .phheader-heaght{display: block;} .sybox1{padding: 50px 15px 0;} .sybox2{padding: 55px 15px 0;} .sybox2m{width: 100%;padding: 20px 0;} .sybox2mm{padding: 0;} .sybox2m .link{display: none;} .img3{display: none;} .synum{background: none;border-radius: 0;margin-bottom: 30px;} .synum ul{flex-wrap: wrap;position: relative;} .synum ul::before{content: '';display: inline-block;width: 100%;height: 1px;background: #e6e6e6;position: absolute;left: 0;top: 50%;} .synum li{width: calc(100%/4);color: #1450A0;box-sizing: border-box;padding: 0 18px;text-align: center;height: 90px;} .synum li b{font-size: 26px; line-height: 18px;} .synum li span{font-size: 12px;line-height: 12px;} .synum li p{color: #333;font-size: 13px;height: 30px;} .synum li::after{background: #e6e6e6;} .synum li:nth-child(4)::after{display: none;} .sybox2 .sybgl{top: 107px;} .sybox2 .sybgr{top: 39px;} .sybox3l,.sybox3m{width: 100%;} .phimg3{display: block;} .phimg3 img{width: 100%; vertical-align: top;} .sybox3{padding: 65px 15px 60px;} .sybox3 .title{position: relative;left:initial;top: initial;width: 100%;} .sybox3l{padding: 25px 0 35px;} .sybox3m{width: 305px;margin: 0 auto;} .sybox3m .pic{width: 305px;height: 222px;padding: 12px;box-sizing: border-box;background: url(../images/icon17.png) no-repeat center center;background-size: cover; margin-bottom: 15px;} .sybox3m .pic img{width: 283px;height: 200px;} .sybox3m li span{border-radius: 6px;font-size: 14px;line-height: 30px;padding: 0 25px;} .sybox3r{display: none;} .phsybox3r{position: relative;height: 124px;width: 100%;background: url(../images/icon18.png) no-repeat center 52%;background-size: 100% auto;display: block;} .phsybox3r .pic{position: absolute;} .phsybox3r .pic::before{content: '';display: inline-block;width: calc(100% + 4px);height: calc(100% + 4px);border: 1px solid #e6e6e6; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;transition: all 0.3s;border-radius: 3px;} .phsybox3r .pic img{width: 100%;height: 100%;vertical-align: top;position: relative; z-index: 2;transition: all 0.3s;} .phsybox3r .pic.now::before{border: 2px solid #6FBA3C;width: calc(100% + 8px);height: calc(100% + 8px);} .phsybox3r .pic:nth-child(1){width:22px;height: 33px;left: 0;top: 0;} .phsybox3r .pic:nth-child(2){width: 39px;height:26px;left: 22px;top: 44px;} .phsybox3r .pic:nth-child(3){width: 45px;height: 31px;left: 68px;top: 65px;} .phsybox3r .pic:nth-child(4){width: 55px;height: 35px;bottom: 0;left:120px;} .phsybox3r .pic:nth-child(5){width: 55px;height: 35px;bottom: 0;right:120px;} .phsybox3r .pic:nth-child(6){width: 45px;height: 31px;right: 68px;top: 65px;} .phsybox3r .pic:nth-child(7){width: 39px;height:26px;right: 22px;top: 44px;} .phsybox3r .pic:nth-child(8){width:22px;height: 33px;right: 0;top: 0;} .sybox3 .sybgl{top: 120px;} .sybox3 .sybgr{top: 96px;display: block;} .sybox4{padding: 30px 15px 25px;} .sybox4m,.sybox4b{display: none;} .phsybox4b{padding: 30px 0 0;display: block;} .phsybox4b li{margin-bottom: 10px;background: #fff;border-radius:11px;overflow: hidden;} .phsybox4b li:nth-child(1){border-radius: 0px 17px 0px 11px;} .phsybox4b li .pic{width: 100%;vertical-align: top;} .sybox4 .sybgl{top: 84px;} .sybox4 .sybgr{top: 9px;} .footer{padding: 0 15px;} .footert{display: none;} .ftb{border: none;} .ftbm{font-size: 12px;line-height: 20px;} .phfnav{padding: 12px 0 0;display: block;} .phfnav li{border-bottom: 1px solid #2D5EA0;} .phfnav li h2{line-height: 45px;color: #fff;font-size: 16px;} .phfnav li h2 a{color: #fff;} .phfnavb{padding: 5px 10px;display: none;} .phfnavb a{line-height: 35px;font-size: 14px;color: #fff;} .icon20{background: url(../images/icon20a.png) no-repeat right center;background-size: 13px auto;} .phfnav li.open .icon20{background: url(../images/icon20b.png) no-repeat right center;background-size: 13px auto;} .gybox3{padding:80px 15px;} .gybox3 .sybgl{top: 130px;} .gybox3 .sybgr{top: 57px;} .gy3m{display: none;} .phgy3m{display: block;} .gybox1b{display: none;} .phgybox1b{display: block;} .gybox2{padding:55px 15px 0;} .gybox2 .sybgl{top: 105px;} .gybox2 .sybgr{top: 29px;} .gybox2m{display: none;} .phlc{display: block;} .phlc{position: relative;} .phlcbtn{border:1px solid #B3B3B3;border-radius: 50%;box-sizing: border-box;width: 20px;height: 20px;outline: none;} .phlcbtnl{background: url(../images/icon21a.png) no-repeat center center;background-size: 5px auto;} .phlcbtnr{background: url(../images/icon21b.png) no-repeat center center;background-size: 5px auto;} .phlctm{overflow: hidden;width: 264px;margin: 0 auto;} .phlctm .swiper-slide{border: 1px solid #b3b3b3;width: 78px;box-sizing: border-box;height: 78px;border-radius: 50%;transform: scale(0.86);font-size: 24px;color: #292929; } .phlctm .swiper-slide-active{border: 1px solid #6FBA3C;background: #6FBA3C;transform: scale(1);color: #fff;} .phlcb{overflow: hidden;} .phlcb .swiper-slide h2{color: #333;font-size: 18px;line-height: 24px;padding: 0 25px 25px;} .phlcb .swiper-slide img{width: 100%;vertical-align: top;border-radius: 10px;} .gybox3 .title{margin-bottom: 30px;} } @media screen and (max-width:770px){ .pcno{display: block;} .phno,.pcflexshow{display: none;} .phflexshow{display: flex;} /*.bannernav{bottom:60px!important}*/ /*.bannernav .swiper-pagination-bullet{width:8px;height:8px}*/ .cpxq{padding: 0 0 45px;} .cpxqwz{padding: 15px 0;font-size: 13px; line-height: 24px;flex-wrap: wrap;} .cpxq1l{width: 100%;height: 305px;} .cpxq1l img{max-height: 300px;} .cpxq1r{width: 100%;padding: 30px 15px 0;font-size: 16px; line-height: 30px;} .cpxq1r h2{font-size: 20px;margin-bottom: 15px;} .xqnav{margin-bottom: 15px;} .xqnav li{margin: 0 20px;} .xqtitle{font-size: 18px;line-height: 65px;padding-left: 20px;background-size: cover;} .cpms{padding:15px;font-size: 16px; } .cpxqnr2,.cpxqnr3{margin-top: 25px;} .cptd{padding: 15px 0 0;} .cptd li{width: calc((100% - 15px)/2);margin: 0 15px 15px 0;height: 100px;padding: 0 10px;} .cptd li:nth-child(3n){margin-right: 15px;} .cptd li:nth-child(2n){margin-right: 0;} .cptd li span{font-size: 40px; line-height: 30px;} .cptd li p{width: calc(100% - 60px);font-size: 16px;} .xwxq{padding: 35px 15px 50px;} .xwxqt{font-size: 13px; line-height: 20px;padding-bottom: 30px;} .xwxqt h2{font-size: 25px; line-height: 40px;padding-bottom: 10px;} .xwxqm{font-size: 16px;line-height: 30px;} .xqtj{padding: 35px 15px 40px;} .xqtjm{margin:25px 0 0;} .xqtjmm .swiper-slide h2{font-size: 16px;padding: 15px 0 5px;} .xqtjmm .swiper-slide span{font-size: 13px;line-height: 18px;} .flbox{padding: 45px 15px 75px;} .flm{margin: 35px 0 0;} .flm li{width: 100%;margin: 0 0 25px 0;height: 420px;} .flm li .pic{height: 280px;} .flmt{top: 15px; padding: 0 15px;} .flmt h2{font-size: 20px;padding: 10px 0 15px;} .flmt p{font-size: 14px;line-height: 20px;} .flmt img{right: 5px;transform: scale(0.6);top: -10px;} .flmb{padding: 15px;} .flmb a{padding: 0 55px 0 65px;margin-top: 5px;} .flmb a span{line-height: 60px;font-size: 20px;} .flmb a b{width: 65px;background-size: 50% auto;} .flmb a::after{transform: scale(0.8);} .lxtitle{font-size: 20px;line-height: 1} .lxbox{padding: 45px 15px 50px;} .lxt li{width:100%;margin-bottom: 15px;height: 180px;} .lxt li h2{font-size: 18px;margin: 15px 0;} .lxt li span{font-size: 14px;} .lxt li p{font-size: 18px;padding:8px 0 0;} .lxt{padding: 30px 0 10px;} .cpbox{padding: 30px 15px 50px;} .cpnav li{width: calc((100% - 15px)/2);margin: 0 15px 10px 0} .cpnav li:nth-child(3n){margin-right: 15px;} .cpnav li:nth-child(2n){margin-right: 0;} .cpnav li a{height:70px;} .cpnav li span{font-size: 16px;margin-left: 10px;} .cpnav li img{transform: scale(0.7);} .cplb{padding: 20px 0 0;} .cplb li{width: 100%;margin: 0 0 15px 0;} .cplb li:nth-child(3n){margin-right: 0;} .cplb li .pic::before{padding-top: 58%;} .cplbb{padding: 18px 15px 16px;} .cplbb h2{width: 100%;font-size: 18px;line-height: 20px;} .icon16b{display: none;} .cplbb p{font-size: 13px;line-height: 20px;height: 40px;padding: 10px 0 0;} .spbox{padding: 55px 15px;} .fbox-video{height: 280px;} .splbl{width: 53%;} .splbr{width:47%;padding: 0 10px} .splbrt{padding: 14px 0 0 10px;} .splbrt h2{font-size: 14px; line-height: 22px;margin-bottom: 5px;} .splbrt p{font-size: 12px; line-height: 18px;} .splbrb{padding: 8px;} .spicon2{background-size:10px auto; font-size: 12px;padding-left: 15px;line-height: 20px;} .spicon3{background-size:10px auto; font-size: 12px;padding-left: 20px;line-height: 20px;margin-left: 15px;} .splbl::after{background-size: 35px auto;} .splb li{margin-bottom: 15px;} .title{text-align: center;} .title h2{font-size: 20px;padding-bottom: 10px;} .title h2::after{width: 17px;height: 2px;left: 50%;transform: translateX(-50%);} .icon4a{height: 36px;left: 50%;transform: translateX(-50%);top: -4px;} .sybgl{width: 238px;height:148px;background: url(../images/phsyiconl.png) no-repeat left top;background-size: 100% auto;top: 109px;} .sybgr{width: 236px;height:136px;background: url(../images/phsyiconr.png) no-repeat right top;background-size: 100% auto;top: 34px;} .phcpfl{display: block;} .banner{height: calc(100vh - 50px);} .sybox4 .title{text-align: center;} /****/ .sbanerm{padding: 0 20px;} .sbanerm h2{font-size: 20px; line-height: 1;} .sbanerm span{width: 22px;height: 2px;margin: 14px 0;} .sbanerm p{font-size: 12px;line-height: 10px;} .gybox1{padding: 40px 15px 55px;} .gybox1 .sybgl{top: 97px;} .gybox1 .sybgr{top:22px;} .gy1title{font-size: 20px;line-height: 1;position: relative;padding-bottom: 9px;} .gy1title::after{content: '';display: inline-block; width: 17px;height: 2px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: #6FBA3C;} .gy1txt{margin: 20px 0;} .phgybox1bt{overflow: hidden;} .phgybox1bt .swiper-slide{background: #F7F7F7;border-radius: 10px;overflow: hidden;} .phgybox1bt .swiper-slide img{width: 100%;vertical-align: top;} .xwbox{padding: 55px 15px 45px;} .xwlb li{width: 100%;margin: 0 0 15px 0;} .xwlb li:nth-child(3n){margin: 0 0 15px 0;} .xwlbb{border-radius: 0 10px 0 10px;transform: translateY(-30px);margin: 0 25px;padding: 18px 15px;} .xwlbb h2{font-size: 22px;} .xqicon1{transform: scale(0.8);} .xwlb li img.pic{border-radius: 0 10px 0 10px;} .page a,.page span{margin: 0 4px;line-height: 32px;min-width: 32px;font-size: 14px;padding: 0 10px;} .page a:first-child{margin-right: 5px;} .page a:last-child{margin-left: 5px;} } .animate-bounce {animation: bounce 1s infinite;} @keyframes bounce{ 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1); } }