* {margin: 0;padding: 0;box-sizing: border-box;}
html,body {-webkit-text-size-adjust: none;}
li {list-style: none;}
a {text-decoration: none;}
input:focus-visible {outline: none;}
.header {width: 100%;height: 44px;position: fixed;left: 0;top: 0;background-color: rgba(255, 255, 255, .04);z-index: 99999;box-shadow: 0px 0px 32px rgba(2, 80, 158, 0.14);}
.headeractive {background-color: #ffffff;/* -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); */-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.headerboxleft {float: left;}
.headerboxright {float: right;}
.header .toplogoPC .logodark {display: block;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;filter: grayscale(100%) brightness(500%);}
.header .toplogoPC .logolight {display: none;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.header .toplogoMobile {display: none;}
.sloan_qualified {font-size: 12px;line-height: 18px;color: #333333;display: none;float: left;margin-top: 12px;font-weight: 500px;}
.header .toplogo {width: auto;float: left;margin-right: 12px;margin-top: 3px;}
.header .toplogoPC {display: block;}
.header .toplogo h1 {margin: 0 !important;}
.headerboxright .header .toplogo a {display: block;padding-top: 4px;padding-bottom: 12px;}
.header .toplogo a img {height: 36px;}
.headerboxright .toppage_portal a {width: auto;min-height: 1px;overflow: hidden;padding: 0px 6px;}
.headerboxright .toppage_portal {width: auto;min-height: 1px;float: left;}
.headerboxright .toppage_portal .portal_text {position: relative;margin-right: 0px;}
.headerboxright .toppage_portal .portal_text a {display: block;padding: 0px 12px;color: rgba(255, 255, 255, .64);}
.headerboxright .toppage_portal .portal_text a:hover {/* color: #ffffff; */}
.portallink {/* background-color: rgba(255, 255, 255, .08); */-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.headerboxright .toppage_portal .portal_text a .portallinkico {display: inline-block;float: left;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);margin-top: 12px;margin-left: 6px;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.headerboxright .toppage_portal .portal_text a:hover .portallinkico {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.headerboxright .toppage_portal .portal_text a span {display: block;float: left;font-size: 12px;line-height: 44px;}
.headerboxright .toppage_portal .portal_options {display: none;position: absolute;width: 100%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;box-shadow: rgb(2 80 158 / 24%) 0px 0px 96px;background-color: rgba(255, 255, 255, .88);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.headerboxright .toppage_portal .portal_options ul {padding: 12px 0px;margin-bottom: 0px;}
.headerboxright .toppage_portal .portal_options ul li {list-style: none;}
.headerboxright .toppage_portal .portal_options ul li a {display: block;line-height: 36px;font-size: 12px;color: #666666;text-align: center;}
.headerboxright .toppage_portal .portal_options ul li a:hover {color: #333333;background-color: #e0e0e0;}
.headerboxright .toppage_language {width: auto;min-height: 1px;overflow: hidden;float: left;}
.headerboxright .toppage_language a {width: auto;min-height: 1px;overflow: hidden;display: block;padding: 0px 6px;color: #ffffff;/* background-color: rgba(255, 255, 255, .001); */}
.headerboxright .toppage_language a span {display: block;float: left;font-size: 12px;line-height: 36px;padding: 4px 0px;}
.headerboxright .toppage_language a i {display: block;float: left;font-size: 12px;line-height: 36px;padding: 4px 0px;margin-left: 4px;}
.headerboxright .toppage_language a img { height: 16px; float: left; margin-top: 14px; margin-left: 4px; }
.headerboxright .toppage_language a:hover { opacity: .64; }
.headerboxright .toppage_search { width: auto; min-height: 1px; overflow: hidden; float: left; padding-top: 14px; }
.headerboxright .toppage_search a { width: auto; min-height: 1px; overflow: hidden; display: block; padding: 0px 12px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, .88); }
.headerboxright .toppage_search a img { height: 16px; margin-top: 14px; }
.headerboxright .toppage_search a i { font-size: 16px; }
.headerboxright .toppage_search a:hover { opacity: .64; }
.headerboxright .toppage_tel { width: auto; min-height: 1px; overflow: hidden; float: left; }
.headerboxright .toppage_tel a { width: auto; min-height: 1px; overflow: hidden; display: block; padding: 0px 6px; color: #ffffff; font-weight: bold; }
.headerboxright .toppage_tel a i { display: block; float: left; font-size: 12px; line-height: 36px; padding: 4px 0px; animation: shake-rotate 3s ease-in-out infinite; }
@keyframes shake-rotate {
	89% {
	-webkit-transform: translate(0) rotate(0deg);
	transform: translate(0) rotate(0deg)
	}
	90% {
	-webkit-transform: translate(0) rotate(15deg);
	transform: translate(0) rotate(15deg)
	}
	91% {
	-webkit-transform: translate(0) rotate(0deg);
	transform: translate(0) rotate(0deg)
	}
	92% {
	-webkit-transform: translate(0) rotate(-15deg);
	transform: translate(0) rotate(-15deg)
	}
	93% {
	-webkit-transform: translate(0) rotate(0deg);
	transform: translate(0) rotate(0deg)
	}
	94% {
	-webkit-transform: translate(0) rotate(15deg);
	transform: translate(0) rotate(15deg)
	}
	95% {
	-webkit-transform: translate(0) rotate(0deg);
	transform: translate(0) rotate(0deg)
	}
	96% {
	-webkit-transform: translate(0) rotate(-15deg);
	transform: translate(0) rotate(-15deg)
	}
	97% {
	-webkit-transform: translate(0) rotate(0deg);
	transform: translate(0) rotate(0deg)
	}
	98% {
	-webkit-transform: translate(0) rotate(15deg);
	transform: translate(0) rotate(15deg)
	}
	99% {
	-webkit-transform: translate(0) rotate(-15deg);
	transform: translate(0) rotate(-15deg)
	}
	0%,to {
	-webkit-transform: translate(0) rotate(0);
	transform: translate(0) rotate(0)
	}
}
.headerboxright .toppage_tel a span { display: block; float: left; font-size: 12px; line-height: 36px; padding: 4px 0px; margin-left: 6px; }
.headerboxright .toppage_tel a img { height: 16px; float: left; margin-top: 14px; margin-left: 4px; }
.headerboxright .toppage_tel a:hover { opacity: .64; }
.headerboxright .toppage_tiyan { width: auto; min-height: 1px; overflow: hidden; float: left; padding-top: 6px; margin-left: 12px; }
.headerboxright .toppage_tiyan a { width: auto; height: 30px; display: block; font-size: 12px; line-height: 30px; color: #ffffff; background-color: var(--main-color); background-image: linear-gradient(to right, var(--main-color), var(--sub-color)); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0px 16px; text-decoration: none !important; }
.headerboxright .toppage_tiyan a:hover { background-color: var(--main-color); background-image: linear-gradient(to right, var(--main-color), var(--sub-color)); }
.headerboxright .toppage_navmenu { width: auto; min-height: 1px; overflow: hidden; float: left; padding-top: 10px; margin-left: 4px; display: none; }
.headerboxright .toppage_navmenu a { width: auto; min-height: 1px; overflow: hidden; display: block; padding: 6px; }
.headerboxright .toppage_navmenu a span { display: block; width: 16px; height: 2px; background: #333333; margin-bottom: 3px; }
.hiddenMenu { position: fixed; visibility: hidden; opacity: 0; top: 60px; right: 0; width: 100%; height: calc(100% - 60px); z-index: 998; }
.hiddenMenubox { width: 100%; height: calc(100% - 60px); background-color: #ffffff; display: flex; position: fixed; right: 0; bottom: 0; z-index: 99; }
.hiddenMenubox .hometopmenu-main { background: #ecf1f8; height: 100%; min-width: 122px; padding-top: 10px; position: relative; width: 26%; }
.hiddenMenubox .hometopmenu-main .hometopmenu-main-item{ font-size: 14px; line-height: 48px; }
.hiddenMenubox .hometopmenu-main-item a { color: #020814; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; }
.hiddenMenubox .hometopmenu-main-item.isCurrent a { color: #05f; }
.hiddenMenubox .hometopmenu-sub { display: none; width: 100%; height: 100%; overflow-x:hidden; overflow-y: scroll; padding-bottom: 100px; padding-top: 10px; }
.hiddenMenubox .hometopmenu-sub.currentTab { display: block; }
.hometopmenu-sub .hometopmenu-sub-title { font-size: 14px; line-height: 48px; border-bottom: 1px solid #ebeef5; }
.hometopmenu-sub .hometopmenu-collapse-title { font-size: 13px; line-height: 32px; }
.hometopmenu-sub .hometopmenu-sub-title a { display: block; width: 100%; color: #000; padding-left: 16px; font-weight: 600; }
.hometopmenu-sub .hometopmenu-collapse-title a { display: block; padding-right: 10px; width: 100%; color: #333; font-weight: 600; padding-left: 16px; }
.hometopmenu-sub .hometopmenu-sub-title a.isCurrent { color: #05f; }
.hometopmenu-sub .hometopmenu-collapse-title a.isCurrent { color: #05f; }
.hometopmenu-sub .hometopmenu-icon { display: inline-block; transform: rotate(-90deg); transition: all 0.3s linear; }
.hometopmenu-collapse-title .hometopmenu-icon { display: none; transform: rotate(0deg); }
.hometopmenu-sub-collapse-item .list-item { margin: 0; height: auto; overflow: hidden; border-bottom: 1px solid #ebeef5; transition: all 0.3s linear; display: flex; flex-wrap: wrap; padding-left: 32px; padding-bottom: 10px; }
.hometopmenu-sub-collapse-item .list-item li{ width: 50%; margin-bottom: 0; display: flex; align-items: center; border: none; }
.hometopmenu-sub-collapse-item .list-item li a { display: block; width: 100%; height: 100%; font-size: 12px; height: 100%; line-height: 32px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hometopmenu-sub-collapse-item .list-item li.half { width: 48%; margin-top: 4px; margin-bottom: 4px; }
.hometopmenu-sub-collapse-item .list-item li a img { display: block; height: 48px; width: auto; padding: 4px 6px; -o-object-fit: cover; object-fit: cover; border: 1px solid #efefef; }
.hometopmenu-sub-collapse-item .list-item li a .img { height: 40px; margin: 0px 0; border: none; padding: 4px 0; }
.hometopmenu-sub-collapse-item.is-active .hometopmenu-collapse-title a{ color: #05f; }
.hometopmenu-sub-collapse-item.is-active .hometopmenu-collapse-title .hometopmenu-icon { transform: rotate(0deg); }
.hometopmenu-sub-collapse-item.is-active .list-item { height: auto; max-height: 800px; }
.hometopmenu-submentmore { color: #999!important; }
.search--open .btn--search-close { opacity: 1; transform: scale3d(1, 1, 1); font-size: 16px !important; line-height: 24px !important; color: #333333; padding: 12px !important; }
.search__input { border-bottom: 2px solid !important; }
.search__input:hover { border-bottom: 2px solid !important; }
.search__input:focus { border-bottom: 2px solid !important; }
/* pc端样式 */
.header #topmenu { width: auto; float: left; }
.header .hometopmenu { position: relative; }
.header .hometopmenu>ul { overflow: hidden; padding: 0; margin: 0; }
.header .hometopmenu>ul>li { list-style: none; float: left; }
.header .hometopmenu>ul>li>a { width: auto; min-height: 1px; overflow: hidden; display: block; font-size: 12px; line-height: 44px; color: rgba(255, 255, 255, .64); padding: 0px 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .hometopmenu>ul>li>a:hover { color: #ffffff; font-weight: bold; }
.header .hometopmenu>ul>li>a.active { color: #ffffff; font-weight: bold; }
.headeractive .hometopmenu>ul>li>a.active { color: #000; }
.header .hometopmenu .dropdownMenubox { position: fixed; width: 100%; height: auto; overflow: hidden; left: 0; top: 44px; background-color: rgba(255, 255, 255, 1); transition: all 0.3s; box-shadow: rgb(2 80 158 / 14%) 0px 32px 32px; }
.header .hometopmenu .dropdownMenubox>div { display: none; }
.header .hometopmenu .dropdownMenubox .dropdownMenu .pagenav_submenu_left { animation: fadeInLeft 0.6s ease both; }
.header .hometopmenu .dropdownMenubox .dropdownMenu .pagenav_submenu_right { animation: fadeInRight 0.6s ease both; }
@keyframes fadeInLeft {
	from {
	opacity: 0;
	-webkit-transform: translate3d(-10%, 0, 0);
	transform: translate3d(-10%, 0, 0)
	}
	to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
	}
}
@keyframes fadeInRight {
	from {
	opacity: 0;
	-webkit-transform: translate3d(10%, 0, 0);
	transform: translate3d(10%, 0, 0)
	}
	to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
	}
}
.headeractive .headerboxright .toppage_portal a { color: #333333; }
.headeractive .headerboxright .toppage_tel a { color: #dc000c; }
.headeractive .headerboxright .toppage_search a { color: #333333; }
.headeractive .headerboxright .toppage_language a { color: #333333; }
.headeractive .toplogoPC .logodark { display: none; }
.headeractive .toplogoPC .logolight { display: block; }
.headeractive .hometopmenu ul li>a { color: #333333; }
.headeractive .hometopmenu ul li>a:hover { color: #000000; }
.pagenav_submenu { width: 100%; min-height: 1px; overflow: hidden; }
.pagenav_submenuname { width: 100%; min-height: 1px; overflow: hidden; }
.pagenav_submenuname span { display: block; float: left; }
.pagenav_submenuname_cn { width: auto; min-height: 1px; overflow: hidden; font-size: 12px; line-height: 18px; color: #999; margin-right: 16px; }
.pagenav_submenuname_en { width: auto; min-height: 1px; overflow: hidden; font-size: 12px; line-height: 18px; color: #ccc; text-transform: uppercase; letter-spacing: 2px; }
.pagenav_submenuname .pagenav_submen_tabs { list-style: none; padding: 0; margin: 0; }
.pagenav_submenuname .pagenav_submen_tabs li { display: inline-block; color: #999; font-size: 12px; line-height: 18px; margin-right: 30px; }
.pagenav_submenuname .pagenav_submen_tabs li.active { color: #333; font-weight: bold; }
.pagenav_submenumain { width: 100%; min-height: 1px; padding-top: 16px; }
.pagenav_submenumain_banner { width: 100%; height: 100%; }
.pagenav_submenumain_banner .bgc:hover .more { color: #fff; }
.pagenav_submenumain_banner .bgc { height: 100%; width: 100%; transition: all 0.3s; }

.pagenav_submenumain_parent { display: flex; }
.pagenav_submenumain_parent2 { margin-right: -15px; display: flex; }
.pagenav_submenumain_f2_child1 { display: inline-block; vertical-align: top; width: 30%; padding-right: 24px; box-sizing: border-box; }
.pagenav_submenumain_f2_child2 { display: inline-block; vertical-align: top; width: 40%; padding-right: 24px; box-sizing: border-box; }
.pagenav_submenumain_f2_child3 { display: inline-block; vertical-align: top; width: 30%; padding-right: 24px; box-sizing: border-box; }
.pagenav_submenumain_f2_child4 { display: inline-block; vertical-align: top; width: 16%; padding-right: 24px; box-sizing: border-box; }
.tabsmenumain { display: none; }
.tabsmenumain::before { content: ""; display: block; clear: both; }
.tabsmenumain::after { content: ""; display: block; clear: both; }
.tabsmenumain_container1 { width: 50%; float: left; padding-right: 24px; }
.tabsmenumain_container2 { width: 50%; float: left; padding-right: 24px; }
.tabsmenumain_container3 { width: 16%; float: left; padding-right: 24px; }
.tabsmenumain_active { display: block; }
.pagenav_submenumain_f1_child { flex: 1; padding-right: 24px; box-sizing: border-box; vertical-align: top; }
.pagenav_submenumain_f1_child1 { display: inline-block; vertical-align: top; width: 18%; padding-right: 24px; box-sizing: border-box; }
.pagenav_submenumain_f1_child2 { display: inline-block; vertical-align: top; width: 17%; padding-right: 24px; box-sizing: border-box; }
.pagenav_submenumain_f1_child3 { display: inline-block; vertical-align: top; width: 12%; padding-right: 24px; box-sizing: border-box; }
.pagenav_submenumain_f3_child { display: inline-block; vertical-align: top; width: 20%; padding-right: 24px; box-sizing: border-box; }
.pagenav_submenumain_f5_child { display: inline-block; vertical-align: top; width: 20%; box-sizing: border-box; }
.pagenav_submenumain_f6_child1 { display: inline-block; vertical-align: top; width: 22%; padding-right: 15px; box-sizing: border-box; }
.pagenav_submenumain_f6_child2 { display: inline-block; vertical-align: top; width: 30%; padding-right: 15px; box-sizing: border-box; }
.pagenav_submenumain_f6_child3 { display: inline-block; vertical-align: top; width: 48%; padding-right: 15px; box-sizing: border-box; }
.pagenav_submentbox { width: 100%; min-height: 1px; overflow: hidden; font-size: 16px; line-height: 32px; color: #000000; font-weight: bold; padding-bottom: 16px; }
.pagenav_submentbox2 { color: #ffffff; }
.pagenav_submentbox>a { display: inline-block; height: 100%; color: #000000; }
.pagenav_submentmian { width: 100%; min-height: 1px; }
.pagenav_submentmian2 { width: 100%; min-height: 1px; }
.submentmian_h1 { height: auto; }
.topmenu-leftbgc { background-color: #eaeff5; position: absolute; top: 0; left: 0; width: calc(25% + 36px); height: 100%; z-index: -1; }
.pagenav_submenu_left { padding: 25px 64px 50px 84px; background-color: transparent; z-index: 1; float: left; width: 25%; height: 100%; min-height: 360px; }
.pagenav_submenu_left>a { display: block; height: 100%; width: 100%; min-height: inherit; padding-top: 76px; }
.pagenav_submenu_left>a:hover .pagenav_submenu_left_info .more { color: #fff; }
.pagenav_submenu_left>a:hover .pagenav_submenu_left_info .more>i { margin-left: 20px; }
.pagenav_submenu_left_info {}
.pagenav_submenu_left_info .tag { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, .64); }
.pagenav_submenu_left_info .b-title { font-size: 24px; line-height: 32px; font-weight: bold; color: rgba(255, 255, 255); }
.pagenav_submenu_left_info .s-title { font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, .48); }
.pagenav_submenu_left_info .desc { font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, .24); margin-top: 30px; }
.pagenav_submenu_left_info .more { font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, .80); transition: all 0.3s; margin-top: 60px; float: unset; }
.pagenav_submenu_left_info .more>i { display: inline-block; font-size: 12px; transform: rotate(270deg); margin-left: 10px; transition: all 0.3s; }
.pagenav_submenu_right { position: relative; padding: 25px 64px 50px 64px; background-color: #fff; z-index: 1; float: left; width: 75%; height: 100%; }
.pagenav_submenumain_tbstitle { font-weight: bold; font-size: 14px; line-height: 32px; }
.pagenav_submenumain_tbstitle i { float: right; font-size: 20px; transform: rotate(270deg); }
.pagenav_submenumain_tbsdesc { font-size: 12px; line-height: 22px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.pagenav_submenumain_contactus { margin-top: 24px; }
.pagenav_submenumain_contactus>span { display: block; color: #888888; font-size: 12px; line-height: 18px; }
.pagenav_submenumain_contactus .contact_tel { font-size: 18px; font-weight: bold; line-height: 24px; color: #04539f; }
.pagenav_submenumain_contactarea { bottom: 30px; left: 20px; width: 124px; height: 40px; }
.pagenav_submenumain_contactarea>a { display: block; background-color: #3f6dc4; line-height: 40px; padding: 0px 14px; color: #fff; font-size: 12px; text-align: center; border-radius: 4px; width: 100%; height: 100%; }
.pagenav_submenumain_rightpict { position: absolute; width: 20%; top: 67px; right: 0px; padding-left: 24px; }
.pagenav_submenumain_rightpict img { float: right; width: 100%; margin-bottom: 20px; }
.pagenav_submenumain_rightpict .rightcasetype { height: 64px; width: 100%; margin-bottom: 15px; background-color: #03529f; background-size: auto 64px; background-repeat: no-repeat; background-position: center center; }
.pagenav_submenumain_rightpict .rightcasetype1 { background-image: url('../image/topmenu_case1.png'); }
.pagenav_submenumain_rightpict .rightcasetype2 { background-image: url('../image/topmenu_case2.png'); }
.pagenav_submenumain_rightpict .rightcasetype3 { background-image: url('../image/topmenu_case3.png'); }
.pagenav_submenumain_rightpict .rightcasetype4 { background-image: url('../image/topmenu_case4.png'); }
.pagenav_submenumain_rightpict .rightcasetype>a { display: block; width: 100%; height: 100%; text-decoration: none; color: #fff; font-weight: bold; padding-left: 28px; line-height: 64px; font-size: 14px; }
.caseBenchmarklistbox { width: 22.22%; float: left; padding-right: 12px; }
.caseBenchmarklistbox2 { width: 20%; float: left; padding-right: 24px; }
.caseBenchimglogo { width: 11.11%; }
.submentmian_h3 { height: 320px; }
.pagenav_submentlist7>li>a>img { height: 28px; }
.pagenav_submentlist6 .solution_icon::before { content: ""; float: left; height: 28px; width: 28px; color: #fff; text-align: center; font-size: 12px; line-height: 28px; margin-top: 4px; border-radius: 50%; }
.pagenav_submentlist7 .solution_icon::before { content: ""; float: left; height: 28px; width: 28px; color: #fff; text-align: center; font-size: 12px; line-height: 28px; margin-top: 4px; border-radius: 50%; }
.pagenav_submentlist6 .solution_icon1::before { content: "C"; background-color: #2e5cc4; }
.pagenav_submentlist6 .solution_icon2::before { content: "O"; background-color: #637083; }
.pagenav_submentlist6 .solution_icon3::before { content: "T"; background-color: #5699f4; }
.pagenav_submentlist6 .solution_icon4::before { content: "N"; background-color: #de2a2a; }
.pagenav_submentlist6 .solution_icon5::before { content: "M"; background-color: #008dff; }
.pagenav_submentlist6 .solution_icon6::before { content: "W"; background-color: #2b75d0; }
.pagenav_submentlist6 .solution_icon7::before { content: "xc"; background-color: #a95f5f; }
.pagenav_submentlist6 .solution_icon8::before { content: "Q"; background-color: #1650b0; }
.pagenav_submentlist6 .solution_icon>a { width: calc(100% - 36px) !important; margin-left: 8px; float: left; }
.pagenav_submentlist7 .solution_icon1::before { content: ""; background: url("../image/topmenu_s_ico_1.png") center center no-repeat no-repeat; background-size: 28px 28px; background-color: #4da35d; }
.pagenav_submentlist7 .solution_icon2::before { content: ""; background: url("../image/topmenu_s_ico_2.png") center center no-repeat no-repeat; background-size: 28px 28px; background-color: #1e4c94; }
.pagenav_submentlist7 .solution_icon3::before { content: ""; background: url("../image/topmenu_s_ico_3.png") center center no-repeat no-repeat; background-size: 28px 28px; background-color: #123a8e; }
.pagenav_submentlist7 .solution_icon4::before { content: ""; background: url("../image/topmenu_s_ico_4.png") center center no-repeat no-repeat; background-size: 28px 28px; background-color: #3e6ebb; }
.pagenav_submentlist7 .solution_icon5::before {
content: "";
background: url("../image/topmenu_s_ico_5.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #3055b4;
}
.pagenav_submentlist7 .solution_icon6::before {
content: "";
background: url("../image/topmenu_s_ico_6.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #335aab;
}
.pagenav_submentlist7 .solution_icon7::before {
content: "";
background: url("../image/topmenu_s_ico_7.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #4678c0;
}
.pagenav_submentlist7 .solution_icon8::before {
content: "";
background: url("../image/topmenu_s_ico_8.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #294882;
}
.pagenav_submentlist7 .solution_icon9::before {
content: "";
background: url("../image/topmenu_s_ico_9.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #327ce5;
}
.pagenav_submentlist7 .solution_icon10::before {
content: "";
background: url("../image/topmenu_s_ico_10.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #4f81c4;
}
.pagenav_submentlist7 .solution_icon11::before {
content: "";
background: url("../image/topmenu_s_ico_11.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #003b91;
}
.pagenav_submentlist7 .solution_icon12::before {
content: "";
background: url("../image/topmenu_s_ico_12.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #2663ae;
}
.pagenav_submentlist7 .solution_icon13::before {
content: "";
background: url("../image/topmenu_s_ico_13.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #1c59cd;
}
.pagenav_submentlist7 .solution_icon14::before {
content: "";
background: url("../image/topmenu_s_ico_14.png") center center no-repeat no-repeat;
background-size: 28px 28px;
background-color: #00b157;
}
.pagenav_submentlist7 .solution_icon>a {
width: calc(100% - 36px) !important;
margin-left: 8px;
float: left;
}
.solution_icon {
padding-bottom: 8px;
margin-bottom: 8px;
}
.submentmian_h4 {
height: auto !important;
}
.pagenav_submentlist {
width: 100%;
min-height: 1px;
/* overflow: hidden; */
}
.pagenav_submentlist::after {
content: " ";
display: block;
clear: both;
}
.pagenav_submentlist2 {
width: 100%;
min-height: 1px;
/* overflow: hidden; */
}
.pagenav_submentlist3 {
width: 100%;
min-height: 1px;
/* overflow: hidden; */
}
.pagenav_submentlist4 {
width: 100%;
min-height: 1px;
/* overflow: hidden; */
}
.pagenav_submentlist ul {
padding: 0;
margin: 0;
}
.pagenav_submentlist ul li {
list-style: none;
width: 33.333333%;
float: left;
}
.pagenav_submentlist2 ul li {
list-style: none;
width: 50%;
float: left;
}
.pagenav_submentlist3 ul li {
list-style: none;
width: 100%;
float: left;
}
.pagenav_submentlist4 ul li {
list-style: none;
width: 25%;
float: left;
text-align: left;
}
.pagenav_submentlist ul li a {
width: 100% !important;
min-height: 1px;
overflow: hidden;
display: block;
border-bottom: 1px solid transparent;
padding: 0px;
line-height: 35px !important;
position: relative;
}
.pagenav_submentlist_contact ul li a {
line-height: 27px !important;
}
.pagenav_submentlist ul li a:hover {
color: #0ea545;
font-weight: bold;
border-bottom: 1px solid #0ea545;
}
.pagenav_submentlist ul li a:hover .pagenav_submentlist_arrow {
margin-right: 0px;
opacity: 1;
}
.pagenav_submentlist ul li a.active {
color: #0ea545;
font-weight: bold;
border-bottom: 1px solid #0ea545;
}
.pagenav_submentlist ul li a span {
/* display: block; */
/* float: left; */
}
.pagenav_submentlist_unionlogo {
width: 100%;
min-height: 1px;
overflow: hidden;
}
.pagenav_submentlist_unionlogo ul {
padding: 0;
margin: 0;
}
.pagenav_submentlist_unionlogo ul li {
list-style: none;
width: 100% !important;
}
.pagenav_submentlist_unionlogo ul li a {
width: 100% !important;
min-height: 1px;
overflow: hidden;
display: block;
height: 50px;
padding: 0px !important;
}
.pagenav_submentlist_unionlogo ul li a img {
height: 36px;
}
.pagenav_submentlist_unionlogo ul li a:hover {
opacity: .8;
}
.pagenav_submentlist_spot {
font-size: 12px;
color: #666666;
}
.pagenav_submentlist_text {
font-size: 12px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pagenav_submentlist_text3 {
display: block;
line-height: 18px;
}
.pagenav_submentlist_text_blod .pagenav_submentlist_text {
font-weight: bold;
}
.pagenav_submentlist_text_blod .pagenav_submentlist_text2 {
font-size: 12px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: normal;
font-style: normal;
}
.pagenav_submentlist_text_blod .pagenav_submentlist_arrow {
display: none;
}
.pagenav_submentlist_text_blod .pagenav_submentlist ul li {
border-bottom: 1px solid #e3e2e2;
}
.pagenav_submentlist_text_blod .pagenav_submentlist ul li a {
border-bottom: none !important;
}
.pagenav_submentlist_text_blod .pagenav_submentlist ul li:hover {
border-bottom: 1px solid #0ea545;
}
.pagenav_submentlist_text_blod .pagenav_submenumain_f1_child3 li {
margin-bottom: 8px;
padding-bottom: 8px;
}
.pagenav_submentlist_desc {
font-weight: normal !important;
font-size: 12px;
line-height: 24px;
color: #a9a9a9;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: none !important;
}
.pagenav_submentlist_arrow {
color: #555555;
float: right !important;
margin-right: 10px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
position: absolute;
right: 0;
}
.pagenav_submentlist_arrow i {
color: #555555;
font-size: 12px;
line-height: 24px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
display: inline-block;
}
.pagenav_submentmore span {
color: #999999 !important;
}
/* .pagenav_submentmore a {
width: auto;
min-height: 1px;
overflow: hidden;
display: block;
font-size: 12px !important;
line-height: 36px !important;
color: #555555 !important;
padding: 0px 16px !important;
}
.pagenav_submentmore a:hover {
color: #000000 !important;
} */
.caseBenchmark {
width: 100%;
min-height: 1px;
/* overflow: hidden; */
}
/* .caseBenchmark_text {
width: 100%;
min-height: 1px;
overflow: hidden;
font-size: 12px;
line-height: 18px;
color: #999999;
} */
.caseBenchmark_list {
min-height: 1px;
margin-bottom: 16px;
}
.caseBenchmark_list ul {
width: 50%;
float: left;
padding: 0;
margin: 0;
padding-right: 12px;
}
.caseBenchimglogo ul {
width: 100%;
padding: 0;
margin: 0;
padding-right: 12px;
}
.caseBenchimglogo ul li {
list-style: none;
float: left;
}
.caseBenchmark_list ul li a {
width: 100%;
min-height: 1px;
display: flex;
align-items: center;
justify-self: center;
font-size: 12px;
line-height: 44px;
color: rgba(255, 255, 255, .64);
padding: 0px !important;
background-color: #ffffff;
height: 54px;
line-height: 32px !important;
margin-top: 12px;
box-shadow: 0px 0px 48px rgb(0 80 157 / 8%);
-moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08);
-webkit-box-shadow: 0px 0px 48px rgb(0 80 157 / 8%);
}
.caseBenchmark_list ul li a:hover {
opacity: .64;
}
.caseBenchmark_list ul li a img {
height: 100%;
object-fit: cover;
}
.caseBenchmark_list2 {
width: 100%;
min-height: 1px;
overflow: hidden;
margin-bottom: 16px;
margin-top: 6px;
/* height: 48px; */
}
.caseBenchmark_list2 ul {
padding: 0;
margin: 0;
}
.caseBenchmark_list2 ul li {
list-style: none;
width: 100%;
float: left;
}
.caseBenchmark_list2 ul li a {
width: 100% !important;
min-height: 1px;
overflow: hidden;
display: block;
font-size: 12px;
line-height: 24px !important;
color: #555555 !important;
padding: 0px !important;
margin-right: 16px;
}
.caseBenchmark_list2 ul li a:hover {
opacity: .64;
}
.case_ul ul li {
width: 50% !important;
line-height: 28px;
}
.caselisttypes2 {
width: 100%;
}
.caselisttypes2 ul {
width: 50%;
padding-right: 50px;
margin: 0;
float: left;
}
.caselisttypes2 ul li {
list-style: none;
width: 100%;
}
.tabsmenumain .caselisttypes2 ul li a {
width: 100%;
min-height: 1px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
height: 48px;
margin-top: 10px;
box-shadow: 0px 0px 48px rgb(0 80 157 / 8%);
-moz-box-shadow: 0px 0px 48px rgba(0, 80, 157, .08);
-webkit-box-shadow: 0px 0px 48px rgb(0 80 157 / 8%);
}
.caselisttypes2 ul li a:hover {
opacity: .64;
}
.caselisttypes2 ul li a img {
width: auto;
object-fit: cover;
height: 30px;
}
.caselisttypes2_none {}
@media (min-width: 320px) and (max-width:767px) {
.headerboxright .toppage_portal {
display: none;
}
.headerboxright .toppage_navmenu {
display: block;
}
.header {
height: 60px;
background-color: #ffffff;
}
.ontrialbox_input {
display: none;
}
.header .hometopmenu {
display: none;
}
.headerboxright .toppage_tel {
display: none;
}
.headerboxright .toppage_tiyan {
display: none;
}
.headerboxright .toppage_language a {
color: #666666;
}
.headerboxright .toppage_language a img {
display: none;
}
.headerboxright .toppage_search a {
color: #666666;
}
.header .toplogoPC {
display: none;
}
.header .toplogoMobile {
display: block;
}
.sloan_qualified {
display: block;
}
}
@media (min-width: 992px) {
.pagenav_submentlist7 {
float: right;
width: 100%;
}
.pagemenucitybox {
/* height:420px; */
height: auto;
}
.subpagenav_other {
height: auto;
/* height:300px; */
}
.pagenav_submentlist6 {
float: left;
width: 100%;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.mobilecontainer {
padding: 0px 12px;
}
.maincontainer {
padding: 0px 0px;
/* padding: 0px 12px; */
}
.bootcontainer2 {
padding: 12px 0px;
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.maincontainer {
padding: 0px 16px;
}
.pagemenucitybox {
/* height: 360px; */
height: auto;
}
}
.dropdownMenu .title {
font-weight: 700;
font-size: 16px;
height: 26px;
line-height: 26px;
background-color: rgb(110, 197, 171);
color: #fff;
text-align: left;
margin-bottom: 10px;
}
.dropdownMenu .content {
display: flex;
}
.dropdownMenu .content .column {
flex: 1;
}
.dropdownMenu .content .column .header {
font-size: 14px;
height: 20px;
line-height: 20px;
text-align: left;
color: black;
position: relative;
top: 0;
}
.dropdownMenu .content .column .footer {
font-size: 12px;
height: 20px;
line-height: 20px;
text-align: left;
color: black;
position: relative;
bottom: 0;
}
.dropdownMenu .content .column ul {
margin: 0;
padding: 0;
text-align: left;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 300px;
}
.dropdownMenu .content .column ul li {
margin: 0;
padding: 0;
width: 100px;
}
.dropdownMenu .content .column .region {
margin: 0;
padding: 0;
text-align: left;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 250px;
}
.dropdownMenu .content .column .region li {
margin: 0;
padding: 0;
width: 50px;
}
.banner {
width: 100%;
height: 100%;
position: relative;
}
.banner .bgImages {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.banner .bgImages ul {
position: absolute;
top: 0;
left: 0%;
width: 700%;
height: 100%;
margin: 0;
padding: 0;
}
.banner .bgImages ul li {
position: relative;
float: left;
width: 14.285%;
height: 100%;
}
.banner .bgImages ul li .title {
position: absolute;
top: 30%;
left: 12%;
color: #fff;
}
.banner .bgImages ul li .title p:nth-child(1) {
font-size: 32px;
margin: 5px 0;
letter-spacing: 4px;
}
.banner .bgImages ul li .title p:nth-child(2) {
margin-top: 5px;
font-size: 56px;
letter-spacing: 6px;
}
.banner .bgImages ul li .title p:nth-child(3) {
font-size: 8px;
letter-spacing: 9px;
}
.banner .bgImages ul li .title p:nth-child(4) {
margin-top: 10px;
font-size: 16px;
letter-spacing: 3px;
}
.banner .register {
position: absolute;
left: 12%;
top: 55%;
height: 50px;
width: 425px;
}
.banner .register .hbanner-otherinfo-form {
position: relative;
display: inline-block;
}
.banner .register .hbanner-otherinfo-form .telInput {
position: relative;
display: inline-block;
height: 50px;
width: 210px;
background-color: rgba(255, 255, 255, 0.48);
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.48);
font-size: 14px;
text-align: center;
color: #fff;
}
.banner .register .hbanner-otherinfo-form .telInput:hover {
border: 2px solid #fff;
}
.banner .register .hbanner-otherinfo-form .telInput:focus {
border: 2px solid #fff;
}
.banner .register .hbanner-otherinfo-form .telInput::placeholder {
font-size: 14px;
}
.banner .register .hbanner-otherinfo-form .apply {
position: absolute;
cursor: pointer;
right: -90px;
width: 100px;
display: inline-block;
background-image: linear-gradient(to right, #124ebd, #37b515);
line-height: 50px;
font-size: 14px;
color: #ffffff;
border: none;
border-radius: 8px;
}
.banner .register .btn_public_tiyan {
float: right;
height: 50px;
}
.banner .register .btn_public_tiyan a {
display: inline-block;
width: 96px;
text-align: center;
line-height: 50px;
font-size: 12px;
color: #ffffff;
border: none;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.48);
}
.banner .register .modal {
position: fixed;
display: none;
z-index: 99999;
top: 50%;
left: 50%;
width: 350px;
height: 250px;
/* background-color: pink; */
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.banner .register .modal .close {
position: absolute;
right: 0;
width: 40px;
height: 40px;
border-radius: 40px;
cursor: pointer;
background: url('/newsite/public/images/close.png') center no-repeat no-repeat;
transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
}
.banner .swiper {
position: absolute;
width: 428px;
height: 35%;
top: 34%;
right: 12%;
}
.banner .swiper .tabBigBox ul {
width: 428px;
height: 168px;
margin: 0;
padding: 0;
}
.banner .swiper .tabBigBox ul li {
position: relative;
float: left;
width: 136px;
height: 78px;
margin: 0 5px 5px 0;
padding: 15px 0 0 12px;
white-space: nowrap;
cursor: pointer;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
border: 1px solid rgba(255, 255, 255, 0.001);
}
.banner .swiper .tabBigBox ul li span {
display: block;
width: 100%;
font-size: 12px;
color: #ffffff;
font-weight: 700;
}
.banner .swiper .tabBigBox ul li p {
color: rgba(255, 255, 255, 0.48);
font-size: 11px;
}
.banner .swiper .tabBigBox ul li p i {
font-style: normal;
}
.banner .swiper .tabBigBox ul li .progress {
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.001);
width: 136px;
height: 6px;
border-radius: 0 !important;
margin-bottom: 0 !important;
}
.banner .swiper .tabBigBox ul li .progress .bar {
height: 100%;
background-color: #ffffff;
animation: progress 3s linear 1;
}
.banner .swiper .tabBigBox ul li:hover {
/* background-color: #fff !important; */
border: 1px solid #ffffff;
}
/* .banner .swiper .tabBigBox ul li:hover span{
color:#555555 !important;
}
.banner .swiper .tabBigBox ul li:hover p{
color:#999999 !important;
} */
.banner .swiper .tabBigBox .alive {
/* background-color: #fff !important;
color:#ccc !important; */
border: 1px solid #ffffff;
}
.banner .swiper .tabBigBox .alive span {
/* color:#555555 !important; */
}
.banner .swiper .tabBigBox .alive p {
/* color:#999999 !important; */
}
.banner .swiper .tabSmallBox ul {
margin: 0;
padding: 0;
width: 110px;
height: 40px;
}
.banner .swiper .tabSmallBox ul li {
float: left;
display: inline-block;
cursor: pointer;
margin: 0 5px 5px 0;
width: 22px;
height: 17px;
}
.container1 {
width: 100%;
height: 580px;
}
.banner .swiper .tabSmallBox .alive {
background-color: #fff !important;
}
.banner .page_change_btn {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
top: 50%;
/* background-color: pink; */
width: 100%;
height: 100%;
transform: translate(0, -50%)
}
.banner .page_change_btn i {
color: #ffffff;
font-size: 48px;
}
.banner .page_change_btn .forward_page_btn {
margin-left: 15px;
height: 100%;
width: 64px;
display: flex;
align-items: center;
cursor: pointer;
opacity: 0.16;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.banner .page_change_btn .forward_page_btn i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
display: inline-block;
/* font-size: 48px; */
}
.banner .page_change_btn .next_page_btn {
margin-right: 15px;
height: 100%;
width: 64px;
display: flex;
align-items: center;
cursor: pointer;
opacity: 0.16;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.banner .page_change_btn .next_page_btn i {
/* font-size: 48px; */
}
.banner .page_change_btn .forward_page_btn:hover,
.banner .page_change_btn .next_page_btn:hover {
opacity: 1;
}
/* .section1 {
display: inline-block;
position: relative;
height: 580px;
width: 100%;
}
.section1 .swiper-header {
float: left !important;
width: 25%;
height: 580px;
padding-right: 24px;
vertical-align: top;
background-color: pink;
}
.section1 .swiper-container {
float: right !important;
position: static !important;
width: 75%;
height: 580px;
}
.section1 .swiper-container .swiper-slide {
padding-right: 24px;
}
.section1 .swiper-container .swiper-slide a {
display: inline-block;
width: 100%;
height: 100%;
background-color: #f9f9fb;
}
.section1 .swiper-container .swiper-slide a img {
width: 100%;
}
.section1 .swiper-container .pagination1 {
position: absolute!important;
width: 400px;
left: 168px !important;
bottom: 20px !important;
}
.section2 {
display: inline-block;
position: relative;
margin-top: 100px;
height: 580px;
width: 100%;
}
.section2 .swiper-header {
float: right !important;
width: 25%;
height: 580px;
background-color: red;
}
.section2 .swiper-container {
float: left !important;
position: static !important;
width: 75%;
height: 580px;
}
.section2 .swiper-container .pagination2 {
position: absolute!important;
width: 400px;
left: 1348px !important;
bottom: 20px !important;
} */
/*包裹自定义分页器的div的位置等CSS样式*/
.swiper-pagination-custom {
bottom: 10px;
left: 0;
width: 100%;
height: 6%;
}
/*重写分页器的样式，这个你自己想要什么样子自己写*/
.swiper-pagination-bullet {
width: 20px !important;
height: 4px !important;
display: inline-block;
margin: 0 5px;
opacity: 1;
border-radius: 0;
}
.swiper-pagination-bullet:nth-child(1) {
background-color: #3956bc;
}
.swiper-pagination-bullet:nth-child(2) {
background-color: #40b540;
}
.swiper-pagination-bullet:nth-child(3) {
background-color: #5672d5;
}
.swiper-pagination-bullet:nth-child(4) {
background-color: #8abf23;
}
.swiper-pagination-bullet:nth-child(5) {
background-color: #5193d9;
}
.swiper-pagination-bullet:nth-child(6) {
background-color: #6ac82c;
}
/*自定义分页器激活时的样式表现*/
.swiper-pagination-bullet-active {
background-color: #ffffff !important;
opacity: 1;
}
#solutionslist .swiper-pagination-bullet {
background-color: rgba(0, 0, 0, 0.12) !important;
}
#solutionslist .swiper-pagination-bullet-active {
background-color: #5672d5 !important;
}
#digitalslist .swiper-pagination-bullet {
background-color: rgba(0, 0, 0, 0.12) !important;
}
#digitalslist .swiper-pagination-bullet-active {
background-color: #5672d5 !important;
}
/* 手机轮播图 */
#mySwiper_m {
height: 100%;
overflow: hidden;
}
#mySwiper_m .swiper-pagination-m {
position: absolute !important;
top: 86%;
z-index: 99;
left: 24px;
width: 30%;
height: 8%;
line-height: 12px;
}
#mySwiper_m .swiper-wrapper .swiper-slide {
/* background-color: pink; */
display: inline-block;
width: 100%;
height: 100%;
}
#mySwiper_m .swiper-slide .title {
text-align: left;
padding-left: 12%;
padding-top: 25%;
color: #fff
}
#mySwiper_m .swiper-slide .title p:nth-child(1) {
font-size: 20px;
margin: 5px 0;
letter-spacing: 4px;
}
#mySwiper_m .swiper-slide .title p:nth-child(2) {
margin-top: 5px;
font-size: 30px;
letter-spacing: 6px;
}
#mySwiper_m .swiper-slide .title p:nth-child(3) {
font-size: 8px;
letter-spacing: 9px;
}
#mySwiper_m .swiper-slide .title p:nth-child(4) {
margin-top: 10px;
font-size: 16px;
letter-spacing: 3px;
}
@keyframes progress {
from {
width: 0;
}
to {
width: 100%;
}
}
/*-------------------------
手机屏幕
---------------------------*/
@media (max-width:389px) {
.banner .register {
z-index: 99;
top: 56%;
width: 30%;
height: 10%
}
.banner .register .hbanner-otherinfo-form {
display: none
}
.banner .register .btn_public_tiyan {
float: left
}
.banner .swiper .tabBigBox {
display: none
}
.banner .swiper {
left: 12%;
top: 44%;
width: 30%;
height: 10%
}
.banner .bgImages ul li .title {
position: absolute;
top: 22%;
left: 12%;
color: #fff;
}
.banner .bgImages ul li .title p:nth-child(1) {
font-size: 32px;
margin: 5px 0;
letter-spacing: 2px;
}
.banner .bgImages ul li .title p:nth-child(2) {
margin-top: 5px;
font-size: 30px;
letter-spacing: 2px;
}
.banner .bgImages ul li .title p:nth-child(3) {
font-size: 8px;
letter-spacing: 4px;
}
.banner .bgImages ul li .title p:nth-child(4) {
margin-top: 10px;
font-size: 12px;
letter-spacing: 2px;
}
}
@media (min-width: 390px) and (max-width:767px) {
.banner .register {
z-index: 99;
top: 44%;
width: 30%;
height: 10%
}
.banner .register .hbanner-otherinfo-form {
display: none
}
.banner .register .btn_public_tiyan {
float: left
}
.banner .swiper .tabBigBox {
display: none
}
.banner .swiper {
left: 12%;
top: 33%;
width: 30%;
height: 10%
}
.banner .bgImages ul li .title {
position: absolute;
top: 22%;
left: 12%;
color: #fff;
}
.banner .bgImages ul li .title p:nth-child(1) {
font-size: 32px;
margin: 5px 0;
letter-spacing: 2px;
}
.banner .bgImages ul li .title p:nth-child(2) {
margin-top: 5px;
font-size: 30px;
letter-spacing: 2px;
}
.banner .bgImages ul li .title p:nth-child(3) {
font-size: 8px;
letter-spacing: 4px;
}
.banner .bgImages ul li .title p:nth-child(4) {
margin-top: 10px;
font-size: 12px;
letter-spacing: 2px;
}
}
/*-------------------------
pad屏幕
---------------------------*/
@media (min-width: 768px) and (max-width:991px) {
.banner .register {
z-index: 99;
top: 80%;
}
.banner .register .hbanner-otherinfo-form {
display: none
}
.banner .register .btn_public_tiyan {
float: left
}
.banner .swiper .tabBigBox {
display: none
}
.banner .swiper .tabBigBox {
display: none
}
.banner .swiper {
display: none;
left: 12%;
top: 60%;
}
}
/*-------------------------
小屏幕
---------------------------*/
@media (min-width: 992px) and (max-width:1100px) {
.header .hometopmenu>ul>li>a {
padding: 0px 8px !important;
}
.maincontainer {
padding: 0px 0px;
}
.bootcontainer2 {
padding: 0px 15px;
}
}
@media (min-width: 992px) and (max-width:1369px) {
.banner .register {
z-index: 99;
top: 80%;
}
.banner .register .hbanner-otherinfo-form {
display: none
}
.banner .register .btn_public_tiyan {
float: left
}
/* .banner .swiper {
display: none
} */
.banner .swiper {
left: 54%;
top: 34%;
}
.banner .bgImages ul li .title {
top: 20%;
}
}
/*-------------------------
15寸屏幕
---------------------------*/
@media (max-width: 1280px) {
.pagenav_submentlist_desc {
display: none !important;
}
.solution_icon {
padding-bottom: 4px;
margin-bottom: 4px;
}
.pagenav_submentlist_text_blod .pagenav_submenumain_f1_child3 li {
margin-bottom: 4px;
padding-bottom: 4px;
}
.pagenav_submenumain_f1_child3 {
width: 14%;
}
.pagenav_submentlist_text_blod .pagenav_submentlist_text {
font-weight: normal;
}
}
@media (max-width: 1440px) {
.pagenav_submentlist_text_blod .pagenav_submentlist_text2 {
display: none;
}
.pagenav_submenumain_f1_child1 {
width: 20%;
}
.pagenav_submenumain_f1_child2 {
width: 15%;
}
.pagenav_submenumain_f1_child3 {
width: 12%;
}
}
@media (min-width: 1281px) and (max-width: 1369px) {
}
/*-------------------------
大屏幕
---------------------------*/
@media (min-width: 1600px) {}
@media (min-width: 1921px) {
#header { display: flex; justify-content: center; }
.header { display: flex; justify-content: center; }
.banner .swiper { right: 20%; }
}
@media (max-width: 768px) {
	#header{min-height:60px;}
}