html,
body {
position: relative;
height: 100%;
}
body {
font-family: 'TONG';
color: #000;
margin: 0;
padding: 0;
overflow-x: hidden;
}
/*
@font-face {
font-family: 'TONG';
src: url('../font/PingFang\ Medium.ttf');
}
@font-face {
font-family: 'DATA';
src: url('../font/HelveticaBlackSemi\ Bold.ttf');
}
@font-face {
font-family: 'SHUN';
src: url('../font/MontserratBlack.otf');
}
@font-face {
font-family: 'XI';
src: url('../font/PingFang\ ExtraLight.ttf');
}
@font-face {
font-family: 'HHHH';
src: url('../font/PingFang\ Bold.ttf');
}
@font-face {
font-family: 'TITI';
src: url('../font/HelveticaNarrow\ Bold.ttf');
}
@font-face {
font-family: 'SUZ';
src: url('../font/GOTHICB.TTF');
}
@font-face {
font-family: 'TYW';
src: url('../font/PingFang\ Regular.ttf');
}
*/
a:hover {
text-decoration: none;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
dl {
margin-bottom: 0;
}
p {
font-size: 16px;
color: #555;
}
.container-fluid-ten {
padding: 0 10%;
}
.navTitle .row,
.pageviews.row,
.on-exhibition.row,
.exhibitionData .row,
.exhibitorValue.row {
margin-left: 0;
margin-right: 0;
}
.swiper-banner {
width: 100%;
height: 100vh;
overflow: hidden;
}
.swiper-container-banner .swiper-slide {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #fafafa;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #fafafa;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
background-color: rgba(0, 0, 0, .2);
}
/*刷新*/
.brand-name {
transition: .3s all ease;
}
.page-loader {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
float: left;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
z-index: 9999999;
background: #fff;
transition: .3s all ease;
}
.page-loader.loaded {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.page-loader.ending {
display: none;
}
.page-loader>* {
position: relative;
top: -40px;
}
.page-loader-image {
display: block;
text-align: center;
}
.page-loader-body {
margin-top: 30px;
text-align: center;
}
.cssload-jumping {
position: relative;
display: block;
width: 300px;
}
.cssload-jumping,
.cssload-jumping * {
box-sizing: border-box;
}
.cssload-jumping span {
display: inline-block;
height: 11px;
width: 11px;
margin: 0 5%;
background: #009999;
border-radius: 487px;
background-clip: padding-box;
}
.cssload-jumping span:nth-child(1) {
animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(2) {
animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(3) {
animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(4) {
animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(5) {
animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
@-webkit-keyframes scale {
0% {
-o-transform: scale(0);
}
25% {
-o-transform: scale(0.9, 0.9);
background: #009999;
}
50% {
-o-transform: scale(1, 1);
margin: 0 5px;
background: #ff7400;
}
100% {
-o-transform: scale(0);
}
}
@keyframes scale {
0% {
-o-transform: scale(0);
}
25% {
-o-transform: scale(0.9, 0.9);
background: #009999;
}
50% {
-o-transform: scale(1, 1);
margin: 0 5px;
background: #ff7400;
}
100% {
-o-transform: scale(0);
}
}
/* TOP */
.to-top {
display: none;
color: #fff;
background-color: #ff7400;
z-index: 999;
width: 42px;
height: 42px;
border-radius: 50px;
text-align: center;
right: 2% !important;
}
.to-top i {
font-size: 14px;
line-height: 48px;
border-top: 2px solid #fff;
padding-top: 4px;
border-radius: 2px;
transition: all 0.3s ease-out 0s;
}
.to-top:hover i {
color: #fff;
}
.to-top:hover {
background-color: #333;
}
/*导航*/
.site-header .navigation {
background-color: #fff;
margin-bottom: 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.site-header .navigation>.container {
position: relative;
}
.site-header #navbar {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
margin-right: 1.6%;
}
.site-header #navbar>ul li>a:hover {
text-decoration: none;
color: #fff;
}
.site-header #navbar>ul li.active>a {
color: #fff;
background: none;
display: flex;
align-items: center;
position: relative;
}
.site-header #navbar>ul li.active>a i {
font-size: 15px;
margin-right: 6px;
line-height: 0;
}
.site-header #navbar>ul>.menu-item-has-children>a {
position: relative;
background-color: transparent;
}
@media screen and (min-width:991px) {
.site-header #navbar>ul li.active>a::before {
content: "";
width: 51px;
height: 5px;
border-radius: 50px;
background-color: #fff;
position: absolute;
top: -38px;
}
.navFixedTop #navbar>ul li.active>a::before {
content: "";
width: 51px;
height: 5px;
border-radius: 50px;
background-color: #009999;
position: absolute;
top: 0px !important;
transition: all 0.3s ease-out 0s;
}
.navFixedTop {
background-color: #fff !important;
transition: all 0.3s ease-out 0s;
}
.navFixedTop #navbar>ul li.active>a {
color: #009999 !important;
}
.navFixedTop #navbar>ul>li>a,
.navFixedTop .sb-icon-search {
color: #555 !important;
transition: all 0.3s ease-out 0s;
}
.navFixedTop .logoWhite,
.navbar-brand>img.logoBlue {
display: none;
}
.navFixedTop .logoBlue {
display: block !important;
}
.site-header #navbar {
width: 50%;
}
.navbar-topnav {
display: flex;
justify-content: space-between;
width: 100%;
}
.container-fluid-box {
padding: 0 5%;
}
.site-header #navbar li {
position: relative;
}
.site-header #navbar>ul>li>a {
font-size: 15px;
/* padding:61.5px 0; */
padding: 25px 0 34px;
}
.navFixedTop #navbar>ul>li {
padding-bottom: 10px;
}
.navFixedTop #navbar>ul>li>a {
padding: 25px 0 25px !important;
}
.site-header #navbar>ul .sub-menu {
background-color: #fff;
width: 180px;
position: absolute;
left: 50%;
top: 80%;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
transform: translateX(-50%);
}
.site-header #navbar>ul .sub-menu:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #fff transparent;
margin: 0 0 0 20px;
padding-top: 1px;
position: absolute;
top: -9px;
left: 50%;
margin-left: -8px;
}
.site-header #navbar>ul .sub-menu .sub-menu:before {
display: none;
}
.site-header #navbar>ul>li .sub-menu li {
border-bottom: 1px solid #e5e5e5;
}
.site-header #navbar>ul>li .sub-menu li:last-child {
border-bottom: 0;
}
.site-header #navbar>ul>li .sub-menu a {
font-size: 14px;
display: block;
padding: 13px 20px;
color: #555;
}
.site-header #navbar>ul>li .sub-menu a i {
font-size: 12px;
color: #555;
float: right;
margin-right: 20px;
opacity: 0;
display: none;
}
.site-header #navbar>ul>li .sub-menu a:hover i {
color: #fff;
margin-right: 5px;
opacity: 1;
}
.site-header #navbar>ul>li .sub-menu a:hover {
padding-left: 35px;
background-color: #009999;
color: #fff;
}
.site-header #navbar>ul>li .sub-menu a,
.site-header #navbar>ul>li .sub-menu a i {
transition: all 0.3s ease-out 0s;
}
.site-header #navbar>ul>li>.sub-menu .sub-menu {
left: 100%;
top: 0;
}
.site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a {
position: relative;
}
.site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a:before {
font-family: "themify";
content: "\e649";
font-size: 11px;
font-size: 0.6875rem;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-header #navbar>ul>li:hover>.sub-menu {
top: 100%;
visibility: visible;
opacity: 1;
}
.site-header #navbar .sub-menu>li:hover>.sub-menu {
left: 100%;
visibility: visible;
opacity: 1;
}
}
@media screen and (max-width: 991px) {
.container-fluid-box {
padding: 0 5%;
}
.container-fluid-box .row {
margin: 0;
}
.yddForm .form-horizontal .form-group>div {
padding: 0;
}
.yddForm .form-horizontal .form-group>div .form-control {
height: 48px;
border-radius: 0;
}
.yddForm .form-horizontal .form-group>div .btn-default {
height: 48px;
border-radius: 0;
border-left: 0;
}
.yddForm .form-horizontal .form-group {
margin: 20px 0 0 15px;
}
.site-header #navbar>ul>li .sub-menu a i {
font-size: 12px;
color: #555;
float: right;
margin-right: 20px;
opacity: 0;
}
.site-header #navbar>ul>li .sub-menu a:hover i {
color: #fff;
margin-right: 5px;
opacity: 1;
}
.site-header #navbar>ul>li .sub-menu a:hover {
padding-left: 35px;
background-color: #009999;
color: #fff;
}
.site-header #navbar>ul>li .sub-menu a,
.site-header #navbar>ul>li .sub-menu a i {
transition: all 0.3s ease-out 0s;
}
.site-header #navbar>ul li.active>a {
color: #009999;
}
.site-header .navbar-nav {
margin: 0;
}
.header-style-3 .navigation {
background-color: #009999 !important;
margin-top: 0 !important;
}
.site-header #navbar>ul>li a {
display: block;
font-size: 15px;
}
.site-header #navbar>ul>li .sub-menu li {
border-bottom: 1px solid #e5e5e5;
}
.site-header #navbar>ul .sub-menu>li:last-child {
border-bottom: 0;
}
.site-header #navbar>ul>li>.sub-menu a {
padding: 18px 15px 18px 45px;
background-color: #fafafa;
color: #555;
}
.site-header #navbar>ul>li>.sub-menu .sub-menu a {
padding: 8px 15px 8px 65px;
}
.site-header #navbar>ul .menu-item-has-children>a {
position: relative;
}
}
@media screen and (min-width: 750px) {
.site-header #navbar .has-mega-menu {
position: static;
}
.site-header #navbar .mega-menu,
.site-header #navbar .half-mega-menu {
background-color: #fff;
padding: 20px;
border-top: 2px solid #f47425;
position: absolute;
right: 0;
top: 100%;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.site-header #navbar .mega-menu {
width: 1140px;
right: 15px;
}
.site-header #navbar .half-mega-menu {
width: 585px;
}
.site-header #navbar .mega-menu-box-title {
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
font-weight: bold;
display: block;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid #e6e6e6;
}
.site-header #navbar .mega-menu-list-holder li a {
font-size: 14px;
font-size: 0.875rem;
display: block;
padding: 7px 8px;
margin-left: -8px;
}
.site-header #navbar .has-mega-menu:hover>ul {
top: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 1199px) {
.site-header #navbar>ul .mega-menu {
width: 950px;
right: 15px;
}
.site-header #navbar>ul .half-mega-menu {
width: 485px;
}
}
@media (max-width: 991px) {
.site-header #navbar>ul .mega-menu,
.site-header #navbar>ul .half-mega-menu {
width: auto;
}
.site-header #navbar>ul .mega-menu .row,
.site-header #navbar>ul .half-mega-menu .row {
margin: 0;
}
.site-header #navbar .mega-menu-content>.row>.col {
margin-bottom: 25px;
}
}
@media (max-width: 991px) {
.site-header #navbar .mega-menu .mega-menu-list-holder a {
padding: 5px 15px 5px 40px;
}
.site-header #navbar .mega-menu .mega-menu-box-title {
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
display: block;
border-bottom: 1px dotted #b3b3b3;
padding: 0 0 4px 5px;
margin: 0 25px 8px 25px;
}
}
@media screen and (min-width:991px) {
.site-header .navbar-header .open-btn {
display: none;
}
.site-header #navbar .close-navbar {
display: none;
}
}
@media (max-width:991px) {
#page-topnav.navbar-fixed-bottom .navbar-collapse,
#page-topnav.navbar-fixed-top .navbar-collapse {
max-height: 100% !important;
z-index: 999;
}
.site-header .container {
width: 100%;
}
.site-header .navbar-header button {
background-color: #fff;
width: 40px;
height: 35px;
border: 0;
padding: 5px 10px;
outline: 0;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 20;
}
.site-header .navbar-header button span {
background-color: #009999;
display: block;
height: 2px;
margin-bottom: 5px;
}
.site-header .navbar-header button span:last-child {
margin: 0;
}
.site-header #navbar {
background: #fff;
display: block !important;
width: 100%;
height: 100% !important;
margin: 0;
padding: 0;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
position: fixed;
right: -100%;
top: 0;
z-index: 100;
}
.site-header #navbar ul a:hover,
.site-header #navbar ul li.current a {
color: #f47425;
}
.site-header #navbar .navbar-nav {
overflow: auto;
position: relative;
padding-bottom: 40% !important;
background-color: #fff;
height: 100vh;
padding-top: 15px;
}
.site-header #navbar .navbar-nav::-webkit-scrollbar {
display: none;
}
.site-header #navbar .sb-search {
position: absolute;
top: 39px;
right: 20%;
}
.sb-icon-search {
color: #f47425 !important;
}
.site-header #navbar .close-navbar {
background-color: #fff;
width: 40px;
height: 40px;
color: #000;
border: 0;
outline: none;
position: absolute;
right: 4%;
top: 24px;
z-index: 20;
}
.site-header #navbar .close-navbar .ti-close {
position: relative;
top: 1px;
}
.site-header #navbar>ul>li {
border-bottom: 1px solid #f2f2f2;
}
.site-header #navbar>ul>li>a {
padding: 24px 15px 24px 35px;
color: #333;
}
.site-header .slideInn {
right: 0 !important;
}
.site-header #navbar>ul li a:hover {
background-color: #009999;
}
.close-navbar.close {
opacity: 1;
font-size: 20px;
color: #999 !important;
}
}
@media (max-width: 991px) {
.site-header #navbar>ul li a:hover {
color: #fff;
}
.site-header .navbar-collapse.collapse {
display: none;
}
.site-header .navbar-collapse.collapse.in {
display: block;
}
.site-header .navbar-header .collapse,
.site-header .navbar-toggle {
display: block;
}
.site-header .navbar-header {
float: none;
}
.site-header .navbar-right {
float: none;
}
.site-header .navbar-nav {
float: none;
}
.site-header .navbar-nav>li {
float: none;
}
}
@media (max-width: 991px) {
.page-wrapper {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.body-overlay:before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
position: absolute;
left: 0;
top: 0;
z-index: 10;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
}
@media screen and (min-width:991px) {
.header-style-3 {
width: 100%;
position: absolute;
z-index: 100;
left: 0;
top: 0;
}
.header-style-3 .navigation {
background-color: rgba(0, 0, 0, 0.1);
}
.header-style-3 .navbar-brand {
height: auto;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-style-3 #navbar>ul>li>a {
font-size: 15px;
color: #333;
}
}
@media (max-width: 991px) {
.header-style-3 .navigation {
background: #222328;
padding: 0;
}
.header-style-3 .navbar-brand {
padding-top: 3px;
}
.header-style-3 .navbar-brand img {
width: 75%;
height: auto;
}
}
.header-style-3 .cart-contact {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.header-style-3 .cart-contact>div {
float: left;
position: relative;
}
.header-style-3 {
position: relative;
}
.header-style-3 .navigation {
background-color: #fff;
}
.header-style-3 .cart-contact .fi {
color: #333;
}
@media screen and (min-width:991px) {
.header-style-3 #navbar>ul>li>a,
.header-style-3 .cart-contact .fi {
color: #333;
}
}
.header-style-3 .topbar {
border-bottom: 1px solid #f2f2f2;
background: #182333;
color: #fff;
}
.site-header .contact-info {
position: relative;
z-index: 1;
}
.site-header .contact-info:after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 5000px;
height: 100%;
background-color: #f47425;
z-index: -1;
}
@media (max-width: 750px) {
.header-style-3 .contact-info {
text-align: center;
}
}
.header-style-3 .contact-info ul {
overflow: hidden;
font-size: 15px;
font-size: 0.9375rem;
}
@media (max-width: 750px) {
.header-style-3 .contact-info ul {
display: inline-block;
margin: 0 0 10px;
}
.site-header .contact-info::after {
width: 100%;
}
.header-style-3 .social {
margin: 5px 0 0;
}
}
.header-style-3 .contact-info ul li {
float: left;
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 750px) {
.header-style-3 .contact-info ul li {
float: none;
border: 0;
padding-top: 15px;
padding-bottom: 5px;
}
}
.header-style-3 .contact-info ul>li+li {
margin-left: 20px;
padding-left: 20px;
}
@media (max-width: 991px) {
.header-style-3 .contact-info ul>li+li {
margin-left: 15px;
padding-left: 15px;
}
}
@media (max-width: 750px) {
.header-style-3 .contact-info ul>li+li {
margin: 0;
padding: 5px 0 0;
border: 0;
}
}
.header-style-3 .contact-info li i {
display: inline-block;
padding-right: 5px;
position: relative;
top: 2px;
}
@media (max-width: 750px) {
.header-style-3 .social {
text-align: center;
}
}
.header-style-3 .social-links {
float: right;
padding-top: 13px;
}
@media (max-width: 750px) {
.header-style-3 .social-links {
float: none;
display: inline-block;
padding: 5px 0 20px;
}
}
.header-style-3 .social-links ul {
overflow: hidden;
position: relative;
top: 2px;
}
.header-style-3 .social-links li {
float: left;
}
.header-style-3 .social-links ul>li+li {
margin-left: 15px;
}
.header-style-3 .social-links a {
font-size: 14px;
color: #fff;
}
@media (max-width: 991px) {
.header-style-3 .social-links a {
font-size: 13px;
font-size: 0.8125rem;
}
}
.header-style-3 .social-links a:hover {
color: #f47425;
}
/*导航*/
/* .header-style-3 .navbar-brand img {
max-width: 200px;
} */
@media screen and (min-width:991px) {
.header-style-3 {
width: 100%;
position: absolute;
z-index: 100;
left: 0;
top: 0;
}
.header-style-3 .navigation {
background-color: rgba(0, 0, 0, 0.1);
}
.header-style-3 .navbar-brand {
height: auto;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-style-3 #navbar>ul>li>a {
font-size: 15px;
color: #fff;
}
}
@media (max-width: 991px) {
.header-style-3 .navigation {
background: #222328;
padding: 8px 15px;
}
.header-style-3 .navbar-brand {
padding-top: 3px;
}
}
.header-style-3 .navbar-brand {
padding: 0;
}
.header-style-3 .cart-contact {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.header-style-3 .cart-contact>div {
float: left;
position: relative;
}
.header-style-3 {
position: relative;
}
.header-style-3 .navigation {
background-color: transparent;
height: 70px;
margin-top: 38px;
}
.navFixedTop.navigation {
margin-top: 0 !important;
box-shadow: 10px 0 10px rgba(0, 0, 0, .2);
}
.header-style-3 .cart-contact .fi {
color: #333;
}
@media screen and (min-width:991px) {
.header-style-3 #navbar>ul>li>a,
.header-style-3 .cart-contact .fi {
color: #fff;
font-weight: 500;
}
}
.header-style-3 .topbar {
border-bottom: 1px solid #f2f2f2;
background: #182333;
color: #fff;
}
.site-header .contact-info {
position: relative;
z-index: 1;
}
.site-header .contact-info:after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 5000px;
height: 100%;
background-color: #f47425;
z-index: -1;
}
@media (max-width: 750px) {
.header-style-3 .contact-info {
text-align: center;
}
.header-style-3 .navigation {
height: 60px;
}
}
.header-style-3 .contact-info ul {
overflow: hidden;
font-size: 15px;
font-size: 0.9375rem;
}
@media (max-width: 750px) {
.header-style-3 .contact-info ul {
display: inline-block;
margin: 0 0 10px;
}
.site-header .contact-info::after {
width: 100%;
}
.header-style-3 .social {
margin: 5px 0 0;
}
}
.header-style-3 .contact-info ul li {
float: left;
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 991px) {
.header-style-3 .contact-info ul li {
font-size: 13px;
font-size: 0.8125rem;
}
}
@media (max-width: 750px) {
.header-style-3 .contact-info ul li {
float: none;
border: 0;
padding-top: 15px;
padding-bottom: 5px;
}
}
.header-style-3 .contact-info ul>li+li {
margin-left: 20px;
padding-left: 20px;
}
@media (max-width: 991px) {
.header-style-3 .contact-info ul>li+li {
margin-left: 15px;
padding-left: 15px;
}
}
@media (max-width: 750px) {
.header-style-3 .contact-info ul>li+li {
margin: 0;
padding: 5px 0 0;
border: 0;
}
}
.header-style-3 .contact-info li i {
display: inline-block;
padding-right: 5px;
position: relative;
top: 2px;
}
@media (max-width: 750px) {
.header-style-3 .social {
text-align: center;
}
}
.header-style-3 .social-links {
float: right;
padding-top: 13px;
}
@media (max-width: 750px) {
.header-style-3 .social-links {
float: none;
display: inline-block;
padding: 5px 0 20px;
}
}
.header-style-3 .social-links ul {
overflow: hidden;
position: relative;
top: 2px;
}
.header-style-3 .social-links li {
float: left;
}
.header-style-3 .social-links ul>li+li {
margin-left: 15px;
}
.header-style-3 .social-links a {
font-size: 14px;
color: #fff;
}
@media (max-width: 991px) {
.header-style-3 .social-links a {
font-size: 13px;
font-size: 0.8125rem;
}
}
.header-style-3 .social-links a:hover {
color: #f47425;
}
/* 搜索 */
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sb-search {
position: relative;
width: 0%;
min-width: 60px;
height: 60px;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
z-index: 999;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: transparent;
width: 93%;
height: 60px;
margin: 0;
z-index: 10;
padding: 20px 65px 20px 20px;
font-family: inherit;
font-size: 16px;
color: #2c3e50;
transition: all 0.3s ease-out 0s;
}
.sb-search-input::-webkit-input-placeholder {
color: #999;
}
.sb-search-input:-moz-placeholder {
color: #999;
}
.sb-search-input::-moz-placeholder {
color: #999;
}
.sb-search-input:-ms-input-placeholder {
color: #999;
}
.sb-icon-search,
.sb-search-submit {
width: 60px;
height: 60px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 60px;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #fff;
/* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 8 */
filter: alpha(opacity=0);
/* IE 5-7 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
color: #fff;
background: transparent;
z-index: 90;
font-size: 22px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.search-results {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width:750px) {
.search-results {
font-size: 18px;
font-weight: bold;
}
}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
}
.sb-search-open .sb-search-input {
background-color: #fff;
border: 1px solid #e5e5e5;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: transparent;
color: #ff7400;
z-index: 11;
}
.navFixedTop .sb-search.sb-search-open .sb-icon-search,
.navFixedTop .no-js .sb-search .sb-icon-search {
background: transparent;
color: #ff7400 !important;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90;
}
.sb-search form .sb-icon-search {
font-size: 18px;
}
.navHeader .sb-search {
position: absolute;
top: 50%;
right: 3.4%;
transform: translateY(-50%);
}
.search-for {
width: 100%;
background-color: #009999;
padding: 160px 10% 5%;
}
.search-for .btn {
border-radius: 0;
font-size: 16px;
}
.search-for .form-control {
height: 50px;
border-radius: 0;
font-size: 16px;
}
.search-for .btn-warning {
background-color: #ff7400;
border-color: #ff7400;
}
.search-for .btn-warning:hover {
background-color: #e86800;
border-color: #c75a00;
transition: all 0.3s ease-out 0s;
}
.search-content .col1:first-child {
margin-top: 0;
}
.search-content .col1 font {
color: #ff7400 !important;
}
.search-content .col1 {
border-bottom: 1px dashed #e0e0e0;
padding-bottom: 20px;
margin-top: 20px;
}
.search-content .col1 .mainlinklist {
margin-bottom: 8px;
}
.search-content .col1 .mainlinklist a {
font-size: 20px;
color: #555;
list-style: none;
}
.search-content .col1 .descriptions {
font-size: 16px;
color: #555;
list-style: none;
margin-bottom: 6px;
line-height: 26px;
text-indent: 0;
}
.search-content .col1 .addinfos {
font-size: 14px;
color: #999;
}
.search-content .col1 .addinfos a {
display: none;
}
.search-for .btn {
height: 50px;
}
@media screen and (min-width:750px) {
.search-for .btn {
padding: 0 38px;
}
}
@media screen and (max-width:750px) {
.sb-search-input {
width: 75%;
}
.search-for .btn {
padding: 0 15px;
}
.search-for .btn,
.search-for .form-control {
font-size: 14px;
}
.search-for {
padding: 90px 10% 30px;
}
}
/*轮播*/
.swiper-container-banner {
position: relative;
}
.fixedArea {
position: absolute;
bottom: 5%;
left: 0;
width: 100%;
}
/*轮播文字*/
.swiperAnimate {
position: relative;
width: 100%;
overflow: hidden;
}
.swiperAnimateLeft {
width: 100%;
height: auto;
position: absolute;
top: 43.9%;
left: 50%;
transform: translate(-50%, -50%);
}
.swiperAnimateCenter {
width: 100%;
height: auto;
position: absolute;
top: 46.3%;
left: 50%;
transform: translate(-50%, -50%);
}
.swiperAnimateRight {
width: 100%;
height: auto;
position: absolute;
top: 42.3%;
left: 50%;
transform: translate(-50%, -50%);
}
.swiperAnimateConter img {
width: 100%;
height: auto;
}
@media screen and (min-width:992px) {
.swiper-container-banner .swiper-slide .swiperAnimate>.swiper-slideBj {
width: 100%;
height: 100vh !important;
margin: 0 auto;
}
}
.swiper-container-banner .swiper-slide .swiperAnimate {
display: flex;
justify-content: center;
}
/*切换*/
.fixedArea {
z-index: 50;
}
.fixedArea .outsideFixedArea .insideOfFixedArea {
width: 100%;
background-color: #fff;
border-radius: 4px;
}
.bannerSwitch {
width: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(#00e4cc), to(#009999));
background-image: linear-gradient(130deg, #00e4cc, #009999);
border-radius: 4px;
display: flex;
justify-content: center;
padding: 7.54% 8%;
}
.fixedArea .outsideFixedArea li {
padding-left: 0;
padding-right: 0;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree,
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree>a {
display: flex;
align-items: center;
justify-content: center;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree>a {
padding: 5px 0;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree i {
font-size: 24px;
color: #ff7400;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree div p {
margin-bottom: 0;
font-size: 16px;
color: #ff7400;
margin-left: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree>a:hover {
text-decoration: none;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div:last-child {
border-right: transparent;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div {
padding: 1.51% 0;
}
.bannerSwitch .bannerSwitchLeft,
.bannerSwitch .bannerSwitchRight {
position: relative;
height: 44px;
display: flex;
align-items: center;
}
.bannerSwitch .bannerSwitchLeft {
width: 60%;
}
.bannerSwitch .bannerSwitchLeft .swiper-pagination {
display: flex;
justify-content: space-between;
align-items: center;
width: 90%;
}
.bannerSwitch .bannerSwitchRight {
width: 40%;
}
.bannerSwitch .swiper-button-prev:after,
.swiper-container-rtl .bannerSwitch .swiper-button-next:after,
.bannerSwitch .swiper-button-next:after,
.swiper-container-rtl .bannerSwitch .swiper-button-prev:after {
content: '';
}
.bannerSwitch .bannerSwitchRight>div {
width: 36px;
height: 36px;
border-radius: 50px;
border: 1px solid #fff;
}
.bannerSwitch .bannerSwitchRight div i {
font-size: 16px;
color: #fff;
}
.bannerSwitchLeft .swiper-pagination-bullet-active,
.bannerSwitchLeft .swiper-pagination-bullet {
width: 30%;
height: 2px;
border-radius: 0;
margin-right: 0;
display: block;
}
.bannerSwitchLeft .swiper-pagination-bullet {
background-color: #fff;
}
.bannerSwitch .swiper-button-prev {
left: 0;
top: 56%;
}
.bannerSwitch .swiper-button-next {
right: 0;
top: 56%;
}
.bannerSwitchLeft .swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-pagination-bullet {
opacity: 0.4;
}
/* .bannerSwitch .swiper-button-next,
.swiper-container-rtl .bannerSwitch .swiper-button-prev{
right:0;
left: auto;
} */
.but_bottom i {
font-size: 32px;
z-index: 88;
color: #fff;
}
.but_i {
position: absolute;
bottom: -54px;
left: 50%;
margin-left: -16px;
-webkit-animation: slide 1s ease-out infinite;
animation: slide 1s ease-out infinite;
}
@media screen and (max-width:750px) {
.but_bottom i {
font-size: 18px;
}
.but_i {
bottom: -48px;
margin-left: -9px;
}
.swiper-banner>.swiper-wrapper>.swiper-slide>.swiperAnimate>img {
height: 100vh;
width: 100%;
margin: 0 auto;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree>a {
padding: 0;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div .exhibitionThree div p {
font-size: 14px;
}
.insideOfFixedArea {
margin: 0;
}
.fixedArea {
bottom: 6%;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div {
padding: 10px 0;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div:first-child {
border-bottom: 1px solid #e0e0e0;
border-right: transparent;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div {
border-right: 1px solid #e0e0e0;
}
.aboutExhibition {
padding: 10% 0;
}
.aboutOuter .aboutExhibitionContent>p {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
line-clamp: 6;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 24px;
}
}
@media screen and (min-width:750px) {
.fixedArea .outsideFixedArea .insideOfFixedArea {
margin-left: -10px;
}
.aboutExhibition {
padding-bottom: 50px;
}
.fixedArea .outsideFixedArea .insideOfFixedArea {
margin-left: -10px;
}
.aboutOuter {
display: flex;
justify-content: flex-start;
}
.aboutExhibitionContent,
.aboutOuter img {
width: 50%;
}
.fixedArea .outsideFixedArea .insideOfFixedArea>div {
border-right: 1px solid #e0e0e0;
}
}
/* 关于展会 */
.aboutExhibition {
width: 100%;
background: url(/images/aboutTheExhibitionBj.png) center no-repeat;
background-size: cover;
margin: 7.2% 0;
}
.aboutOuter {
width: 100%;
background-color: #fff;
}
.titleOutsideFrame {
display: flex;
justify-content: space-between;
align-items: center;
}
.titleOutsideFrame .titleInside dl {
margin-bottom: 0;
}
.titleOutsideFrame .titleInside dl dt {
width: 50px;
height: 50px;
border-radius: 50px;
background-image: -webkit-gradient(linear, right top, left top, from(#00e4cc), to(#009999));
background-image: linear-gradient(130deg, #00e4cc, #009999);
float: left;
}
.titleOutsideFrame .titleInside dl,
.titleOutsideFrame .titleInside dl dt {
display: flex;
justify-content: center;
align-items: center;
}
.titleOutsideFrame .titleInside dl dt i {
font-size: 28px;
color: #fff;
font-weight: normal;
}
.titleOutsideFrame .titleInside dl dd {
width: 110px;
}
.titleOutsideFrame .titleInside dl dd h3 {
font-size: 24px;
color: #333;
white-space: nowrap;
margin: 0;
}
.titleOutsideFrame .titleInside dl dd p span {
font-size: 12px;
color: #999;
z-index: 1;
position: relative;
}
.titleOutsideFrame .titleInside dl dd p {
position: relative;
margin-bottom: 0;
line-height: 10px;
}
.titleOutsideFrame .titleInside dl dd p::after {
content: "";
width: 94px;
height: 10px;
background-color: #f5f5f5;
position: absolute;
top: 4px;
left: 0;
}
.titleOutsideFrame .titleInside dl dt {
margin-right: 10px;
}
.aboutExhibitionContent {
padding: 3%;
}
.aboutExhibitionContent>p {
font-size: 16px;
color: #555;
line-height: 32px;
margin-bottom: 0;
margin-top: 4%;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
line-clamp: 8;
-webkit-box-orient: vertical;
}
@media screen and (max-width:750px) {
.titleOutsideFrame .titleInside dl dt i {
font-size: 16px;
}
.titleOutsideFrame .titleInside dl dt {
width: 36px;
height: 36px;
margin-right: 6px;
}
.titleOutsideFrame .titleInside dl dd h3 {
font-size: 18px;
}
.aboutExhibitionContent {
padding: 5%;
}
.aboutExhibitionContent>p {
line-height: 28px;
}
}
@media (max-width:992px) and (min-width:750px) {
.bannerSwitch {
padding: 4.5% 8%;
}
}
/*数据*/
.exhibitionData,
.dataSheet {
margin-bottom: 7.2%;
}
.exhibitionData ul li {
display: flex;
justify-content: center;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.exhibitionData ul li dl {
text-align: center;
margin-bottom: 0;
}
.exhibitionData ul li dl dt i {
font-size: 60px;
color: #009999;
font-weight: normal;
}
.exhibitionData ul li dl dd>div {
display: flex;
justify-content: center;
}
.exhibitionData ul li dl dd h3 {
font-size: 42px;
color: #009999;
font-family: 'SHUN'!important;
letter-spacing: -1px;
margin-bottom: 0;
margin-top: 0;
}
.exhibitionData ul li dl dd p {
font-size: 16px;
color: #2fc9c9;
margin-bottom: 0;
clear: both;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.exhibitionData ul li dl dd small {
color: #009999;
font-size: 18px;
font-family: 'SHUN'!important;
}
.exhibitionData ul li dl {
padding: 6%;
}
.exhibitionData ul {
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.exhibitionData ul li:hover {
background-color: #009999;
cursor: pointer;
}
.exhibitionData ul li:hover dl dd p,
.exhibitionData ul li:hover dl dd small,
.exhibitionData ul li:hover dl dd h3,
.exhibitionData ul li:hover dl dt i {
color: #fff;
}
.exhibitionData ul li dl dd p,
.exhibitionData ul li dl dd small,
.exhibitionData ul li dl dd h3,
.exhibitionData ul li dl dt i {
transition: all 0.3s ease-out 0s;
}
/* 展会规划 */
.exhibitionAreaPlanning {
position: relative;
}
.planningDiagram {
margin-top: 4.2%;
margin-bottom: 7.2%;
}
.planningDiagram li dl dd {
background-color: #004ea2;
text-align: center;
}
.planningDiagram li dl dd h4 {
font-size: 20px;
color: #fff;
margin-top: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.planningDiagram li dl dd p {
color: #fff;
font-size: 16px;
height: 94px;
overflow: auto;
line-height: 24px;
}
.planningDiagram li dl dd p::-webkit-scrollbar {
display: none;
}
.planningDiagram li dl dt {
overflow: hidden;
}
.planningDiagram li dl dd {
position: relative;
}
.planningDiagram li dl dd h2 {
position: absolute;
top: -32px;
left: 50%;
transform: translateX(-50%);
font-size: 70px;
font-family: "XI";
color: #FFF;
}
.planningDiagram li dl dd {
padding-top: 19%;
padding-left: 8.2%;
padding-right: 8.2%;
padding-bottom: 28%;
}
.planningDiagram li:first-child dl dd {
background-color: #fafafa;
padding-top: 0;
padding-bottom: 11.5%;
}
.planningDiagram li:first-child dl dd h3 {
font-size: 22px;
color: #fff;
background-color: #02a87f;
padding: 17px 0;
transition: all 0.3s ease-out 0s;
}
.planningDiagram li:first-child dl dd i {
font-size: 24px;
color: #fff;
width: 55px;
height: 55px;
text-align: center;
background-color: #02a87f;
display: inline-block;
line-height: 55px;
border-radius: 50px;
margin-bottom: 8px;
}
.planningDiagram li dl dt img {
transition: all 0.3s ease-out 0s;
}
.planningDiagram li:hover dl dt img {
transform: scale(1.2);
cursor: pointer;
}
.planningDiagram li:first-child:hover dl dd h3,
.planningDiagram li:first-child:hover dl dd i {
background-color: #ff7400;
cursor: pointer;
}
.exhibitionAreaPlanning::before {
content: "";
background: url(/images/pavilionPlanning.png)left no-repeat;
background-size: cover;
position: absolute;
left: -10%;
bottom: 12%;
padding: 11.2% 16.2%;
}
.exhibitionAreaPlanning::after {
content: "";
background: url(/images/pavilionPlanning2.png)right no-repeat;
background-size: cover;
position: absolute;
right: 1%;
bottom: 10%;
padding: 11.5% 11.2%;
z-index: -1;
}
.planningDiagram li:nth-child(3) dl dd {
background-color: #34bbcd;
}
.planningDiagram li:last-child dl dd {
background-color: #0080da;
}
@media screen and (max-width:750px) {
.exhibitionAreaPlanning::after,
.exhibitionAreaPlanning::before {
display: none;
}
}
/* 同期会议 */
@media screen and (min-width:750px) {
.meetingLeft {
position: relative;
width: 70%;
padding: 3.6% 10% 6% 10%;
}
.meetingLeftBj {
position: absolute;
top: 0;
left: -10%;
width: 103%;
height: 100%;
padding: 21% 0;
background-color: #009999;
background: url(/images/meetingLeftBj.jpg) center no-repeat;
background-size: cover;
transform: skew(-10deg, 0deg);
transform-origin: bottom right;
z-index: -1;
}
.meetingLeft::after {
content: "";
width: 93%;
height: 100%;
position: absolute;
top: 5.2%;
left: 2.2%;
background-color: rgba(204, 242, 245, 1);
transform: skew(-10deg, 0deg);
z-index: -99;
transform-origin: bottom right;
}
.meetingTite h4 {
font-size: 18px;
color: #fff;
margin-top: 1.6%;
margin-bottom: 4.1%;
}
.concurrentMeeting {
display: flex;
align-items: center;
}
}
@media screen and (max-width:750px) {
.meetingLeft {
padding-top: 13%;
padding-bottom: 12%;
position: relative;
}
.meetingLeftBj {
position: absolute;
top: 0;
left: -20%;
width: 150%;
height: 100%;
background-color: #009999;
background: url(/images/meetingLeftBj.jpg) center no-repeat;
background-size: cover;
z-index: -1;
}
.concurrentMeeting {
padding: 0 10%;
overflow: hidden;
padding-bottom: .2%;
}
.meetingTite h4 {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-top: 4%;
margin-bottom: 7%;
}
.meetingLeft>ul>li {
margin-bottom: 6%;
}
.exhibitionData ul li dl dd small {
font-size: 14px;
}
}
.setOverflow {
width: 100%;
height: 100%;
overflow: hidden;
}
.concurrentMeeting {
width: 100%;
position: relative;
margin-bottom: 1.7%;
}
.titleOutsideWhite.titleOutsideFrame .titleInside dl dd h3,
.titleOutsideWhite.titleOutsideFrame .titleInside dl dd p span {
color: #fff;
}
.titleOutsideWhite.titleOutsideFrame .titleInside dl dd p::after {
background-color: #29c5e9;
}
.titleOutsideWhite.titleOutsideFrame .titleInside dl dt i {
color: #00acbf;
}
.titleOutsideWhite.titleOutsideFrame .titleInside dl dt {
background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(#fff));
background-image: linear-gradient(130deg, #fff, #fff);
}
.manuFacturing {
cursor: pointer;
}
.manuFacturing dt {
overflow: hidden;
}
.manuFacturing:hover dt img {
transform: scale(1.2);
}
.manuFacturing:hover dd i {
width: 100%;
}
.manuFacturing dt img {
width: 100%;
height: auto;
transition: all 0.3s ease-out 0s;
}
.manuFacturing dd p {
font-size: 16px;
color: #fff;
margin-top: 10px;
margin-bottom: 0;
}
.manuFacturing {
margin-bottom: 0;
}
.manuFacturing dd i {
width: 10%;
height: 2px;
background-color: rgba(255, 255, 255, .8);
display: block;
margin-top: 5px;
transition: all 0.3s ease-out 0s;
}
@media screen and (max-width:750px) {
.concurrent-meeting li:first-child .manuFacturing dt {
height: 150px;
overflow: hidden;
}
.concurrent-meeting li:first-child .manuFacturing dt img {
margin-top: -10%;
}
.manuFacturing dd p {
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
}
/* 商务配对 */
.meetingRightTiex,
.meetingRelease {
z-index: 10;
}
.meetingRightTiex {
padding-bottom: 9.6%;
}
.meetingRightTiex h3 {
font-size: 28px;
line-height: 42px;
color: #fff;
font-family: "HHHH";
}
.meetingRightTiex p {
font-size: 18px;
color: #fff;
line-height: 27px;
}
.releaseDl {
text-align: center;
}
.releaseDl dt {
width: 101px;
height: 101px;
border-radius: 50%;
position: relative;
box-shadow: 0 0 0 3px #fff;
background-color: #fff;
transition: all 0.2s ease-out 0s;
}
.releaseDl dt i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 44px;
color: #ff7400;
z-index: 10;
font-weight: normal;
}
.releaseDl dt::after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
transition: all 0.2s ease-out 0s;
}
.releaseDl dd p {
font-size: 16px;
color: #fff;
margin-top: 10px;
}
.releaseDl:hover dt {
background-color: transparent;
}
.releaseDl:hover dt::after {
content: "";
transform: scale(0.9);
}
.businessMatchingForm .form-group label {
font-size: 16px;
font-weight: normal;
margin-bottom: 10px;
}
.businessMatchingForm .form-group>input {
margin-bottom: 30px;
color: #555;
border-radius: 0;
border-color: #e3e5e5;
box-shadow: none;
height: 56px;
}
.businessMatchingForm .vdcode>input {
margin-bottom: 0 !important;
}
.businessMatchingForm .form-group>input:focus {
border-color: #009999;
}
.businessMatchingForm .form-group textarea {
border-radius: 0;
border-color: #e3e5e5;
box-shadow: none;
}
.businessMatchingForm input[type=checkbox],
input[type=radio] {
margin-top: 0;
cursor: pointer;
margin-bottom: 14px;
}
.businessMatchingForm .radiopo {
font-size: 14px;
}
.businessMatchingForm .form-group textarea:focus {
border-color: #009999;
}
.meetingRightTiex h3,
.meetingRightTiex p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
@media screen and (min-width:750px) {
.meetingRight {
position: absolute;
right: 0;
top: auto;
width: 38%;
height: 76%;
padding: 3.1% 0 2.1% 10%;
}
.meetingRight::before {
content: "";
width: 120%;
height: 100%;
background: url(/images/meetingRight.jpg) center no-repeat;
background-size: cover;
background-color: #0054cd;
position: absolute;
right: -20%;
top: 0;
z-index: -1;
transform: skew(-10deg, 0deg);
transform-origin: right bottom;
}
.meetingRelease {
display: flex;
justify-content: flex-start;
}
.meetingRelease a {
margin-right: 8%;
}
.brandCooperation div p {
font-size: 20px;
margin-top: 10%;
}
}
@media screen and (max-width:750px) {
.meetingRight {
padding-top: 10%;
}
.meetingRelease {
padding-bottom: 10%;
}
.meetingRight::before {
content: "";
width: 100%;
height: 36%;
background: url(/images/meetingRight.jpg) center no-repeat;
background-size: cover;
background-color: #0054cd;
padding: 0;
position: absolute;
right: 0;
top: 77%;
z-index: -1;
margin-top: -25%;
}
.meetingRelease {
display: flex;
justify-content: center;
}
.meetingRightTiex h3,
.meetingRightTiex p {
text-align: center;
}
.meetingRightTiex p {
font-size: 16px;
line-height: 24px;
}
.meetingRightTiex h3 {
font-size: 24px;
line-height: 36px;
}
.meetingRelease a {
margin: 0 4%;
}
.brandCooperation div p {
font-size: 15px;
}
.brandCooperation {
margin: 22px 0;
}
.exhibitionData ul li dl dd h3 {
font-size: 26px;
}
.exhibitionData ul li dl dt i {
font-size: 42px;
}
.exhibitionData ul li dl dd p {
font-size: 14px;
}
.planningDiagram li dl dd h2 {
top: -20px;
font-size: 36px;
}
.planningDiagram li dl dd h4 {
font-size: 16px;
}
.planningDiagram li dl dd p {
font-size: 14px;
line-height: 23px;
}
.planningDiagram li:first-child dl dd h3 {
font-size: 16px;
color: #fff;
background-color: #02a87f;
padding: 12px 0;
transition: all 0.3s ease-out 0s;
}
.planningDiagram li dl dd {
padding-bottom: 18.6%;
}
.planningDiagram>li:nth-child(2n-1) {
padding: 10px 10px 10px 15px;
}
.planningDiagram>li:nth-child(2n) {
padding: 10px 15px 10px 10px;
}
.planningDiagram li:first-child dl dd {
padding-bottom: 17px;
}
}
@media (min-width:750px) and (max-width:992px) {
.meetingRight {
padding: 3.1% 0 2.1% 10%;
}
.setOverflow .meetingRightTiex h3 {
font-size: 22px;
}
.setOverflow .meetingRight::before {
content: "";
top: 0%;
}
.topMediaCenter .brandCooperation div p {
font-size: 18px;
line-height: 26px;
}
.planningDiagram li dl dd h2 {
font-size: 46px;
}
.planningDiagram li dl dd h4 {
font-size: 16px;
}
.planningDiagram li dl dd p {
font-size: 14px;
}
.planningDiagram li:first-child dl dd h3 {
font-size: 18px;
}
.exhibitionData ul li dl dt i {
font-size: 38px;
}
.exhibitionData ul li dl dd h3 {
font-size: 26px;
}
.exhibitionData ul li dl {
padding: 16px;
}
.fixedArea {
width: 100%;
padding: 0 5%;
}
.upperSpacing .usContactRight {
text-align: left;
}
.upperSpacing .weChat {
float: left;
}
.upperSpacing {
margin-bottom: 4.1% !important;
}
}
@media screen and (min-width:750px) {
.businessForm {
width: 100%;
background-color: #f7f9fa;
padding: 40px;
}
}
.businessForm .butForm button {
border-radius: 0;
width: 47%;
}
/* 新闻中心 */
.swiper-container-news {
padding-bottom: 4%;
padding-top: 4.2%;
}
.swiper-container-news .swiper-wrapper .swiper-slide {
text-align: center;
font-size: 16px;
/* display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; */
}
.newsContent {
background-color: transparent;
}
.newsContent dt {
width: 100%;
padding: 40.8% 0%;
position: relative;
overflow: hidden;
}
.newsContent dt img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.newsContent dd h3 {
font-size: 16px;
color: #555;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 4.6%;
/* white-space: nowrap; */
}
.newsContent dd p {
font-size: 14px;
color: #999;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 24px;
text-align: left;
}
.newsContent dd span {
position: absolute;
right: -5%;
bottom: 0;
font-size: 14px;
background-color: #009999;
color: #fff;
text-align: center;
padding: 10px 37px;
transform: translateY(50%);
transition: all 0.3s ease-out 0s;
}
.newsCenter {
width: 100%;
margin: 7.2% 0;
position: relative;
}
.newsCenter::after {
content: "";
width: 100%;
background: url(/images/newsCenter.png) center no-repeat;
background-size: cover;
padding: 4.5% 0%;
position: absolute;
left: 0;
bottom: -0.8%;
}
.newsContent:hover dd span {
background-color: #ff7400;
}
.swiper-container-news .swiper-button-prev:after,
.swiper-container-news .swiper-container-rtl .swiper-button-next:after {
content: "";
}
.swiper-container-news .swiper-button-next:after,
.swiper-container-news .swiper-container-rtl .swiper-button-prev:after {
content: "";
}
.swiper-button-next-news,
.swiper-button-prev-news {
color: #fff;
width: 36px;
height: 36px;
text-align: center;
background-color: rgba(0, 0, 0, .4);
top: 34%;
transition: all 0.3s ease-out 0s;
}
.swiper-button-next-news i,
.swiper-button-prev-news i {
font-size: 14px;
}
.swiper-container-news:hover .swiper-button-next-news,
.swiper-container-news:hover .swiper-button-prev-news {
opacity: 1;
}
.swiper-container-news:hover .swiper-button-next-news {
right: 0;
}
.swiper-container-news:hover .swiper-button-prev-news {
left: 0;
}
@media screen and (min-width:750px) {
.newsContent dd {
width: 90%;
height: 100%;
background-color: #fff;
box-shadow: 0px 0 12px rgba(204, 204, 204, .75);
margin: 0 auto;
padding: 9% 20px 16% 20px;
transform: translateY(-30%);
}
.swiper-button-next-news {
right: -36px;
}
.swiper-button-prev-news {
left: -36px;
}
.swiper-button-next-news,
.swiper-button-prev-news {
opacity: 0;
}
}
@media screen and (max-width:750px) {
.newsCenter::after {
bottom: 2.2%;
}
.newsContent dd {
width: 90%;
height: 100%;
background-color: #fff;
box-shadow: 0px 0 12px rgba(204, 204, 204, .75);
margin: 0 auto;
padding: 9% 10px 16% 10px;
transform: translateY(-30%);
}
.newsContent dd p {
font-size: 14px;
color: #999;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 20px;
}
.newsContent dd span {
right: 0;
}
.swiper-container-news {
padding-bottom: 0%;
padding-top: 4.2%;
}
.swiper-button-next-news {
right: 0;
}
.swiper-button-prev-news {
left: 0;
}
}
/* 媒体中心 */
.mediaCenter {
width: 100%;
height: 100%;
background-color: #009999;
background: url(/images/mediaCenterBj.jpg) center no-repeat;
background-size: cover;
}
.brandCooperation {
padding-top: 0.2%;
padding-bottom: 0.4%;
}
.brandCooperation div p {
color: #fff;
text-align: left;
}
.mediaContainer {
width: 100%;
height: 100%;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.mediaContainer .swiper-wrapper .swiper-slide {
text-align: center;
background: #fff;
height: calc((100% - 30px) / 2);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.mediaContainer .swiper-wrapper .swiper-slide a {
width: 100%;
background-color: #fff;
padding: 6.4% 0;
box-shadow: 6px 0 16px rgba(0, 0, 0, .12);
}
.topMediaCenter {
padding: 5.9% 0;
}
.mediaContainer .swiper-pagination-media .swiper-pagination-bullet {
width: 20px;
height: 2px;
background-color: #fff;
border-radius: 0;
opacity: 1;
}
.mediaContainer .swiper-pagination-media .swiper-pagination-bullet-active {
width: 20px;
height: 2px;
background-color: #ff7400;
}
.topMediaCenter .swiper-container-horizontal>.swiper-pagination-bullets,
.topMediaCenter .swiper-pagination-custom,
.topMediaCenter .swiper-pagination-fraction {
bottom: 0;
}
/* 我们的服务 */
.businessMatching {
margin: 7.2% 0;
}
.ourRow {
padding-top: 4.2%;
}
.serviceBm {
position: relative;
}
.serviceBm dd {
width: 80%;
position: absolute;
top: 10%;
left: 50%;
transform: translateX(-50%);
}
.serviceBm dd h3 {
font-size: 22px;
color: #fff;
margin-bottom: 4%;
}
.serviceBm dd p {
font-size: 16px;
color: #fff;
}
@media screen and (max-width:750px) {
.serviceBm dd h3 {
font-size: 16px;
color: #fff;
margin-bottom: 6%;
}
.serviceBm dd p {
font-size: 14px;
color: #fff;
}
.serviceBm dd {
width: 85%;
top: 15%;
}
.ourRow li {
padding: 10px;
}
}
/* 尾部 */
footer {
position: relative;
overflow: hidden;
/* height:calc(100% - 150px) !important; */
}
.footerPage {
width: 100%;
border-top: 4px solid #ff7400;
background-color: #009999;
}
.bottomNav dt {
margin-bottom: 15px;
white-space: nowrap;
}
.bottomNav dt i {
width: 6px;
height: 6px;
background-color: #fff;
display: inline-block;
border-radius: 50%;
}
.bottomNav dt span {
font-size: 16px;
color: #fff;
font-weight: normal;
vertical-align: middle;
padding-left: 7px;
}
.bottomNav dd {
margin-bottom: 7px;
}
.bottomNav dd a {
font-size: 14px;
color: #fff;
padding-left: 13px;
white-space: nowrap;
transition: all 0.3s ease-out 0s;
}
.bottomNav dd:hover a {
color: #ff7400;
}
.upperSpacing {
margin-top: 6%;
margin-bottom: 9.1%;
}
.usContactRight {
text-align: right;
}
.hotline p {
font-size: 14px;
color: #fff;
margin-bottom: 1.4%;
}
.hotline h2 {
font-size: 28px;
color: #fff;
font-family: "SHUN";
}
.weChat {
margin-top: 5%;
width: 110px;
float: right;
}
.weChat img {
z-index: 9;
position: relative;
}
.weChat p {
font-size: 14px;
color: #fff;
padding-top: 7%;
text-align: center;
}
.links {
border-bottom: 1px solid rgba(255, 255, 255, .19);
}
.links>ul li a {
font-size: 14px;
color: #fff;
transition: all 0.3s ease-out 0s;
}
.links>ul li a:hover {
color: #ff7400;
}
.links>ul li {
border-right: 1px solid #fff;
padding-right: 8px;
margin-right: 8px;
line-height: 12px;
}
.links>ul li:first-child {
padding: 0;
}
.links>ul li:first-child,
.links>ul li:last-child {
border-right: transparent;
}
.copyRight a {
font-size: 14px;
color: #fff;
transition: all 0.3s ease-out 0s;
}
.copyRight a img {
display: initial;
}
.copyRight a:nth-child(2) {
padding: 0 6px;
}
.copyRight a:nth-child(2):hover,
.copyRight a:last-child:hover {
color: #ff7400;
}
@media screen and (min-width:750px) {
.copyRight {
display: flex;
justify-content: center;
align-items: center;
}
.links {
display: flex;
align-items: flex-end;
}
.links>ul {
display: flex;
justify-content: flex-end;
z-index: 9;
}
.copyRight {
padding-top: 20px;
padding-bottom: 30px;
}
.links {
padding-bottom: 1.2%;
}
footer::before {
content: "";
position: absolute;
top: -5px;
left: -2px;
background: url(/public/files/images/leftTop.png) center no-repeat;
background-size: cover;
padding: 5.7%;
z-index: 1;
}
footer::after {
content: "";
position: absolute;
right: -6px;
bottom: -12px;
background: url(/public/files/images/rightBottom.png) center no-repeat;
background-size: cover;
padding: 12% 12.5%;
}
}
@media screen and (max-width:750px) {
.copyRight {
text-align: center;
}
.copyRight a {
display: inline-block;
white-space: nowrap;
}
.usContactRight {
text-align: center;
}
.weChat {
width: 100%;
}
.weChat img {
display: initial;
}
.weChat p {
padding-top: 3%;
}
.links>ul li {
float: left;
margin-bottom: 10px;
}
.copyRight {
padding-top: 15px;
padding-bottom: 20px;
}
footer::before {
content: "";
position: absolute;
top: -5px;
left: -2px;
background: url(/public/files/images/leftTop.png) center no-repeat;
background-size: cover;
padding: 14.7%;
}
footer::after {
content: "";
position: absolute;
right: -18px;
bottom: -12px;
background: url(/public/files/images/rightBottom.png) center no-repeat;
background-size: cover;
padding: 31% 32%;
}
/* .footerPage.container-fluid-ten {
padding: 0 5%;
} */
.container-fluid-ten {
padding: 0 5%;
}
}
/*路径导航*/
.petaIklb {
position: relative;
}
.petaIklb .breadcrumb {
position: absolute;
bottom: 2.3%;
right: 10%;
padding: 0px 15px;
margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 0px;
}
.petaIklb .breadcrumb i {
color: #fff;
font-size: 12px;
margin: 0 4px;
}
.petaIklb .breadcrumb li a,
.petaIklb .breadcrumb li i,
.petaIklb .breadcrumb li.active {
color: #fff;
}
.petaIklb .breadcrumb li a,
.petaIklb .breadcrumb li.active {
font-size: 14px;
}
.petaIklb .breadcrumb li i {
font-size: 12px;
}
.petaIklb .breadcrumb>li+li:before {
padding: 0;
color: #ccc;
content: "";
}
.petaIklb .breadcrumb li:first-child i {
font-size: 14px !important;
}
.petaIklb .breadcrumb li:last-child i {
display: none;
}
/* 参展申请 */
.navigasiSekunder .nav>li>a {
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
color: #555;
}
.navigasiSekunder .nav-pills>li>a {
border-radius: 0px;
}
.navigasiSekunder .nav>li>a {
padding: 23.5px 15px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
color: #fff;
background-color: #009999;
}
.navTitle .navbar-right {
margin-right: -15px;
}
.navTitle .navbar-left {
margin-left: -15px;
}
.navTitle {
margin-top: 4.6%;
}
.navTitle h4.navbar-right {
position: relative;
}
.navTitle h4.navbar-right::before,
.navTitle h4.navbar-right::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 14px;
display: inline-block;
border-radius: 50px;
transform: translateY(-50%);
}
.navTitle h4.navbar-right::before {
left: -32px;
background-color: rgba(0, 153, 153, .8);
}
.navTitle h4.navbar-right::after {
left: -23px;
background-color: rgba(255, 116, 0, .8);
}
.navTitle ul li h3.navbar-left {
font-family: "TITI";
font-size: 28px;
font-weight: bold;
}
.navTitle ul li h4.navbar-right {
font-size: 22px;
}
.navTitle>ul {
padding-bottom: 2.4%;
border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width:992px) {
.navTitle>ul {
display: flex;
align-items: center;
}
.exhibitor {
display: flex;
align-items: center;
}
}
@media screen and (max-width:992px) {
.navTitle h4.navbar-right::before {
left: -15px;
background-color: rgba(0, 153, 153, .8);
}
.navTitle h4.navbar-right::after {
left: -8px;
background-color: rgba(255, 116, 0, .8);
}
.navTitle ul li h4.navbar-right {
padding-left: 14px;
}
.navTitle>ul {
padding-bottom: 7%;
}
.navigasiSekunder .nav-justified li {
width: 33.3%;
float: left;
}
.navigasiSekunder .nav-pills>li+li {
margin-left: 0px;
}
.navigasiSekunder .nav-justified>li>a {
margin-bottom: 0px;
text-align: center;
}
.navTitle {
margin-top: 30px;
}
.navigasiSekunder .nav>li>a {
padding: 18.5px 15px;
}
}
/*参展申请*/
.logServices dt {
width: 134px;
height: 134px;
border: 8px solid #009999;
border-radius: 100px;
text-align: center;
line-height: 134px;
margin: 0 auto;
background-color: #fff;
cursor: pointer;
transition: all 0.3s ease-out 0s;
}
.logServices dt i {
font-size: 44px;
line-height: 120px;
font-weight: normal;
transition: all 0.3s ease-out 0s;
}
.logServices {
text-align: center;
}
.logServices dd p {
color: #555;
margin-top: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.logServicesSpan span {
font-size: 14px;
color: #999;
display: block;
}
.logServicesSpan i {
color: #999;
font-size: 44px;
}
.logServices dt:hover {
background-color: #009999;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.logServices dt:hover i {
color: #fff !important;
}
.exhibitor {
position: relative;
}
.exhibitor li div {
position: absolute;
top: 50%;
right: -22px;
transform: translateY(-50%);
}
.exhibitor li:nth-child(5) div {
right: -42%;
}
.exhibitor li div b {
font-size: 44px;
font-weight: normal;
color: #cecece;
line-height: 0;
display: inline-block;
}
.exhibitor li div h6 {
font-size: 14px;
color: #999;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
text-align: right;
}
.exhibitor li div h6:first-child {
margin-top: 0;
margin-bottom: 16px;
}
.exhibitor li div h6:last-child {
margin-top: 30px;
margin-bottom: 0;
}
.marighLog {
padding-right: 5.2%;
}
.marighLog dt i {
font-size: 58px;
}
.logisticsServices dt {
border-color: #64bf01;
}
.logisticsServices dt i {
color: #64bf01;
}
.logisticsServices dt:hover {
background-color: #64bf01;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.specialService dt {
border-color: #00aeae;
}
.specialService dt i {
color: #00aeae;
}
.specialService dt:hover {
background-color: #00aeae;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.exhibitor li:first-child dt {
border-color: #f3254c;
}
.exhibitor li:first-child dt i {
color: #f3254c;
}
.exhibitor li:first-child dt:hover {
background-color: #f3254c;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.exhibitor li:nth-child(2) dt {
border-color: #034de3;
}
.exhibitor li:nth-child(2) dt i {
color: #034de3;
}
.exhibitor li:nth-child(2) dt:hover {
background-color: #034de3;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.exhibitor li:nth-child(3) dt {
border-color: #0391e3;
}
.exhibitor li:nth-child(3) dt i {
color: #0391e3;
}
.exhibitor li:nth-child(3) dt:hover {
background-color: #0391e3;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.exhibitor li:nth-child(5) dt {
border-color: #e29b04;
}
.exhibitor li:nth-child(5) dt i {
color: #e29b04;
}
.exhibitor li:nth-child(5) dt:hover {
background-color: #e29b04;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.exhibitor li:last-child dt {
border-color: #00d9bd;
}
.exhibitor li:last-child dt i {
color: #00d9bd;
}
.exhibitor li:last-child dt:hover {
background-color: #00d9bd;
border-color: #fff;
box-shadow: 0 0 12px rgba(153, 153, 153, .75);
}
.upperSpacingTop {
margin-top: 3.3%;
}
.titleH3 {
color: #555;
font-size: 22px;
/* margin-bottom:3.9%; */
margin-bottom: 30px;
}
@media screen and (max-width:992px) {
.exhibitor li div b {
display: none !important;
}
.titleH3 {
margin-bottom: 30px;
}
.applicationForm .form-group>div {
padding: 0;
}
.applicationForm label {
padding-left: 0;
}
.fieldImg li {
margin-bottom: 20px;
}
}
/*参展申请表*/
.topSpacingAll {
margin-top: 5.8%;
}
.applicationForm label,
.applicationForm .form-group>div,
.applicationForm .form-control {
font-size: 16px;
font-weight: normal;
}
.applicationForm .form-control {
height: 50px;
border-radius: 0;
}
.applicationForm .form-control:focus {
border-color: #009999;
}
.applicationForm .form-group label {
line-height: 50px;
margin-bottom: 0;
}
.applicationForm .form-group>.radioBoer {
height: 50px;
display: flex;
align-items: center;
}
.applicationForm input[type=checkbox],
input[type=radio] {
margin-top: 0;
margin-right: 4px;
cursor: pointer;
}
.vdcode {
display: flex;
align-items: center;
}
.butForm {
display: flex;
justify-content: center;
padding: 0 20px;
}
.butForm button {
width: 30%;
height: 50px;
font-size: 16px;
transition: all 0.3s ease-out 0s;
border-radius: 0;
margin: 0 15px;
}
.butForm button:first-child {
background-color: #009999;
border-color: transparent;
}
.butForm button:last-child {
background-color: #ff7400;
border-color: transparent;
}
.butForm button:hover {
background-color: #333;
}
.butForm {
margin-top: 2%;
}
@media screen and (min-width:992px) {
.applicationForm .form-group {
margin-bottom: 30px;
display: flex;
}
.applicationForm {
width: 90%;
}
.fieldImg {
margin-bottom: 5.9%;
}
}
.pleaseCall {
color: #999;
margin-top: 6%;
}
.pleaseCall p {
margin-bottom: 5px;
}
/* 参展申请 */
.titleCopywriting {
margin-bottom: 30px;
}
.titleCopywriting h3 {
font-size: 22px;
margin-bottom: 20px;
}
.titleCopywriting h3,
.titleCopywriting p {
color: #555;
}
.titleCopywriting p {
line-height: 26px;
}
.targetAudienceTest li dl dt {
font-size: 16px;
font-weight: normal;
margin-bottom: 6px;
}
.targetAudienceTest li dl dd {
font-size: 14px;
font-weight: normal;
line-height: 24px;
}
.targetAudienceTest li dl {
border: 1px solid #009999;
padding: 10px;
margin-bottom: 20px;
}
.targetAudienceTest li dl:hover {
background-color: #009999;
}
.targetAudienceTest li dl:hover dt,
.targetAudienceTest li dl:hover dd {
color: #fff;
}
/*展会价值*/
.exhibitorValue li {
padding: 0;
}
.exhibitorValue li img {
width: 100%;
height: auto;
z-index: -1;
}
.exhibitorValue li dt,
.exhibitorValue li dd {
text-align: center;
font-weight: normal;
}
.exhibitorValue li h3 {
font-size: 22px;
color: #555;
margin-bottom: 4%;
}
.exhibitorValue li p {
color: #555;
line-height: 26px;
padding: 0 6% 6% 6%;
}
.exhibitorValue li:nth-child(2n) dt,
.exhibitorValue li:nth-child(2n-1) dd {
height: 305px;
background-color: #f5f5f5;
padding-top: 10%;
overflow: auto;
}
.exhibitorValue li:nth-child(2n) dd,
.exhibitorValue li:nth-child(2n-1) dt {
position: relative;
}
.exhibitorValue li:nth-child(2n) dd::before {
content: "";
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 13px solid #f5f5f5;
z-index: 9;
}
.exhibitorValue li:nth-child(2n-1) dt::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 13px solid #f5f5f5;
z-index: 9;
}
@media screen and (min-width:992px) {
.exhibitorValue {
margin-bottom: 30px;
border-bottom: 1px dashed #ccc;
padding-bottom: 30px;
}
.exhibitorValue:last-child {
margin-bottom: 0px;
border-bottom: 1px dashed transparent;
}
}
@media screen and (max-width:750px) {
.exhibitorValue li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #ccc;
}
.exhibitorValue li:last-child {
margin-bottom: 0px;
border-bottom: 1px dashed transparent;
}
}
/*新闻资讯*/
.latestNews li dl {
border-top: 1px solid #ccc;
position: relative;
}
.latestNews li dl::before {
content: "";
width: 0;
height: 1px;
background-color: #ff7400;
display: inline-block;
position: absolute;
top: -1px;
left: 0;
}
.latestNews li dl::before,
.latestNews li dl dt h3,
.latestNews li dl dd p {
transition: all 0.3s ease-out 0s;
}
.latestNews li:hover dl::before {
width: 100%;
}
.latestNews li:hover dl dt h3 {
color: #ff7400;
}
.latestNews li dl dt {
display: flex;
justify-content: space-between;
padding-top: 15px;
padding-bottom: 6.3%;
}
.latestNews li dl dt h3 {
font-size: 16px;
color: #555;
line-height: 24px;
width: 60%;
}
.latestNews li dl dt h3,
.latestNews li dl dd p {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.latestNews li dl dt span {
width: 40%;
font-weight: normal;
text-align: right;
}
.latestNews li dl dd p,
.latestNews li dl dt span {
font-size: 14px;
color: #999;
}
.latestNews li dl dd p {
padding-top: 15px;
min-height: 55px;
}
.latestNews li {
margin-bottom: 30px;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
background-color: #009999;
border-color: #009999;
}
.pagination>li>a,
.pagination>li>span {
color: #009999;
}
.latestNews li dl dd div {
width: 100%;
height: 100%;
padding: 33.2% 0%;
overflow: hidden;
position: relative;
}
.latestNews li dl>dd>div>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-out 0s;
}
.latestNews li:hover dl dd div img {
transform: scale(1.1);
}
/* 新闻内页 */
.source small,
.bshare-custom span {
font-size: 14px;
color: #999;
}
.bshare-custom span {
padding-right: 4px;
}
.pageviews {
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}
.pageviews>div {
padding-left: 0;
padding-right: 12px;
}
.bshare-custom>div a:last-child {
margin-right: 0;
padding-right: 0 !important;
}
.headTitle {
text-align: center;
margin-top: 3.9%;
}
.headTitle h3 {
color: #555;
font-size: 22px;
line-height: 1.4;
}
.headTitle p {
color: #ff7400;
font-size: 20px;
margin-top: 1%;
margin-bottom: .4%;
}
.newsContent {
max-width: 750px;
margin: 3.3% auto;
}
.newsContent p {
line-height: 30px;
font-size: 16px;
margin-bottom: 4%;
}
.newsContent img {
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 4%;
width: 100%;
max-width: 100%;
height: auto !important;
}
.nextPage p,
.nextPage p a {
font-size: 14px;
line-height: 21px;
color: #999;
}
.nextPage p:hover,
.nextPage p:hover a {
color: #ff7400;
transition: all 0.3s ease-out 0s;
}
@media screen and (max-width:750px) {
.pageviews>div {
margin-bottom: 12px;
}
.headTitle h3 {
text-align: left;
}
.newsContent {
margin-bottom: 0;
}
}
/* 参观指南 */
.visitGuide li dl dd p {
font-size: 16px;
margin-top: 15px;
}
.visitGuide li dt {
width: 100%;
overflow: hidden;
}
.visitGuide li dt img {
transition: all 0.3s ease-out 0s;
cursor: pointer;
}
.visitGuide li dt:hover img {
transform: scale(1.2);
}
.visitGuide li>div img {
margin: 5.8% 0;
}
.advancedSystem li div h3,
.advancedSystem li div p {
color: #555;
}
.advancedSystem li div h3 {
font-size: 68px;
font-family: "SUZ";
}
.advancedSystem li div p {
font-size: 16px;
}
.pavilion>div img {
border: 1px solid #e5e5e5;
}
.pavilion {
margin-top: 5.8%;
}
.pavilion div:last-child {
margin-top: 3%;
}
.pavilion div:last-child dl {
margin-bottom: 8%;
}
.pavilion div:last-child dl dt {
font-size: 22px;
font-weight: normal;
margin-bottom: 6px;
}
.pavilion div:last-child dl dd {
font-size: 16px;
color: #555;
line-height: 24px;
}
.pavilion div:last-child dl:first-child dt {
color: #004ea2;
}
.pavilion div:last-child dl:nth-child(2) dt {
color: #34bbcd;
}
.pavilion div:last-child dl:last-child dt {
color: #d70d19;
}
.nhHall {
margin-top: 5.8%;
}
.nhHall li dl dd h3 {
margin-top: 20px;
margin-bottom: 8px;
}
.nhHall li dl dd p {
margin-top: 0;
line-height: 26px;
}
.marginTop {
margin-top: 5.8%;
display: inline-block;
width: 100%;
}
.exhibitionCriteria li dl dt {
width: 116px;
height: 116px;
background-color: #009999;
border-radius: 100px;
text-align: center;
margin: 0 auto;
}
.exhibitionCriteria li dl dt i {
font-size: 46px;
color: #fff;
z-index: 1;
font-weight: normal;
line-height: 116px;
}
.exhibitionCriteria li {
width: 20%;
text-align: center;
padding: 15px;
float: left;
cursor: pointer;
}
.exhibitionCriteria li,
.exhibitionCriteria li dl dt i,
.exhibitionCriteria li dl dt,
.exhibitionCriteria li dd p {
transition: all 0.3s ease-out 0s;
}
.exhibitionCriteria li:hover {
background-color: #009999;
}
.exhibitionCriteria li:hover dt {
background-color: #fff;
}
.exhibitionCriteria li:hover dt i {
color: #009999;
}
.exhibitionCriteria li:hover dd p {
color: #fff;
}
.exhibitionCriteria li dl {
border: 1px solid #e0e0e0;
padding: 14% 14% 2%;
}
.exhibitionCriteria li dl dd p {
margin-top: 10px;
height: 66px;
}
.forumTest {
margin-top: 2%;
}
.forumTest dt h3 {
font-size: 22px;
color: #555;
margin-bottom: 1%;
line-height: 32px;
}
.forumTest dd p {
font-size: 16px;
color: #555;
margin-bottom: 8px;
}
.exhibitionSchedule li {
text-align: center;
display: inline-block;
display: flex;
align-items: center;
justify-content: center;
min-height: 220px;
background-image: -webkit-gradient(linear, right top, left top, from(#164b96), to(#1d9792));
background-image: linear-gradient(130deg, #164b96, #1d9792);
}
.exhibitionSchedule li dl dt h3,
.exhibitionSchedule li dl dt p {
font-family: "TYW";
font-weight: normal;
}
.exhibitionSchedule li dl dt h3,
.exhibitionSchedule li dl dt p,
.exhibitionSchedule li dl dd i {
color: #fff;
}
.exhibitionSchedule li dl dt h3 {
font-size: 36px;
}
.exhibitionSchedule li dl dt p {
font-size: 28px;
}
.exhibitionSchedule li dl dd i {
font-size: 48px;
}
.developmentTime .table-bordered>tbody>tr>th {
background-color: #009999;
color: #fff;
font-size: 16px;
font-weight: normal;
height: 56px;
}
.developmentTime .table-bordered>tbody>tr>td {
font-size: 16px;
height: 60px;
}
.developmentTime .table-bordered>tbody>tr>td,
.developmentTime .table-bordered>tbody>tr>th,
.developmentTime .table-bordered>tfoot>tr>td,
.developmentTime .table-bordered>tfoot>tr>th,
.developmentTime .table-bordered>thead>tr>td,
.developmentTime .table-bordered>thead>tr>th {
text-align: center;
vertical-align: middle;
}
.qrCode li div img {
border: 1px solid #dbdbdb;
}
.qrCode li div p {
margin-top: 10px;
}
.qrCode li div h3 span {
padding: 25%;
border-radius: 50%;
background-color: #0573c7;
display: inline-block;
z-index: -1;
line-height: 0;
position: relative;
}
.qrCode li div h3 {
width: 100%;
border: 1px solid #dbdbdb;
padding: 24% 0;
}
.qrCode li div h3 span i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 56px;
}
.qrCode li:last-child div h3 span {
background-color: #01bb24;
}
@media (max-width:992px) {
.exhibitionCriteria li dl dt {
width: 70px;
height: 70px;
background-color: #009999;
border-radius: 100px;
text-align: center;
margin: 0 auto;
}
.exhibitionCriteria li dl dt i {
font-size: 32px;
line-height: 70px;
}
.exhibitionCriteria li dl dd p {
margin-top: 10px;
height: 86px;
font-size: 14px;
overflow: auto;
}
.exhibitionCriteria li dl dd p::-webkit-scrollbar {
display: none;
}
.nhHall li {
margin-bottom: 20px;
}
.visitGuide li {
margin-bottom: 15px;
}
.exhibitionSchedule li dl dt h3 {
font-size: 22px;
}
.exhibitionSchedule li dl dt p {
font-size: 18px;
}
.exhibitionSchedule li dl dd i {
font-size: 34px;
}
.exhibitionSchedule li {
min-height: 140px;
}
.qrCode li div h3 span i {
font-size: 32px;
}
.qrCode li {
margin-bottom: 15px;
}
}
@media screen and (max-width:750px) {
.advancedSystem li div h3 {
font-size: 34px;
font-family: "SUZ";
}
.titleCopywriting h3 {
font-size: 20px;
margin-bottom: 15px;
}
.exhibitionCriteria li {
width: 50%;
}
}
/* 品牌展商 */
.brandExhibitor li a{
display: block;
border: 1px solid #e0e0e0;
padding: 5%;
}
.brandExhibitor li a img {
transition: all 0.3s ease-out 0s;
}
.brandExhibitor li {
margin: 15px 0;
}
.brandExhibitor li a:hover {
box-shadow: 0 0 16px rgba(0, 0, 0, .12);
border-color: #009999;
/* transform: scale(1.1); */
}
/* 参观价值 */
.visitValue li {
margin-bottom: 30px;
}
.visitValue li dl {
border: 1px solid #e0e0e0;
}
.visitValue li dl dd {
padding: 20px;
height: 258px;
overflow: auto;
}
.visitValue li dl dd::-webkit-scrollbar,
.exhibition-area li dd::-webkit-scrollbar,
.exhibitorValue li dd::-webkit-scrollbar,
.planningDiagram li dl dd p::-webkit-scrollbar {
display: none;
}
.visitValue li dl dd h3 {
font-size: 20px;
color: #555;
margin-bottom: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.visitValue li dl dd p {
line-height: 24px;
font-size: 14px;
color: #999;
}
/* 同期活动 */
.activities>li a {
position: relative;
display: inline-block;
overflow: hidden;
cursor: pointer;
}
.activities>li a dl {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
/* Firefox 3.6+ */
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .0));
/* -webkit-gradient(, [, ]?, [, ]? [, ]*) */
background: -webkit-gradient(linear, bottom, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .0)));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .0));
/* Opera 11.10+ */
background: -o-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .0));
}
.activities>li a dl dt h3,
.activities>li a dl dd p {
color: #fff;
}
.activities>li a dl dt h3 {
font-size: 22px;
margin-bottom: 1%;
}
.activities>li a dl dd {
display: flex;
align-items: center;
justify-content: space-between;
}
.activities>li a dl dd p {
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
width: 80%;
}
.activities>li a dl dd i,
.other-activities>li a>div i {
border: 1px solid #fff;
font-size: 12px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
margin-right: .4%;
transition: all 0.3 ease-out 0s;
color: #fff;
}
.activities>li a img,
.other-activities>li a img {
-webkit-transition: transform 0.3s ease-out 0s;
-moz-transition: transform 0.3s ease-out 0s;
-ms-transition: transform 0.3s ease-out 0s;
-o-transition: transform 0.3s ease-out 0s;
transition: transform 0.3s ease-out 0s;
}
.activities>li a:hover dl dd i,
.other-activities>li a:hover>div i {
background-color: #ff7400;
border-color: #ff7400;
}
.activities>li:hover a img,
.other-activities>li:hover a img {
transform: scale(1.1);
}
.other-activities>li a {
position: relative;
display: inline-block;
overflow: hidden;
}
.other-activities>li a>div {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 1;
padding: 20px;
/* Firefox 3.6+ */
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .0));
/* -webkit-gradient(, [, ]?, [, ]? [, ]*) */
background: -webkit-gradient(linear, bottom, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .0)));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .0));
/* Opera 11.10+ */
background: -o-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .0));
}
.other-activities>li a>div h3 {
font-size: 18px;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
width: 80%;
}
@media screen and (max-width:750px) {
.activities>li,
.other-activities>li {
margin-bottom: 15px;
}
.activities>li a dl dt h3 {
font-size: 18px;
}
}
/* 关于展会 */
.on-exhibition li {
width: 100%;
border-bottom: 1px dashed #ccc;
padding-bottom: 2.4%;
margin-bottom: 2.4%;
padding-left: 0;
padding-right: 0;
}
.on-exhibition li:last-child {
border-bottom: transparent;
}
.on-exhibition li div,
.on-exhibition li img {
width: 50%;
}
.on-exhibition li div {
margin-top: 2%;
}
.on-exhibition li div h3 {
margin-bottom: 10px;
font-size: 20px;
}
.on-exhibition li div p {
line-height: 26px;
}
.on-exhibition li:nth-child(2n-1) div {
padding-right: 2%;
}
.on-exhibition li:nth-child(2n) div {
padding-left: 2%;
}
@media screen and (min-width:750px) {
.on-exhibition li {
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width:750px) {
.on-exhibition li div,
.on-exhibition li img {
width: 100%;
}
.on-exhibition li div h3 {
margin-top: 20px;
}
}
/*展馆规划*/
.pavilion-top.pavilion {
margin-top: 0;
}
/* 商旅服务 */
.traffic-control>li {
margin-top: 20px;
}
.traffic-control li h4 {
font-size: 20px;
color: #555;
margin-bottom: 20px;
}
.traffic-control li h4 i {
font-size: 22px;
margin-right: 8px;
}
.traffic-control li:first-child h4 i {
color: #009cfa;
}
.traffic-control li:nth-child(2) h4 i {
color: #06dc33;
}
.traffic-control li:nth-child(3) h4 i {
color: #f6ba07;
}
.traffic-control li:nth-child(4) h4 i {
color: #02d1c5;
}
.traffic-control li:last-child h4 i {
color: #f60000;
}
.traffic-control li>div {
padding: 20px;
}
.traffic-control li:first-child>div {
background-color: #e7f6ff;
border: 1px dashed #ccd9e0;
}
.traffic-control li:nth-child(2)>div {
background-color: #e7ffec;
border: 1px dashed #b4d8bb;
}
.traffic-control li:nth-child(3)>div {
background-color: #fff9e7;
border: 1px dashed #d2c6a1;
}
.traffic-control li:nth-child(4)>div {
background-color: #eefffe;
border: 1px dashed #c3e1df;
}
.traffic-control li:last-child>div {
background-color: #ffeeee;
border: 1px dashed #ead1d1;
}
.traffic-control li>div p {
line-height: 26px;
margin-bottom: 10px;
}
.traffic-control li>div dl,
.traffic-control li>div ol,
.traffic-control li>div p {
margin-bottom: 2%;
}
.traffic-control li>div dl dt {
font-size: 18px;
font-weight: normal;
margin-bottom: 6px;
}
.traffic-control li>div dl dd,
.traffic-control li>div ol li {
line-height: 30px;
}
.traffic-control li>div dl dd,
.traffic-control li>div ol li,
.traffic-control li>div p {
font-size: 16px;
}
.hotel-accommodation p {
line-height: 28px;
margin-top: 20px;
}
/* 展馆介绍 */
.exhibition-venue {
margin: 20px 0;
}
.exhibition-venue p {
line-height: 28px;
}
.picture-zoom>li img {
transition: all 0.3s ease-out 0s;
}
.picture-zoom>li:hover img {
transform: scale(1.1);
}
.picture-zoom>li>div {
overflow: hidden;
margin-bottom: 15px;
}
.visitGuide li dl dt img {
width: 100%;
height: auto;
}
.exhibition-area li dd h3,
.exhibition-area li dd p {
color: #fff;
}
.exhibition-area li dd h3 {
font-size: 20px;
}
.exhibition-area li dd p {
font-size: 14px !important;
line-height: 24px;
}
.exhibition-area li dd {
height: 174px;
padding: 20px;
overflow: auto;
}
.exhibition-area li:first-child dd {
background-color: #de7800;
}
.exhibition-area li:nth-child(2) dd {
background-color: #0830dd;
}
.exhibition-area li:last-child dd {
background-color: #00b2b8;
}
/* 联系我们 */
.contact-us {
margin-top: 0 !important;
}
.no-public,
.contact-number {
padding-top: 18.7%;
}
.contact-number li dl dt i {
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #009999;
line-height: 42px;
font-size: 22px;
text-align: center;
display: inline-block;
color: #fff;
font-weight: normal;
}
.contact-number li {
margin-bottom: 30px;
}
.contact-number li dl {
display: flex;
align-items: center;
}
.contact-number li dl dd p,
.contact-number li dl dd p a {
font-size: 18px;
display: inline-block;
color: #555;
}
.contact-number li dl dd {
padding: 30px 0 30px 20px;
border: 1px solid #009999;
box-shadow: 0 0 16px rgba(205, 248, 248, .75);
width: 100%;
margin-left: 25px;
position: relative;
background-color: #fff;
transition: all 0.3s ease-out 0s;
cursor: pointer;
}
.contact-number li dl dd:hover {
background-color: #009999;
}
.contact-number li dl dd:hover p a {
color: #fff;
text-decoration: underline;
}
.contact-number li dl dd:hover p {
color: #fff;
}
.contact-number li dl dd::before {
content: "";
position: absolute;
top: 50%;
left: -14px;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 14px solid #009999;
}
.contact-number li dl dd::after {
content: "";
position: absolute;
top: 50%;
left: -12px;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 14px solid #fff;
transition: all 0.3s ease-out 0s;
}
.contact-number li dl dd:hover::after {
border-right: 14px solid #009999;
}
.contact-number li dl dd p strong {
font-size: 27px;
font-family: "SUZ";
display: inline-block;
}
.no-public {
display: flex;
justify-content: center;
}
.no-public>div {
text-align: center;
margin: 0 15px;
}
.no-public>div img {
border: 1px solid #abe7e7;
box-shadow: 0 0 16px rgba(205, 248, 248, .75);
margin-bottom: 12px;
}
.map-box iframe {
width: 100%;
height: 480px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.bsBox {
height: 256px !important;
width: 232px !important;
}
@media screen and (min-width:750px) {
.contact-number li dl dd {
width: 60%;
}
.contact-number {
height: 100%;
border-right: 1px solid #e5e5e5;
}
}
@media screen and (max-width:750px) {
.contact-number li dl dd {
padding: 20px 0 20px 10px;
}
.contact-number li dl dd p {
font-size: 16px;
}
.map-box iframe {
width: 100%;
height: 360px;
}
}
.footer-nav{
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.footer-nav li:not(:first-child){
margin-left: 5%;
}
.visitValue{
display: flex;
flex-wrap: wrap;
}