/*================棣栭〉鏍峰紡鍙婂叕鍏遍儴鍒嗘牱寮廄===============*/ .swiper-container {width: 100%;height: 100%;} .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #menu_4 .pic { display: none; } .banner{position: fixed;left: 0;top: 0; width: 100%;height: 748px;} .banner .pic{width: 100%;height: 748px;transform: scale(1);transition-duration: 8s;} .banner .swiper-slide-active .pic{transform: scale(1.18);transition-duration: 8s;} .banner span{display: inline-block;} .banner .swiper-slide{position: relative;overflow: hidden;} .banner .swiper-slide .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .banner .swiper-container .pos_r{position: absolute;right: 0;bottom: 75px;z-index: 10; width: 100%;height: 30px;} .banner .swiper-container .pos_r .swiper-pagination{position: relative;width: 65px;font-family: "Arial";font-size: 16px;color: #fff;} .banner .swiper-container .pos_r .swiper-pagination-current,.banner .swiper-container .pos_r .sum{font-size: 24px;} .banner .swiper-container .pos_r .lie{margin-top: 6px; width: 406px;height: 1px;background: #fff;} .banner .swiper-container .pos_r .lie i{width: 0; height: 1px; background: #5fa3ff; -webkit-animation:lieA 8s ease-in-out 0s infinite; -moz-animation:lieA 8s ease-in-out 0s infinite; -ms-animation:lieA 8s ease-in-out 0s infinite; animation:lieA 8s ease-in-out 0s infinite;} /*绾挎潯闀垮害*/ @keyframes lieA { 0% {width: 0;} 100% {width: 100%;} } @-webkit-keyframes lieA { 0% {width: 0;} 100% {width: 100%;} } @-moz-keyframes lieA { 0% {width: 0;} 100% {width: 100%;} } .index{margin-top:748px;position: relative;z-index: 3; background: #fff; } .ind01{margin-bottom: 98px;} .ind01 .left{margin-top:-129px;position: relative;z-index: 2; width: 28.53%;height: 458px;background: url(/img/bac_1.jpg) left top repeat-x;} .ind01 .left .next{padding: 49px 13% 0 13%;height: 409px; background: url(/img/ind01_2.png) right bottom no-repeat;} .ind01 .left .next .t{padding: 13px 0 40px; font-size: 32px;color: #fff;background: url(/img/ind01.png) top left no-repeat;} .ind01 .left .next p{font-size: 18px;color: #fff;line-height: 30px;} .ind01 .cen{position: relative; width: 40.8%;height: 329px;background: url(/img/ind01_4.png) right center no-repeat;} .ind01 .cen .pic{width: 100%;height: 329px;overflow: hidden;} .ind01 .cen .pic i{transition: all 0.5s; margin-left: -5%; width: 105%;height: 100%;} .ind01 .cen .pic:hover i{transition: all 0.5s; margin-left: 0%;} .ind01 .cen .pos{position: absolute;right: 40px;bottom: 32px;font-size: 32px;color: #fff;} .ind01 .cen .icon{position: absolute;right: 0;top:50%;margin-top: -10px; width: 10px;height: 20px; background: url(/img/ind01_4.png) right center no-repeat;} .ind01 .right{width: 30.67%;height: 329px;} .ind01 .right .next{margin-left: 14.7%;} .ind01 .right .next .lie{margin: 55px auto 26px; height: 2px;background: #e9ebef;} .ind01 .right .next .lie i{transition: all 0.8s; width: 70px;height: 2px; background: #5fa3ff;} .ind01 .right .next p{height: 180px; font-size: 18px;color: #666;line-height: 30px;} .ind01 .right .next .more div{position: relative; float: right;margin-top: 16px;overflow: hidden;} .ind01 .right .next .more i{width: 195px;height: 48px; line-height: 48px; text-align: center; font-size: 14px;color: #3a3f4a;font-family: "Arial";border: #3a3f4a 1px solid;} .ind01 .right .next .more div::after { background: #5fa3ff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .ind01 .right .next .more div:hover:after { left: 120%; -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); } .ind01 .right .next:hover .lie i{transition: all 0.8s;width: 100%;} .ind01 .right .next .more div:hover i{color: #5fa3ff;border: #5fa3ff 1px solid;} .title{margin-bottom: 60px;} .title i{float: left;width: 30px;height: 30px;background: url(/img/icon_3.png) left top no-repeat;} .title .t{float: left;padding: 19px 0 40px;width: 500px; font-size: 32px;color: #2b313d;} .title a{transition:all 0.5s; float: right;padding-top: 36px; font-size: 18px;color: #006db8;font-family: "Arial";} .title a:hover{transition:all 0.5s;margin-right: -18px;} .ind02{margin-bottom: 96px;} .ind02 .title .t{background: url(/img/ind02.png) left 6px no-repeat;} .ind02 .swiper-wrapper{padding-bottom: 109px;} .ind02 .swiper-slide .next{width: 100%} .ind02 .swiper-slide a{position: relative;overflow: hidden;} .ind02 .swiper-slide .a_1{width: 50%;} .ind02 .swiper-slide .a_2{width: 50%;} .ind02 .swiper-slide .a_3{width: 100%;} .ind02 .swiper-slide .fr{width: 50%;} .ind02 .swiper-slide i{transform: scale(1);transition-duration: 0.5s; width: 100%;height: 100%;} .ind02 .swiper-slide a:hover i{transform: scale(1.1);transition-duration: 0.5s; } .ind02 .swiper-slide .pos{position: absolute;left: 0;bottom: 56px;width: 100%;} .ind02 .swiper-slide b{margin-bottom: 34px;padding: 0 10px; font-size: 26px;color: #fff;font-weight: bold;text-align: center;} .ind02 .swiper-slide .icon{position: relative; margin: 0 auto;width: 243px;text-align: center;border: 2px #fff solid;cursor: pointer; overflow: hidden;} .ind02 .swiper-slide .icon::after { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .ind02 .swiper-slide .icon em{display: inline-block;padding-right: 37px; font-size: 24px;color: #fff;line-height: 54px;background: url(/img/icon_7.png) right center no-repeat;text-transform:upperCase;} .ind02 .swiper-slide .a_2 .icon,.ind02 .swiper-slide .a_3 .icon{width: 202px;} .ind02 .swiper-slide .a_2 .icon em,.ind02 .swiper-slide .a_3 .icon em{padding-right: 18px; } .ind02 .swiper-slide a .icon:hover:after { left: 120%; -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); } .ind02 .swiper-container-horizontal .swiper-pagination-bullets{bottom: 0; text-align: center;} .ind02 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{margin:0; display: inline-block;width: 195px;height: 41px; border-radius: 0;background: none;opacity: 1;} .ind02 .swiper-pagination a i{line-height: 38px;text-align: left;font-size: 16px;color: #c2c3c3;font-weight: bold;} .ind02 .swiper-pagination a div{width: 195px;height: 3px;background: #dddfe0;} .ind02 .swiper-pagination a div em{transition: all 0.8s;width: 0%;height: 3px;background: #006db8;} .ind02 .swiper-pagination .swiper-pagination-bullet-active div em{transition: all 0.8s;width: 100%;} .ind03{margin-bottom: 97px;} .ind03 .title{margin-bottom: 20px;} .ind03 .title .t{background: url(/img/ind03.png) left 6px no-repeat;} .ind03 .tab_tit{margin:29px 34px 0 0;} .ind03 .tab_tit .ls{float: left;margin:0 23px; cursor: pointer;} .ind03 .tab_tit .ls p{margin-bottom: 6px; font-size: 20px;color: #444;} .ind03 .tab_tit .ls .lie{margin:0 auto;width: 38px;height: 2px;} .ind03 .tab_tit .ls .lie em{transition: all 0.5s; margin:0 auto;width: 0;height: 2px;background: #006db8;} .ind03 .tab_tit .ls.cur p,.ind03 .tab_tit .ls:hover p{color: #006db8;} .ind03 .tab_tit .ls.cur .lie em,.ind03 .tab_tit .ls:hover .lie em{transition: all 0.5s; width: 100%;} .ind03 .tab_next .pic{position: relative;width: 34.7%; height: 391px; overflow: hidden;} .ind03 .tab_next .pic i{transition: all 0.5s; margin-left: -5%; width: 110%;height: 100%;} .ind03 .tab_next .pic .pos{position: absolute;left: 0;bottom: 0;width: 100%;height: 59px;} .ind03 .tab_next .pic .pos .fl{width: 87%;height: 100%;text-align: center; background:rgba(69,69,69,0.9);} .ind03 .tab_next .pic .pos .fl p{margin:0 auto; width: 96%; line-height: 59px;font-size: 14px;color: #fafbfc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ind03 .tab_next .pic .pos .fr{width: 13%;height: 100%;background:#006db8 url(/img/icon_7.png) center no-repeat;} .ind03 .tab_next .pic:hover i{transition: all 0.5s; margin-left: 0%;} .ind03 .tab_next .text{position: relative;width: 61%;} .ind03 .tab_next .text ul li{float: left;width: 50%;} .ind03 .tab_next .text ul li:nth-child(1) a{margin:0 38px 52px 0;} .ind03 .tab_next .text ul li:nth-child(2) a{margin:0 0px 52px 38px;} .ind03 .tab_next .text ul li:nth-child(3) a{margin:52px 38px 0px 0;} .ind03 .tab_next .text ul li:nth-child(4) a{margin:52px 0px 0px 38px;} .ind03 .tab_next .text ul li a span{margin-bottom: 14px; font-size: 20px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ind03 .tab_next .text ul li a:hover span{color: #006db8;} .ind03 .tab_next .text ul li a p{margin-bottom: 23px;height: 52px;line-height: 26px; font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;} .ind03 .tab_next .text ul li a:hover p{color: #333;} .ind03 .tab_next .text ul li a .time{line-height: 28px;font-family: "Arial";} .ind03 .tab_next .text ul li a b{float: left; font-size: 24px;color: #333;font-weight: bold;} .ind03 .tab_next .text ul li a i{float: left;padding:0 10px; font-size: 18px;color: #b2b0b0;} .ind03 .tab_next .text .lie{position: absolute;background: #e6e6e6;} .ind03 .tab_next .text .lie_x{left: 0;top: 195px;width: 100%;height: 1px;} .ind03 .tab_next .text .lie_y{left: 50%;top: 0;width: 1px;height: 100%;} .ind04{margin-bottom: 7px;background: #000;} .ind04 a{position: relative; width: 50%; height: 385px; overflow: hidden;opacity: 1;} .ind04 a i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;} .ind04 a .pos{position: absolute;left: 0;top: 89px;width: 100%;} .ind04 a .text{margin:0 7% 0 22%;color: #fff;} .ind04 a .text .lie{margin-bottom: 16px; width: 73px;height: 6px;background: #fff;} .ind04 a .text .lie em{transition: all 0.5s;width: 0;height: 6px;background: #006db8;} /* .ind04 a:hover .text .lie em{transition: all 0.5s; width: 100%;} */ .ind04 a .text b{font-size: 55px;font-family: "Arial";font-weight: bold; line-height: 75px;} @media screen and (max-width:1720px){ .ind04 a .text b{font-size: 45px;} } .ind04 a .text p{font-size: 30px;} .ind04 a .text span{float: right;margin-top: 77px;width: 47px;height: 47px;background: url(/img/icon_8.png) center no-repeat;} .ind04 a:hover{opacity: 0.9;} .ind04 a:hover .text span{background: url(/img/icon_8s.png) center no-repeat;} .ind04 a:hover i{transform: scale(1.1);transition-duration: 0.5s;} .ind05 .top{margin-bottom: 15px; text-align: center;} .ind05 .top i{display: inline;padding:0 80px;font-size: 30px;color: #333;font-family: "Arial"; line-height: 40px; border-left: #cecece 3px solid;border-right: #cecece 3px solid;} .ind05 .next{border-top: #cecece 3px solid;border-bottom: #cecece 2px solid;background: #f8f8f8;} .ind05 .next div.fl{padding: 84px 0; width: 33.33%;} .ind05 .next div.fl p{padding-left: 70px;height: 60px;line-height: 60px; font-size: 24px;color: #999;} .ind05 .next .cen{margin:0 auto; width: 390px;} .ind05 .next div.cen p{line-height: 30px;} .ind05 .next .left p{background: url(/img/icon_4.png) left center no-repeat;} .ind05 .next .cen p{background: url(/img/icon_5.png) left center no-repeat;} .ind05 .next .right p{background: url(/img/icon_6.png) left center no-repeat;} @media screen and (max-width:1920px){ .ind05 .next div.fl{padding: 74px 0;} .ind05 .next div.fl p{font-size: 20px;} } .ind01 i.vi{position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding-top: 85px;width: 100%;text-align: center; font-size:18px;color: #fff;font-weight: bold;background: url(/img/icon_47.png) top center no-repeat;} .popub_video{display: none; position: fixed;left:10%;top:10%;z-index: 17;width: 80%;height: 80%;text-align: center;} .popub_video video{margin:0 auto;width: 100%; height: 100%;} .popub_video .next{position: relative;width: 100%;height: 100%;} .popub_video .next i{position: absolute;right: 0;top: 0;width: 52px;height: 52px;background: url(/img/icon_18s.png) center no-repeat;cursor: pointer;} .popub_video_bac{display: none;position: fixed;left: 0;top: 0;z-index: 16; width: 100%;height: 100%;background: rgba(0,0,0,0.6);} .ind02 .title,.ind02 .swiper-container,.ind03 .title,.ind03 .tab_next,.ind04,.ind05,.footer{visibility: hidden;} .ind02 .title.active,.ind02 .swiper-container.active,.ind03 .title.active,.ind03 .tab_next.active,.ind04.active,.ind05.active,.footer.active{visibility: visible; animation-delay: 0.2s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;} .banner .swiper-slide .text{ animation-delay: 0.2s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @media only screen and (max-width: 768px){ /*================棣栭〉鏍峰紡鍙婂叕鍏遍儴鍒嗘牱寮廄===============*/ .pagebox{overflow:hidden;} .swiper-container {width: 100%;height: 100%;} .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .ind03 .tab_next .text .lie_y{display:none;} .ind03 .tab_next .text .lie_x{display:none;} .title a { transition: all 0.5s; float: right; padding-top: 6px; padding-bottom: 16px; } .banner .pic{width: 100%;height: 100%;transform: scale(1);transition-duration: 8s;} .banner span{display: inline-block;} .banner .swiper-slide{position: relative;overflow: hidden;} .banner .swiper-container .pos_r{position: absolute;right: 0;bottom: 2rem;z-index: 10; width: 100%;height: 2.15rem;} .banner .swiper-container .pos_r .swiper-pagination{position: relative;bottom: 0; width: 5rem;font-family: "Arial";line-height: 2.2rem; font-size: 1.2rem;color: #fff;} .banner .swiper-container .pos_r .swiper-pagination-current,.banner .swiper-container .pos_r .sum{font-size: 1.8rem;} .banner .swiper-container .pos_r .lie{margin-top: 1.3rem; width: 11.3rem;height: 1px;background: #fff;} .banner .swiper-container .pos_r .lie i{width: 0; height: 1px; background: #5fa3ff; /* -webkit-animation:lieA 8s ease-in-out 0s infinite; -moz-animation:lieA 8s ease-in-out 0s infinite; -ms-animation:lieA 8s ease-in-out 0s infinite; animation:lieA 8s ease-in-out 0s infinite; */} /*绾挎潯闀垮害*/ @keyframes lieA { 0% {width: 0;} 100% {width: 100%;} } @-webkit-keyframes lieA { 0% {width: 0;} 100% {width: 100%;} } @-moz-keyframes lieA { 0% {width: 0;} 100% {width: 100%;} } .ind01 .left { margin-top: -129px; position: relative; z-index: 2;float:none; width: 100%; height: 458px; background: url(/img/bac_1.jpg) left top repeat-x; } .ind01 .cen { position: relative; width: 100%;float:none; height: 329px;float:none; background: url(/img/ind01_4.png) right center no-repeat; } .ind01 .right { width: 100%;float:none; height: 329px; } .ind01{background: #fcfcfd url(/img/bac_1.png) right bottom no-repeat;background-size: 12rem auto;} .ind01 .next{padding-bottom:3.4rem; margin-left: 0; font-size: 1.3rem;color: #666;line-height: 2.5rem;} .ind01 .right .next { margin-left:0; } .ind01 .right .next p { height: 180px; font-size: 16px; color: #666; line-height: 30px; } .ind02 .swiper-wrapper{padding-bottom:4.4rem;} .ind02 .swiper-slide .next{width: 100%} .ind02 .swiper-slide a{position: relative;overflow: hidden;} .ind02 .swiper-slide .a_1{width: 100%;} .ind02 .swiper-slide .a_2{width: 50%;} .ind02 .swiper-slide .a_3{width: 100%;} .ind02 .swiper-slide .fr{width: 100%;} .ind02 .swiper-slide i{transform: scale(1);transition-duration: 0.5s; width: 100%;height: 100%;} .ind02 .swiper-slide a:hover i{transform: scale(1.08);transition-duration: 0.5s; } .ind02 .swiper-slide .pos{position: absolute;left: 0;bottom:1.4rem;width: 100%;} .ind02 .swiper-slide b{margin-bottom: 1.4rem; font-size: 1rem;color: #fff;font-weight:normal;text-align: center;} .ind02 .swiper-slide .a_2 .icon{position: relative; margin: 0 auto;width: 9.1rem;text-align: center;border: 2px #fff solid;cursor: pointer; overflow: hidden;} .ind02 .swiper-slide .icon::after { background: #fff; content: ""; height: 7.7rem; left: -3.75rem; opacity: .2; position: absolute; top: -2.5rem; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 2.5rem; } .ind02 .swiper-slide .icon em{display: inline-block;padding-right: 1.95rem; font-size: 0.8rem;color: #fff;line-height: 2.5rem;background: url(/img/icon_7.png) right center no-repeat;background-size: auto 0.95rem;} .ind02 .swiper-slide a .icon:hover:after {left: 120%; -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); } .ind02 .swiper-container-horizontal .swiper-pagination-bullets{left: 4%; bottom: 0;width: 92%;} .ind02 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{margin:0; display: inline-block;width: 33.33%;height: 2.7rem; border-radius: 0;background: none;opacity: 1;} .ind02 .swiper-pagination a i{line-height: 2.4rem;text-align: left;font-size: 1.2rem;color: #c2c3c3;font-weight: bold;} .ind02 .swiper-pagination a div{width: 100%;height: 3px;background: #dddfe0;} .ind02 .swiper-pagination a div em{transition: all 0.8s;width: 0%;height: 3px;background: #006db8;} .ind02 .swiper-pagination .swiper-pagination-bullet-active div em{transition: all 0.8s;width: 100%;} .ind03{margin-bottom: 3.5rem;} .ind03 .tab_tit{margin:1.5rem 0px 0 0; width: 100%;} .ind03 .tab_tit .ls p{margin-bottom: 0.7rem;text-align: center; font-size: 1.4rem;color: #444;} .ind03 .tab_tit .ls .lie{margin:0 auto;width:2.75rem;height: 2px;} .ind03 .tab_tit .ls .lie em{transition: all 0.5s; margin:0 auto;width: 0;height: 2px;background: #006db8;} .ind03 .tab_tit .ls.cur p,.ind03 .tab_tit .ls:hover p{color: #006db8;} .ind03 .tab_tit .ls.cur .lie em,.ind03 .tab_tit .ls:hover .lie em{transition: all 0.5s; width: 100%;} .ind03 .tab_next .pic{position: relative;margin-top: 1.5rem; width: 100%; height: 391px; overflow: hidden;} .ind03 .tab_next .pic i{transition: all 0.5s; margin-left: -5%; width: 110%;height: 100%;} .ind03 .tab_next .pic .pos{position: absolute;left: 0;bottom: 0;width: 100%;height: 3.9rem;} .ind03 .tab_next .pic .pos .fl{width: 87%;height: 100%;text-align: center; background:rgba(69,69,69,0.9);} .ind03 .tab_next .pic .pos .fl p{margin:0 auto; width: 96%; line-height: 3.9rem;font-size: 1.2rem;color: #fafbfc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ind03 .tab_next .pic .pos .fr{width: 13%;height: 100%;background:#006db8 url(/img/icon_7.png) center no-repeat;background-size: auto 1.4rem;} .ind03 .tab_next .pic:hover i{transition: all 0.5s; margin-left: 0%;} .ind03 .tab_next .text{position: relative;width: 100%;} .ind03 .tab_next .text ul li{padding: 2rem 0 1.6rem;border-bottom: #e6e6e6 1px solid;width:100%;} .ind03 .tab_next .text ul li a span{margin-bottom: 0.7rem; font-size: 1.1rem;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ind03 .tab_next .text ul li a:hover span{color: #006db8;} .ind03 .tab_next .text ul li a p{height: 4.2rem;line-height: 2.1rem; font-size: 1rem;color: #666;} .ind03 .tab_next .text ul li a:hover p{color: #333;} .ind03 .tab_next .text ul li a i{margin-bottom: 0.8rem; padding-left:0.2rem; font-size: 0.85rem;color: #006db8;background: url(/img/icon_8.png) left center no-repeat;background-size: 1.4rem auto;} .ind03 .tab_next .text ul li:nth-child(4) a, .ind03 .tab_next .text ul li:nth-child(3) a, .ind03 .tab_next .text ul li:nth-child(1) a, .ind03 .tab_next .text ul li:nth-child(2) a{ margin: 0; } .ind03 .tab_tit .ls { float: left; margin: 0px; cursor: pointer; width: calc(100% / 3); }.ind03 .tab_next .text ul li a b { float: left; font-size: 16px; color: #aaa; font-weight: normal; } .ind04{margin-bottom: 4rem;overflow-y: auto;} .ind04 a{position: relative; height: 385px; overflow: hidden;opacity: 1;} .ind04 a i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;} .ind04 a .pos{position: absolute;left: 0;top: 3.3rem;width: 100%;} .ind04 a .text{margin:0 5% 0 10%;color: #fff;} .ind04 a .text .lie{margin-bottom: 16px; width: 2.9rem;height: 0.3rem;background: #fff;} .ind04 a .text .lie em{transition: all 0.5s;width: 0;height: 0.3rem;background: #006db8;} .ind04 a .text b{font-size: 2.1rem;font-family: "Arial";font-weight: bold;line-height:2.2rem;} .ind04 a .text p{font-size: 1.2rem;} .ind04 a .text span{float: right;margin-top: 0.3rem;width: 2rem;height: 2rem;background: url(/img/icon_9.png) center no-repeat;background-size: 1.9rem auto;} .ind04 a:hover{opacity: 0.9;} .ind04 a:hover i{transform: scale(1.1);transition-duration: 0.5s;} .ind05 .next div.fl { padding: 10px 0; width: 100%; } .ind05 .next div.fl p { font-size: 20px; float: left; } .ind05 .next .cen p { background-size: 8%; } .ind05 .next .right p { background-size: 12%; } .ind05 .next .left p { background-size: 15%; } .banner_pc{ display: none;} .banner_mobi{ display: block;padding-top:108px; background-color:#333; } .index { margin-top: 558px; position: relative; z-index: 3; background: #fff; } } @media (min-width: 769px){ .banner_mobi{ display: none;} .banner_pc{ display: block;} }