/*首页 begin*/ .section { width:100%; height:100%; position:relative; overflow:hidden; } .section1 { background:url(../images/banner.jpg) no-repeat center center; background-size:cover; } .crho { width:80%; height:auto; padding:20% 0 0 0; } .crho h2 { margin-bottom:0.2em; } .crho p { color:#fff; font-size:0.83vw; line-height:1.6vw; } .crho h2 span { color:#c02329; font-size:53px; line-height:16px; } .crho h2 span.vvb{ margin-right:35px; } .active .crho h2 span { transform: translate(-150px, 0) scale(.3); animation: leftRight .5s forwards; opacity: 0; display:inline-block; } .crho3 h2 span { transform: translate(-150px, 0) scale(.3); animation: leftRight .5s forwards; opacity: 0; display:inline-block; } .active .crho p { -webkit-animation-name: zifadeInUp; animation-name: zifadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; } @media(max-width:1024px) { .section { width:100%; height:auto; position:relative; overflow:hidden; padding-bottom:40px; } .crho { width:100%; height:auto; } .crho h2 span { font-size:30px; margin-bottom:20px } .crho p { line-height:24px; font-size:16px; } } @media(max-width:414px) { .crho h2 span { font-size:24px; margin-bottom:20px } .crho p { line-height:24px; font-size:16px; } .crho { padding:130px 0 40px 0; } .section { width:100%; height:auto; position:relative; overflow:hidden; padding-bottom:0px; } } @media(max-width:360px) { .crho h2 span { font-size:24px; margin-bottom:20px } .crho p { line-height:24px; font-size:16px; } .crho { padding:200px 0 40px 0; } } .section2 { background:url(../images/bg.jpg) no-repeat center center; background-size:cover; position:relative; } .gtoh { padding-top:3.89vw; } .gtoh_l { float:left; width:40%; padding-left:13.54%; padding-top:6.65vw; } .gtoh_lt { color:#fff; font-size:1.56vw; line-height:1.56vw; margin-bottom:4.94vw; } .gtoh_lt i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:2.5vw; line-height:2.5vw; font-weight:bold; margin-bottom:1vw; } .gtoh_lc { clear:both; height:auto; overflow:hidden; margin-bottom:4.55vw; } .gtoh_lc li { height:50px; font-size:1.25vw; line-height:50px; color:#fff; margin-right:2.66vw; cursor:pointer; } .gtoh_lc li.Color { color:#c02329; border-bottom:1px solid #c02329; } .gtoh_lc li.qcbj { margin-right:0; } .gtoh_lb { width:100%; height:auto; position:absolute; left:-688px; top:620px; } @media(max-width:1440px){ .gtoh_lb { width:100%; height:auto; position:absolute; left:-660px; top:380px; } } @media(max-width:1366px){ .gtoh_lb { width:100%; height:auto; position:absolute; left:-620px; top:380px; } } @media(max-width:1280px){ .gtoh_lb { width:100%; height:auto; position:absolute; left:-580px; top:380px; } } @media(max-width:414px){ .gtoh_lb { width:100%; height:auto; position:inherit; left:0px; top:0; margin-top:10px; } } .gtoh_lb a { display:inline-block; font-size:14px; color:#fff; border-bottom:1px solid #fff; min-height:23px !important; } .gtoh_lb a img { vertical-align:middle; margin-left:1.6vw; } .demow2 { float:right; width:50%; position:relative; } .fris { overflow:hidden; width:100%; min-height:552px !important; line-height:100px; } .cgro { width:100%; height:auto; } .cgro_t { height:auto; color:#dddddd; font-family:Arial, Helvetica, sans-serif; font-size:3.13vw; line-height:3.13vw; margin-bottom:5.2vw; } .cgro_b { height:auto; overflow:hidden; } .cgro_b dt { width:100%; height:auto; overflow:hidden; margin-bottom:3vw; min-height: 228px !important; } .cgro_b dt img { display:block; width:100%; } .cgro_b dd { height:auto; overflow:hidden; } .cgro_b dd h5 { color:#757575; font-size:18px; line-height:20px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:1.25vw; } .cgro_b dd p { font-size:14px; line-height:24px; color:#a9a9a9; height:72px; overflow:hidden; margin-bottom:2.08vw; } .cgro_b dd img { display:block; max-width:100%; } .begn { float:right; width:50%; position:relative; min-height:702px !important; } .beog { position:absolute; left:0; top:0; width:100%; } .hide { display: none; position: absolute; z-index: -1; height: 0; left:0; top:0; } .gfbh { width:79%; height:auto; min-height:60px; } .boeggg{ width:100%; height:auto; overflow:hidden; position:relative; top:-620px;} @media(max-width:1440px){ .boeggg{ width:100%; height:auto; overflow:hidden; position:relative; top:-396px;} } .gfbh li { float:left; width:50%; height:auto; min-height:340px; padding:29px 0 0 0; position:relative; } .gfbh li:after { content:''; position:absolute; top:50%; left:0px; right:0px; width:100%; height:0px; transform:translate(0, -50%); } .wqa { width:100%; position:relative; z-index:11; } .tup { width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:26px; } .tup img { display:block; max-width:100%; margin:0 auto; width:300px; height:300px; } .tupddd img{ width: auto; height: auto; } .tup img.rui1 { opacity:1; filter:Alpha(opacity=100); transition: all 0.5s ease; } .tup img.rui2 { position:absolute; left:0; top:0; right:0; margin:0 auto; opacity:0; filter:Alpha(opacity=0); transition: all 0.5s ease; } .gfbh li h5 { text-align:center; color:#fff; font-size:16px; line-height:1.6vw; color:#fff; font-weight:bold; margin-bottom:0.83vw; transition: all 0.5s ease; font-weight: normal; } .gfbh li p { text-align:center; padding:0 70px; color:#a9a9a9; font-size:14px; line-height:24px; transition: all 0.5s ease; } .gfbh li:hover:after { height:100%; transition:300ms ease all; } .gfbh li:hover .rui2 { opacity:1; filter:Alpha(opacity=100); } .gfbh li:hover .rui1 { opacity:0; filter:Alpha(opacity=0); } .gfbh li:hover h5, .gfbh li:hover p { color:#fff; } .begos { width:100%; height:auto; position:relative; animation:shake 2s; } .tvt { height:auto; width:100%; height:auto; overflow:hidden; } .tvt img { display:block; width:100%; height:auto; min-height:401px !important; margin-bottom:3vw; } .tvt h5 { color:#757575; font-size:24px; line-height:24px; margin-bottom:28px; } .tvt p { line-height:24px; color:#a9a9a9; font-size:14px; } .active .gtoh_lt { -webkit-animation-name: zifadeInLeft; animation-name: zifadeInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; } .active .gtoh_lc { -webkit-animation-name: zifadeInUp; animation-name: zifadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; } .active .gtoh_lb { /* -webkit-animation-name: zifadeInUp; animation-name: zifadeInUp; -webkit-animation-duration: 3s; animation-duration: 3s; */ } .active .fris { -webkit-animation-name: zifadeInRight; animation-name: zifadeInRight; -webkit-animation-duration: 2s; animation-duration: 2s; } .gfbhddd{ padding-top: 120px; } @media(max-width:1680px) { .gtoh_l { padding-left:8.33%; padding-top:9.65vw; } } @media(max-width:1600px) { .gtoh_l { padding-left:6.25%; padding-top:9.65vw; } .gtoh { padding-top:30px; } .gfbh li { height:auto; min-height:300px !important; padding:39px 0 0 0; } .tup { margin-bottom:20px; } .tup img { display:block; max-width:100%; margin:0 auto; width:250px; height:227px; } .tupddd img{ width: auto; height: auto; } } @media(max-width:1440px) { .gtoh_l { padding-left:60px; padding-top:7.65vw; } .gtoh { padding-top:120px; } .gfbh li { height:auto; min-height:240px !important; padding:25px 0 0 0; } .tup { margin-bottom:20px; } .gfbh { width:100%; padding:0 60px 0 0; } .tvt img { display:block; width:100%; height:auto; min-height:auto !important; margin-bottom:20px; } .tvt h5 { margin-bottom:15px; } .tvt p { line-height:22px; } .gfbh li p { padding:0 20px; } .tupddd img{ width: auto; height: auto; } } @media(max-width:1366px) { .gtoh_l { padding-left:60px; padding-top:12.65vw; } .gtoh { padding-top:40px; } .gfbh li { height:auto; min-height:240px !important; padding:25px 0 0 0; } .tup { margin-bottom:20px; } .tup img { display:block; max-width:100%; margin:0 auto; width:200px; height:200px; } .tupddd img{ width: auto; height: auto; } .gfbh { width:100%; padding:0 60px 0 0; } .gfbhddd{ padding-top:120px; } .tvt img { display:block; width:100%; height:auto; min-height:auto !important; margin-bottom:20px; } .tvt h5 { margin-bottom:15px; } .tvt p { line-height:22px; } .gfbh li p { padding:0 20px; } } @media(max-width:414px) { .section2 { padding-bottom:40px; } .gtoh_l { padding-left:15px; padding-top:0px; width:100%; margin-bottom:35px; } .gtoh { padding-top:40px; } .gfbh li { height:auto; min-height:240px !important; padding:25px 0 0 0; } .tup { margin-bottom:20px; } .gfbh { width:100%; padding:0 0px 0 0px; } .tvt img { display:block; width:100%; height:auto; min-height:auto !important; margin-bottom:20px; } .tvt h5 { margin-bottom:15px; } .tvt p { line-height:22px; } .gfbh li p { padding:0 20px; } .gtoh_lt { color:#363636; font-size:24px; line-height:28px; margin-bottom:30px; } .gtoh_lt i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:28px; font-weight:bold; margin-bottom:10px; } .gtoh_lc li { float:left; width:70px; height:36px; font-size:16px; line-height:28px; color:#757575; margin-right:16px; cursor:pointer; } .gtoh_lc li.Color { color:#00afff; border-bottom:1px solid #00afff; } .gtoh_lb a img { vertical-align:middle; margin-left:15px; } .demow2 { float:right; width:100%; position:relative; padding:0 15px; } .cgro_t { font-size:20px; line-height:24px; margin-bottom:20px; } } .section3 { background:url(../images/bg1.jpg) no-repeat center center; background-size:cover; position:relative; } .sei_l { float:left; width:35%; height:auto; padding:21% 0 0 13.54%; } .sei_l h5 { color:#ffffff; font-size:30px; line-height:36px; margin-bottom:145px; } .sei_l h5 i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; letter-spacing:0.6px; margin-bottom:20px; } .sei_l p a { display:inline-block; border-bottom:1px solid rgba(255, 255, 255, 0.6); color:rgba(255, 255, 255, 0.6); padding-bottom:10px; } .sei_l p a img { margin-left:30px; } .sei_r { float:right; width:65%; height:auto; margin-top:259px; background:url(../images/bg4.png) no-repeat left center; } .geiw { width:100%; height:auto; overflow:hidden; } .geiw dt { float:left; width:53%; height:auto; overflow:hidden; } .geiw dt img { display:block; width:100%; border-radius:10px; margin-bottom:70px; max-height:205px; } .geiw dt span { display:block; width:40px; height:44px; margin:0 auto; background:url(../images/bg2.png) no-repeat center top; padding-top:20px; color:rgba(255, 255, 255, 0.6); font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:18px; text-align:center; } .geiw dd { float:right; width:43%; height:auto; padding-top:30px; } .geiw dd h5 { color:#fff; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:25px; } .geiw p { line-height:24px; font-size:14px; height:72px; overflow:hidden; color:rgba(255, 255, 255, 0.8); } .geiw1 dt img { margin-bottom:0px; margin-top:46px; max-height:205px; } .geiw1 dd { padding-top:120px; } .active .sei_l { -webkit-animation-name: zifadeInLeft; animation-name: zifadeInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; } .active .sei_r { -webkit-animation-name: zifadeInRight; animation-name: zifadeInRight; -webkit-animation-duration: 2s; animation-duration: 2s; } .sei_r1 { display:none; } @media(max-width:1680px) { .sei_l { padding:21% 0 0 8.33%; } .sei_r { margin-top:209px; } } @media(max-width:1600px) { .sei_l { padding:16% 0 0 6.25%; } .sei_r { margin-top:109px; } } @media(max-width:1440px) { .sei_l { padding:22% 0 0 60px; } .sei_r { margin-top:169px; } } @media(max-width:1366px) { .sei_r { margin-top:109px; } .sei_l { padding:16% 0 0 60px; } .geiw dt img { margin-bottom:10px; } .geiw1 dt img { margin-top:10px; } .geiw1 dd { padding-top:75px; } } @media(max-width:1024px) { .sei_r { margin-top:109px; } .sei_l { padding:16% 0 0 30px; } .geiw dt img { margin-bottom:10px; } .geiw1 dt img { margin-top:10px; } .geiw1 dd { padding-top:75px; } .sei_l h5 { color:#ffffff; font-size:30px; line-height:36px; margin-bottom:145px; } .sei_l h5 i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; letter-spacing:0.6px; margin-bottom:20px; } } @media(max-width:768px) { .sei_r { width:100%; padding:0 30px; margin-top:40px; display:none; } .sei_l { width:100%; padding:16% 0 0 30px; overflow:hidden; margin-bottom:40px; } .geiw dt img { margin-bottom:10px; } .geiw1 dt img { margin-top:10px; } .geiw1 dd { padding-top:75px; } .sei_l h5 { color:#ffffff; font-size:30px; line-height:36px; margin-bottom:35px; } .sei_l h5 i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; letter-spacing:0.6px; margin-bottom:20px; } .sei_r1 { display:block; padding:0px 30px 40px 30px; } .swiper4 .swiper-slide { padding-bottom:60px; } } @media(max-width:414px) { .sei_l { width:100%; padding:40px 0 0 15px; overflow:hidden; margin-bottom:40px; } .sei_l h5 { color:#ffffff; font-size:24px; line-height:24px; margin-bottom:35px; } .sei_l h5 i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:28px; letter-spacing:0.6px; margin-bottom:20px; } .geiw dt { width:100%; } .geiw dd { width:100%; padding-top:20px; } } .section4 { background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; } .gxdi_l { float:left; width:35%; height:auto; padding:29% 0 0 0 } .gxdi_lt { height:auto; overflow:hidden; color:#fff; font-size:30px; line-height:30px; margin-bottom:145px; } .gxdi_lt i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; font-weight:bold; letter-spacing:0.6px; margin-bottom:30px; } .gxdi_lb { height:auto; overflow:hidden; } .gxdi_lb a { display:inline-block; border-bottom:1px solid rgba(169, 169, 169, 0.6); color:#a9a9a9; font-size:14px; padding-bottom:10px; } .gxdi_lb a img { vertical-align:middle; margin-left:30px; } .gxdi_r { float:right; width:755px; height:auto; min-height:755px !important; position:relative; margin-top:123px; } .active .gxdi_lt { -webkit-animation-name: zifadeInUp; animation-name: zifadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; } .active .gxdi_lb { -webkit-animation-name: zifadeInUp; animation-name: zifadeInUp; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .active .gxdi_r { -webkit-animation-name: zifadeInRight; animation-name: zifadeInRight; -webkit-animation-duration: 2s; animation-duration: 2s; } .daqu { width:100%; height:auto; overflow:hidden; } .daqu img { width:100%; display:block; margin:0 auto; } .htlog { width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; 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; } .bone { width:100%; height:755px; position:absolute; left:0; top:0; animation:circleRoate 40s infinite linear; } .goni { animation:circleRoate1 40s infinite linear; text-align:center; box-shadow:0px 0px 10px rgba(0, 49, 255, 0.2); border-radius:100px; width:130px; height:130px; background:#fff } .goni img{transition: all 0.5s ease;} .bone:hover{animation-play-state: paused;} .bone:hover .goni{animation-play-state: paused;} .goni:hover img{transform:scale(1.1);} .goni:hover {box-shadow:0px 0px 10px rgba(0, 49, 255, 0.6);transform:scale(1.1);} .goni img { width:130px; display:block; margin:0 auto; margin-bottom:5px; } .dotdot { position: absolute; left:138px; top:0px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:535px; top:20px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:609px; top:558px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:539px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:50px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:590px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:319px; top:612px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:305px; top:160px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:455px; top:428px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:192px; top:429px; width: auto; height: auto; font-size:14px; } @media(max-width:1680px) { .bone { height:655px; width:655px; } .gxdi_r { width:655px; min-height:655px !important; } .dotdot { position: absolute; left:138px; top:-20px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:485px; top:20px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:459px; top:558px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:469px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:40px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:510px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:319px; top:512px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:275px; top:140px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:415px; top:328px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:192px; top:389px; width: auto; height: auto; font-size:14px; } } @media(max-width:1600px) { .bone { height:555px; width:555px; } .gxdi_r { width:555px; min-height:555px !important; } .dotdot { position: absolute; left:138px; top:-25px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:415px; top:20px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:459px; top:408px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:402px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:28px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:436px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:249px; top:442px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:235px; top:110px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:328px; top:328px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:112px; top:289px; width: auto; height: auto; font-size:14px; } .goni { width:100px; height:100px; background:#fff } } @media(max-width:1440px) { .gxdi_l { padding-top:25%; width:40%; } .gxdi_r { margin-top:173px; } } @media(max-width:1366px) { .gxdi_l { padding-top:15%; width:40%; } .gxdi_r { margin-top:123px; } .bone { height:455px; width:455px; } .gxdi_r { width:455px; min-height:455px !important; } .dotdot { position: absolute; left:138px; top:-25px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:345px; top:20px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:299px; top:398px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:332px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:23px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:358px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:199px; top:362px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:195px; top:85px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:288px; top:250px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:112px; top:267px; width: auto; height: auto; font-size:14px; } .goni { width:80px; height:80px; background:#fff } } @media(max-width:1024px) { .gxdi_l { padding-top:30%; width:40%; } .gxdi_lt { height:auto; overflow:hidden; color:#363636; font-size:24px; line-height:24px; margin-bottom:30px; } .gxdi_lt i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; font-weight:bold; letter-spacing:0.6px; margin-bottom:30px; } .gxdi_r { margin-top:123px; } .bone { height:455px; width:455px; } .gxdi_r { width:455px; min-height:455px !important; } .dotdot { position: absolute; left:138px; top:-25px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:345px; top:20px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:299px; top:398px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:332px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:23px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:358px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:199px; top:362px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:195px; top:85px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:288px; top:250px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:112px; top:267px; width: auto; height: auto; font-size:14px; } .goni { width:70px; height:70px; background:#fff } } @media(max-width:768px) { .gxdi_l { padding-top:20%; width:100%; float:none; padding-bottom:60px; } .gxdi_lt { height:auto; overflow:hidden; color:#363636; font-size:24px; line-height:24px; margin-bottom:30px; } .gxdi_lt i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; font-weight:bold; letter-spacing:0.6px; margin-bottom:30px; } .bone { height:455px; width:455px; } .gxdi_r { width:455px; min-height:455px !important; position:relative; margin:0 auto; float:none; } .dotdot { position: absolute; left:138px; top:-25px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:345px; top:20px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:299px; top:398px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:332px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:23px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:358px; top:220px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:199px; top:362px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:195px; top:85px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:288px; top:250px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:112px; top:267px; width: auto; height: auto; font-size:14px; } .goni { width:70px; height:70px; background:#fff } .htlog img { max-width:20%; } } @media(max-width:414px) { .gxdi_l { padding-top:40px; width:100%; float:none; padding-bottom:40px; } .gxdi_lt { height:auto; overflow:hidden; color:#363636; font-size:24px; line-height:24px; margin-bottom:20px; } .gxdi_lt i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; font-weight:bold; letter-spacing:0.6px; margin-bottom:10px; } .bone { height:385px; width:385px; } .gxdi_r { width:385px; min-height:385px !important; position:relative; margin:0 auto; float:none; margin-bottom:60px; } .dotdot { position: absolute; left:138px; top:-35px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:300px; top:20px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:249px; top:329px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:287px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:16px; top:160px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:298px; top:150px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:159px; top:302px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:166px; top:73px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:228px; top:210px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:82px; top:207px; width: auto; height: auto; font-size:14px; } .goni { width:70px; height:70px; background:#fff } .htlog img { max-width:20%; } } @media(max-width:375px) { .gxdi_l { padding-top:28%; width:100%; float:none; padding-bottom:40px; } .gxdi_lt { height:auto; overflow:hidden; color:#363636; font-size:24px; line-height:24px; margin-bottom:20px; } .gxdi_lt i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; font-weight:bold; letter-spacing:0.6px; margin-bottom:10px; } .bone { height:305px; width:305px; } .gxdi_r { width:305px; min-height:305px !important; position:relative; margin:0 auto; float:none; margin-bottom:60px; } .dotdot { position: absolute; left:68px; top:-25px; width: auto; height: auto; font-size:14px; } .dotdot1 { position: absolute; left:209px; top:-10px; width: auto; height: auto; font-size:14px; } .dotdot2 { position: absolute; left:249px; top:226px; width: auto; height: auto; font-size:14px; } .dotdot3 { position: absolute; left:8px; top:227px; width: auto; height: auto; font-size:14px; } .dotdot4 { position: absolute; left:10px; top:110px; width: auto; height: auto; font-size:14px; } .dotdot5 { position: absolute; left:230px; top:162px; width: auto; height: auto; font-size:14px; } .dotdot6 { position: absolute; left:129px; top:234px; width: auto; height: auto; font-size:14px; } .dotdot7 { position: absolute; left:126px; top:55px; width: auto; height: auto; font-size:14px; } .dotdot8 { position: absolute; left:188px; top:107px; width: auto; height: auto; font-size:14px; } .dotdot9 { position: absolute; left:60px; top:157px; width: auto; height: auto; font-size:14px; } .goni { width:60px; height:60px; background:#fff } .htlog img { max-width:20%; } } @keyframes circleRoate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes circleRoate1 { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } .section6 { background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; position:relative; } .gcob{ width:100%; height:100%; position:absolute; left:0; top:0;} .gcob img{ display:block; max-width:73%; margin:0 auto;animation: fangunc 50s infinite;} .btgo { width:100%; height:auto; padding-top:353px; position:relative; z-index:111 } .btgo_t { height:auto; text-align:center; color:#fff; font-size:30px; line-height:36px; margin-bottom:75px; } .btgo_t i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; font-weight:bold; margin-bottom:26px; } .btgo_c { height:auto; text-align:center; color:#fff; font-size:14px; line-height:24px; margin-bottom:75px; } .btgo_b { width:112px; margin:0 auto; border-bottom:1px solid rgba(255, 255, 255, 0.6); padding-bottom:10px; } .btgo_b a { display:block; color:rgba(255, 255, 255, 0.6); font-size:14px; } .btgo_b a img { vertical-align:middle; margin-left:30px; } .active .btgo_t { -webkit-animation-name: zifadeInDown; animation-name: zifadeInDown; -webkit-animation-duration: 2s; animation-duration: 2s; } .active .btgo_c { -webkit-animation-name: zifadeInUp; animation-name: zifadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; } .active .btgo_b { -webkit-animation-name: zifadeInUp; animation-name: zifadeInUp; -webkit-animation-duration: 3s; animation-duration: 3s; } @media(max-width:1600px) { .btgo { padding-top:273px; } } @media(max-width:1366px) { .btgo { padding-top:203px; } } @media(max-width:1024px) { .btgo { padding-top:263px; } .btgo_t { font-size:24px; line-height:24px; margin-bottom:30px; } .btgo_t i { font-size:28px; line-height:28px; font-weight:bold; margin-bottom:20px; } .btgo_c { margin-bottom:30px; } } @media(max-width:768px) { .btgo { padding-top:393px; } .btgo_t { font-size:24px; line-height:24px; margin-bottom:30px; } .btgo_t i { font-size:28px; line-height:28px; font-weight:bold; margin-bottom:20px; } .btgo_c { margin-bottom:30px; } } @media(max-width:414px) { .btgo { padding-top:40px; padding-bottom:40px } } @media(max-width:360px) { .btgo { padding-top:40px; padding-bottom:40px } } /*首页 end*/ /*澳门新葡萄新京2360 begin*/ .gy_box { clear:both; width:100%; height:auto; position:relative; overflow:hidden; padding:218px 0 300px 0; } .gyei { width:100%; height:100%; } .gyei h5 { color:#fff; font-size:36px; line-height:36px; letter-spacing:1px; } .gyei p { color:#fff; font-family: 'Bell MT'; font-size:36px; line-height:36px; margin-bottom:15px; } @media(max-width:1024px) { .gy_box { padding:150px 0 150px 0; } } @media(max-width:414px) { .gy_box { padding:130px 0 100px 0; } .gyei p { font-size:26px; margin-bottom:0px } .gyei h5 { font-size:26px; } } .gy_box1 { clear:both; width:100%; height:auto; overflow:hidden; background:#f5f7fe; min-height:80px !important; box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2); position:relative; z-index:99 } .gy_box1 li { float:left; line-height:80px; margin-right:146px; } .gy_box1 li a { display:block; color:#757575; font-size:18px; cursor:pointer; } .gy_box1 li a img { vertical-align:middle; margin-right:10px; margin-top:-3px; transition: all 0.5s ease; width:24px; height:22px; } .gy_box1 li a.avcti { color:#001fa3; } .gy_box1 li a:hover { color:#001fa3; } .gy_box1 li.qcbj { margin-right:0px; } @media(max-width:414px) { .gy_box1 { min-height:auto !important; overflow:hidden; } .gy_box1 li { line-height:50px; width:50%; margin-right:0px; text-align:center; } } .gy_box2 { clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:80px 0; } .gyru_t { height:auto; text-align:center; color:#363636; font-size:24px; line-height:24px; overflow:hidden; margin-bottom:40px; } .gyru_t i { display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#363636; font-size:36px; line-height:36px; letter-spacing:0.1px; margin-bottom:30px; } .gyru_c { display:block; clear:both; width:100%; height:auto; margin-bottom:60px; } .gyru_c img { display:block; width:100%; } .gyru_b { width:86%; height:auto; margin:0 auto; } .gyru_b p { text-align:center; line-height:24px; color:#757575; font-size:14px; margin-bottom:30px; letter-spacing:0.2px; } .gyru_b p.qcbj { margin-bottom:0px; } .gy_box3 { clear:both; width:100%; height:auto; overflow:hidden; } .gvbp { float:left; width:50%; height:auto; overflow:hidden; } .gvbp img { width:100%; height:auto; } .gvbm { float:right; width:50%; min-height:499px !important; background:#001fa3; position:relative; overflow:hidden; display: table; } .gvbm1 { height:auto; position:absolute; right:0; bottom:-250px; } .cego { width:100%; height:auto; padding:0 35.8% 0 12.5%; display:table-cell; vertical-align:middle; } .cego_t { text-align:left; color:#fff; font-size:24px; line-height:24px; margin-bottom:45px; } .cego_t i { color:#fff; font-size:36px; font-family:Arial, Helvetica, sans-serif; line-height:36px; display:block; margin-bottom:25px; } .cego_b { color:#fff; line-height:24px; font-size:14px; } @media(max-width:1680px) { .gvbm { min-height:436px !important; } } @media(max-width:1600px) { .gvbm { min-height:415px !important; } } @media(max-width:1440px) { .gvbm { min-height:375px !important; } .cego { padding:0 12.5% 0 12.5%; } } @media(max-width:1366px) { .gvbm { min-height:355px !important; } .cego { padding:0 12.5% 0 12.5%; } } @media(max-width:1360px) { .gvbm { min-height:353px !important; } .cego { padding:0 12.5% 0 12.5%; } } @media(max-width:1280px) { .gvbm { min-height:332px !important; } .cego { padding:0 12.5% 0 12.5%; } } @media(max-width:1024px) { .gy_box2 { padding:40px 0; } .gyru_t { font-size:24px; line-height:24px; overflow:hidden; margin-bottom:30px; } .gyru_t i { font-size:28px; line-height:28px; letter-spacing:0.1px; margin-bottom:20px; } .gyru_c { margin-bottom:30px; } .gyru_b { width:100%; } .gyru_b p { margin-bottom:20px; } .gvbm { min-height:266px !important; } .cego { padding:0 60px; } .cego_t { font-size:24px; line-height:24px; margin-bottom:20px; } .cego_t i { color:#fff; font-size:28px; line-height:28px; display:block; margin-bottom:15px; } } @media(max-width:768px) { .gvbm { min-height:auto !important; width:100%; margin-top:-4px; } .cego { padding:30px 30px; } .cego_t { font-size:24px; line-height:24px; margin-bottom:20px; } .cego_t i { color:#fff; font-size:28px; line-height:28px; display:block; margin-bottom:15px; } .gvbp { width:100%; } } .gy_box4 { clear:both; width:100%; height:auto; overflow:hidden; padding:80px 0; } .tdls_l { float:left; width:34.35%; height:auto; padding:53px 0 0 0; } .tdls_lt { height:auto; color:#363636; font-size:24px; line-height:24px; margin-bottom:55px; } .tdls_lt i { display:block; color:#363636; font-size:36px; line-height:36px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.5px; margin-bottom:25px; } .tdls_lb { height:auto; } .tdls_lb p { line-height:30px; color:#757575; font-size:14px; } .tdls_r { float:right; position:relative; width:46%; overflow:hidden; padding:0 0 50px 50px; } .tdls_r img { display:block; width:100%; height:auto; position:relative; z-index:11; } .tdls_r span { display:block; content:''; position:absolute; left:0; bottom:-180px; width:92%; height:300px; background:#0024bc; } @media(max-width:1366px) { .tdls_r span { height:290px; bottom:-215px; } .tdls_lt { margin-bottom:35px } } @media(max-width:1280px) { .tdls_r span { height:310px; bottom:-265px; } .tdls_lt { margin-bottom:35px } } @media(max-width:1024px) { .gy_box4 { padding:40px 0; } .tdls_l { width:40%; padding-top:0; } .tdls_r span { height:280px; bottom:-55px; } .tdls_lt { margin-bottom:35px; margin-bottom:30px } .tdls_lt i { font-size:28px; line-height:28px; margin-bottom:15px; } .tdls_r { width:54%; } } @media(max-width:768px) { .tdls_l { width:100%; padding-top:0; padding-bottom:30px; } .tdls_r { width:100%; } .tdls_r span { height:340px; bottom:-55px; } } @media(max-width:414px) { .tdls_l { width:100%; padding-top:0; padding-bottom:30px; } .tdls_r { width:100%; padding:0 0 30px 30px; } .tdls_r span { height:230px; bottom:-75px; } } .gy_box5 { clear:both; width:100%; height:auto; overflow:hidden; background:#f5f7fe; padding:80px 0; } .hzhb_t { height:auto; text-align:center; color:#363636; font-size:24px; line-height:24px; margin-bottom:40px; } .hzhb_t i { display:block; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:36px; color:#363636; margin-bottom:30px; } .hzhb_b { width:100%; height:auto; overflow:hidden; border-top:1px solid #e7ecff; border-left:1px solid #e7ecff; } .hzhb_b li { float:left; width:20%; height:auto; border-right:1px solid #e7ecff; border-bottom:1px solid #e7ecff; } @media(max-width:1024px) { .gy_box5 { padding:40px 0; } .hzhb_t { margin-bottom:20px; } .hzhb_t i { font-size:28px; line-height:28px; color:#363636; margin-bottom:10px; } .hzhb_b li { width:50%; } } .foboe { width:100%; height:auto; overflow:hidden; background:#060c23; padding:80px 0 20px 0; } .gy_box6 { clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:110px 0 80px 0; } .ryzi { width:100%; height:auto; overflow:hidden; } .ryzi ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .ryzi li { float:left; width:20%; height:auto; overflow:hidden; margin-bottom:50px; } .ryzi li img { display:block; margin:0 auto; max-width:100%; margin-bottom:48px; } .ryzi li p { text-align:center; color:#757575; font-size:14px; line-height:24px; } .fyin { text-align:center; line-height:24px; clear:both; height:auto; font-size:0px; } .fyin a { display:inline-block; color:#757575; font-size:18px; line-height:24px; margin-right:20px; } .fyin a.cur { color:#0031ff; font-size:18px; } .fyin a:last-child { margin-right:0; } @media(max-width:1024px) { .foboe { padding:40px 0; } .gy_box6 { padding:40px 0 40px 0; } .ryzi li { width:33.33%; margin-bottom:30px; } .ryzi li img { margin-bottom:25px; } } @media(max-width:414px) { .foboe { padding:40px 0; } .gy_box6 { padding:40px 0 40px 0; } .ryzi li { width:50%; margin-bottom:20px; font-size:12px; } .ryzi li img { margin-bottom:25px; max-width:80%; } } /*澳门新葡萄新京2360 end*/ /*新闻中心 begin*/ .xw_box { clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:80px 0; } .xwgi { clear:both; height:auto; overflow:hidden; } .xwgi dl { clear:both; height:auto; overflow:hidden; margin-bottom:60px; } .xwgi dt { float:left; width:34%; height:auto; overflow:hidden; position:relative; } .xwgi dt img { display:block; width:100%; opacity:1; transition: all 0.5s ease; } .xwgi dt::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); z-index:99 } .xwgi dd { float:right; width:66%; height:auto; overflow:hidden; } .xgwo_l { float:left; width:82%; height:auto; min-height:297px !important; position:relative; padding:0px 0px 0 60px; position:relative; } .xgwo_l:after { content:''; position:absolute; left:0; top:0; width:0%; height:100%; background:#0024bb; transition: all 0.5s ease; } .bobof { width:100%; height:100%; border-bottom:1px solid #dcdcdc; min-height:297px !important; padding:60px 90px 0 0; position:relative; z-index:11; } .bobof h2 { color:#363636; font-size:18px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:45px; } .bobof p { line-height:24px; color:#757575; font-size:14px; height:48px; overflow:hidden; margin-bottom:54px; } .bobof span { display:block; width:100%; height:16px; background:url(../images/tu29.png) no-repeat left center; } .xwgi dl:hover dt::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); } .xwgi dl:hover dt img { opacity:0.8; transform: scale(1.1); } .xwgi dl:hover .xgwo_l:after { width:100%; } .xwgi dl:hover .bobof h2, .xwgi dl:hover .bobof p { color:#fff; } .xwgi dl:hover .bobof span { background:url(../images/tu30.png) no-repeat left center; } .xwgi dl:hover .bobof { border-bottom:none; } .xgwo_r { float:right; width:18%; height:auto; padding-top:32px; } .xgwo_rt { height:auto; text-align:center; color:#363636; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:65px; } .xgwo_rt i { display:block; color:#757575; font-size:22px; font-family:Arial, Helvetica, sans-serif; } .xgwo_rt img { display:block; margin:0 auto; max-width:100%; margin-bottom:10px; } .xgwo_rt em { display:block; width:47px; height:1px; background:#c9c9c9; margin:10px auto; } .xgwo_rb { width:94px; height:95px; margin:0 auto; } .xgwo_rb img { display:block; margin:0 auto; max-width:100%; animation:fangunc 30s infinite; } .xwgi dl:hover .xgwo_rb img { animation-play-state: paused; } @media(max-width:1440px) { .xgwo_l { min-height:280px !important; } .bobof { min-height:280px !important; padding:30px 30px 0 0; } .xgwo_rt { margin-bottom:35px; } } @media(max-width:1366px) { .xgwo_l { min-height:263px !important; } .bobof { min-height:263px !important; padding:30px 30px 0 0; } .xgwo_rt { margin-bottom:35px; } } @media(max-width:1280px) { .xgwo_l { min-height:245px !important; } .bobof { min-height:245px !important; padding:30px 30px 0 0; } .xgwo_rt { margin-bottom:35px; } .bobof p { margin-bottom:30px; } .xgwo_r { padding-top:20px } } @media(max-width:1024px) { .xw_box { padding:40px 0; } .xgwo_l { min-height:204px !important; padding-left:30px; } .bobof { min-height:204px !important; padding:30px 30px 0 0; } .xgwo_rt { margin-bottom:35px; } .bobof p { margin-bottom:30px; } .xgwo_r { padding-top:20px } .bobof h2 { margin-bottom:20px; } .xgwo_rb { width:45px } } @media(max-width:768px) { .xwgi dl { margin-bottom:30px; } .xwgi dt { width:100%; margin-bottom:0px; } .xwgi dd { width:100%; } .xgwo_l { width:100%; min-height:auto !important; padding:0 20px; } .bobof { min-height:auto !important; padding:20px 20px 20px 0; } .xgwo_r { width:100%; display:none; } .bobof h2 { margin-bottom:15px; } .bobof p { margin-bottom:15px; } } .xwxq_t { height:auto; overflow:hidden; border-bottom:1px solid #cccccc; padding-bottom:30px; margin-bottom:30px; position:relative; } .xwxq_t h1 { text-align:center; color:#333333; font-size:24px; } .xwxq_t a { position:absolute; right:0; top:0; color:#333333; font-size:0.73vw; } .xwxq_t a img { vertical-align:middle; margin-right:0.52vw; } .xwxq_x { height:auto; overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:2.08vw; } .xwxq_x p { line-height:33px; font-size:0.78vw; color:#333333; margin-bottom:1.8vw; } .xwxq_x p img { display:block; max-width:100%; height:auto; margin:0 auto; } .xwxq_b { clear:both; height:auto; overflow:hidden; } .xwxq_b p { line-height:1.6vw; color:#333333; font-size:0.83vw; margin-bottom:5px; } .xwxq_b p a { color:#333333; font-size:0.83vw; } @media(max-width:1024px) { .xwxq_t { padding-bottom:20px; margin-bottom:25px; } .xwxq_t h1 { font-size:20px; line-height:24px; margin-bottom:15px; } .xwxq_t a { position:inherit; float:right; } .xwxq_x p { line-height:24px; font-size:14px; } .xwxq_b p { line-height:25px; } .xwxq_b p a { font-size:14px; } } /*新闻中心 end*/ /*加入我们 begin*/ .jr_box { clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:80px 0; } .rliw_t { text-align:center; color:#363636; font-size:24px; line-height:24px; margin-bottom:80px; } .rliw_t i { display:block; color:#363636; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:36px; margin-bottom:20px; } .rliw_b { height:auto; overflow:hidden; } .menuTitle1 { cursor:pointer; display:block; width:100%; height:80px; line-height:80px; padding:0 80px; background:url(../images/bg8.png) no-repeat 98% center; border-bottom:2px solid #f5f7fe; } .menuTitle1 span { float:left; color:#757575; font-size:14px; } .menuTitle1 font { float:right; color:#757575; font-size:14px; } .activeTitle1 { cursor:pointer; display:block; width:100%; height:80px; line-height:80px; background:url(../images/bg9.png) no-repeat 98% center #f5f7fe; padding:0 80px; } .activeTitle1 span { float:left; color:#757575; font-size:14px; } .activeTitle1 font { float:right; color:#757575; font-size:14px; } .menuContent1 { display:none; width:100%; height:auto; overflow:hidden; border:2px solid #e7ecff; background:#fff; padding:50px 80px; } .jrwm_l { float:left; width:45%; height:auto; overflow:hidden; } .jrwm_l h3 { text-align:left; font-size:16px; line-height:30px; color:#363636; font-weight:bold; } .jrwm_l p { text-align:left; font-size:14px; line-height:30px; color:#757575; } .jrwm_r { float:right; width:45%; height:auto; overflow:hidden; } .jrwm_r h3 { text-align:left; font-size:16px; line-height:30px; color:#363636; font-weight:bold; } .jrwm_r p { text-align:left; font-size:14px; line-height:30px; color:#757575; } .menuTitle2 { background:#f5f7fe; } @media(max-width:1024px) { .jr_box { padding:40px 0; } .rliw_t { font-size:24px; line-height:24px; margin-bottom:20px; } .rliw_t i { font-size:28px; line-height:28px; margin-bottom:20px; } .menuTitle1 { height:45px; line-height:45px; padding:0 30px; } .activeTitle1 { height:45px; line-height:45px; padding:0 30px; } .menuContent1 { padding:30px 20px; } .jrwm_l { width:100%; } .jrwm_r { width:100%; } .jrwm_l p { line-height:24px; } .jrwm_r p { line-height:24px; } } /*加入我们 end*/ /*服务案例 begin*/ .gy_box_1 { clear:both; width:100%; height:auto; position:relative; overflow:hidden; padding:218px 0 170px 0; } .fwgo { width:465px; padding-top:35px; } .fwgo p { color:#fff; line-height:24px; font-size:14px; } @media(max-width:1024px) { .gy_box_1 { clear:both; width:100%; height:auto; position:relative; overflow:hidden; padding:150px 0 150px 0; } .fwgo { width:100%; } } @media(max-width:414px) { .gy_box { padding:130px 0 60px 0; } } .rbob { width:100%; height:auto; overflow:hidden; margin-bottom:80px; } .boh3 { width:100%; height:auto; position:relative; height:530px; } .bobb { width:100%; height:auto; height:530px; !important; overflow:hidden; position:relative; } .bobb img { display:block; max-width:100%; min-height:450px !important; } .bcrh { width:54%; height:auto; position:absolute; right:0; top:0; z-index:999; } .bcrh_t { width:100%; height:auto; padding-left:160px; color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:48px; font-weight:bold; letter-spacing:1px; padding-top:20px; min-height:80px !important; line-height:48px; } .bcrh_b { width:100%; height:auto; min-height:450px !important; background:url(../images/tu59.jpg) no-repeat center center; background-size:cover; padding:60px 100px 0 100px } .bcrh_b h5 { color:#fff; font-size:48px; line-height:48px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:60px; } .bcrh_b h6 { color:#fff; font-size:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:35px; } .bcrh_b p { line-height:24px; color:#ffffff; font-size:14px; /*height:72px;*/ overflow:hidden; } @media(max-width:1366px) { .bcrh_b h5 { font-size:36px; } .bcrh_t { font-size:36px; padding-left:240px } } @media(max-width:1024px) { .rbob { width:100%; height:auto; overflow:hidden; margin-bottom:30px; } .bcrh_b h5 { font-size:36px; } .bcrh_t { font-size:36px; padding-left:240px } .bcrh { width:100%; height:auto; position:inherit; right:0; top:0; z-index:999; } .boh3 { height:auto; } .bobb { width:100%; height:auto; height:auto; !important; overflow:hidden; position:relative; } .bobb img { display:block; max-width:100%; min-height:auto !important; } .bcrh_t { padding:0px; line-height:45px; min-height:45px !important; text-align:center; font-size:28px; margin-bottom:0px; } .bcrh_b { padding:30px; min-height:auto !important; } .bcrh_b h5 { font-size:28px; margin-bottom:20px; } .bcrh_b h6 { margin-bottom:25px; } .bcrh_b p { margin-bottom:30px; } } /*服务案例 end*/ /*卫星应用 begin*/ .wx_box { clear:both; width:100%; height:auto; overflow:hidden; padding:80px 0 0 0; } .ytwo { width:100%; height:auto; overflow:hidden; margin-bottom:80px; } .ytwo_l { float:right; width:43%; height:auto; overflow:hidden; } .ytwo_l img { display:block; width:100%; } .ytwo_r { float:left; width:45%; min-height:401px !important; display:table; } .tyreo { display:table-cell; vertical-align:middle; } .tyreo h5 { color:#363636; font-size:24px; line-height:24px; margin-bottom:70px; } .tyreo h5 i { display:block; color:#757575; line-height:24px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:18px; } .tyreo p { line-height:24px; color:#757575; font-size:14px; margin-bottom:60px; } .tyreo p.wbgo { font-weight:bold; color:#363636; } .tyreo p.ego { margin-bottom:0px; } @media(max-width:1440px) { .ytwo_r { min-height:378px !important; } .tyreo h5 { margin-bottom:50px; } .tyreo p { margin-bottom:50px; } } @media(max-width:1366px) { .ytwo_r { min-height:355px !important; } .tyreo h5 { margin-bottom:50px; } .tyreo p { margin-bottom:50px; } } @media(max-width:1280px) { .ytwo_r { min-height:331px !important; } .tyreo h5 { margin-bottom:30px; } .tyreo p { margin-bottom:30px; } } @media(max-width:1024px) { .ytwo_r { min-height:276px !important; } .tyreo h5 { margin-bottom:20px; } .tyreo p { margin-bottom:20px; } .ytwo { margin-bottom:40px; } .wx_box { clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 0 0; } } @media(max-width:768px) { .ytwo_r { min-height:auto !important; width:100%; padding:20px 0; } .tyreo h5 { margin-bottom:20px; } .tyreo p { margin-bottom:10px; } .ytwo_l { width:100%; } .ytwo { margin-bottom:20px; } } @media(max-width:414px) { .wx_box { clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0; } } .hzog { clear:both; height:auto; overflow:hidden; } .hzog_t { color:#363636; font-size:24px; line-height:24px; margin-bottom:50px; text-align:center; } .hzog_t i { display:block; color:#757575; line-height:24px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:18px; } .hzog_b { height:auto; } .hzog_b li { float:left; width:20%; margin-bottom:80px; } .hzog_b li img { display:block; margin:0 auto; } @media(max-width:768px) { .hzog_t { margin-bottom:20px } .hzog_b li { float:left; width:20%; margin-bottom:40px; } } @media(max-width:414px) { .hzog_t { margin-bottom:20px } .hzog_b li { float:left; width:33.33%; margin-bottom:0px; } } .wx_box1 { width:100%; height:auto; overflow:hidden; padding:80px 0; } .wgow_l { float:right; width:50%; height:auto; overflow:hidden; } .wgow_l img { display:block; width:100%; } .wgow_r { width:43%; height:auto; min-height:354px !important; overflow:hidden; float:left; display:table; } .gohj { width:100%; height:auto; display:table-cell; vertical-align:middle; } .gohj h5 { color:#363636; font-size:24px; line-height:24px; margin-bottom:60px; } .gohj li { background:url(../images/bg5.jpg) no-repeat left 8px; padding-left:20px; line-height:24px; color:#757575; font-size:14px; margin-bottom:20px; } .cpyi_r li { background:url(../images/bg5.jpg) no-repeat left 8px; padding-left:20px; line-height:24px; color:#757575; font-size:14px; margin-bottom:20px; } .cpyi_r1 li { background:url(../images/bg5.jpg) no-repeat left 8px; padding-left:20px; line-height:24px; color:#757575; font-size:14px; margin-bottom:20px; } @media(max-width:1440px) { .wgow_r { min-height:334px !important; } .gohj h5 { margin-bottom:40px; } } @media(max-width:1366px) { .wgow_r { min-height:314px !important; } .gohj h5 { margin-bottom:40px; } } @media(max-width:1280px) { .wgow_r { min-height:292px !important; } .gohj h5 { margin-bottom:30px; } .gohj li { margin-bottom:10px; } } @media(max-width:1024px) { .wx_box1 { padding:40px 0; } .wgow_r { min-height:292px !important; } .gohj h5 { margin-bottom:20px; } .gohj li { margin-bottom:10px; } } @media(max-width:768px) { .wx_box1 { padding:40px 0; } .wgow_r { width:100%; min-height:auto !important; } .gohj h5 { margin-bottom:20px; } .gohj li { margin-bottom:10px; } .wgow_l { width:100%; margin-bottom:40px; } } .wx_box2 { clear:both; width:100%; height:auto; overflow:hidden; background:#f5f7fe; padding:80px 0; } .cpyi_l { float:left; width:43%; height:auto; overflow:hidden; } .cpyi_l img { display:block; width:100%; } .cpyi_r { float:right; width:43%; height:auto; padding-top:20px; } .cpyi_r h5 { color:#363636; font-size:24px; line-height:24px; margin-bottom:55px; } .cpyi_r p { line-height:24px; color:#757575; font-size:14px; margin-bottom:35px; } .cpyi_r h6 { color:#363636; font-size:14px; line-height:24px; font-weight:bold; margin-bottom:10px; } .cpyi_r p.leig { margin-bottom:0px; } @media(max-width:1440px) { .cpyi_r h5 { margin-bottom:30px; } .cpyi_r p { margin-bottom:30px; } } @media(max-width:1366px) { .cpyi_r h5 { margin-bottom:20px; } .cpyi_r p { margin-bottom:20px; } } @media(max-width:1024px) { .wx_box2 { padding:40px 0; } .cpyi_r h5 { margin-bottom:20px; } .cpyi_r p { margin-bottom:20px; } .cpyi_r { width:52%; padding-top:0; } } @media(max-width:768px) { .cpyi_l { width:100%; } .cpyi_r h5 { margin-bottom:20px; } .cpyi_r p { margin-bottom:20px; } .cpyi_r { width:100%; padding-top:30px; } } .wx_box3 { clear:both; width:100%; height:auto; overflow:hidden; padding:80px 0; } .cpyi_l1 { float:right; width:43%; height:auto; overflow:hidden; } .cpyi_l1 img { display:block; width:100%; } .cpyi_r1 { float:left; width:43%; height:auto; padding-top:0px; } .cpyi_r1 h5 { color:#363636; font-size:24px; line-height:24px; margin-bottom:55px; } .cpyi_r1 p { line-height:24px; color:#757575; font-size:14px; margin-bottom:35px; } .cpyi_r1 h6 { color:#363636; font-size:14px; line-height:24px; font-weight:bold; margin-bottom:10px; } .cpyi_r1 p.leig { margin-bottom:0px; } @media(max-width:1440px) { .cpyi_r1 h5 { margin-bottom:30px; } .cpyi_r1 p { margin-bottom:30px; } } @media(max-width:1366px) { .cpyi_r1 h5 { margin-bottom:20px; } .cpyi_r1 p { margin-bottom:20px; } } @media(max-width:1024px) { .wx_box3 { padding:40px 0; } .cpyi_r1 h5 { margin-bottom:20px; } .cpyi_r1 p { margin-bottom:20px; } .cpyi_r1 { width:52%; padding-top:0; } } @media(max-width:768px) { .cpyi_l1 { width:100%; } .cpyi_r1 h5 { margin-bottom:20px; } .cpyi_r1 p { margin-bottom:20px; } .cpyi_r1 { width:100%; padding-top:30px; } } .wx_box4 { clear:both; width:100%; height:auto; overflow:hidden; background:#f5f7fe; padding:80px 0; position:relative; } .bogb { text-align:center; color:#363636; font-size:24px; line-height:24px; margin-bottom:60px; } .borgh { width:100%; height:auto; overflow:hidden; } .bece { width:100%; height:auto; overflow:hidden; } .bece img { width:100%; } @media(max-width:1024px) { .wx_box4 { padding:40px 0; } .bogb { margin-bottom:30px; } } .wx_box5 { clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:80px 0 40px 0; } .wx_box5 li { float:left; width:49%; height:auto; min-height:350px !important; position:relative; background:#0020a9; padding:100px 218px 0 50px; margin-bottom:40px; } .wx_box5 li h2 { color:#fff; font-size:24px; line-height:36px; margin-bottom:50px; } .wx_box5 li p { color:#f5f7fe; font-size:14px; line-height:24px; } .tyuh { width:237px; height:237px; position:absolute; right:-62px; bottom:-62px; } .tyuh img { display:block; margin:0 auto; max-width:100%; animation:fangunc 10s infinite; } .wx_box5 li.qibi { float:right; } .tyuh1 { width:236px; height:160px; position:absolute; right:0; bottom:0; } .tyuh1 span { display:block; position:absolute; left:72px; top:25px; width:58px; height:40px; } .tyuh1 span img { animation:pulse1 2s infinite; } .tyuh2 { width:277px; height:174px; position:absolute; right:0; bottom:0; } .tyuh2 span { display:block; position:absolute; left:0; top:0; width:23px; height:16px; animation:zibnr 5s infinite; } .tyuh3 { width:172px; height:172px; position:absolute; right:10px; bottom:10px } .radar { width: 172px; height: 172px; font-size: 28px; position:absolute; left:0; top:0; } .radar::before { content: ''; position: absolute; width: 85px; height:85px; top: 0; left:0; background: linear-gradient( 45deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100% ); border-radius: 100% 0 0 0; animation: scaning 5s linear infinite; transform-origin: 100% 100%; } @keyframes scaning { to { transform: rotate(360deg); } } @media(max-width:1024px) { .wx_box5{ padding:40px 0;} .wx_box5 li{ width:100%; margin-bottom:20px; min-height:250px !important; padding:40px 30px;} .wx_box5 li h2{ margin-bottom:20px;} } /*卫星应用 end*/ /*产品服务 begin*/ .cp_box{ clear:both; width:100%; height:auto; background:#fff; padding:80px 0; position:relative;} .becong{ width:45%; height:auto; position:absolute; right:0; top:0;} .beong{ width:100%; height:auto; position:relative; min-height:500px !important;} .bcoen{ width:54%; height:auto; min-height:500px !important; display:table;} .sxd{ width:100%; height:auto; display:table-cell; vertical-align:middle;} .sxd_t{ color:#0031ff; font-size:24px; line-height:24px; margin-bottom:40px;} .sxd_c{ color:#363636; font-size:18px; line-height:24px; margin-bottom:40px;} .sxd_r{ height:auto; overflow:hidden;} .sxd_r li{ float:none; width:100%; height:auto; min-height:auto !important; margin-bottom:10px;} .sxd_r li h3{ font-size:16px; line-height:30px; color:#363636;} .sxd_r li p{ line-height:30px; color:#000; font-size:16px;} @media(max-width:1680px){ .bcoen{ min-height:438px !important;} .sxd_t{ margin-bottom:30px;} .sxd_c{margin-bottom:30px;} .beong{ min-height:438px !important;} } @media(max-width:1600px){ .bcoen{ min-height:417px !important;} .sxd_t{ margin-bottom:30px;} .sxd_c{margin-bottom:30px;} .beong{ min-height:417px !important;} } @media(max-width:1440px){ .bcoen{ min-height:auto !important;} .sxd_t{ margin-bottom:20px;} .sxd_c{margin-bottom:20px;} .sxd_r li{ min-height:auto !important;} .sxd_r li p{ line-height:24px; font-size:16px;} .beong{ min-height:} .beong{ min-height:436px !important;} } @media(max-width:1366px){ .bcoen{ min-height:auto !important;} .sxd_t{ margin-bottom:20px;} .sxd_c{margin-bottom:20px;} .sxd_r li{ min-height:auto !important;} .sxd_r li p{ line-height:24px; font-size:16px;} .beong{ min-height:} .beong{ min-height:376px !important;} } @media(max-width:1024px){ .cp_box{ padding:40px 0;} .bcoen{ min-height:auto !important; width:100%;} .sxd_t{ margin-bottom:20px;} .sxd_c{margin-bottom:20px;} .sxd_r li{ min-height:auto !important;} .sxd_r li p{ line-height:24px; font-size:16px;} .beong{ min-height:} .beong{ min-height:auto !important;} .becong{ width:100%; height:auto; position:inherit; right:0; top:0;} .becong img{ display:block; margin:0 auto; max-width:100%; margin-bottom:30px;} } @media(max-width:414px){ .cp_box{ padding:40px 0;} .bcoen{ min-height:auto !important; width:100%;} .sxd_t{ margin-bottom:20px;} .sxd_c{margin-bottom:20px;} .sxd_r li{ min-height:auto !important; width:100%;} .sxd_r li p{ line-height:30px; font-size:14px;} .beong{ min-height:} .beong{ min-height:auto !important;} .becong{ width:100%; height:auto; position:inherit; right:0; top:0;} .becong img{ display:block; margin:0 auto; max-width:100%; margin-bottom:30px;} } .cp_box1{ clear:both; width:100%; height:auto; background:#f5f7fe; overflow:hidden; padding:80px 0;} .gxin_l{ float:left; width:43%; height:auto; overflow:hidden;} .gxin_l img{ display:block; width:100%; height:auto;max-height: 500px;} .gxin_r{ float:right; width:43%; height:auto; display:table; min-height:702px !important;} .cpgi{ width:100%; height:auto; display:table-cell; } .cpgi h5{ color:#0031ff; font-size:24px; line-height:24px; margin-bottom:45px;} .cpgi h6{ color:#363636; font-size:18px; line-height:24px; margin-bottom:45px;} .cpgi span{ display:block; color:#363636; font-size:16px; line-height:30px;} .cpgi p{ color:#000; font-size:16px; line-height:24px;background: url(../images/bg5.jpg) no-repeat left 8px; padding-left: 20px;line-height: 24px;color: #757575;font-size: 14px;} .cpgi p.boe{ background: none; font-weight:bold; } .cpgi p.boe strong{ font-size: 16px;font-weight:bold; } @media(max-width:1440px){ .gxin_r{ min-height:662px !important; width:46%;} .cpgi h5{ margin-bottom:15px;} .cpgi h6{ margin-bottom:15px;} } @media(max-width:1366px){ .gxin_r{ min-height:622px !important; width:46%;} .cpgi h5{ margin-bottom:15px;} .cpgi h6{ margin-bottom:15px;} } @media(max-width:1280px){ .gxin_r{ min-height:579px !important; width:53%;} .cpgi h5{ margin-bottom:15px;} .cpgi h6{ margin-bottom:15px;} } @media(max-width:1024px){ .cp_box1{ padding:40px 0;} .boeoe{ padding-top:40px; } .gxin_l{ width:100%; margin-bottom:30px;} .gxin_r{ min-height:auto !important; width:100%;} .cpgi h5{ margin-bottom:15px;} .cpgi h6{ margin-bottom:15px;} } .cp_box2{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:0 0 80px 0px;} .boeoe{ padding-top:80px; } .gxin_l1{ float:right; width:43%; height:auto; overflow:hidden;} .gxin_l1 img{ display:block; width:100%; height:auto;max-height: 480px;} .gxin_r1{ float:left; width:43%; height:auto; display:table; min-height:702px !important;} @media(max-width:1440px){ .gxin_r1{ min-height:662px !important; width:46%;} } @media(max-width:1366px){ .gxin_r1{ min-height:622px !important; width:46%;} } @media(max-width:1280px){ .gxin_r1{ min-height:579px !important; width:53%;} } @media(max-width:1024px){ .cp_box2{ padding:0 0;} .boeoe{ padding-top:40px; } .gxin_l1{ width:100%; margin-bottom:30px;} .gxin_r1{ min-height:auto !important; width:100%;} } .cp_box3{ clear:both; width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:80px;} .cptu{ position:absolute; width:45%; height:auto; left:0; top:0;} .cpru{ float:right; width:43%; height:auto; min-height:500px !important; display:table;} .cprw{ width:100%; height:auto; display:table-cell; vertical-align:middle;} .cprw h5{ color:#0031ff; font-size:24px; line-height:24px; margin-bottom:45px;} .cprw h6{ color:#363636; font-size:16px; line-height:30px; margin-bottom:45px;} .cprw p{ line-height:30px; color:#363636; font-size:16px;} .cprw ul{ font-size:0px;} .cprw li{ float:left; line-height:30px; font-size:14px; color:#757575; margin-right:80px; width:186px;} .cprw li.qcbj{ margin-right:0px; width:auto;} .cprw li.egooo{ width:190px; margin-right:0} @media(max-width:1680px){ .cpru{ min-height:438px !important;} } @media(max-width:1600px){ .cpru{ min-height:417px !important;} } @media(max-width:1440px){ .cpru{ min-height:376px !important;} .cprw h5{ margin-bottom:30px;} .cprw h6{ margin-bottom:30px;} } @media(max-width:1366px){ .cpru{ min-height:356px !important;} .cprw h5{ margin-bottom:30px;} .cprw h6{ margin-bottom:30px;} } @media(max-width:1360px){ .cpru{ min-height:354px !important;} .cprw h5{ margin-bottom:30px;} .cprw h6{ margin-bottom:30px;} } @media(max-width:1280px){ .cpru{ min-height:333px !important;} .cprw h5{ margin-bottom:30px;} .cprw h6{ margin-bottom:30px;} } @media(max-width:1024px){ .cp_box3{ margin-bottom:40px;} .cpru{ min-height:auto !important; width:100%;} .cprw h5{ margin-bottom:20px;} .cprw h6{ margin-bottom:10px;} .cptu{ position:inherit; width:100%; margin-bottom:30px;} .cptu img{ display:block; margin:0 auto;} .cprw li{ width:33.33%; margin-right:0%;} .cprw li.qcbj{ width:33.33%; margin-right:0%;} .cprw li.egooo{ width:33.33%; margin-right:0%;} } @media(max-width:500px){ .cp_box3{ margin-bottom:40px;} .cpru{ min-height:auto !important; width:100%;} .cprw h5{ margin-bottom:20px;} .cprw h6{ margin-bottom:10px;} .cptu{ position:inherit; width:100%; margin-bottom:30px;} .cptu img{ display:block; margin:0 auto;} .cprw li{ width:50%; margin-right:0%;} .cprw li.qcbj{ width:50%; margin-right:0%;} .cprw li.egooo{ width:50%; margin-right:0%;} } @media(max-width:375px){ .cp_box3{ margin-bottom:40px;} .cpru{ min-height:auto !important; width:100%;} .cprw h5{ margin-bottom:20px;} .cprw h6{ margin-bottom:10px;} .cptu{ position:inherit; width:100%; margin-bottom:30px;} .cptu img{ display:block; margin:0 auto;} .cprw li{ width:100%; margin-right:0%;} .cprw li.qcbj{ width:100%; margin-right:0%;} .cprw li.egooo{ width:100%; margin-right:0%;} } .cp_box4{ width:100%; height:auto; overflow:hidden; padding:80px 0;} .rliw_t1{ text-align:left; margin-bottom:40px;} .cp_box4_1{ width:100%; height:auto; overflow:hidden; background:url(../images/tu88.jpg) no-repeat center center; background-size:cover; padding:94px 0 ;} .cpbor{ width:34%; height:auto; overflow:hidden;} .cpbor_t{ height:auto; overflow:hidden; background:url(../images/bg14.png) no-repeat left bottom; padding-bottom:100px; margin-bottom:60px; color:#fff; font-size:24px; line-height:24px;} .cpbor_t i{ display:block; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:24px; margin-top:15px;} .cpbor_b{ height:auto; overflow:hidden;} .boertg{ height:auto; overflow:hidden; padding-bottom:135px;} .boertg h6{ color:#fff; font-size:20px; line-height:24px; font-weight:bold; margin-bottom:15px;} .boertg p{ line-height:30px; font-size:14px; color:#fff;} @media(max-width:1024px){ .cp_box4{ padding:40px 0;} .cp_box4_1{ padding:40px 0 ;} .cpbor{ width:100%;} .cpbor_t{ padding-bottom:30px; margin-bottom:30px;} .boertg{ padding-bottom:80px;} } .cp_box5{ clear:both; width:100%; height:auto; position:relative; margin-bottom:80px; overflow:hidden;} .cp_box5:after{ content:''; position:absolute; left:0; bottom:0; width:53%; height:600px; background:#eeeeee} .thlo{ width:100%; height:auto; overflow:hidden; position:relative; z-index:11;} .thlo_l{ float:left; width:54%; height:auto; position:relative; height:700px; overflow:hidden;} .thlo_l span{ display:block; position:absolute; right:0; bottom:-180px;} .thlo_r{ float:right; width:34%; height:auto; min-height:700px !important; display:table;} .boqw{ display:table-cell; vertical-align:middle;} .boqw_t{ width:100%; height:auto; color:#363636; font-size:24px; line-height:24px; margin-bottom:90px;} .boqw_t i{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#363636; margin-top:10px;} .boqw_b{ height:auto;} .boqw_b li{ margin-bottom:73px;} .boqw_b li h6{ color:#0031ff; font-size:18px; line-height:24px; margin-bottom:15px;} .boqw_b li p{ color:#757575; font-size:14px; line-height:24px;} .boqw_b li.qcbj{ margin-bottom:0px;} @media(max-width:1024px){ .thlo_l span{ display:block; position:absolute; right:0; bottom:-4px;} .cp_box5{ margin-bottom:40px;} } @media(max-width:768px){ .thlo_l span{ display:block; position:absolute; right:0; bottom:-4px;} .thlo_l{ width:100%; height:auto;} .cp_box5:after{ display:none;} .thlo_r{ width:100%; height:auto; min-height:auto !important; padding-top:30px;} .boqw_t{ margin-bottom:20px;} .boqw_b li{ margin-bottom:20px;} } @media(max-width:500px){ .thlo_l span{ display:block; position:absolute; right:0; bottom:-4px;} .thlo_l{ width:100%; height:auto;} .thlo_l span{ position:inherit;} .cp_box5:after{ display:none;} .thlo_r{ width:100%; height:auto; min-height:auto !important; padding-top:30px;} .boqw_t{ margin-bottom:20px;} .boqw_b li{ margin-bottom:20px;} } .cp_box6{ width:100%; height:auto; padding:80px 0; overflow:hidden; background:#f5f7fe;} .bgp_l{ float:left; width:30%;} .bgp_l2{ color:#363636; font-size:24px; line-height:24px;} .bgp_l2 i{ display:block; margin-top:15px; color:#363636; font-size:16px; font-family:Arial, Helvetica, sans-serif;} .bgp_r{ float:right; width:68%; height:auto;} .bgp_rt{ width:100%; height:auto; padding-left:47px; overflow:hidden;} .bgp_rt dt{ float:left; width:100%; height:auto; overflow:hidden;} .bgp_rt dt img{ display:block; width:100%;} .bgp_rt dd{ float:right; width:37%; height:auto; overflow:hidden; padding-top:56px;} .aqzs{ padding-top:20px;} .aqzs h6{ color:#0031ff; font-size:18px; line-height:24px; margin-bottom:30px;} .aqzs p{ line-height:30px; color:#757575; font-size:14px;} .bgp_rb{ width:100%; height:auto; margin-top:-50px; position:relative; z-index:11;} .bgp_rb dt{ float:right; width:57%; height:auto; overflow:hidden;} .bgp_rb dt img{ display:block; width:100%;} .bgp_rb dd{ float:left; width:39%; height:auto; overflow:hidden; padding-top:96px;} @media(max-width:1366px){ .bgp_rb dd{ float:left; width:39%; height:auto; overflow:hidden; padding-top:76px;} .bgp_rt dd{ float:right; width:39%; height:auto; overflow:hidden; padding-top:6px;} } @media(max-width:1024px){ .cp_box6{ padding:40px 0;} .bgp_l{ float:left; width:100%; margin-bottom:40px;} .bgp_rb dd{ float:left; width:39%; height:auto; overflow:hidden; padding-top:76px;} .bgp_rt dd{ float:right; width:39%; height:auto; overflow:hidden; padding-top:6px;} .bgp_r{ width:100%;} } @media(max-width:768px){ .cp_box6{ padding:40px 0;} .bgp_l{ float:left; width:100%; margin-bottom:40px;} .bgp_rb dd{ float:left; width:100%; height:auto; overflow:hidden; padding-top:30px;} .bgp_rt dd{ float:right; width:100%; height:auto; overflow:hidden; padding-top:30px;} .bgp_r{ width:100%;} .bgp_rt{ width:100%; height:auto; padding-left:0px; overflow:hidden;} .bgp_rb{ width:100%; height:auto; margin-top:30px; position:relative; z-index:11;} .bgp_rb dt{ float:right; width:100%; height:auto; overflow:hidden;} .bgp_rt dt{ float:right; width:100%; height:auto; overflow:hidden;} .aqzs h6{ color:#0031ff; font-size:18px; line-height:24px; margin-bottom:10px;} .aqzs p{ line-height:30px; color:#757575; font-size:14px;} } .cp_box7{ clear:both; width:100%; height:auto; overflow:hidden; padding:80px 0;} .bgp_l3{ color:#363636; font-size:24px; line-height:24px; margin-bottom:50px; text-align:center;} .bgp_l3 i{ display:block; margin-top:15px; color:#363636; font-size:16px; font-family:Arial, Helvetica, sans-serif;} .btto{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:24px; color:#757575; font-size:16px; margin-bottom:80px;} .boto{ width:69%; height:auto; margin:0 auto;} .boto_l{ float:left; width:47%; height:auto;} .boto_l ul{ float: left; width:50%; } .boto_l h2{ text-align:center; color:#363636; font-size:18px; font-weight:bold; line-height:24px; margin-bottom:30px;} .boto_l li{ float:left; width:100%; color:#757575; font-size:14px; line-height:42px;} .boto_r{ float:right; width:37%; height:auto;} .boto_r h2{ text-align:left; color:#363636; font-size:18px; font-weight:bold; line-height:24px; margin-bottom:30px;} .boto_r li{width:100%; color:#757575; font-size:14px; line-height:42px; margin-bottom:18px;} @media(max-width:1440px){ .boto{ width:80%;} } @media(max-width:1024px){ .cp_box7{ padding:40px 0;} .boto{ width:100%;} .bgp_l3{ margin-bottom:30px;} .btto{ margin-bottom:30px;} .boto_r h2,.boto_l h2{ margin:20px;} .boto_l li{ float:left; width:50%; color:#757575; font-size:14px; line-height:24px; margin-bottom:18px;} .boto_r li{width:100%; color:#757575; font-size:14px; line-height:24px; margin-bottom:18px;} } @media(max-width:768px){ .cp_box7{ padding:40px 0;} .boto{ width:100%;} .bgp_l3{ margin-bottom:30px;} .btto{ margin-bottom:30px;} .boto_r h2,.boto_l h2{ margin-bottom:20px; text-align:center;} .boto_l{ width:100%;} .boto_r{ width:100%;} .boto_l li{ float:left; width:50%; color:#757575; font-size:14px; line-height:24px; margin-bottom:18px;} .boto_r li{width:50%; float:left; color:#757575; font-size:14px; line-height:24px; margin-bottom:18px;} } @media(max-width:500px){ .boto_l li{ float:left; width:100%; color:#757575; font-size:14px; line-height:24px; margin-bottom:18px;} .boto_r li{width:100%; float:left; color:#757575; font-size:14px; line-height:24px; margin-bottom:18px;} } .cp_box8{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/tu93.jpg) no-repeat center center; background-size:cover; padding:230px 0;} .khto{ width:26%; height:auto; overflow:hidden;} .khto_t{ color:#fff; font-size:24px; line-height:24px; margin-bottom:30px;} .khto_t i{ display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; line-height:24px; margin-top:15px;} .khto_b{ height:auto; color:#fff; line-height:24px; font-size:14px;} @media(max-width:1440px){ .khto{ width:28%; height:auto; overflow:hidden;} } @media(max-width:1024px){ .cp_box8{ padding:80px 0;} .khto{ width:100%; height:auto; overflow:hidden;} } @media(max-width:500px){ .cp_box8{ padding:40px 0;} .khto{ width:100%; height:auto; overflow:hidden;} .khto_t{ margin-bottom:20px;} } .w_lb h2{ display: block; text-align:center; font-size: 16px; } .w_lb p{ display: none; } /*产品服务 end*/