html, body { position: relative; height: 100%; } body{ overflow-x: hidden; overflow-y: hidden !important; /* margin-top: 101px; */ } .cont_container{ height:100% } .cont_button .swiper-pagination-bullet { width: 12px; height: 12px; margin: 12px 0 !important; } .swiper-pagination-bullet-active { opacity: 1; background: #b01f24; } .app_cont{ display: none; } /*.cont_container{ height: calc(100vh) }*/ .module_3{ background: url(../images/business_bg.jpg) no-repeat; background-size: cover; color: white; } .module_3_cont{ padding: 100px 16%; position: relative; z-index: 9; } .module_3_cont .module_3_top{ margin-bottom: 50px; } .module_3_cont .module_3_top h3{ font-size: 34px; line-height: 42px; color: #717171; font-family: Myriad Pro Semibold; } .module_3_cont .module_3_top p{ font-size: 32px; margin-bottom: 12px; } .module_3_cont .module_3_top p:before{ content: " "; width: 18px; height: 3px; margin-left: 2px; margin-top: 10px; margin-bottom: 6px; background: #b01f24; display: block; } .module_3_cont .module_3_top a{ color: white; display: inline-block; padding:5px 26px; border-radius: 16px; text-align: center; background: #b01f24; font-size: 13px; } .module_3_bottom{ display: flex; } .module_3_bottom .module_3_list{ flex: 1; margin-right: 8px; text-align: center; } .module_3_bottom .module_3_list:last-child{ margin: 0; } .module_3_bottom .module_3_list h4{ font-size: 14px; margin: 18px 0; } .module_3_bottom .module_3_list .module_3_img{ width: 44px; height: 44px; margin: 0 auto; } .module_3_bottom .module_3_list h4:after{ content: " "; width: 30px; height: 2px; margin: 6px auto; background: #b01f24; display: block; } .module_3_bottom .module_3_list p{ font-size: 12px; padding: 12px 22px; background: rgba(158, 14, 24, 0.9); border-radius: 5px; width: 1%; height: 64px; display: table-cell; vertical-align: middle; letter-spacing: 0.6px; } .module_4{ background: url(../images/prospect_bg1.jpg) no-repeat; background-size: cover; overflow: hidden; } .module_4_cont{ padding: 50px 16%; position: relative; z-index: 9; } .module_4_cont h3{ font-size: 34px; line-height: 42px; color: #ececec; font-family: Myriad Pro Semibold; } .module_4_cont h3 span{ color: #d50417; } /*.module_4_cont h3 img{*/ /*width: 2.4%;*/ /*margin-bottom: 7px;*/ /*margin-left: -6px;*/ /*margin-right: 5px;*/ /*}*/ .module_4_cont p{ font-size: 32px; margin-bottom: 12px; } .module_4_cont .module_4_cont_p:before{ content: " "; width: 18px; height: 3px; margin-left: 2px; margin-top: 10px; margin-bottom: 6px; background: #b01f24; display: block; } .module_4_cont .module_4_img{ position: absolute; top: 159px; left: 208px; } .module_4_cont .module_4_img .prospect_a_button{ width: 48%; height: 63%; position: absolute; top: 136px; left: 23px; cursor: pointer; border-bottom-left-radius: 117%; border-bottom-right-radius: 127%; border-top-left-radius: 195%; border-top-right-radius: 207%; transform: rotate(179deg); } .module_4_cont .module_4_img .prospect_b_button{ width: 43%; height: 37%; position: absolute; right: 83px; top: 139px; cursor: pointer; border-bottom-left-radius: 1000px; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 1000px; transform: rotate(-6deg); } .module_4_cont .module_4_img img:nth-child(1){ width: 98%; } .module_4_cont .prospect_a_img , .module_4_cont .prospect_b_img{ position: absolute; top: 0; left: 0; width: 98%; display: none; } .module_4_cont .module_4_img img:nth-child(4){ position: absolute; top: 240px; left: 322px; width: 2.3%; } .module_4_cont .module_4_img img:nth-child(5){ position: absolute; top: 163px; right: 248px; width: 2.6%; } .module_4_cont .module_4_ab{ position: absolute; top: 50px; left: 606px; } .module_4_cont .module_4_a , .module_4_cont .module_4_b{ width: 190px; height: 244px; float: left; color: white; position: relative; } .module_4_cont .module_4_a{ background: url(../images/prospect_a.png) no-repeat center; background-size: cover; margin-right: 40px; } .module_4_cont .module_4_b{ background: url(../images/prospect_b.png) no-repeat center; background-size: cover; } .module_4_cont .module_4_a h3 , .module_4_cont .module_4_b h3{ margin: 20px 20px 0; font-size: 16px; line-height: 20px; color: white; } .module_4_cont .module_4_a h3:after , .module_4_cont .module_4_b h3:after{ content: " "; width: 33px; height: 1px; background: gainsboro; margin: 15px 0; display: block; } .module_4_cont .module_4_a p , .module_4_cont .module_4_b p{ font-size: 12px; margin: 0 10px 7px 20px; color: whitesmoke; } .module_4_cont .module_4_a p a , .module_4_cont .module_4_b p a{ color: whitesmoke; letter-spacing: 0.6px; } .module_4_cont .module_4_a img , .module_4_cont .module_4_b img{ width: 76%; position: absolute; bottom: 16px; left: 20px; } .foot { position: relative; } @media screen and (min-width: 1350px){ .module_4 { height: 600px !important } } @media screen and (min-width: 1430px){ .module_4 { height: 670px !important } } @media screen and (min-width: 1530px){ .module_4 { height: 740px !important } } @media screen and (min-width: 1630px){ .module_4 { height: 800px !important } } @media screen and (min-width: 1730px){ .module_4 { height: 860px !important } } @media screen and (min-width: 1830px){ .module_4 { height: 900px !important } } @media screen and (min-width: 1560px){ .module_3_bottom .module_3_list p { padding: 12px 40px; } .module_4_cont { padding: 50px 16%; } .module_4_cont .module_4_img { top: 186px; left: 244px; } .module_4_cont .module_4_img .prospect_a_button { width: 49%; top: 160px; transform: rotate(177deg); } .module_4_cont .module_4_img .prospect_b_button { width: 44%; height: 38%; top: 151px; transform: rotate(-8deg); } .module_4_cont .module_4_img img:nth-child(4) { top: 264px; left: 376px; } .module_4_cont .module_4_img img:nth-child(5) { top: 192px; right: 290px; } .module_4_cont .module_4_ab { top: 70px; left: 709px; } .module_4_cont .module_4_a, .module_4_cont .module_4_b { width: 236px; height: 276px; } .module_4_cont .module_4_a { margin-right: 50px; } .module_4_cont .module_4_a h3, .module_4_cont .module_4_b h3 { margin: 26px 20px 20px 26px; font-size: 18px; line-height: 22px; width: 78%; } .module_4_cont .module_4_a p, .module_4_cont .module_4_b p { font-size: 12px; margin: 0 20px 8px 26px; } .module_4_cont .module_4_a img, .module_4_cont .module_4_b img { width: 70%; bottom: 23px; left: 26px; } } @media screen and (min-width: 1880px){ .module_3_cont { padding: 180px 16%; } .module_3_cont .module_3_top { margin-bottom: 100px; } .module_3_bottom .module_3_list h4 { font-size: 18px; margin: 20px 0; } .module_3_bottom .module_3_list p { font-size: 16px; height: 70px } .module_3_bottom .module_3_list .module_3_img { width: 58px; height: 58px; } .module_4_cont { padding: 70px 16%; } .module_4_cont .module_4_img { top: 215px; left: 282px; } .module_4_cont .module_4_img img:nth-child(1) { width: 100%; } .module_4_cont .prospect_a_img, .module_4_cont .prospect_b_img { width: 100%; } .module_4_cont .module_4_img .prospect_a_button { width: 49%; top: 206px; left: 33px; } .module_4_cont .module_4_img .prospect_b_button { width: 44%; height: 39%; top: 188px; transform: rotate(-7deg); } .module_4_cont .module_4_img img:nth-child(4) { top: 322px; left: 456px; width: 2.6%; } .module_4_cont .module_4_img img:nth-child(5) { top: 232px; right: 319px; } .module_4_cont .module_4_ab { top: 70px; left: 850px; } .module_4_cont .module_4_a { margin-right: 54px; } .module_4_cont .module_4_a, .module_4_cont .module_4_b { width: 260px; height: 340px; } .module_4_cont .module_4_a h3, .module_4_cont .module_4_b h3 { margin: 36px 20px 20px 36px; font-size: 20px; line-height: 28px; width: 74%; } .module_4_cont .module_4_a p, .module_4_cont .module_4_b p { font-size: 14px; margin: 0 32px 10px 36px; } .module_4_cont .module_4_a img, .module_4_cont .module_4_b img { bottom: 34px; left: 36px; } } @media screen and (max-width: 1030px){ body { overflow-y: auto !important; margin-top: 90px; height:auto } .app_cont{ display: block; } .cont , .cont_container{ display: none; } .app_module_3{ background: url(../images/business_bg.jpg) no-repeat; background-size: 100% 100%; color: white; height: 400px; padding: 30px 6%; } .app_module_4{ background: url(../images/prospect_bg1.jpg) no-repeat; background-size: 100% 100%; height: 372px; overflow: hidden; } .module_3_cont { padding: 0; } .module_3_cont .module_3_top h3 { font-size: 14px; line-height: 16px; color: #717171; font-family: Myriad Pro Semibold; } .module_3_cont .module_3_top p { font-size: 18px; } .module_3_cont .module_3_top { margin-bottom: 0; position: absolute; top: 20px; } .module_3_bottom { margin-top: 80px; padding-bottom: 40px; } .module_3_bottom .module_3_list h4 { margin: 10px 0 8px; } .module_3_bottom .module_3_list p { padding: 6px 30px; } .module_3_bottom .swiper-pagination-bullet { width: 10px; height: 10px; background: white; opacity: .5; } .module_3_bottom .swiper-pagination-bullet-active { opacity: 1; background: #b01f24; } .module_4_cont { padding: 0; } .module_4_cont h3{ font-size: 14px; line-height: 18px; margin-left: 20px; margin-top: 20px; } .module_4_cont p { margin-left: 20px; font-size: 18px; } .module_4_cont .module_4_img { top: 32px; left: 57px; } .module_4_cont .prospect_a_img, .module_4_cont .prospect_b_img { width: 100%; } .module_4_cont .module_4_img img:nth-child(1) { width: 100%; } .module_4_cont .module_4_img img:nth-child(4) { top: 50px; left: 80px; width: 7%; } .module_4_cont .module_4_img img:nth-child(5) { top: 34px; right: 90px; width: 7%; } .module_4_cont .module_4_img .prospect_a_button { top: 38px; left: 12px; } .module_4_cont .module_4_img .prospect_b_button { right: 24px; top: 38px; } .module_4_ab .module_4_a , .module_4_ab .module_4_b{ width: 50%; height: 235px; float: left; position: relative; } .module_4_ab .module_4_a{ background: url(../images/prospect_a.png) no-repeat center; background-size: cover; } .module_4_ab .module_4_b{ background: url(../images/prospect_b.png) no-repeat center; background-size: cover; } .module_4_ab .module_4_a h3 , .module_4_ab .module_4_b h3{ margin: 20px 20px 0; font-size: 16px; line-height: 20px; color: white; } .module_4_ab .module_4_a h3:after , .module_4_ab .module_4_b h3:after{ content: " "; width: 33px; height: 1px; background: gainsboro; margin: 15px 0; display: block; } .module_4_ab .module_4_a p , .module_4_ab .module_4_b p{ font-size: 12px; margin: 0 10px 7px 20px; color: whitesmoke; } .module_4_ab .module_4_a p a , .module_4_ab .module_4_b p a{ color: whitesmoke; } } @media (min-width: 790px) and (max-width: 1030px){ .app_module_4 { height: 490px; } } @media (min-width: 756px) and (max-width: 800px){ .module_3 .module_3_bottom .module_3_list p { padding: 12px; height: 74px; } } @media (min-width: 760px) and (max-width: 1050px) { .module_3_cont { padding: 50px 5%; } .module_3_cont .module_3_top { margin-bottom: 30px; } .module_3_cont .module_3_top h3 { font-size: 28px; line-height: 34px; } .module_3_cont .module_3_top p { font-size: 30px; margin-bottom: 0; } .module_4 { background: url(../images/prospect_bg1.jpg) no-repeat; background-size: 100% 100%; height: 394px; } .module_4_cont { padding: 50px 5%; } .module_4_cont .module_4_img { top: 103px; left: 114px; } .module_4_cont .module_4_img img:nth-child(1) { width: 100%; } .module_4_cont .module_4_img img:nth-child(4) { top: 121px; left: 177px; width: 5%; } .module_4_cont .module_4_img img:nth-child(5) { position: absolute; top: 120px; right: 186px; width: 5%; } .module_4_cont .module_4_ab { position: absolute; top: 18px; left: 356px; } .module_4_cont .module_4_a { margin-right: 24px; } .module_4_cont .module_4_a, .module_4_cont .module_4_b { width: 152px; height: 200px; } .module_4_cont .module_4_a h3, .module_4_cont .module_4_b h3 { margin: 12px 16px 0; font-size: 13px; line-height: 15px; } .module_4_cont .module_4_a h3:after, .module_4_cont .module_4_b h3:after { margin: 8px 0; } .module_4_cont .module_4_a p, .module_4_cont .module_4_b p { margin: 0 8px 4px 15px; } } @media (min-width: 1301px) and (max-width: 1350px){ .module_4 { height: 620px; } } @media (min-width: 1251px) and (max-width: 1300px){ .module_4 { height: 596px; } } @media (min-width: 1201px) and (max-width: 1250px){ .module_4 { height: 593px; } } @media (min-width: 1151px) and (max-width: 1200px){ .module_4 { height: 551px; } .module_4_cont .module_4_img { top: 123px; left: 166px; } } @media (min-width: 1101px) and (max-width: 1150px){ .module_4 { height: 521px; } .module_4_cont .module_4_img { top: 123px; left: 166px; } } @media (min-width: 1051px) and (max-width: 1100px){ .module_4 { height: 496px; } .module_4_cont .module_4_img { top: 123px; left: 166px; } } @media (min-width: 950px) and (max-width: 1050px) { .module_3_cont { padding: 80px 6%; } .module_3 { height: 520px!important; } .module_4 { height: 486px; } .module_4_cont { padding: 50px 6%; } } @media (min-width: 900px) and (max-width: 950px){ .module_4 { height: 450px; } } @media (min-width: 851px) and (max-width: 900px){ .module_4 { height: 430px; } } @media (min-width: 800px) and (max-width: 850px){ .module_4 { height: 416px; } } @media (min-width: 762px) and (max-width: 800px){ .module_4 { height: 388px; } .module_4_cont .module_4_img { position: absolute; top: 90px; left: 118px; } } @media (min-width: 480px) and (max-width: 759px){ .module_3_bottom .module_3_list p { width: 76%; margin: 0 auto; } } @media (min-width: 760px) and (max-width: 762px){ .app_module_4 { height: 392px; } .app_module_3 { height: 336px; } } @media (min-width: 750px) and (max-width: 759px){ .app_module_4 { height: 350px; } } @media (min-width: 732px) and (max-width: 750px){ .app_module_4 { height: 346px; } } @media (min-width: 688px) and (max-width: 730px){ .app_module_4 { height: 326px; } } @media (min-width: 632px) and (max-width: 686px){ .app_module_4 { height: 306px; } } @media (min-width: 588px) and (max-width: 630px){ .app_module_4 { height: 286px; } } @media (min-width: 532px) and (max-width: 586px){ .app_module_4 { height: 266px; } } @media (min-width: 488px) and (max-width: 530px){ .app_module_4 { height: 246px; } } @media (min-width: 432px) and (max-width: 486px){ .app_module_4 { height: 226px; } } @media (min-width: 404px) and (max-width: 430px){ .app_module_4 { height: 206px; } } @media screen and (max-width: 1400px) { .module_3_cont .module_3_top p , .module_4_cont p{ font-size: 26px; } .module_3_cont .module_3_top h3 , .module_4_cont h3{ font-size: 32px; line-height: 32px; } } @media screen and (max-width: 1024px) { .app_off { display: block; } } @media screen and (max-width: 550px){ .app_module_3 { height: 233px; } .module_3_bottom { margin-top: 28px; } .module_3_cont .module_3_top { top: -20px; } .module_3_cont .module_3_top h3 , .module_4_cont h3{ font-size: 14px; line-height: 16px; } .module_3_cont .module_3_top p , .module_4_cont p{ font-size: 18px; } .app_module_4 { height: 194px; } } @media screen and (max-width: 330px){ .app_module_4 { height: 170px; } .module_4_cont h3 { margin-top: 10px; } .module_4_cont .module_4_img { top: 38px; left: 48px; } .module_4_ab .module_4_a h3, .module_4_ab .module_4_b h3 { margin: 12px 12px 0 14px; font-size: 14px; line-height: 18px; } .module_4_ab .module_4_a p, .module_4_ab .module_4_b p { margin: 0 10px 4px 14px; } .module_4_ab .module_4_a h3:after, .module_4_ab .module_4_b h3:after { content: " "; width: 33px; height: 1px; background: gainsboro; margin: 8px 0; display: block; } .module_4_ab .module_4_a, .module_4_ab .module_4_b { height: 207px; } } /* 投资者关系 */ .cont{ background: url(../images/investment/investment_bg.jpg) no-repeat right; background-size: cover; padding: 200px 0 30px; text-align: center; height: 100vh; } .cont_title p{ color: #a8a8a8; font-size: 26px; font-weight: 100; } .cont_title p:before{ content: ' '; display: block; width: 20px; height: 3px; background:#b01f24; margin: 6px auto 2px; } .cont_text{ margin: 32px 0; } .cont_text h4{ color: black; } .cont_text p:nth-child(2){ color: #7d7d7d; margin: 6px 0 10px; font-size: 12px; letter-spacing: 0.6px } .cont_text p:last-child{ color: #b01f22; font-weight: bold; font-size: 12px; } .cont_list{ /* width: 78%; */ margin: 0 auto; max-width:1300px; padding:0 20px } .cont_list .list_company{ width: 18%; margin-right: 2%; float: left; background: rgba(255, 255, 255, 0.4); padding: 12px 12px 20px; position: relative; /*cursor: pointer;*/ } .cont_list .list_back{ background: white; } .cont_list .list_company:last-child{ margin: 0; } .cont_list .list_company .company_logo{ width: 70px; height: 70px; margin: 16px auto; } .cont_list .list_company h5{ height:26px; } .cont_list .list_company img{ } .cont_list .list_company p{ font-size: 12px; color: #7d7d7d; text-align: justify; line-height: 18px; display: none; } .cont_list .list_company p:before{ content: ' '; display: block; width: 70px; height: 1.5px; background: #b01f22; margin: 10px auto 8px; } .cont_list .list_company span{ display: block; background: white; width: 100%; height: 34px; font-size: 12px; line-height: 34px; position: absolute; bottom: -34px; left: 0; top: auto; cursor: pointer; display:none; } .foot{ position: relative; } @media screen and (max-width: 1400px){ .cont{ /* height:auto; */ /* min-height:790px; */ padding: 110px 0 30px; } .cont_list { max-width: 1200px; } } @media screen and (max-width: 750px) { .cont { height: 100%; } .cont_list { width: 94%; } .cont_list .list_company { width: 48%; margin-bottom: 2%; background: white; } .cont_list .list_tow{ margin-right: 0; } .cont_list .list_company p{ display: none; } .cont_list .list_company span{ display: none; } } @media (min-width: 760px) and (max-width: 1030px) { .cont { height: auto; padding: 42px 0 40px; } .cont_list .list_company { width: 31%; margin-bottom: 2%; } .cont_list .list_company p { display: none; } .cont_list .list_company span { display: none; } .cont_list .list_company h5 { height: 30px; line-height: 18px; } } @media screen and (min-width: 1600px) { .foot{ position: fixed; } } @media screen and (min-width: 1880px) { .cont_text { margin: 42px 0; } .cont_list { width: 66%; } .cont_list .list_company .company_logo { width: 80px; height: 80px; margin: 20px auto; } .cont_list .list_company h5{ font-size: 16px; } .cont_list .list_company p { line-height: 22px; } } @media screen and (max-width: 1030px){ .cont{ display: block; } }