/*responsive style(media query)*/
@media screen and (min-width: 1921px) {
/*index*/
.banner_area .video1 {
top: 0;
}
}
@media screen and (max-width: 1439px) {
/*index*/
.descript_area .txt1 {
font-size: 26px;
}
.descript_area .txt2 {
font-size: 20px;
}
.details_area .details_con .detail_list li p {
font-size: 26px;
}
}
@media screen and (max-width: 1250px) {
/*header*/
.wrap_head .head_con {
width: 96%;
}
.wrap_head .head_con .menu_list .menu_item {
margin-left: 42px;
}
/*index*/
.details_area .details_con {
width: 100%;
padding: 0 24px;
box-sizing: border-box;
}
.details_area .details_con .detail_list {
height: 350px;
}
.details_area .details_con .detail_list li {
width: 31.333333%;
margin-right: 1.5%;
height: 350px;
}
.brand_area {
width: 1000px;
}
.brand_area .brand_title {
font-size: 36px;
}
.brand_area .swiper-button-prev,
.brand_area .swiper-container-rtl .swiper-button-next {
width: 9px;
height: 66px;
left: 315px;
}
.brand_area .swiper-button-next,
.brand_area .swiper-container-rtl .swiper-button-prev {
width: 9px;
height: 66px;
right: 315px;
}
.brand_area [class*=" imghvr-"] figcaption,
.brand_area [class^=imghvr-] figcaption {
padding-top: 30px;
font-size: 14px;
}
.responsibility_area .swiper-container .swiper-slide .content .big-title {
font-size: 36px;
margin-top: 4%;
}
.responsibility_area .swiper-container .swiper-slide .content .details {
font-size: 18px;
}
.responsibility_area .swiper-container .swiper-slide .content .learn-more {
font-size: 16px;
margin-top: 7%;
}
/*brand-service*/
.brand_service_page .wrap_content .banner_area .banner_con {
width: 100%;
padding: 0 72px;
box-sizing: border-box;
}
/*investor-relations*/
.investor_relations_page .wrap_content .banner_ad_area .banner_con {
width: 100%;
padding: 0 72px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1200px) {
/*subpage top banner and big title*/
.wrap {
/*brand-service*/
/*investor-relations*/
}
.wrap .wrap_content .banner_ad_area {
height: 450px;
}
.wrap .wrap_content .banner_ad_area .banner_con {
width: 100%;
padding: 0 72px;
box-sizing: border-box;
}
.wrap .wrap_content .banner_ad_area .banner_con h2 {
margin-top: 280px;
}
.wrap.investor_relations_page .mod-tab-container .mod-tab .mod-con {
width: 100%;
}
.wrap.investor_relations_page .regular_report_area {
width: 100%;
}
}
@media screen and (max-width: 1160px) {
/*index*/
.details_area .details_con .detail_list li p {
font-size: 24px;
}
}
@media screen and (max-width: 1120px) {
/*header*/
.wrap_head .head_con .menu_list .menu_item {
margin-left: 45px;
}
}
@media screen and (max-width: 1050px) {
/*header*/
.wrap_head .head_con .menu_list .menu_item {
margin-left: 40px;
}
}
@media screen and (max-width: 960px) {
/*header*/
.wrap_head .head_con .menu_list {
right: 150px;
}
.wrap_head .head_con .menu_list .menu_item {
margin-left: 22px;
}
/*index*/
.responsibility_area .swiper-container .swiper-slide .content .big-title {
font-size: 34px;
margin-top: 4%;
}
.responsibility_area .swiper-container .swiper-slide .content .content {
font-size: 16px;
}
.responsibility_area .swiper-container .swiper-slide .content .learn-more {
font-size: 12px;
margin-top: 6%;
}
}
@media screen and (max-width: 900px) {
/*index*/
.details_area .details_con .detail_list li p {
font-size: 20px;
}
}
@media screen and (max-width: 820px) {
/*header*/
.wrap_head .head_con .menu_list {
right: 75px;
}
.wrap_head .head_con .menu_list .menu_item {
margin-left: 18px;
}
}
@media screen and (max-width: 768px) {
.wrap {
overflow: hidden;
}
/*header*/
.wrap_head {
height: 56px;
}
.wrap_head .head_con {
width: 100%;
height: 56px;
z-index: 99;
}
.wrap_head .head_con .logo {
display: block;
/*height: 18px;
width: 137px;*/
height: 23px;
width: 150px;
position: absolute;
left: 50%;
/*top: 19px;*/
top: 17px;
margin-left: -68px;
}
.wrap_head .head_con .logo h1 {
display: block;
/*height: 18px;
width: 137px;*/
height: 23px;
width: 150px;
background: url(/images/revision3.0/menu_logo.png?t=20210817) no-repeat 0 0;
background-size: contain;
}
.wrap_head .head_con .menu_list {
display: block;
position: fixed;
background: #fff;
width: 100%;
height: 100%;
right: 0;
left: 0;
/*padding-top: 90px;*/
padding-top: 70px;
z-index: 3;
/*transform: translate(-260px, 0);*/
transform: translate(100%, 0);
opacity: 0.8;
transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}
.wrap_head .head_con .menu_list .menu_item {
display: block;
float: none;
min-height: 50px;
height: auto;
margin-left: 50px;
margin-right: 50px;
border-bottom: 1px solid #c1c1c1;
}
.wrap_head .head_con .menu_list .menu_item:nth-child(6) {
border-bottom: none;
}
.wrap_head .head_con .menu_list .menu_item .title_area {
width: 100%;
height: 55px;
line-height: 55px;
}
.wrap_head .head_con .menu_list .menu_item .title_area .icon {
display: block;
height: 10px;
width: 18px;
background: url(/images/revision3.0/icon_arrow_d.png) no-repeat 0 0;
background-size: contain;
position: absolute;
right: 0;
top: 24px;
transition: transform 0.2s ease-out;
}
.wrap_head .head_con .menu_list .menu_item .title_area .txt {
font-size: 16px;
color: #000000;
font-weight: normal;
top: 0;
/*width: 92%;*/
display: inline-block;
}
.wrap_head .head_con .menu_list .menu_item .title_area .txt:after {
opacity: 0;
}
.wrap_head .head_con .menu_list .menu_item .title_area .txt:before {
opacity: 0;
}
.wrap_head .head_con .menu_list .menu_item .sub_list {
display: block !important;
position: relative;
width: 160px;
left: 0;
margin-left: 0;
text-align: left;
z-index: 2;
overflow: hidden;
height: 0;
transition: height 0.3s ease-out;
}
.wrap_head .head_con .menu_list .menu_item .sub_list li a {
padding: 3px 0;
font-size: 14px;
}
.wrap_head .head_con .menu_list .menu_item.sublist_show .title_area a {
color: #0055b8;
}
.wrap_head .head_con .menu_list .menu_item.sublist_show .title_area .icon {
transform: rotate(180deg);
}
.wrap_head .head_con .menu_list .brand_service.sublist_show .sub_list {
height: 165px;
}
.wrap_head .head_con .menu_list .investor_relations.sublist_show .sub_list {
height: 114px;
}
.wrap_head .head_con .menu_list .menu_item_lan {
display: block;
position: absolute;
bottom: 50px;
line-height: 63px;
right: 20px;
}
.wrap_head .head_con .menu_list .menu_item_lan a {
/*color: #2a2e2e;*/
color: #9e9e9f;
font-size: 16px;
}
.wrap_head .head_con .menu_list .menu_item_lan a.current {
color: #000;
}
.wrap_head .head_con .menu_list .menu_item_lan .s_line {
color: #878a8a;
font-size: 16px;
margin: 0 8px;
font-style: normal;
}
.wrap_head .head_con .menu_list .mobile_menu_logo_title {
display: block;
}
.wrap_head .head_con .lang_area {
display: none;
}
.wrap_head .icon_menu {
display: block;
height: 24px;
width: 24px;
position: absolute;
/*left: 21px;*/
right: 21px;
top: 12px;
z-index: 99;
}
.wrap_head .icon_menu .i_menu {
display: block;
/*height: 14px;
width: 15px;*/
height: 24px;
width: 24px;
background: url(/images/revision3.0/icon_menu.png) no-repeat 0 0;
background-size: contain;
position: absolute;
left: 0;
top: 0;
z-index: 2;
margin-top: 4px;
}
.wrap_head .icon_menu .i_close {
display: none;
height: 17px;
width: 17px;
background: url(/images/revision3.0/icon_menu_close.png) no-repeat 0 0;
background-size: contain;
position: fixed;
/*left: 21px;*/
right: 21px;
top: 21px;
z-index: 4;
}
.wrap_head.head_white .head_con .logo h1 {
background-image: url(/images/revision3.0/menu_logo_hover.png?t=20210817) !important;
}
.wrap_head.head_white .icon_menu {
top: 14.5px;
}
.wrap_head.head_white .icon_menu .i_menu {
/*background: url(/css/img/mobile/icon_menu_hover.png) no-repeat center;*/
background: url(/images/revision3.0/icon_menu_hover.png) no-repeat center;
background-size: 100% 100%;
/*width: 20px;
height: 20px;*/
width: 24px;
height: 24px;
margin-top: 0;
}
/*index start*/
.banner_area {
display: none;
}
.banner_area .banner_txt {
letter-spacing: 5px;
width: 350px;
height: 50px;
}
.banner_area .banner_txt .txtbox .rtxt {
top: -7px;
left: 137px;
font-size: 24px;
line-height: 50px;
}
.banner_area .banner_txt .hook_area {
width: 100%;
}
.banner_area .banner_txt .hook_area .word {
width: auto;
font-size: 24px;
left: 21px;
}
.banner_area .banner_txt .hook_area .word span:nth-child(2) {
padding-left: 20px;
}
.home_banner_ad_area {
display: block !important;
width: 100%;
height: 502px;
overflow: hidden;
background: url("/images/revision3.0/index/mobile/top-banner-bg-mob.png") no-repeat center bottom;
background-size: cover;
-webkit-background-size: cover;
position: relative;
}
.home_banner_ad_area .banner_txt {
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
text-align: center;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-family: 'NotoSansHans-Light';
opacity: 0;
letter-spacing: 5px;
width: 350px;
height: 50px;
}
.home_banner_ad_area .banner_txt.animation {
animation: a_banner 0.5s 0.5s linear forwards;
-webkit-animation: a_banner 0.5s 0.5s linear forwards;
-ms-animation: a_banner 0.5s 0.5s linear forwards;
-moz-animation: a_banner 0.5s 0.5s linear forwards;
-o-animation: a_banner 0.5s 0.5s linear forwards;
}
.home_banner_ad_area .banner_txt .txtbox {
display: inline-block;
}
.home_banner_ad_area .banner_txt .txtbox p {
display: inline-block;
color: #fff;
font-size: 60px;
font-family: NotoSansHans-Light;
}
.home_banner_ad_area .banner_txt .txtbox .ltxt {
margin-right: 180px;
}
.home_banner_ad_area .banner_txt .txtbox .rtxt {
position: absolute;
top: -7px;
left: 137px;
font-size: 24px;
line-height: 50px;
}
.home_banner_ad_area .banner_txt .hook_area {
display: block;
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: -9px;
overflow: hidden;
}
.home_banner_ad_area .banner_txt .hook_area > i {
opacity: 0;
}
.home_banner_ad_area .banner_txt .hook_area .word {
display: block;
height: 81px;
position: absolute;
top: 9px;
color: #ffffff;
font-family: NotoSansHans-Light;
font-style: normal;
text-align: left;
width: auto;
font-size: 24px;
left: 21px;
}
.home_banner_ad_area .banner_txt .hook_area .word span:nth-child(2) {
padding-left: 20px;
}
.home_banner_ad_area .banner_txt .hook_area > .word_1 {
opacity: 1;
}
.home_banner_ad_area .banner_txt .hook_area.animation1 .word_1 {
animation: a_banner_start 0.2s linear forwards;
-webkit-animation: a_banner_start 0.2s linear forwards;
-ms-animation: a_banner_start 0.2s linear forwards;
-moz-animation: a_banner_start 0.2s linear forwards;
-moz-animation: a_banner_start 0.2s linear forwards;
-o-animation: a_banner_start 0.2s linear forwards;
}
.home_banner_ad_area .banner_txt .hook_area.animation2 .word_1 {
animation: a_banner_end 0.2s linear forwards;
-webkit-animation: a_banner_end 0.2s linear forwards;
-ms-animation: a_banner_end 0.2s linear forwards;
-moz-animation: a_banner_end 0.2s linear forwards;
-o-animation: a_banner_end 0.2s linear forwards;
}
.home_banner_ad_area .banner_txt .hook_area.animation2 .word_2 {
animation: a_banner_start 0.2s linear forwards;
-webkit-animation: a_banner_start 0.2s linear forwards;
-ms-animation: a_banner_start 0.2s linear forwards;
-moz-animation: a_banner_start 0.2s linear forwards;
-o-animation: a_banner_start 0.2s linear forwards;
}
.home_banner_ad_area .banner_txt .hook_area.animation3 .word_2 {
animation: a_banner_end 0.2s linear forwards;
-webkit-animation: a_banner_end 0.2s linear forwards;
-ms-animation: a_banner_end 0.2s linear forwards;
-moz-animation: a_banner_end 0.2s linear forwards;
-o-animation: a_banner_end 0.2s linear forwards;
}
.home_banner_ad_area .banner_txt .hook_area.animation3 .word_3 {
animation: a_banner_start 0.2s linear forwards;
-webkit-animation: a_banner_start 0.2s linear forwards;
-ms-animation: a_banner_start 0.2s linear forwards;
-moz-animation: a_banner_start 0.2s linear forwards;
-o-animation: a_banner_start 0.2s linear forwards;
}
.home_banner_ad_area .banner_txt .hook_area.animation4 .word_3 {
animation: a_banner_end 0.2s linear forwards;
-webkit-animation: a_banner_end 0.2s linear forwards;
-ms-animation: a_banner_end 0.2s linear forwards;
-moz-animation: a_banner_end 0.2s linear forwards;
-o-animation: a_banner_end 0.2s linear forwards;
}
.home_banner_ad_area .banner_txt .hook_area.animation4 .word_4 {
animation: a_banner_start 0.2s linear forwards;
-webkit-animation: a_banner_start 0.2s linear forwards;
-ms-animation: a_banner_start 0.2s linear forwards;
-moz-animation: a_banner_start 0.2s linear forwards;
-o-animation: a_banner_start 0.2s linear forwards;
}
.home_banner_ad_area img {
position: absolute;
width: 340px;
left: 50%;
top: 50%;
z-index: 2;
text-align: center;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.descript_area {
width: 94%;
height: auto;
margin: 0 auto;
}
.descript_area .txt1 {
font-size: 24px;
padding: 50px 0 20px 0;
line-height: 32px;
}
.descript_area .txt2 {
font-size: 16px;
line-height: 28px;
padding-bottom: 50px;
}
.descript_area .txt2 .block_flag {
display: inline;
}
/*767 cover*/
.details_area {
margin-bottom: 50px;
overflow: hidden;
}
.details_area .details_con {
height: auto;
}
.details_area .details_con .detail_list {
height: auto;
}
.details_area .details_con .detail_list li {
height: 500px;
}
.brand_area {
width: 100%;
margin-bottom: 30px;
}
.brand_area .brand_title {
font-size: 30px;
margin-bottom: 40px;
}
.brand_area .swiper-slide figure img {
width: 75%;
}
.brand_area .swiper-slide figure figcaption {
width: 75%;
margin: 0 auto;
display: none;
}
.brand_area .swiper-slide figure a {
width: 75%;
margin: 0 auto;
}
.brand_area .swiper-slide figure.imghvr-shutter-in-out-diag-1:after, .brand_area .swiper-slide figure.imghvr-shutter-in-out-diag-1:before {
opacity: 0 !important;
}
.brand_area .swiper-slide .brandname img {
width: 75%;
}
.brand_area .swiper-button-prev,
.brand_area .swiper-container-rtl .swiper-button-next {
left: 18px;
transform: scale(0.8);
}
.brand_area .swiper-button-next,
.brand_area .swiper-container-rtl .swiper-button-prev {
right: 18px;
transform: scale(0.8);
}
.brand_area2 {
width: 100%;
margin-bottom: 30px;
}
.brand_area2 .brand_title {
font-size: 30px;
margin-bottom: 40px;
}
.brand_area2 .swiper-father {
width: 100%;
height: auto;
}
.brand_area2 .swiper-father .swiper-container {
width: 100%;
}
.brand_area2 .swiper-father .swiper-container .swiper-wrapper .swiper-slide figure img {
width: 75%;
margin-top: 0 !important;
}
.brand_area2 .swiper-father .swiper-container .swiper-wrapper .swiper-slide figure figcaption {
width: 75%;
margin: 0 auto;
display: none;
}
.brand_area2 .swiper-father .swiper-container .swiper-wrapper .swiper-slide figure a {
width: 75%;
margin: 0 auto;
}
.brand_area2 .swiper-father .swiper-container .swiper-wrapper .swiper-slide figure.imghvr-shutter-in-out-diag-1:after, .brand_area2 .swiper-father .swiper-container .swiper-wrapper .swiper-slide figure.imghvr-shutter-in-out-diag-1:before {
opacity: 0 !important;
}
.brand_area2 .swiper-father .swiper-container .swiper-wrapper .swiper-slide .brandname {
margin-top: 0 !important;
}
.brand_area2 .swiper-father .swiper-container .swiper-wrapper .swiper-slide .brandname img {
width: 75%;
}
.brand_area2 .swiper-father .swiper-button-prev,
.brand_area2 .swiper-father .swiper-container-rtl .swiper-button-next {
left: 8px;
width: 31px;
height: 60px;
background: url("/images/revision3.0/index/mobile/brand_left_arrow-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.brand_area2 .swiper-father .swiper-button-next,
.brand_area2 .swiper-father .swiper-container-rtl .swiper-button-prev {
right: 8px;
width: 31px;
height: 60px;
background: url("/images/revision3.0/index/mobile/brand_right_arrow-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.responsibility_area .swiper-container .swiper-slide {
position: relative;
height: 367px;
background: url("/images/revision3.0/index/mobile/m-index-socail-responsibility.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.responsibility_area .swiper-container .swiper-slide .content .big-title {
font-size: 30px;
margin-top: 9%;
}
.responsibility_area .swiper-container .swiper-slide .content .details {
width: 90%;
margin-top: 4%;
font-size: 14px;
line-height: 24px;
text-align: justify;
}
.responsibility_area .swiper-container .swiper-slide .content .learn-more {
font-size: 12px;
width: 100px;
height: 30px;
line-height: 30px;
margin-top: 20%;
}
.responsibility_area .swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
}
.responsibility_area .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 20px;
}
/*index end*/
/*subpage*/
.wrap {
/*public style*/
}
.wrap .wrap_content .banner_ad_area, .wrap .wrap_content .banner_ad_area1 {
width: 100%;
height: 282px;
overflow: hidden;
background: url("https://cdn-opimage.qiumeiapp.com/botanee/about/top-banner-bg-pc.png") no-repeat center bottom;
background-size: cover;
-webkit-background-size: cover;
}
.wrap .wrap_content .banner_ad_area .banner_con, .wrap .wrap_content .banner_ad_area1 .banner_con {
padding: 0 21px;
}
.wrap .wrap_content .banner_ad_area .banner_con h2, .wrap .wrap_content .banner_ad_area1 .banner_con h2 {
font-size: 20px;
margin-top: 170px;
}
.wrap .wrap_content .banner_ad_area .banner_con h2 .m, .wrap .wrap_content .banner_ad_area1 .banner_con h2 .m {
display: block;
}
.wrap .wrap_content .banner_ad_area .banner_con h3, .wrap .wrap_content .banner_ad_area1 .banner_con h3 {
font-size: 14px;
}
.wrap .wrap_content .banner_ad_area1 {
background: url("/images/revision3.0/brand-service/mobile/top-banner-mob.png?t=1") no-repeat center bottom;
}
.wrap .wrap_content .title {
font-size: 24px;
}
.wrap .wrap_content .read_more {
width: 100%;
font-size: 12px;
margin-top: 13px;
}
.wrap.brand_service_page .wrap_content .brands_area {
width: 100%;
padding: 36px 20px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
margin-top: 24px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_text_left {
width: 100%;
min-height: auto;
font-size: 14px;
line-height: 30px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: space-around;
-webkit-justify-content: space-around;
align-items: center;
-webkit-align-items: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin-top: 20px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box {
margin: 6px 0;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a {
display: block;
width: 160px;
height: 160px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box {
height: 100px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box .icon {
top: 65%;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box .icon.winona {
width: 83px;
height: 34px;
background: url("/images/revision3.0/brand-service/mobile/winona-icon-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box .icon.winonababy {
width: 84px;
height: 30px;
background: url("/images/revision3.0/brand-service/mobile/winonaBaby-icon-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box .icon.botishi {
width: 100%;
height: 62px;
background: url("/images/revision3.0/brand-service/mobile/ba-icon-mob.jpg") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box .icon.ddk {
width: 44px;
height: 53px;
background: url("/images/revision3.0/brand-service/mobile/ddk-icon-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .line {
display: none;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .brand_title {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
.wrap.brand_service_page .wrap_content .yimei_center_area,
.wrap.brand_service_page .wrap_content .qiumei_area {
width: 100%;
padding: 36px 20px;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con .details_text_left,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con .details_text_left {
width: 100%;
min-height: auto;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con .details_text_left p,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con .details_text_left p {
font-size: 14px;
line-height: 30px;
margin-top: 24px;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con .details_media_right,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con .details_media_right {
margin-top: 20px;
width: 100%;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con .details_media_right .brand_img_box,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con .details_media_right .brand_img_box {
position: relative;
width: 100%;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con .details_media_right .brand_img_box a,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con .details_media_right .brand_img_box a {
width: 100%;
height: 152px;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con .details_media_right .brand_img_box a.weiyimei,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con .details_media_right .brand_img_box a.weiyimei {
background: url("/images/revision3.0/brand-service/mobile/wei-yi-mei-mob.png?t=20210817") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.brand_service_page .wrap_content .yimei_center_area .details_con .details_media_right .brand_img_box a.qiumei,
.wrap.brand_service_page .wrap_content .qiumei_area .details_con .details_media_right .brand_img_box a.qiumei {
background: url("https://cdn-opimage.qiumeiapp.com/botanee/brandService/20251120-weinuona-mob.jpg") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.investor_relations_page .wrap_content .banner_ad_area {
background: url("/images/revision3.0/investor-relations/top-banner-bg-pc4.png") no-repeat center bottom;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.investor_relations_page .wrap_content .mod-tab-container {
height: 45px;
}
.wrap.investor_relations_page .wrap_content .mod-tab-container .mod-tab .mod-con {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: initial;
-webkit-justify-content: initial;
align-items: center;
-webkit-align-items: center;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.wrap.investor_relations_page .wrap_content .mod-tab-container .mod-tab .mod-con ul {
width: 100%;
}
.wrap.investor_relations_page .wrap_content .mod-tab-container .mod-tab .mod-con ul li a {
height: 45px;
line-height: 45px;
font-size: 12px;
}
.wrap.investor_relations_page .wrap_content .mod-tab-container .mod-tab .mod-con ul li a span {
transform: scale(0.8);
}
.wrap.investor_relations_page .wrap_content .regular_report_area {
width: 100%;
padding: 36px 20px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area .details_con {
width: 100%;
margin-top: 35px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area .details_con .details_text_left {
padding: 28px 0 0 20px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area .details_con .details_text_left p:nth-child(1) {
font-size: 14px;
line-height: 16px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area .details_con .details_text_left p:nth-child(2) {
font-size: 12px;
line-height: 16px;
margin-top: 2px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area .details_con .details_media_right div {
width: 175px;
height: 117px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area .details_con .details_media_right div.download {
background: url("/images/revision3.0/investor-relations/mobile/download-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.investor_relations_page .wrap_content .regular_report_area .details_con .details_media_right div.download .download_link {
top: 13px;
left: 43px;
width: 90px;
height: 90px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.company_announcement_area .details_con {
width: 100%;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.company_announcement_area .details_con .link_item {
margin: 17px 0;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.company_announcement_area .details_con .link_item .ltx {
font-size: 14px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.company_announcement_area .details_con .link_item .ltx strong {
width: 15px;
height: 15px;
line-height: 15px;
font-size: 12px;
margin: 0 10px 0 15px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.company_announcement_area .details_con .link_item .rtx {
font-size: 12px;
width: 112px;
margin-left: 15px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.company_announcement_area .details_con .link_item .rtx .icon_down_arrow {
margin-left: 15px;
margin-right: 15px;
width: 18px;
height: 16px;
background: url("/images/revision3.0/investor-relations/down_arrow.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.corporate_governance .details_con {
margin-top: 24px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.corporate_governance .details_con .details_text_top {
font-size: 14px;
line-height: 30px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.corporate_governance .details_con .details_media_bottom {
margin-top: 30px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.corporate_governance .details_con .details_media_bottom .brand_img_box {
width: 151px;
height: 93px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.corporate_governance .details_con .details_media_bottom .brand_img_box a .icon_bg.details_info {
width: 41px;
height: 31px;
background: url("/images/revision3.0/investor-relations/mobile/co-detail-icon-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.corporate_governance .details_con .details_media_bottom .brand_img_box a .icon_bg.directors_member {
width: 51px;
height: 31px;
background: url("/images/revision3.0/investor-relations/mobile/co-member-icon-mob.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.corporate_governance .details_con .details_media_bottom .brand_img_box p {
font-size: 14px;
margin-top: 0;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.investor_contact .details_con {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.investor_contact .details_con h4 {
font-size: 18px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.investor_contact .details_con .details_box {
font-size: 14px;
margin-top: 30px;
line-height: 27px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.investor_contact .details_con .details_text_left {
padding: 0;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.investor_contact .details_con .parting_line {
display: block;
margin: 35px 0;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.detailed_info .details_con .details_item .item_title, .wrap.investor_relations_page .wrap_content .regular_report_area.directors_member_list .details_con .details_item .item_title {
font-size: 20px;
margin-top: 40px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.detailed_info .details_con .details_item:first-child .item_title, .wrap.investor_relations_page .wrap_content .regular_report_area.directors_member_list .details_con .details_item:first-child .item_title {
margin-top: 0;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.detailed_info .details_con .details_item div, .wrap.investor_relations_page .wrap_content .regular_report_area.directors_member_list .details_con .details_item div {
margin-top: 5px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.detailed_info .details_con .details_item div p, .wrap.investor_relations_page .wrap_content .regular_report_area.directors_member_list .details_con .details_item div p {
font-size: 14px;
line-height: 30px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.directors_member_list .details_con .details_item .item_title span {
display: block;
font-size: 14px;
line-height: 30px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.directors_member_list .details_con .details_item div {
margin-top: 0;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.stock_info .details_con iframe:last-child {
height: 450px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 {
background: red;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 .details_con {
width: 100%;
padding-top: 40px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 .details_con .annual_report .details_text_left {
font-size: 20px;
width: 131px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 .details_con .annual_report .details_media_right a {
width: 180px;
height: 100px;
margin-right: 0;
margin-bottom: 35px;
padding: 10px 8px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 .details_con .annual_report .details_media_right a .report_title {
font-size: 18px;
width: auto;
height: auto;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 .details_con .annual_report .details_media_right a .tag {
margin: 3px 0;
width: auto;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 .details_con .annual_report .details_media_right a .tag span {
font-size: 14px;
}
.wrap.investor_relations_page .wrap_content .regular_report_area.regular_report_area2 .details_con .annual_report .details_media_right a .date {
font-size: 13px;
}
.wrap.comp_profile_page .wrap_content .botanee_group_area {
width: 100%;
padding: 36px 20px 16px 20px;
}
.wrap.comp_profile_page .wrap_content .botanee_group_area .details_con .details_text_left div p {
width: 100%;
font-size: 14px;
line-height: 30px;
margin-top: 20px;
}
.wrap.comp_profile_page .wrap_content .botanee_group_area .details_con .details_media_right {
display: none;
}
.wrap.comp_profile_page .wrap_content .mission_area {
width: 100%;
padding: 0 20px;
}
.wrap.comp_profile_page .wrap_content .mission_area .empty_box {
display: none;
}
.wrap.comp_profile_page .wrap_content .mission_area .main_content {
position: relative;
width: 100%;
}
.wrap.comp_profile_page .wrap_content .mission_area .main_content .details_con .details_text_left {
width: 100%;
padding-top: 36px;
padding-left: 0;
background-color: #ffffff;
}
.wrap.comp_profile_page .wrap_content .mission_area .main_content .details_con .details_text_left ul {
margin-top: 20px;
}
.wrap.comp_profile_page .wrap_content .mission_area .main_content .details_con .details_text_left ul li {
font-size: 14px;
}
.wrap.comp_profile_page .wrap_content .mission_area .main_content .details_con .details_text_left ul .block_flag {
display: block;
}
.wrap.comp_profile_page .wrap_content .development_history_panel {
position: relative;
width: 100%;
height: 300px;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history {
padding: 36px 20px;
width: 100%;
height: 261px;
background: url("/images/revision3.0/comp-profile/mobile/develop-history-bg-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con {
width: 100%;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .title {
margin-top: 0;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father {
width: 100%;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-container {
width: 100%;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-container .swiper-slide .content {
min-height: auto;
padding-top: 0;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-container .swiper-slide .content .box {
width: 80%;
text-align: center;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-container .swiper-slide .content .box h5 {
font-size: 24px;
font-family: NotoSansHans-Medium;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-container .swiper-slide .content .box h5:after {
display: none;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-container .swiper-slide .content .box p {
font-size: 14px;
line-height: 20px;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-container .swiper-slide .content .box p:nth-child(2) {
margin-top: 12px;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-button-prev {
left: 0;
top: 56%;
width: 15px;
height: 30px;
background: url("/images/revision3.0/comp-profile/mobile/history-left-arrow-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .development_history .details_con .swiper-father .swiper-button-next {
right: 0;
top: 56%;
width: 15px;
height: 30px;
background: url("/images/revision3.0/comp-profile/mobile/history-right-arrow-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .pagination-father {
width: 100%;
padding: 10px 20px;
margin-top: 18px;
}
.wrap.comp_profile_page .wrap_content .development_history_panel .pagination-father .swiper-pagination {
width: 80%;
height: 3px;
left: 50%;
transform: translateX(-50%);
border-radius: 4px;
overflow: hidden;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor {
width: 100%;
padding: 36px 20px;
background-color: #ffffff;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father {
margin-top: 35px;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container {
width: 100%;
background-color: #ffffff;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper {
min-height: 250px;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide {
transition: 300ms;
opacity: 0.75;
transform: scale(0.7);
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .img-box {
margin: 0 auto;
width: 100%;
height: 134px;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .detail_txt {
margin-top: 21px;
min-height: 80px;
display: none;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .detail_txt p {
font-size: 14px;
line-height: 20px;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active, .wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active {
transform: scale(1);
z-index: 2;
opacity: 1;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
width: 56% !important;
margin-left: -22%;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content .detail_txt {
display: block;
padding: 0;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev {
width: 50% !important;
background-color: #f9f9f9 !important;
margin-left: -7%;
margin-top: -10px;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev .content {
width: 100%;
padding: 8px 0;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
width: 50% !important;
background-color: #f9f9f9 !important;
margin-left: -20%;
margin-top: -10px;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next .content {
width: 100%;
padding: 8px 0;
}
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-button-prev,
.wrap.comp_profile_page .wrap_content .enterprise_honor .details_con .swiper-father .swiper-button-next {
display: none;
}
.wrap.comp_profile_page .wrap_content .contact_us_area {
margin-bottom: 0;
background: #ffffff;
}
.wrap.comp_profile_page .wrap_content .contact_us_area .details_con {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.wrap.comp_profile_page .wrap_content .contact_us_area .details_con .details_text_left {
width: 100%;
padding: 36px 20px;
}
.wrap.comp_profile_page .wrap_content .contact_us_area .details_con .details_text_left ul {
margin-top: 20px;
}
.wrap.comp_profile_page .wrap_content .contact_us_area .details_con .details_text_left ul li {
font-size: 14px;
line-height: 30px;
}
.wrap.comp_profile_page .wrap_content .contact_us_area .details_con .details_media_right {
width: 100%;
}
.wrap.comp_profile_page .wrap_content .contact_us_area .details_con .details_media_right .brand_img_box a {
width: 100%;
height: 250px;
}
.wrap.comp_profile_page .wrap_content .contact_us_area .details_con .details_media_right .brand_img_box a.btn_block {
background: url("/images/revision3.0/comp-profile/btn-block-bg.png") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap.innovate_page .wrap_content .banner_ad_area {
background: url("/images/revision3.0/innovate/mobile/top-banner-bg-mob.png") no-repeat center bottom;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.innovate_page .wrap_content .research_institute_area {
width: 100%;
padding: 36px 0 0 0;
}
.wrap.innovate_page .wrap_content .research_institute_area .title {
margin-left: 20px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
padding: 0 20px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_top .l_text {
margin-top: 10px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_top .l_text p {
font-size: 14px;
line-height: 30px;
margin-top: 20px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_top .r_image {
width: 100%;
height: 197px;
margin-left: 0;
background: url("/images/revision3.0/innovate/mobile/research-institute-bg-mob.png?t=20210827") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_middle {
padding: 0 20px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_middle p {
font-size: 14px;
line-height: 30px;
margin-top: 20px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_middle ul {
margin-top: 20px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_middle ul li {
font-size: 14px;
line-height: 30px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_bottom {
background-color: #f2f3f3;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
margin-top: 30px;
padding: 30px 20px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_bottom .brief_item {
margin-top: 15px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_bottom .brief_item:first-child {
margin-top: 0;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_bottom .brief_item .brief_title {
font-size: 14px;
line-height: 30px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_bottom .brief_item ul {
margin-top: 0;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_bottom .brief_item ul li {
font-size: 14px;
line-height: 30px;
}
.wrap.innovate_page .wrap_content .research_institute_area .details_con .details_text_bottom hr {
display: none;
}
.wrap.innovate_page .wrap_content .academic_awards_area {
width: 100%;
padding: 36px 20px 0 20px;
background-color: #ffffff;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father {
margin-top: 35px;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container {
width: 100%;
background-color: #ffffff;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper {
min-height: 200px;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide {
transition: 300ms;
opacity: 0.75;
transform: scale(0.7);
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .img-box {
margin: 0 auto;
width: 100%;
height: 130px;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .detail_txt {
margin-top: 21px;
min-height: 42px;
display: none;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .detail_txt p {
font-size: 14px;
line-height: 20px;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active, .wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active {
transform: scale(1);
opacity: 1;
z-index: 2;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
width: 56% !important;
margin-left: -22%;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content .detail_txt {
display: block;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev {
width: 50% !important;
background-color: #f9f9f9 !important;
margin-left: -7%;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev .content {
width: 100%;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
width: 50% !important;
background-color: #f9f9f9 !important;
margin-left: -20%;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next .content {
width: 100%;
}
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-button-prev,
.wrap.innovate_page .wrap_content .academic_awards_area .details_con .swiper-father .swiper-button-next {
display: none;
}
.wrap.innovate_page .wrap_content .guide_consensus_area {
width: 100%;
padding: 36px 20px;
}
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
min-height: 106px;
height: auto;
padding-top: 14px;
}
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item:first-child {
margin-top: 28px;
}
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item .index-txt {
display: block;
width: 15px;
height: 15px;
line-height: 15px;
font-size: 12px;
margin-right: 12px;
margin-top: 5px;
}
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item .details {
width: 100%;
line-height: 24px;
}
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item .details .intro span:nth-child(1) {
font-size: 14px;
line-height: 0;
}
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item .details .intro span:nth-child(2),
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item .details .intro span:nth-child(3) {
display: block;
font-size: 12px;
}
.wrap.innovate_page .wrap_content .guide_consensus_area .details_con .guide_item .details .author {
font-size: 12px;
margin-bottom: 6px;
line-height: 24px;
}
.wrap.news_center_page .wrap_content .banner_ad_area {
background: url("/images/revision3.0/news-center/mobile/top-banner-bg-mob.png") no-repeat center bottom;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .latest_news_area {
width: 100%;
padding: 36px 20px;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
margin-top: 22px;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item {
margin-top: 23px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item:first-child {
margin-top: 0;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item .img_box {
width: 133px;
height: 86px;
margin-top: 6px;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item .img_box.new210721 {
background: url("/images/revision3.0/news-center/mobile/news-0721-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item .img_box.new210621 {
background: url("/images/revision3.0/news-center/mobile/news-0621-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item .img_box.new210620 {
background: url("/images/revision3.0/news-center/mobile/news-0620-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item .brief_detail {
margin-left: 20px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item .brief_detail .date {
font-size: 14px;
line-height: 30px;
margin-top: 0;
}
.wrap.news_center_page .wrap_content .latest_news_area .details_con .news_item .brief_detail .brief_title {
font-size: 14px;
color: #000000;
margin-top: 0;
}
.wrap.news_center_page .wrap_content .latest_news_area .read_more {
width: 100%;
padding: 0 20px;
}
.wrap.news_center_page .wrap_content .media_report_area {
width: 100%;
padding: 36px 20px;
}
.wrap.news_center_page .wrap_content .media_report_area ul {
margin-top: 20px;
}
.wrap.news_center_page .wrap_content .media_report_area ul li {
font-size: 14px;
}
.wrap.news_center_page .wrap_content .media_contact_area {
width: 100%;
padding: 36px 20px;
}
.wrap.news_center_page .wrap_content .media_contact_area .details_con .details_text_top {
margin-top: 23px;
}
.wrap.news_center_page .wrap_content .media_contact_area .details_con .details_text_top .img_box {
width: 100%;
height: 167px;
background: url("/images/revision3.0/news-center/mobile/media-contact-bg-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .media_contact_area .details_con .details_media_bottom p {
font-size: 14px;
line-height: 25px;
}
.wrap.news_center_page .wrap_content .media_contact_area .details_con .details_media_bottom p:first-child {
margin-top: 14px;
}
.wrap.news_center_page .wrap_content .more_news_area {
width: 100%;
padding: 36px 20px;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
margin-top: 22px;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item {
margin-bottom: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item:first-child {
margin-top: 0;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item .img_box {
width: 133px;
height: 86px;
margin-top: 6px;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item .img_box.new210721 {
background: url("/images/revision3.0/news-center/mobile/news-0721-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item .img_box.new210621 {
background: url("/images/revision3.0/news-center/mobile/news-0621-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item .img_box.new210620 {
background: url("/images/revision3.0/news-center/mobile/news-0620-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item .brief_detail {
margin-left: 20px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item .brief_detail .date {
font-size: 14px;
line-height: 30px;
margin-top: 0;
}
.wrap.news_center_page .wrap_content .more_news_area .details_con .news_item .brief_detail .brief_title {
font-size: 14px;
color: #000000;
margin-top: 0;
}
.wrap.news_center_page .wrap_content .more_news_area .view_more {
width: 100%;
font-size: 14px;
}
.wrap.social_responsibility_page .wrap_content .banner_ad_area {
background: url("/images/revision3.0/social-responsibility/mobile/top-banner-bg-mob.png") no-repeat center bottom;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area {
width: 100%;
padding: 36px 20px;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_text_top {
margin-top: 24px;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_text_top p {
font-size: 14px;
line-height: 30px;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_media_bottom {
margin-top: 23px;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_media_bottom .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .img_box {
width: 100%;
height: 201px;
background: url("/images/revision3.0/social-responsibility/mobile/sustainable01-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_media_bottom .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .details p:nth-child(1) {
font-size: 14px;
line-height: 30px;
margin-top: 23px;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_media_bottom .swiper-father .swiper-container .swiper-wrapper .swiper-slide .content .details p:nth-child(2) {
font-size: 14px;
line-height: 30px;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_media_bottom .swiper-father .swiper-pagination {
width: 100%;
}
.wrap.social_responsibility_page .wrap_content .sustainable_development_area .details_con .details_media_bottom .swiper-father .swiper-pagination .swiper-pagination-bullet {
width: 43px;
height: 3px;
margin: 0 5px;
}
.wrap.social_responsibility_page .wrap_content .in_action_area {
width: 100%;
padding: 36px 20px;
}
.wrap.social_responsibility_page .wrap_content .in_action_area .details_con .item_column_list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
margin-top: 0;
}
.wrap.social_responsibility_page .wrap_content .in_action_area .details_con .item_column_list .action_item {
width: 100%;
margin-top: 23px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: initial;
-webkit-justify-content: initial;
align-items: initial;
-webkit-align-items: initial;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
.wrap.social_responsibility_page .wrap_content .in_action_area .details_con .item_column_list .action_item .img_box {
width: 100%;
height: 194px;
}
.wrap.social_responsibility_page .wrap_content .in_action_area .details_con .item_column_list .action_item .brief_detail {
margin-left: 0;
margin-top: 20px;
}
.wrap.social_responsibility_page .wrap_content .in_action_area .details_con .item_column_list .action_item .brief_detail .brief_title {
font-size: 14px;
line-height: 30px;
margin-top: 0;
}
.wrap.social_responsibility_page .wrap_content .in_action_area .details_con .item_column_list .action_item .brief_detail .brief_intro {
font-size: 14px;
color: #000000;
margin-top: 0;
min-height: auto;
}
.wrap.social_responsibility_page .wrap_content .in_action_area .details_con .item_column_list .action_item .read_more {
font-size: 12px;
}
.wrap.social_responsibility_page .wrap_content .protect_biodiversity_area {
width: 100%;
padding-top: 36px;
}
.wrap.social_responsibility_page .wrap_content .protect_biodiversity_area .title {
margin-left: 20px;
}
.wrap.social_responsibility_page .wrap_content .protect_biodiversity_area .details_con .details_text_top {
margin-top: 22px;
}
.wrap.social_responsibility_page .wrap_content .protect_biodiversity_area .details_con .details_text_top .img_box {
width: 100%;
height: 201px;
background: url("/images/revision3.0/social-responsibility/mobile/biology-mob.png") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
}
.wrap.social_responsibility_page .wrap_content .protect_biodiversity_area .details_con .details_media_bottom {
padding: 0 20px;
margin-top: 20px;
}
.wrap.social_responsibility_page .wrap_content .protect_biodiversity_area .details_con .details_media_bottom p {
font-size: 14px;
line-height: 25px;
text-align: justify;
}
/*footer*/
.wrap_footer {
height: auto;
}
.wrap_footer .footer_con {
width: 92%;
padding-top: 75px;
height: auto;
}
.wrap_footer .footer_con .focus_us {
top: 0;
}
.wrap_footer .footer_con .focus_us .focus_list li a:hover .wechat-code {
top: -160px;
left: 50%;
}
.wrap_footer .footer_con .focus_us .focus_list li a:hover .email-detail-bg {
width: 180px;
height: 48px;
top: -33px;
left: 57%;
background: url("/images/revision3.0/m-email-detail.png?t=1") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap_footer .footer_con .focus_us .focus_list li a:hover .tel-detail-bg {
width: 160px;
height: 48px;
top: -33px;
left: 80%;
background: url("/images/revision3.0/m-tel-detail.png?t=1") no-repeat center center;
background-size: 100%;
-webkit-background-size: 100%;
}
.wrap_footer .footer_con .logo_btn {
display: none;
}
.wrap_footer .footer_con .footer_nav_box {
width: 100%;
float: none;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav {
width: 100%;
float: none;
overflow: hidden;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav .tit_area {
display: block;
height: 52px;
line-height: 52px;
position: relative;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav .tit_area .tit a {
font-size: 16px;
color: #000000;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav .tit_area .tit:hover a {
color: #000000;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav .tit_area .icon {
display: block;
height: 11px;
width: 20px;
background: url(/images/revision3.0/icon_arrow_d.png) no-repeat 0 0;
background-size: contain;
position: absolute;
right: 28px;
top: 20px;
transition: transform 0.2s ease-out;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav ul {
display: block;
height: 0;
transition: height 0.3s ease-out;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav ul li a {
margin-bottom: 0;
padding: 0;
/*margin-left: 30px;*/
margin-left: 0;
font-size: 14px;
color: #4d4d4d;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav.sublist_show .tit_area .icon {
transform: rotate(180deg);
}
.wrap_footer .footer_con .footer_nav_box .footer_nav.sublist_show.about_us ul {
height: 72px;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav.sublist_show.brand_service ul {
height: 148px;
}
.wrap_footer .footer_con .footer_nav_box .footer_nav.sublist_show.investor_relations ul {
height: 72px;
}
.wrap_footer .footer_con .other-info {
position: static;
padding-bottom: 29px;
margin-top: 20px;
}
.wrap_footer .footer_con .other-info .grey-line {
height: 1px;
background: #ababab;
}
.wrap_footer .footer_con .other-info .info-detail {
flex-direction: column;
-webkit-flex-direction: column;
align-items: initial;
-webkit-align-items: initial;
justify-content: initial;
-webkit-justify-content: initial;
font-size: 12px;
color: #666666;
}
.wrap_footer .footer_con .other-info .info-detail .copyright {
text-align: left;
}
.fixed-cover {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 100;
display: none;
}
.fixed-cover .fixed-dashboard {
width: 290px;
height: 150px;
font-size: 17px;
}
.fixed-cover .fixed-dashboard p {
margin-top: 39px;
text-align: center;
padding-left: 0;
}
.fixed-cover .fixed-dashboard .ctrlBtn {
padding: 0 14px;
margin-top: 27px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.fixed-cover .fixed-dashboard .ctrlBtn .leftBtn {
width: 125px;
line-height: 38px;
margin-right: 0;
}
.fixed-cover .fixed-dashboard .ctrlBtn .rightBtn {
width: 125px;
line-height: 38px;
margin-right: 0;
}
.development1-content {
width: 100%;
padding: 0 22px;
margin-bottom: 50px;
}
.development1-content .content-main {
width: 100%;
margin-top: 100px !important;
}
.development1-content .content-main .title_img {
width: 192%;
}
.development1-content .content-main .public-list li img {
width: 100%;
}
.development1-content .content-main .public-list li .fixedImg {
width: 100% !important;
height: auto !important;
}
.development1-content .content-main .public-list li .public-msg {
width: 100%;
padding-left: 0;
margin-top: 30px;
}
.development1-content .content-main .public-list li .public-msg .outline {
text-align: justify;
}
.anti-check-content .div10 {
display: none;
}
.anti-check-content .product-cont {
width: 100%;
}
.anti-check-content .product-cont .pug-box {
display: none;
}
.anti-check-content .product-cont .content-detail .query {
width: 100%;
}
.anti-check-content .product-cont .content-detail .query .left {
width: 100%;
}
.anti-check-content .product-cont .content-detail .query .left img {
width: 100%;
}
.anti-check-content .product-cont .content-detail .query .right {
width: 100%;
background: #ffffff;
}
.anti-check-content .product-cont .content-detail .query .right p.dec {
padding: 0 20px;
font-size: 15px;
line-height: 1.7;
}
.anti-check-content .product-cont .content-detail .query .right input {
width: 90%;
margin: 15px auto 0;
display: block;
border-radius: 3px;
}
.anti-check-content .product-cont .content-detail .query .right p.tip {
padding: 0 20px;
font-size: 13px;
}
.anti-check-content .product-cont .content-detail .query .right button {
display: block;
margin: 30px auto 0;
width: 250px;
}
.anti-check-content .product-cont .content-detail .bottom ul li h4 {
font-size: 17px;
line-height: 2.2;
}
.anti-check-content .product-cont .content-detail .bottom ul li div p {
padding: 0 20px;
text-indent: 0;
text-align: justify;
}
.anti-check-content .product-cont .content-detail .bottom ul li div img {
margin: 47px auto 65px;
display: block;
}
.anti-check-content1 .div10 {
display: none;
}
.anti-check-content1 .product-cont {
width: 100%;
}
.anti-check-content1 .product-cont .pug-box {
display: none;
}
.anti-check-content1 .product-cont .content-detail .top {
width: 100%;
padding: 0 10px;
height: 450px;
}
.anti-check-content1 .product-cont .content-detail .top .left {
width: 46%;
margin-right: 0;
}
.anti-check-content1 .product-cont .content-detail .top .right {
width: 52%;
margin-left: 5px;
}
.anti-check-content1 .product-cont .content-detail .top .right h2 {
font-size: 16px;
margin-top: 20px;
font-weight: bold;
}
.anti-check-content1 .product-cont .content-detail .top .right p {
margin-top: 10px;
line-height: 30px;
font-size: 12px;
}
.anti-check-content1 .product-cont .content-detail .top button {
font-size: 18px;
height: 53px;
color: #ffffff;
background-color: #00539f;
border-radius: 53px;
border: none;
outline: none;
padding: 0 24px;
width: 180px;
margin: 30px auto 0;
display: block;
letter-spacing: 1px;
}
.anti-check-content1 .product-cont .content-detail .query {
width: 100%;
}
.anti-check-content1 .product-cont .content-detail .query .left {
width: 30%;
}
.anti-check-content1 .product-cont .content-detail .query .left img {
width: 100%;
}
.anti-check-content1 .product-cont .content-detail .query .right {
width: 50%;
background: #ffffff;
}
.anti-check-content1 .product-cont .content-detail .query .right p.dec {
padding: 0 20px;
font-size: 15px;
line-height: 1.7;
}
.anti-check-content1 .product-cont .content-detail .query .right input {
width: 90%;
margin: 15px auto 0;
display: block;
border-radius: 3px;
}
.anti-check-content1 .product-cont .content-detail .query .right p.tip {
padding: 0 20px;
font-size: 13px;
}
.anti-check-content1 .product-cont .content-detail .query .right button {
display: block;
margin: 30px auto 0;
width: 250px;
}
.anti-check-content1 .product-cont .content-detail .bottom ul li h4 {
font-size: 17px;
line-height: 2.2;
}
.anti-check-content1 .product-cont .content-detail .bottom ul li div p {
padding: 0 20px;
text-indent: 0;
text-align: justify;
}
.anti-check-content1 .product-cont .content-detail .bottom ul li div img {
margin: 47px auto 65px;
display: block;
width: 140px;
}
}
@media screen and (max-width: 720px) {
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a {
width: 150px;
height: 150px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box {
height: 90px;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .img_box .icon {
top: 65%;
}
.wrap.brand_service_page .wrap_content .brands_area .details_con .details_media_right .brand_img_box a .brand_title {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
}
@media all and (max-width: 767px) {
/*index*/
.details_area {
width: 100%;
height: 273px;
margin-bottom: 48px;
}
.details_area .details_con {
width: 100%;
height: 100%;
overflow-x: auto;
overflow-y: hidden;
padding: 0 20px;
}
.details_area .details_con .detail_list {
display: block;
height: 100%;
width: 795px;
}
.details_area .details_con .detail_list li {
width: 240px;
height: 273px;
margin-left: 25px;
margin-right: 0;
}
.details_area .details_con .detail_list li:nth-child(1) {
margin-left: 0;
}
.details_area .details_con .detail_list li p {
font-size: 24px;
margin-top: -16px;
height: auto;
}
}
@media all and (max-width: 375px) {
/*index*/
.banner_area .banner_txt {
letter-spacing: 5px;
font-size: 20px;
width: 313px;
height: 36px;
}
.banner_area .banner_txt .txtbox .rtxt {
top: -10px;
left: 124px;
font-size: 20px;
}
.banner_area .banner_txt .hook_area .word {
font-size: 20px;
left: 21px;
}
}
@media all and (max-width: 320px) {
/*header*/
.menu_list {
height: 478px;
}
.menu_list .menu_item {
height: 50px;
line-height: 50px;
}
.menu_list .menu_item .txt {
height: 50px;
line-height: 50px;
}
.menu_list .menu_item_lan {
bottom: 20px;
}
}
.regular_report_area3 .area-list {
margin-top: 20px;
display: flex;
font-size: 24px;
}
.regular_report_area3 .area-list .area-left {
display: inline-block;
vertical-align: top;
flex: 0.3;
padding-left: 30px;
}
.regular_report_area3 .area-list .area-left .year {
line-height: 72px;
border-top: 1px solid lightgrey;
cursor: pointer;
}
.regular_report_area3 .area-list .area-left .yearStyle {
color: #0056b8;
}
.regular_report_area3 .area-list .area-left2 {
font-size: 18px;
display: inline-block;
vertical-align: top;
margin-left: 50px;
flex: 1;
position: relative;
}
.regular_report_area3 .area-list .area-left2 a {
margin-top: 15px;
}
.regular_report_area3 .area-list .area-left2 .bS {
font-size: 28px;
font-weight: bold;
margin-right: 30px;
}
.directors_member_list2 .title2 {
color: #999999;
font-size: 35px;
display: inline-block;
font-weight: 400;
margin-left: 20px;
cursor: pointer;
}
.directors_member_list2 .titleStyle {
font-size: 40px;
font-weight: bold;
border-bottom: 2px solid #0056b8;
color: #000000;
}