/*手机端样式*/ /*大屏幕swiper*/ .swiper-button-prev:after, .swiper-button-next:after{font-size: 2.0rem !important;} /*大屏幕swiper*/ .list .title { font-size: 14px; } /*header*/ #note_box { height: 40px; color: #6b9cb6; font-size: 14px; } #note_box .text { font-weight: bold; } #note_box .text .line { width: 20px; height: 1px; background-color: #6b9cb6; margin: 0 10px; } #note_box .text i { margin-right: 12px; font-weight: normal; } #note_box .linkList li { border-right: 1px solid #8eb9d0; } #note_box .linkList li:last-child { border-right: 0; } #note_box .linkList li i { font-size: 22px; color: #6b9cb6; } #note_box .linkList li a { width: 55px; height: 40px; display: flex; justify-content: center; align-items: center; } #note_box .linkList li a:hover i {color: #6b9cb6; } #note_box .linkList li a:hover {background-color: #ffffff; } #name_box_w { z-index: 9999; width: 100%; position: relative; top: 0; left: 0; z-index: 9999; background-color: #ffffff; height: 70px; transition: all 0.3s; } #header_logo { margin-right: 100px; } #header_logo img { max-height: 26px; transition: all 0.5s; } #name_box_w.boxshow { position: fixed; background-color: #ffffff; height: 70px; box-shadow: 0 0 5px rgba(0,0,0,0.2); } #name_box_w.boxshow #header_logo img { height: 26px; transition: all 0.5s; } #name_box_w.boxshow #header_nav .navI>li>a { line-height: 50px; } #name_box_w.boxshow #header_nav .children { top: 66px; } /*#name_box_w.boxshow img { filter: brightness(-100%); }*/ /*header*/ /*网站底部*/ #footer { padding: 20px 0; background-color: #acd2e6; margin-bottom: 60px; font-size: 12px; } #footer_main,#footer_main a { font-size: 12px; color: #585858;} #footer_main .dt { color: var(--grey1); font-weight: bold; font-size: 18px; margin-bottom: 20px; } #footer_main #e3 .dt { margin-bottom: 20px; } #footer_main .typeList li { line-height: 2; } #footer_main .typeList li a:hover{ color: var(--second_color); } #footer_main .contactList li { line-height: 2; } #footer_main .linkList li i { font-size: 30px; color: #6793ab; } #footer_main .linkList li a:hover i {color: #000000; } #footer_copy { margin-top: 20px; } #footer_copy, #footer_copy a { font-size: 12px; color:#5e6e7e; } #footer_copy a:hover, #footer_copy a:hover { color:#ff6600; } /*网站底部*/ /*子页面*/ #page_left .slider_type { margin-bottom: 20px;} #page_left .slider_type .slider_type_head {background-color: var(--second_color); padding: 20px 30px; height: 112px; display: flex; justify-content: start; align-items: center; color: #ffffff; } #page_left .slider_type .slider_type_head .title { font-size: 24px; margin-bottom: 16px; } #page_left .slider_type .slider_type_head .desc { font-size: 14px; } #page_left .slider_type .slider_type_list { padding-top: 2px; } #page_left .slider_type .slider_type_list li {} #page_left .slider_type .slider_type_list li a { padding: 15px 20px; font-size: 16px; line-height: 1.5; background-color: #f5f5f5; } #page_left .slider_type .slider_type_list li a:hover,#page_left .slider_type .slider_type_list li.active a { background-color: var(--base_color); color: #ffffff; } #page_left .slider_contact { background-color: var(--second_color); padding: 20px; } #page_left .slider_type_head .title { font-size: 24px; } #page_right .page_title .title { border-left: 3px solid var(--second_color); padding-left: 15px; } .mainInfo { font-size: 14px; } .video_box { width: 100%; height: 375px; } /*子页面*/ .pro_li a .cover {transition: all 0.3s; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; } .pro_li a .cover .title { color: #ffffff; position: relative; padding: 10px 0; max-width: 80%;} .pro_li a:hover .cover { opacity: 1; } .pro_li a .cover .title:before { content: ''; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff; transition: all .5s ease;} .pro_li a .cover .title:after { content: ''; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff; transition: all .5s ease;} .pro_li a:hover .cover .title:before, .pro_li a:hover .cover .title:after { width: 10px; } #tpl_news li a:hover { box-shadow: 0 6px 6px rgba(0,0,0,0.1); } #tpl_news li a .more { display: inline-block; width: 130px; height: 33px; text-align: center; line-height: 33px; border: 1px solid #dee2e6; color: var(--grey1);} #tpl_news li a:hover .more { color: #ffffff; background-color: var(--base_color); border: 0; } /*header*/ /*小屏幕swiper*/ /*小屏幕swiper*/ /*手机端样式*/ /*手机端分页样式处理*/ .de-page-mian .page-inner .prev, .de-page-mian .page-inner .next, .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{display: none !important;} /*手机端分页样式处理*/ /*手机端swiper按钮*/ /*手机头部*/ #name_box_w.boxshow { background-color: #ffffff; } #name_box_w.boxshow #header_logo img { max-height: 26px; transition: all 0.3s; } /*手机头部*/ /*手机端样式*/ /*手机端样式*/ @media (min-width: 375px){ /*手机端分页样式处理*/ .de-page-mian .page-inner .prev, .de-page-mian .page-inner .next, .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{display: none !important;} /*手机端分页样式处理*/ /*手机端swiper按钮*/ /*手机头部*/ #name_box_w.boxshow { background-color: #ffffff; } #name_box_w.boxshow #header_logo img { max-height: 26px;} /*手机头部*/ #footer_main,#footer_main a { font-size: 14px; } } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ #name_box_w { height: 60px; } #header_logo img { max-height: 29px; } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ #name_box_w { height: 70px; } #header_logo img { max-height: 29px; } #footer_main #e3 .dt { margin-bottom: 30px; } } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ /*992以上通用*/ body { font-size: 1.4rem; } main { } .list .title { font-size: 16px; } .btn-lg { font-size: 16px; } /*992以上通用*/ #name_box_w { height: 80px; } #header_logo img { max-height: 29px; } /*顶部导航*/ #name_box_w #header_nav { max-width: auto; } .navI>li { position: relative; } .navI>li>a { position: relative; z-index: 1; display: block; color: #444444; text-align: center; padding: 10px 5px; font-size: 16px; font-weight: bold; line-height: 76px; } .navI>li:after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 100%; /*background: var(--base_color);*/ content: ''; transition: all .3s ease; } .navI>li:hover:after, .navI>li.active:after { width: 100%; } .navI>li:hover>a,.navI>li.active>a { color: var(--second_color); } .navI>li .children { width: 326px; background: #93c4de; position: absolute; top: 97px; left: 0; transition: all .3s ease; height: 0; overflow: hidden; padding: 0 20px; } .navI>li:hover .children { padding-top: 17px; display: block; padding: 18px 20px; height: auto; } .children li a { color: #ffffff; font-size: 14px; padding: 5px 10px; display: block; } .children li a:hover, .children li a.active { color: #444444 !important; background-color: #ffffff !important; } /*顶部导航*/ /*底部导航*/ #footer { padding: 50px 0 30px; margin-bottom: 0; } #footer_main { margin-bottom: 70px; } #footer_main,#footer_main a { font-size: 14px; color: #585858;} #footer_main a:hover { color: #ffffff !important;} #footer_nav { color: var(--grey1); margin-bottom: 70px; } #footer_nav a { color: var(--grey1); line-height: 40px; font-size: 16px; font-weight: bold; } #footer_nav a:hover { color: #ffffff; } #footer_main #e3 .dt { margin-bottom: 30px; } #footer_copy { margin-top: 40px; } /*底部导航*/ /*网站底部*/ /*网站底部*/ /*子页面*/ #page_left { max-width: 24%; font-size: 16px;} #page_right { width: 74%; } #page_left .slider_type .slider_type_list { padding-top: 0; } #page_left .slider_type .slider_type_list li { margin-bottom: 2px; } /*子页面*/ } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ .clamp-xl-1 { -webkit-line-clamp: 1; } .clamp-xl-2 { -webkit-line-clamp: 2; } .clamp-xl-3 { -webkit-line-clamp: 3; } .clamp-xl-4 { -webkit-line-clamp: 4; } .clamp-xl-5 { -webkit-line-clamp: 5; } .clamp-xl-6 { -webkit-line-clamp: 6; } .clamp-xl-7 { -webkit-line-clamp: 7; } #note_box .text .line { width: 20px; height: 1px; background-color: #6b9cb6; margin: 0 30px; } #name_box_w { height: 96px; } #header_logo img { max-height: 29px; } #name_box_w #header_nav { max-width: 890px; } .navI>li>a { font-size: 17px;} /*子页面*/ #page_left .title { font-size: 20px; } #page_left .desc { font-size: 14px; } #page_right .page_title .title { border-left: 5px solid var(--base_color); } .mainInfo { font-size: 16px; } .de-page-mian { margin-top: 50px !important; } .video_box { width: 640px !important; height: 480px !important; } .mImg { max-width: 800px !important; } .pro_show { width: 640px !important; } .pro_show .icon_img { width: auto !important; height: auto !important; } /*子页面*/ #page_left .slider_type .slider_type_head .title { font-size: 30px; margin-bottom: 16px; } #page_left .slider_type .slider_type_head .desc { font-size: 16px; } #footer_main #e3 .dt { margin-bottom: 40px; } #footer_copy { margin-top: 50px; font-size: 14px; } } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ #name_box_w { height: 96px; } #header_logo img { max-height: 29px; transition: all 0.3s; } #name_box_w #header_nav { } .navI>li>a{ font-size: 17px;} /*大屏幕swiper*/ .flash .swiper-pagination { bottom: 105px !important; } .flash .swiper-pagination .swiper-pagination-bullet{line-height: auto !important; width: 12px; height: 12px !important; border: 2px solid #ffffff; border-radius: 50%;} .flash .swiper-pagination-bullet:before{width: 10px !important; height: 2px !important; margin-right: 5px !important; top: 0 !important;} .flash .swiper-pagination-bullet-active:before{width: 12px !important;} .swiper-button-prev:after, .swiper-button-next:after{font-size: 2.0rem !important;} /*大屏幕swiper*/ /*网站底部*/ /*网站底部*/ #page_right { } #footer_main #e3 .dt { margin-bottom: 50px; } } /*1400效果*/ /*1440效果*/ @media (min-width: 1440px){ .container { max-width: 1400px; } .navI>li>a { font-size: 17px;} #e1 { max-width: 290px; margin-right: 90px; } #e2 { max-width: 430px; margin-right: 170px; } #e3 { max-width: 200px; margin-right: 100px; } #e4 { max-width: 170px; } } /*1440效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ .container { max-width: 1440px; } #name_box_w #header_nav { } } /*1536效果/1920 125% 效果*/ /*1800效果*/ @media (min-width: 1800px){ #name_box_w .container { } } /*1920效果*/ /*1920效果*/ @media (min-width: 1920px){ #name_box_w .container { } #name_box_w #header_nav { } } /*1920效果*/ /*———————————————————以上是通用样式————————————————————————*/ /*———————————————————以下是首页样式————————————————————————*/ /*首页通用标题*/ .box_header { text-align: center; } .box_header .title { color: var(--grey1); font-size: 24px; margin-bottom: 15px; line-height: 1.2; } .box_header .content { color: var(--grey1); font-size: 12px; margin-bottom: 20px; line-height: 1.5; } /*首页通用标题*/ /*in_box_1效果*/ #in_box_1 { padding-top: 30px; padding-bottom: 0; } #in_box_1 .cont_box .icon_img_box { width: 60px; height: 60px; margin-top: 0; margin-bottom: 20px; background-color: var(--base_color); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px rgba(186,219,237,0.5); } #in_box_1 .cont_box .icon_img_box .icon_img { width: 100%; height: 100%; } #in_box_1 .cont_box .tags { text-align: center; color: var(--grey1); font-size: 18px; margin-bottom: 15px; text-align: left; line-height: 1.5; } #in_box_1 .cont_box .intro_content { font-size: 12px; color: var(--grey2); line-height: 2; margin-bottom: 20px; } #in_box_1 .cont_box .link a.link1 { width: 139px; height: 40px; margin-right: 15px; } #in_box_1 .cont_box .link a.link2 { width: 229px; height: 40px; } #in_box_1 .cont_box .link a { flex-grow: 1; border: 1px solid var(--grey1); padding: 0 10px; height: 40px; overflow: hidden; color: var(--grey1); } #in_box_1 .cont_box .link a i { font-size: 16px; margin-right: 5px; } #in_box_1 .cont_box .link a:hover { background-color: var(--base_color); border: 1px solid var(--base_color); color: #ffffff; } #in_box_1 .cont_box .link a:hover i { color: #ffffff; } #in_box_1 .img_box { } #in_box_1 .img_box .in_gs_pic_a { margin-left: -55px; } /*手机端样式*/ @media (min-width: 375px){ #in_box_1 { padding-top: 30px; padding-bottom: 0; } #in_box_1 .cont_box .icon_img_box { width: 60px; height: 60px; margin-top: 0; margin-bottom: 20px; background-color: var(--base_color); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px rgba(186,219,237,0.5); } #in_box_1 .cont_box .icon_img_box .icon_img { width: 100%; height: 100%; } #in_box_1 .cont_box .tags { text-align: center; color: var(--grey1); font-size: 18px; margin-bottom: 15px; text-align: left; line-height: 1.5; } #in_box_1 .cont_box .intro_content { font-size: 14px; color: var(--grey2); line-height: 2; margin-bottom: 20px; } #in_box_1 .cont_box .link a.link1 { width: 139px; height: 40px; margin-right: 15px; } #in_box_1 .cont_box .link a.link2 { width: 229px; height: 40px; } #in_box_1 .cont_box .link a { flex-grow: 1; border: 1px solid var(--grey1); padding: 0 10px; height: 40px; overflow: hidden; color: var(--grey1); } #in_box_1 .cont_box .link a i { font-size: 16px; margin-right: 5px; } #in_box_1 .cont_box .link a:hover { background-color: var(--base_color); border: 1px solid var(--base_color); color: #ffffff;} #in_box_1 .img_box { } #in_box_1 .img_box .in_gs_pic_a { margin-left: -55px; } } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ #in_box_1 { padding-top: 30px; padding-bottom: 0; } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ /*首页通用标题*/ .box_header { text-align: center; } .box_header .title { color: var(--grey1); font-size: 28px; margin-bottom: 20px; line-height: 1.2; } .box_header .content { color: var(--grey1); font-size: 14px; margin-bottom: 30px; line-height: 1.5; } /*首页通用标题*/ #in_box_1 { padding-top: 40px; padding-bottom: 0; } #in_box_1 .cont_box .icon_img_box { width: 60px; height: 60px; margin-top: 0; margin-bottom: 20px; background-color: var(--base_color); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px rgba(186,219,237,0.5); } #in_box_1 .cont_box .icon_img_box .icon_img { width: 100%; height: 100%; } #in_box_1 .cont_box .tags { text-align: center; color: var(--grey1); font-size: 24px; margin-bottom: 15px; text-align: left; line-height: 1.4; } #in_box_1 .cont_box .intro_content { font-size: 14px; color: var(--grey2); line-height: 2; margin-bottom: 20px; } #in_box_1 .cont_box .link a.link1 { width: 139px; height: 45px; margin-right: 15px; } #in_box_1 .cont_box .link a.link2 { width: 229px; height: 45px; } #in_box_1 .cont_box .link a { font-size: 14px; flex-grow: 1; border: 1px solid var(--grey1); padding: 0 10px; height: 45px; overflow: hidden; color: var(--grey1); } #in_box_1 .cont_box .link a i { font-size: 18px; margin-right: 10px; } #in_box_1 .cont_box .link a:hover { background-color: var(--base_color); border: 1px solid var(--base_color); color: #ffffff;} #in_box_1 .img_box { } #in_box_1 .img_box .in_gs_pic_a { margin-left: -55px; } } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ /*首页通用标题*/ .box_header { text-align: center; } .box_header .title { color: var(--grey1); font-size: 32px; margin-bottom: 20px; line-height: 1.2; } .box_header .content { color: var(--grey1); margin-bottom: 20px; font-size: 15px; margin-bottom: 50px; } /*首页通用标题*/ #in_box_1 { padding-top: 12px; padding-bottom: 0; } #in_box_1 .container { height: 578px; border-bottom: 1px solid #dee2e6; overflow: hidden;} #in_box_1 .row { height: 100%; } #in_box_1 .cont_box { padding-left: 30px; margin-bottom: 20px; } #in_box_1 .cont_box .icon_img_box { width: 80px; height: 80px; margin-top: 0; margin-bottom: 55px; background-color: var(--base_color); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; box-shadow: 0 0 20px rgba(186,219,237,0.5); } #in_box_1 .cont_box .icon_img_box .icon_img { width: 100%; height: 100%; } #in_box_1 .cont_box .tags { text-align: center; color: var(--grey1); font-size: 24px; margin-bottom: 15px; text-align: left; line-height: 1.4; } #in_box_1 .cont_box .intro_content { font-size: 14px; color: var(--grey2); line-height: 2; margin-bottom: 30px; } #in_box_1 .cont_box .link a.link1 { width: 139px; height: 50px; margin-right: 10px; } #in_box_1 .cont_box .link a.link2 { width: 229px; height: 50px; } #in_box_1 .cont_box .link a {flex-grow: 0; border: 1px solid var(--grey1); padding: 0 10px; height: 50px; overflow: hidden; color: var(--grey1); } #in_box_1 .cont_box .link a i { font-size: 16px; margin-right: 5px; } #in_box_1 .cont_box .link a:hover { background-color: var(--base_color); border: 1px solid var(--base_color); color: #ffffff;} #in_box_1 .img_box { margin-bottom: 3px; } #in_box_1 .img_box .in_gs_pic_a { margin-left: 0; } } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ /*首页通用标题*/ .box_header { text-align: center; } .box_header .title { color: var(--grey1); font-size: 40px; margin-bottom: 20px; line-height: 1.2; } .box_header .content { color: var(--grey1); margin-bottom: 20px; font-size: 15px; margin-bottom: 60px; } /*首页通用标题*/ #in_box_1 { padding-top: 12px; padding-bottom: 0; } #in_box_1 .container { height: 628px; border-bottom: 1px solid #dee2e6; overflow: hidden;} #in_box_1 .row { height: 100%; } #in_box_1 .cont_box { padding-left: 40px; margin-bottom: 30px; } #in_box_1 .cont_box .icon_img_box { width: 80px; height: 80px; margin-top: 0; margin-bottom: 55px; background-color: var(--base_color); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; box-shadow: 0 0 20px rgba(186,219,237,0.5); } #in_box_1 .cont_box .icon_img_box .icon_img { width: 100%; height: 100%; } #in_box_1 .cont_box .tags { text-align: center; color: var(--grey1); font-size: 32px; margin-bottom: 15px; text-align: left; line-height: 1.4; } #in_box_1 .cont_box .intro_content { color: var(--grey2); line-height: 2; margin-bottom: 45px; } #in_box_1 .cont_box .link a.link1 { width: 159px; height: 59px; margin-right: 15px; } #in_box_1 .cont_box .link a.link2 { width: 249px; height: 59px; } #in_box_1 .cont_box .link a {flex-grow: 0; border: 1px solid var(--grey1); padding: 0 10px; height: 59px; overflow: hidden; color: var(--grey1); } #in_box_1 .cont_box .link a i { font-size: 28px; margin-right: 5px; } #in_box_1 .cont_box .link a:hover { background-color: var(--base_color); border: 1px solid var(--base_color); color: #ffffff;} #in_box_1 .img_box { margin-bottom: 3px; } #in_box_1 .img_box .in_gs_pic_a { } } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ /*首页通用标题*/ .box_header { text-align: center; } .box_header .title { color: var(--grey1); font-size: 45px; margin-bottom: 20px; line-height: 1.2; } .box_header .content { color: var(--grey1); margin-bottom: 20px; font-size: 16px; margin-bottom: 70px; } /*首页通用标题*/ #in_box_1 { padding-top: 12px; padding-bottom: 0px; } #in_box_1 .container { height: 678px; border-bottom: 1px solid #dee2e6; overflow: hidden;} #in_box_1 .row { height: 100%; } #in_box_1 .cont_box { padding-left: 50px; margin-bottom: 50px; } #in_box_1 .cont_box .icon_img_box { width: 80px; height: 80px; margin-top: 0; margin-bottom: 45px; background-color: var(--base_color); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; box-shadow: 0 0 20px rgba(186,219,237,0.5); } #in_box_1 .cont_box .icon_img_box .icon_img { width: 100%; height: 100%; } #in_box_1 .cont_box .tags { text-align: center; color: var(--grey1); font-size: 38px; margin-bottom: 17px; text-align: left; line-height: 1.3; } #in_box_1 .cont_box .intro_content { font-size: 16px; color: var(--grey2); line-height: 2; margin-bottom: 43px; } #in_box_1 .cont_box .link a.link1 { width: 159px; height: 59px; margin-right: 15px; } #in_box_1 .cont_box .link a.link2 { width: 249px; height: 59px; } #in_box_1 .cont_box .link a {flex-grow: 0; border: 1px solid var(--grey1); padding: 0 10px; height: 59px; overflow: hidden; color: var(--grey1); } #in_box_1 .cont_box .link a i { font-size: 32px; margin-right: 5px; color: #000000; } #in_box_1 .cont_box .link a:hover { background-color: var(--base_color); border: 1px solid var(--base_color); color: #ffffff;} #in_box_1 .img_box { margin-top: -47px; } #in_box_1 .img_box .box_s { padding: 0; margin-left: 40px; } #in_box_1 .img_box .in_gs_pic_a { transform: translateY(51px); } } /*1400效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ } /*1536效果/1920 125% 效果*/ /*1920效果*/ @media (min-width: 1920px){ } /*-------------in_box_1结束-------------*/ /*iin_box_2效果*/ #in_box_2 { padding-top: 30px; padding-bottom: 30px; } #in_box_2 .box_header .title { margin-bottom: 20px; text-align: center; } #in_box_2 .typeList li .box { background-color: #f9f9f9; padding: 20px 5px; } #in_box_2 .typeList li .box .img_box { height: 110px; padding: 0 10px; margin-bottom: 20px; } #in_box_2 .typeList li .box .text_box .title { font-size: 16px; color: var(--grey1); margin-bottom: 10px; text-align: center; } #in_box_2 .typeList li .box .text_box .en { font-size: 12px; color: var(--grey2); text-transform: uppercase; text-align: center; } #in_box_2 .typeList li:nth-child(1) .box { padding: 10px 10px 0 0;} #in_box_2 .typeList li:nth-child(1) .box .img_box { padding: 15px; height: auto; margin-bottom: 0; } #in_box_2 .typeList li .box .img_box .new { width: 20px; height: 20px; top: -15px; right: -15px; z-index: 1; } #in_box_2 .typeList li:nth-child(1) .box .text_box .title { font-size: 18px; margin-bottom: 15px; text-align: left; } #in_box_2 .typeList li:nth-child(1) .box .text_box .en { font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left;} /*手机端样式*/ @media (min-width: 375px){ #in_box_2 { padding-top: 30px; padding-bottom: 50px; } #in_box_2 .box_header .title { margin-bottom: 20px; text-align: center; } #in_box_2 .typeList li .box { background-color: #f9f9f9; padding: 20px 5px; } #in_box_2 .typeList li .box .img_box { height: 110px; margin-bottom: 20px; } #in_box_2 .typeList li .box .text_box .title { font-size: 16px; color: var(--grey1); margin-bottom: 10px; text-align: center; } #in_box_2 .typeList li .box .text_box .en { font-size: 12px; color: var(--grey2); text-transform: uppercase; text-align: center; } #in_box_2 .typeList li:nth-child(1) .box { padding: 10px 10px 0 0;} #in_box_2 .typeList li:nth-child(1) .box .img_box { padding: 20px; height: auto; margin-bottom: 0; } #in_box_2 .typeList li .box .img_box .new { width: 30px; height: 30px; top: -20px; right: -20px; z-index: 1; } #in_box_2 .typeList li:nth-child(1) .box .text_box .title { font-size: 18px; margin-bottom: 15px; text-align: left; } #in_box_2 .typeList li:nth-child(1) .box .text_box .en { font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left;} } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ #in_box_2 { padding-top: 30px; padding-bottom: 60px; } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ #in_box_2 { padding-top: 40px; padding-bottom: 70px; } #in_box_2 .box_header .title { margin-bottom: 20px; text-align: center; } #in_box_2 .typeList li .box { background-color: #f9f9f9; padding: 20px 5px; } #in_box_2 .typeList li .box .img_box { height: 110px; margin-bottom: 20px; } #in_box_2 .typeList li .box .text_box .title { font-size: 20px; color: var(--grey1); margin-bottom: 15px; text-align: center; } #in_box_2 .typeList li .box .text_box .en { font-size: 14px; color: var(--grey2); text-transform: uppercase; text-align: center; } #in_box_2 .typeList li:nth-child(1) .box { padding: 10px 10px 0 0;} #in_box_2 .typeList li:nth-child(1) .box .img_box { padding: 20px; height: auto; margin-bottom: 0; } #in_box_2 .typeList li .box .img_box .new { width: 30px; height: 30px; top: -20px; right: -20px; z-index: 1; } #in_box_2 .typeList li:nth-child(1) .box .text_box .title { font-size: 24px; margin-bottom: 15px; text-align: left; } #in_box_2 .typeList li:nth-child(1) .box .text_box .en { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: left;} } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ #in_box_2 { padding-top: 50px; padding-bottom: 80px; } #in_box_2 .box_header .title { margin-bottom: 55px; text-align: center; } #in_box_2 .typeList li .box { background-color: #f9f9f9; padding: 20px 5px; height: 410px; } #in_box_2 .typeList li:nth-child(-n+3) .box { height: 368px; } #in_box_2 .typeList li .box .img_box { height: 220px; margin-bottom: 20px; } #in_box_2 .typeList li .box .text_box .title { font-size: 20px; color: var(--grey1); margin-bottom: 10px; text-align: center; } #in_box_2 .typeList li .box .text_box .en { font-size: 12px; color: var(--grey2); text-transform: uppercase; text-align: center; } #in_box_2 .typeList li:nth-child(1) .box {padding: 0 20px 0 0; } #in_box_2 .typeList li:nth-child(1) .box .img_box .new { width: 30px; height: 30px; top: -30px; right: -20px; z-index: 1; } #in_box_2 .typeList li:nth-child(1) .box .img_box { padding: 30px; height: auto; margin-bottom: 0; } #in_box_2 .typeList li:nth-child(1) .box .text_box .title { font-size: 28px; margin-bottom: 15px; text-align: left; } #in_box_2 .typeList li:nth-child(1) .box .text_box .en { font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: left;} } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ #in_box_2 { padding-top: 60px; padding-bottom: 90px; } #in_box_2 .box_header .title { margin-bottom: 55px; text-align: center; } #in_box_2 .typeList li .box { background-color: #f9f9f9; padding: 20px 5px; height: 410px; } #in_box_2 .typeList li:nth-child(-n+3) .box { height: 368px; } #in_box_2 .typeList li .box .img_box { height: 220px; margin-bottom: 20px; } #in_box_2 .typeList li .box .text_box .title { font-size: 24px; color: var(--grey1); margin-bottom: 10px; text-align: center; } #in_box_2 .typeList li .box .text_box .en { font-size: 12px; color: var(--grey2); text-transform: uppercase; text-align: center; } #in_box_2 .typeList li:nth-child(1) .box { padding: 0 20px 0 0; } #in_box_2 .typeList li:nth-child(1) .box .img_box .new { width: 30px; height: 30px; top: -30px; right: -20px; z-index: 1; } #in_box_2 .typeList li:nth-child(1) .box .img_box { padding: 30px; height: auto; margin-bottom: 0; } #in_box_2 .typeList li:nth-child(1) .box .text_box .title { font-size: 28px; margin-bottom: 15px; text-align: left; } #in_box_2 .typeList li:nth-child(1) .box .text_box .en { font-size: 22px; font-weight: bold; text-transform: uppercase; text-align: left;} } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ #in_box_2 { padding-top: 65px; padding-bottom: 90px; } } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ #in_box_2 { padding-top: 76px; padding-bottom: 109px; } #in_box_2 .box_header .title { margin-bottom: 55px; text-align: center; } #in_box_2 .typeList li .box { background-color: #f9f9f9; padding: 20px 5px; height: 410px; } #in_box_2 .typeList li:nth-child(-n+3) .box { height: 368px; } #in_box_2 .typeList li .box .img_box { height: 200px; margin-bottom: 30px; } #in_box_2 .typeList li .box .text_box .title { font-size: 24px; color: var(--grey1); margin-bottom: 10px; text-align: center; } #in_box_2 .typeList li .box .text_box .en { font-size: 12px; color: var(--grey2); text-transform: uppercase; text-align: center; } #in_box_2 .typeList li:nth-child(1) .box { padding: 0 30px 0 70px;} #in_box_2 .typeList li:nth-child(1) .box .img_box { padding: 49px; height: auto; margin-bottom: 0; } #in_box_2 .typeList li:nth-child(1) .box .img_box .new { width: 49px; height: 49px; top: -49px; right: -39px; z-index: 1; } #in_box_2 .typeList li:nth-child(1) .box .text_box .title { font-size: 24px; margin-bottom: 15px; text-align: left; } #in_box_2 .typeList li:nth-child(1) .box .text_box .en { font-size: 22px; font-weight: bold; text-transform: uppercase; text-align: left;} } /*1400效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ #in_box_2 { padding-top: 66px; padding-bottom: 109px; } } /*1536效果/1920 125% 效果*/ /*1920效果*/ @media (min-width: 1920px){ #in_box_2 { padding-top: 66px; padding-bottom: 109px; } } /*-------------in_box_2结束-------------*/ /*in_box_3效果*/ #in_box_3 { padding-top: 30px; padding-bottom: 30px; background-image: linear-gradient(to bottom, var(--base_color) 62%, var(--base_color) 62%, #ffffff 0%); } #in_box_3 .tgfw_gd .swiper-slide .icon_img { width: 30px; height: 30px; margin-bottom: 10px; } #in_box_3 .tgfw_gd .swiper-slide .title { color: #ffffff; font-size: 18px; margin-bottom: 15px; } #in_box_3 .tgfw_gd .swiper-slide .content { color: #b0a7a7; font-size: 12px; height: 0; overflow: hidden; transition: all 0.3s;} #in_box_3 .tgfw_gd .swiper-slide a:hover .content { height: auto; } #in_box_3 .tgfw_gd .swiper-slide a .cover .box_s { padding: 15px 20px; } /*手机端样式*/ @media (min-width: 375px){ #in_box_3 { padding-top: 30px; padding-bottom: 30px; background-image: linear-gradient(to bottom, var(--base_color) 62%, var(--base_color) 62%, #ffffff 0%); } #in_box_3 .tgfw_gd .swiper-slide .icon_img { width: 30px; height: 30px; margin-bottom: 10px; } #in_box_3 .tgfw_gd .swiper-slide .title { color: #ffffff; font-size: 18px; margin-bottom: 15px; } #in_box_3 .tgfw_gd .swiper-slide .content { color: #b0a7a7; font-size: 12px; height: 0; overflow: hidden; transition: all 0.3s;} #in_box_3 .tgfw_gd .swiper-slide a:hover .content { height: auto; } #in_box_3 .tgfw_gd .swiper-slide a .cover .box_s { padding: 15px 20px; } } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ #in_box_3 { padding-top: 40px; padding-bottom: 40px; } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ #in_box_3 { padding-top: 50px; padding-bottom: 50px; background-image: linear-gradient(to bottom, var(--base_color) 62%, var(--base_color) 62%, #ffffff 0%); } #in_box_3 .tgfw_gd .swiper-slide .icon_img { width: 40px; height: 40px; margin-bottom: 10px; } #in_box_3 .tgfw_gd .swiper-slide .title { color: #ffffff; font-size: 22px; margin-bottom: 20px; } #in_box_3 .tgfw_gd .swiper-slide .content { color: #b0a7a7; font-size: 14px; height: 0; overflow: hidden; transition: all 0.3s;} #in_box_3 .tgfw_gd .swiper-slide a:hover .content { height: auto; } #in_box_3 .tgfw_gd .swiper-slide a .cover .box_s { padding: 20px 30px; } } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ #in_box_3 { padding-top: 60px; padding-bottom: 60px } #in_box_3 .tgfw_gd .swiper-slide a:hover { box-shadow: 0 0 20px rgba(0,0,0,0.1); } #in_box_3 .tgfw_gd .swiper-slide .icon_img { width: 46px; height: 46px; margin-bottom: 15px; } #in_box_3 .tgfw_gd .swiper-slide .title { color: #ffffff; font-size: 20px; margin-bottom: 18px; } #in_box_3 .tgfw_gd .swiper-slide .content { color: #b0a7a7; font-size: 13px; height: 0; overflow: hidden; transition: all 0.3s;} #in_box_3 .tgfw_gd .swiper-slide a:hover .content { height: auto; } #in_box_3 .tgfw_gd .swiper-slide a .cover .box_s { padding: 20px 30px; } } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ #in_box_3 { padding-top: 70px; padding-bottom: 70px; } #in_box_3 .tgfw_gd .swiper-slide a:hover { box-shadow: 0 0 20px rgba(0,0,0,0.1); } #in_box_3 .tgfw_gd .swiper-slide .icon_img { width: 60px; height: 60px; margin-bottom: 20px; } #in_box_3 .tgfw_gd .swiper-slide .title { color: #ffffff; font-size: 24px; margin-bottom: 24px; } #in_box_3 .tgfw_gd .swiper-slide .content { color: #b0a7a7; font-size: 14px; height: 0; overflow: hidden; transition: all 0.3s;} #in_box_3 .tgfw_gd .swiper-slide a:hover .content { height: auto; } #in_box_3 .tgfw_gd .swiper-slide a .cover .box_s { padding: 35px 40px; } } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ #in_box_3 { padding-top: 90px; padding-bottom: 100px; } #in_box_3 .tgfw_gd .swiper-slide a:hover { box-shadow: 0 0 20px rgba(0,0,0,0.1); } #in_box_3 .tgfw_gd .swiper-slide .icon_img { width: 60px; height: 60px; margin-bottom: 20px; } #in_box_3 .tgfw_gd .swiper-slide .title { color: #ffffff; font-size: 24px; margin-bottom: 24px; } #in_box_3 .tgfw_gd .swiper-slide .content { color: #b0a7a7; font-size: 14px; height: 0; overflow: hidden; transition: all 0.3s;} #in_box_3 .tgfw_gd .swiper-slide a:hover .content { height: auto; margin-bottom: 10px; } #in_box_3 .tgfw_gd .swiper-slide a .cover .box_s { padding: 40px 57px; } } /*1400效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ } /*1536效果/1920 125% 效果*/ /*1920效果*/ @media (min-width: 1920px){ } /*-------------in_box_3结束-------------*/ /*in_box_4效果*/ #in_box_4 { padding-top: 0; padding-bottom: 30px; } .wmdnl_gd { } .wmdnl_gd .text_box { padding: 0 0 0 0; margin-top: 20px; } .wmdnl_gd .text_box .en { font-size: 14px; color: var(--grey1); margin-bottom: 10px; } .wmdnl_gd .text_box .title { font-size: 18px; color: var(--grey1); margin-bottom: 15px; } .wmdnl_gd .text_box .line { display: block; width: 48px; height: 1px; background-color: #000000; margin-bottom: 20px; } .wmdnl_gd .text_box .content { color: var(--grey1); font-size: 12px; line-height: 2; } /*手机端样式*/ @media (min-width: 375px){ #in_box_4 { padding-top: 0; padding-bottom: 30px; } .wmdnl_gd { } .wmdnl_gd .text_box { padding: 0 0 0 0; margin-top: 20px; } .wmdnl_gd .text_box .en { font-size: 14px; color: var(--grey1); margin-bottom: 10px; } .wmdnl_gd .text_box .title { font-size: 18px; color: var(--grey1); margin-bottom: 15px; } .wmdnl_gd .text_box .line { display: block; width: 48px; height: 1px; background-color: #000000; margin-bottom: 20px; } .wmdnl_gd .text_box .content { color: var(--grey1); font-size: 14px; line-height: 2; } } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ #in_box_4 { padding-top: 0; padding-bottom: 40px; } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ #in_box_4 { padding-top: 0; padding-bottom: 50px; } .wmdnl_gd { } .wmdnl_gd .text_box { padding: 0 0 0 0; margin-top: 20px; } .wmdnl_gd .text_box .en { font-size: 16px; color: var(--grey1); margin-bottom: 15px; } .wmdnl_gd .text_box .title { font-size: 24px; color: var(--grey1); margin-bottom: 20px; } .wmdnl_gd .text_box .line { display: block; width: 48px; height: 1px; background-color: #000000; margin-bottom: 20px; } .wmdnl_gd .text_box .content { color: var(--grey1); font-size: 14px; line-height: 2; } } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ #in_box_4 { padding-top: 0; padding-bottom: 60px; } .wmdnl_gd { } .wmdnl_gd .text_box { padding: 0 50px 0 0; margin-top: 0; } .wmdnl_gd .text_box.order-lg-2 { padding: 0 0 0 50px; margin-top: 0; } .wmdnl_gd .text_box .en { font-size: 16px; color: var(--grey1); margin-bottom: 20px; } .wmdnl_gd .text_box .title { font-size: 26px; color: var(--grey1); margin-bottom: 30px; } .wmdnl_gd .text_box .line { display: block; width: 48px; height: 2px; background-color: #000000; margin-bottom: 30px; } .wmdnl_gd .text_box .content { color: var(--grey1); font-size: 15px; line-height: 2; } } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ #in_box_4 { padding-top: 0; padding-bottom: 70px; } .wmdnl_gd { } .wmdnl_gd .text_box { padding: 0 50px 0 100px; margin-top: 0; } .wmdnl_gd .text_box.order-lg-2 { padding: 0 100px 0 50px; margin-top: 0; } .wmdnl_gd .text_box .en { font-size: 18px; color: var(--grey1); margin-bottom: 25px; } .wmdnl_gd .text_box .title { font-size: 30px; color: var(--grey1); margin-bottom: 35px; } .wmdnl_gd .text_box .line { display: block; width: 48px; height: 3px; background-color: #000000; margin-bottom: 40px; } .wmdnl_gd .text_box .content { color: var(--grey1); font-size: 16px; line-height: 2; } } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ #in_box_4 { padding-top: 0; padding-bottom: 70px; } .wmdnl_gd { } .wmdnl_gd .text_box { padding: 0 65px 0 50px; margin-top: 0; } .wmdnl_gd .text_box.order-lg-2 { padding: 0 65px 0 115px; margin-top: 0; } .wmdnl_gd .text_box .en { font-size: 18px; color: var(--grey1); margin-bottom: 25px; } .wmdnl_gd .text_box .title { font-size: 30px; color: var(--grey1); margin-bottom: 35px; } .wmdnl_gd .text_box .line { display: block; width: 48px; height: 3px; background-color: #000000; margin-bottom: 40px; } .wmdnl_gd .text_box .content { color: var(--grey1); font-size: 16px; line-height: 2; } } /*1400效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ } /*1536效果/1920 125% 效果*/ /*1920效果*/ @media (min-width: 1920px){ } /*-------------in_box_4结束-------------*/ /*in_box_5效果*/ #in_box_5 { padding-top: 30px; padding-bottom: 30px; background-color: #ebf5fb; } #in_box_5 .xzwm_gd .swiper-slide { transition: all 0.3s; } #in_box_5 .xzwm_gd .swiper-slide:hover { background-color: var(--base_color); } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box { transform: all 0.3s; width: 80px; height: 80px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 10px; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box img.icon_img { width: 100%; height: 100%; } #in_box_5 .xzwm_gd .swiper-slide .box { width: 100%; padding: 20px 10px; } #in_box_5 .xzwm_gd .swiper-slide .title { color: var(--grey1); font-size: 20px; margin-bottom: 20px; } #in_box_5 .xzwm_gd .swiper-slide .content { color: var(--grey1); font-size: 14px; line-height: 1.5; padding: 0 0; } #in_box_5 .xzwm_gd .swiper-slide:hover .icon_img_box { background-color: #ffffff; } /*手机端样式*/ @media (min-width: 375px){ #in_box_5 { padding-top: 30px; padding-bottom: 30px; background-color: #ebf5fb; } #in_box_5 .xzwm_gd .swiper-slide { transition: all 0.3s; } #in_box_5 .xzwm_gd .swiper-slide:hover { background-color: var(--base_color); } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box { transform: all 0.3s; width: 80px; height: 80px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 10px; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box img.icon_img { width: 100%; height: 100%; } #in_box_5 .xzwm_gd .swiper-slide .box { width: 100%; padding: 20px 10px; } #in_box_5 .xzwm_gd .swiper-slide .title { color: var(--grey1); font-size: 20px; margin-bottom: 20px; } #in_box_5 .xzwm_gd .swiper-slide .content { color: var(--grey1); font-size: 14px; line-height: 1.5; padding: 0 0; } #in_box_5 .xzwm_gd .swiper-slide:hover .icon_img_box { background-color: #ffffff; } } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ #in_box_5 { padding-top: 40px; padding-bottom: 40px; } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ #in_box_5 { padding-top: 50px; padding-bottom: 50px; } #in_box_5 .xzwm_gd .swiper-slide { transition: all 0.3s; } #in_box_5 .xzwm_gd .swiper-slide:hover { background-color: var(--base_color); } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box { transform: all 0.3s; width: 80px; height: 80px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 10px; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box img.icon_img { width: 100%; height: 100%; } #in_box_5 .xzwm_gd .swiper-slide .box { width: 100%; padding: 20px 10px; } #in_box_5 .xzwm_gd .swiper-slide .title { color: var(--grey1); font-size: 20px; margin-bottom: 20px; } #in_box_5 .xzwm_gd .swiper-slide .content { color: var(--grey1); font-size: 13px; line-height: 1.5; padding: 0 10%; } #in_box_5 .xzwm_gd .swiper-slide:hover .icon_img_box { background-color: #ffffff; } } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ #in_box_5 { padding-top: 60px; padding-bottom: 60px; } #in_box_5 .xzwm_gd .swiper-slide { transition: all 0.3s; border-right: 1px solid #efefef; } #in_box_5 .xzwm_gd .swiper-slide:last-child { border-right: 0; } #in_box_5 .xzwm_gd .swiper-slide:hover { border-right: 1px solid var(--base_color); background-color: var(--base_color); } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box { transform: all 0.3s; width: 80px; height: 80px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 20px; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box img.icon_img { width: 100%; height: 100%; } #in_box_5 .xzwm_gd .swiper-slide .box { width: 100%; padding: 20px 10px; } #in_box_5 .xzwm_gd .swiper-slide .title { color: var(--grey1); font-size: 24px; margin-bottom: 15px; } #in_box_5 .xzwm_gd .swiper-slide .content { color: var(--grey1); font-size: 13px; line-height: 1.5; padding: 0 10%; } #in_box_5 .xzwm_gd .swiper-slide:hover .icon_img_box { background-color: #ffffff; } } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ #in_box_5 { padding-top: 80px; padding-bottom: 70px; } #in_box_5 .xzwm_gd .swiper-slide { transition: all 0.3s; border-right: 1px solid #efefef; } #in_box_5 .xzwm_gd .swiper-slide:hover { border-right: 1px solid var(--base_color); background-color: var(--base_color); } #in_box_5 .xzwm_gd .swiper-slide:last-child { border-right: 0; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box { transform: all 0.3s; width: 112px; height: 112px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 30px; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box img.icon_img { width: 100%; height: 100%; } #in_box_5 .xzwm_gd .swiper-slide .box { width: 100%; padding: 20px 10px; } #in_box_5 .xzwm_gd .swiper-slide .title { color: var(--grey1); font-size: 26px; margin-bottom: 20px; } #in_box_5 .xzwm_gd .swiper-slide .content { color: var(--grey1); font-size: 14px; line-height: 1.5; padding: 0 10%; } #in_box_5 .xzwm_gd .swiper-slide:hover .icon_img_box { background-color: #ffffff; } } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ #in_box_5 { padding-top: 100px; padding-bottom: 70px; } #in_box_5 .xzwm_gd .swiper-slide { transition: all 0.3s; border-right: 1px solid #efefef; } #in_box_5 .xzwm_gd .swiper-slide:hover { border-right: 1px solid var(--base_color); background-color: var(--base_color); } #in_box_5 .xzwm_gd .swiper-slide:last-child { border-right: 0; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box { transform: all 0.3s; width: 112px; height: 112px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 30px; } #in_box_5 .xzwm_gd .swiper-slide .icon_img_box img.icon_img { width: 100%; height: 100%; } #in_box_5 .xzwm_gd .swiper-slide .box { width: 100%; padding: 20px 10px; height: 338px; } #in_box_5 .xzwm_gd .swiper-slide .title { color: var(--grey1); font-size: 26px; margin-bottom: 20px; } #in_box_5 .xzwm_gd .swiper-slide .content { color: var(--grey1); font-size: 14px; line-height: 1.4; padding: 0 10%; } #in_box_5 .xzwm_gd .swiper-slide:hover .icon_img_box { background-color: #ffffff; } } /*1400效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ } /*1536效果/1920 125% 效果*/ /*1920效果*/ @media (min-width: 1920px){ } /*-------------in_box_5结束-------------*/ /*in_box_6效果*/ #in_box_6 { padding-top: 30px; padding-bottom: 30px; } #in_box_6 .box_header .title { margin-bottom: 20px; text-align: center; } #in_box_6 .news_gd { } #in_box_6 .news_gd .swiper-slide { padding: 5px; } #in_box_6 .news_gd .swiper-slide .box { background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 10px 0; } #in_box_6 .news_gd .swiper-slide .img_box { width: 80px !important; margin: 0 10px; } #in_box_6 .news_gd .cont_box { padding: 0 10px 0 0; } #in_box_6 .news_gd .title { font-size: 14px; font-weight: bold; color: var(--grey1); margin-bottom: 5px; } #in_box_6 .news_gd .content { font-size: 12px; color: #a7a7a7; margin-bottom: 10px;} #in_box_6 .news_gd .time { font-size: 12px; color: #a7a7a7; margin-bottom: 10px;} /*手机端样式*/ @media (min-width: 375px){ #in_box_6 { padding-top: 30px; padding-bottom: 30px; } #in_box_6 .box_header .title { margin-bottom: 20px; text-align: center; } #in_box_6 .news_gd { } #in_box_6 .news_gd .swiper-slide { padding: 5px; } #in_box_6 .news_gd .swiper-slide .box { background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 10px 0; } #in_box_6 .news_gd .swiper-slide .img_box { width: 80px !important; margin: 0 10px; } #in_box_6 .news_gd .cont_box { padding: 0 10px 0 0; } #in_box_6 .news_gd .title { font-size: 16px; font-weight: bold; color: var(--grey1); margin-bottom: 5px; } #in_box_6 .news_gd .content { font-size: 14px; color: #a7a7a7; margin-bottom: 10px;} #in_box_6 .news_gd .time { font-size: 12px; color: #a7a7a7; margin-bottom: 10px;} } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ #in_box_6 { padding-top: 40px; padding-bottom: 40px; } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ #in_box_6 { padding-top: 50px; padding-bottom: 50px; } #in_box_6 .news_gd { } #in_box_6 .news_gd .swiper-slide { padding: 5px; } #in_box_6 .news_gd .swiper-slide .box { background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 10px 0px; } #in_box_6 .news_gd .swiper-slide .img_box { width: 80px !important; margin: 0 20px; } #in_box_6 .news_gd .cont_box { padding: 0 15px 0 0; } #in_box_6 .news_gd .title { font-size: 15px; font-weight: bold; color: var(--grey1); margin-bottom: 5px; } #in_box_6 .news_gd .content { font-size: 13px; color: #a7a7a7; margin-bottom: 10px;} #in_box_6 .news_gd .time { font-size: 13px; color: #a7a7a7; margin-bottom: 10px;} } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ #in_box_6 { padding-top: 60px; padding-bottom: 50px; } #in_box_6 .box_header .title { margin-bottom: 40px; text-align: center; } #in_box_6 .news_gd { } #in_box_6 .news_gd .swiper-slide { padding: 5px; } #in_box_6 .news_gd .swiper-slide .box { background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 25px 0px; } #in_box_6 .news_gd .swiper-slide .img_box { width: 80px !important; margin: 0 30px; } #in_box_6 .news_gd .cont_box { padding: 0 20px 0 0; } #in_box_6 .news_gd .title { font-size: 16px; font-weight: bold; color: var(--grey1); margin-bottom: 5px; } #in_box_6 .news_gd .content { font-size: 13px; color: #a7a7a7; margin-bottom: 10px;} #in_box_6 .news_gd .time { font-size: 13px; color: #a7a7a7; margin-bottom: 10px;} } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ #in_box_6 { padding-top: 75px; padding-bottom: 50px; } #in_box_6 .box_header .title { margin-bottom: 55px; text-align: center; } #in_box_6 .news_gd { } #in_box_6 .news_gd .swiper-slide { padding: 10px; } #in_box_6 .news_gd .swiper-slide .box { background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 30px 0; } #in_box_6 .news_gd .swiper-slide .img_box { width: 122px !important; margin: 0 40px; } #in_box_6 .news_gd .cont_box { padding: 0 20px 0 0; } #in_box_6 .news_gd .title { font-size: 17px; font-weight: bold; color: var(--grey1); margin-bottom: 10px; } #in_box_6 .news_gd .content { font-size: 14px; color: #a7a7a7; margin-bottom: 15px;} #in_box_6 .news_gd .time { font-size: 14px; color: #a7a7a7; margin-bottom: 18px;} } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ #in_box_6 { padding-top: 95px; padding-bottom: 50px; } #in_box_6 .box_header .title { margin-bottom: 55px; text-align: center; } #in_box_6 .news_gd { } #in_box_6 .news_gd .swiper-slide { padding: 10px; } #in_box_6 .news_gd .swiper-slide .box { background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 35px 0; } #in_box_6 .news_gd .swiper-slide .img_box { width: 122px !important; margin: 0 50px; } #in_box_6 .news_gd .cont_box { padding: 0 30px 0 0; } #in_box_6 .news_gd .title { font-size: 17px; font-weight: bold; color: var(--grey1); margin-bottom: 10px; } #in_box_6 .news_gd .content { font-size: 14px; color: #a7a7a7; margin-bottom: 15px;} #in_box_6 .news_gd .time { font-size: 14px; color: #a7a7a7; margin-bottom: 18px;} } /*1400效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ } /*1536效果/1920 125% 效果*/ /*1920效果*/ @media (min-width: 1920px){ } /*-------------in_box_6结束-------------