.guige .box table tr td{ border-color: #dcdcdc !important; } body { overflow-x: hidden; } html { font-size: 10px; /*10 梅 16 脳 100% = 62.5%*/ } @media (max-width: 1200px) { html { font-size: 9px; } } @media (max-width: 992px) { html { font-size: 7px; } } @media (max-width: 768px) { html { font-size: 9px; } } body > iframe { display: none; } a { text-decoration: none!important; } .navbar-brand { float: none; line-height: 0; } .mobile-con { display: none; } .header .header-top { height: 30px; line-height: 30px; background: #1b1b1b; } .header .header-top .lf { float: left; } .header .header-top .lf .btn-group { position: relative; } .header .header-top .lf button { border: none; padding: 2px 20px 2px 0; font-size: 1.4rem; color: #fff; background: url("../images/down_03.png") no-repeat right center; } .header .header-top .lf button option { color: #333; } .header .header-top .rt { float: right; } .header .header-top .rt a { display: inline-block; *display: inline; *zoom: 1; font-size: 1.4rem; color: #fff; padding: 0 1.5rem; } .header .header-top .rt .active { background: #ce0413; } .header .header-box { height: 90px; line-height: 90px; width: 100%; top: 0; left: 0; z-index: 99; position: relative; transition: 0.4s; } .header .header-box .container { position: relative; } .header .header-box .logo { float: left; } @media (max-width: 992px) { .header .header-box .logo img { width: 100px; } } .header .header-box .logo a { display: block; width: 100%; height: 100%; } .header .header-box .nav-con { width: 54%; margin: 0 auto; text-align: right; float: right; padding-right: 3%; } @media (max-width: 1200px) { .header .header-box .nav-con { width: 70%; padding-right: 8%; } } @media (max-width: 992px) { .header .header-box .nav-con { padding-right: 11%; } } .header .header-box .nav-con #nav { width: 100%; float: right; margin-bottom: 0; } .header .header-box .nav-con #nav .sub-nav { text-align: center; position: relative; line-height: 90px; transition: 0.3s; margin: 0 -1px; text-transform: uppercase; display: inline-block; *display: inline; *zoom: 1; } .header .header-box .nav-con #nav .sub-nav:hover a { color: #ce0413; } .header .header-box .nav-con #nav .sub-nav a { color: #272727; font-size: 1.6rem; display: block; height: 100%; padding: 0rem 1.5rem 0; } @media (max-width: 1420px) { .header .header-box .nav-con #nav .sub-nav a { padding: 0rem 1.2rem 0; font-size: 1.5rem; } } @media (max-width: 1200px) { .header .header-box .nav-con #nav .sub-nav a { padding: 0rem 1.2rem 0; } } @media (max-width: 992px) { .header .header-box .nav-con #nav .sub-nav a { padding: 0 0.4rem; } } .header .header-box .nav-con #nav .sub-nav .drop-down { z-index: 999; position: absolute; top: 89px; display: none; } .header .header-box .nav-con #nav .sub-nav .drop-down { text-align: center; background: #ffffff; width: 120%; margin-left: -10%; } .header .header-box .nav-con #nav .sub-nav .drop-down li { line-height: 40px; border-bottom: 1px solid #f6f6f6; } .header .header-box .nav-con #nav .sub-nav .drop-down li a { font-size: 1.4rem; display: block; color: #333!important; background: none!important; text-transform: capitalize; padding: 0; } .header .header-box .nav-con #nav .sub-nav .drop-down li a:hover { background: #ce0413!important; color: #fff!important; } .header .header-box .nav-con #nav .sub-nav .drop-down2 { z-index: 999; position: absolute; top: 89px; display: none; } .header .header-box .nav-con #nav .sub-nav .drop-down2 { text-align: center; background: #ffffff; width: 1100px; margin-left: -550px; padding: 3%; } .header .header-box .nav-con #nav .sub-nav .drop-down2 ul{ padding-top: 18px; padding-bottom: 18px; display: flex; align-items: flex-start; } .header .header-box .nav-con #nav .sub-nav .drop-down2 li { margin: 0 10px; width: 158px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .header .header-box .nav-con #nav .sub-nav .drop-down2 li img { width: 100%; border: 1px solid #eee; } .header .header-box .nav-con #nav .sub-nav .drop-down2 li h6 { font-size: 1.6rem; color: #ce0413; text-align: left; } .header .header-box .nav-con #nav .sub-nav .drop-down2 li a { font-size: 1.4rem; color: #666; display: block; line-height: normal; text-align: left; padding: 0; margin: 0 0 5px 0; } .header .header-box .nav-con #nav .sub-nav .drop-down2 li a:hover { color: #ce0413; } .header .header-box .nav-con #nav .active a { color: #ce0413; } .header .header-box .search-con .toggle-btn { position: absolute; top: 31px; right: 15px; width: 22px; height: 25px; cursor: pointer; background: url("../images/search-btn_03.png") no-repeat center; } @media (max-width: 992px) { .header .header-box .search-con .toggle-btn { top: 32px; } } .header .header-box .search-con .search { display: none; position: absolute; right: 0; top: 89px; width: 260px; height: 60px; border-top: 4px solid #ce0413; background-color: #fff; z-index: 10; line-height: 60px; } .header .header-box .search-con .search .txt { margin: 8px 7px; width: 246px; height: 43px; border: none; padding: 0 14px ; background-color: #f4f4f4; } .header .header-box .search-con .search .submit { width: 58px; height: 39px; border: none; background-color: #ce0413; position: absolute; top: 10px; right: 8px; text-align: center; line-height: 39px; border-radius: 2px; color: #fff; } .header .header-box .language { position: absolute; right: 15px; top: 0px; } .header .header-box .language a { font-size: 1.4rem; color: #c3c3c3; } .header .header-box .language a:hover { color: #fff; } .header .navigation-down { position: absolute; top: 100px; left: 0px; width: 100%; z-index: 100; background: #fff; transition: 0.4s; } .header .navigation-down .nav-down-menu { width: 100%; padding: 1.5% 0; } .header .nav-down-menu .slideTxtBox ul { margin: 0; } .header .nav-down-menu .slideTxtBox .hd { float: left; width: 200px; display: inline-block; *display: inline; *zoom: 1; } .header .nav-down-menu .slideTxtBox .hd li { margin-bottom: 20px; font-size: 1.5rem; color: #333; } .header .nav-down-menu .slideTxtBox .hd li a { color: #333; } .header .nav-down-menu .slideTxtBox .hd li a:hover { color: #ce0413; } .header .nav-down-menu .slideTxtBox .bd { display: inline-block; *display: inline; *zoom: 1; } .header .nav-down-menu .slideTxtBox .bd img { width: 373px; height: 214px; } @media (max-width: 1200px) { } @media (max-width: 992px) { } .header .mobile-con .navbar-default { background: #fff; } .header .mobile-con .navbar-default .navbar-nav > li > a:hover, .header .mobile-con .navbar-default .navbar-nav > li > a:focus { color: #ce0413; } .header .mobile-con .navbar-header .navbar-brand { float: none; line-height: 0; padding: 0; } .header .mobile-con .navbar-brand > img { margin: 11px 0 0 3%; width: 130px; } .header .mobile-con .navbar-brand span { display: inline-block; position: absolute; left: 116px; top: 31px; font-size: 16px; color: #333; } .header .mobile-con .nivo-directionNav { display: none; } .header .mobile-con .navbar-default .navbar-nav > li > a { color: #333; } .header .mobile-con .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; } .header .mobile-con .box .nivo-controlNav { margin-left: -16px; bottom: -6px; } .header .mobile-con .nivo-controlNav a { width: 6px; height: 6px; margin: 0 3px; } .header .mobile-con .navbar-toggle { margin-top: 11px; } .header .mobile-con .language { display: inline-block; position: relative; margin: 17px 12px 0 0; float: right; color: #333; } .header .mobile-con .language a { font-size: 14px; padding: 0px 6px; color: #333; } .header .mobile-con .language a:hover { color: #ce0413; } .header .mobile-con .language .active { color: #ce0413; } .header .mobile-con .dropdown .txt { margin-left: 20px; } .header .mobile-con .dropdown .txt h6 { font-size: 14px; } .header .mobile-con .dropdown .txt a { font-size: 13px; display: inline-block; margin: 4px 12px; color: #666; } .header .mobile-con .dropdown .txt a:hover { color: #ce0413; } /*mobile-header*/ @media (max-width: 768px) { .pc-con { display: none!important; } .mobile-con { display: block!important; } } /*main*/ .main { clear: both; } @media (max-width: 768px) { .main { margin-top: 55px; } } .main .ad-box-pc { margin-top: -1px; } .main .ad-box-pc .swiper-container-pc { overflow: hidden; position: relative; } .main .ad-box-pc .swiper-container-pc:hover .swiper-button-next-pc { opacity: 1; } .main .ad-box-pc .swiper-container-pc:hover .swiper-button-prev-pc { opacity: 1; } .main .ad-box-pc .top-banner { width: 100%; position: relative; } .main .ad-box-pc .swiper-slide { overflow: hidden; } .main .ad-box-pc .swiper-slide img { width: 100%; } .main .ad-box-pc .swiper-pagination { position: absolute; bottom: 5%; z-index: 99; } .main .ad-box-pc .swiper-pagination-bullet { border-radius: 10px; height: 10px; width: 10px; opacity: 1; background: #313131; margin: 0 5px; } .main .ad-box-pc .swiper-pagination-bullet-active { background: #ce0413; opacity: 1; } .main .ad-box-pc .swiper-button-next-pc { width: 33px; height: 50px; cursor: pointer; position: absolute; right: 5%; top: 50%; margin-top: -26px; background: url("../images/ad-btn_03.png") no-repeat center; z-index: 6; opacity: 0.5; } .main .ad-box-pc .swiper-button-prev-pc { width: 33px; height: 50px; cursor: pointer; position: absolute; left: 5%; top: 50%; margin-top: -26px; background: url("../images/ad-btn_06.png") no-repeat center; z-index: 6; opacity: 0.5; } @media (max-width: 768px) { .main .ad-box-pc .swiper-pagination { position: absolute; bottom: 3%; z-index: 99; } .main .ad-box-pc .swiper-pagination-bullet { border-radius: 10px; border: 1px solid #fff; background: transparent; height: 5px; width: 5px; opacity: 1; } .main .ad-box-pc .swiper-pagination-bullet-active { background: #fff; opacity: 1; } } .main .index-tit h4 { font-size: 2.4rem; color: #212121; font-weight: 600; } @media (max-width: 768px) { .main .index-tit h4 { font-size: 2.3rem; margin-bottom: 5px; } } .main .product { padding: 4% 0 3%; background: #f5f5f5; } @media (max-width: 768px) { .main .product .index-tit { text-align: center; margin-bottom: 3%; } } .main .product .content .slideTxtBox .hd { text-align: right; margin-top: -50px; } @media (max-width: 768px) { .main .product .content .slideTxtBox .hd { text-align: center; margin-top: 10px; } } .main .product .content .slideTxtBox .hd li { display: inline-block; *display: inline; *zoom: 1; height: 37px; line-height: 37px; font-size: 1.6rem; color: #3c3c3c; transition: 0.4s; cursor: pointer; font-weight: 600; padding: 0 2rem; } .main .product .content .slideTxtBox .hd li:hover { color: #fff; background: #ce0413; } .main .product .content .slideTxtBox .hd ul li.on { color: #fff; background: #ce0413; } .main .product .content .slideTxtBox .bd { zoom: 1; margin-top: 4%; } .main .product .content .slideTxtBox .bd li { width: 100%; position: relative; } .main .product .content .slideTxtBox .bd li .swiper-container-pro { overflow: hidden; margin-top: 3%; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide { text-align: center; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide:hover .img img { transform: scale(1.08); } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide:hover h6 { color: #ce0413; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide:hover p { color: #ce0413; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide .img { overflow: hidden; border: 1px solid #efefef; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide .img img { width: 100%; transition: 0.4s; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide p { margin-top: 20px; font-size: 1.4rem; color: #525252; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .product .content .slideTxtBox .bd li .swiper-button-next-pro { width: 30px; height: 34px; cursor: pointer; position: absolute; right: -5%; top: 36%; margin-top: -17px; background: url("../images/pro-btn_05.png") no-repeat center; z-index: 6; } .main .product .content .slideTxtBox .bd li .swiper-button-prev-pro { width: 30px; height: 34px; cursor: pointer; position: absolute; left: -5%; top: 36%; margin-top: -17px; background: url("../images/pro-btn_03.png") no-repeat center; z-index: 6; } .main .about { padding: 4% 0; } .main .about .rt-box { width: 48%; float: right; } @media (max-width: 768px) { .main .about .rt-box { width: 100%; margin-top: 20px; } } .main .about .rt-box h6 { font-size: 1.6rem; color: #3c3c3c; font-weight: 600; margin: 0 0 4%; } .main .about .rt-box p { font-size: 1.4rem; color: #525252; line-height: 190%; } .main .about .rt-box a { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #ce0413; color: #fff; margin-top: 4%; } .main .about .lf-box { width: 49.5%; float: left; } @media (max-width: 768px) { .main .about .lf-box { width: 100%; margin-top: 20px; } } .main .about .lf-box .video-box { width: 100%; } .main .about .icon-box { margin-top: 3%; } .main .about .icon-box li { width: 20%; float: left; height: 275px; text-align: center; border: 1px solid #f5f5f5; margin-left: -1px; transition: 0.3s; } @media (max-width: 768px) { .main .about .icon-box li { width: 50%; } } .main .about .icon-box li:hover { background: #ce0413; } .main .about .icon-box li:hover .img { background-position: right center!important; } .main .about .icon-box li:hover h6 { color: #fff; } .main .about .icon-box li:hover p { color: #fff; } .main .about .icon-box li .img { width: 56px; height: 56px; margin: 40px auto 35px; } .main .about .icon-box li h6 { font-size: 1.6rem; color: #3c3c3c; font-weight: 600; margin-bottom: 20px; } .main .about .icon-box li p { font-size: 1.4rem; color: #525252; line-height: 160%; margin: 0 10%; } .main .about .icon-box li:nth-child(1) .img { background: url("../images/about-icon_03.png"); } .main .about .icon-box li:nth-child(2) .img { background: url("../images/about-icon_05.png"); } .main .about .icon-box li:nth-child(3) .img { background: url("../images/about-icon_07.png"); } .main .about .icon-box li:nth-child(4) .img { background: url("../images/about-icon_09.png"); } .main .about .icon-box li:nth-child(5) .img { background: url("../images/about-icon_11.png"); } @media (max-width: 768px) { .main .about .icon-box li:nth-child(5) { width: 100%; height: auto; padding-bottom: 20px; } } .main .subsidiary { background: url("../images/zigongsi-bg_02.jpg") repeat-x center top; padding: 3% 0; } .main .subsidiary .index-tit { margin-bottom: 3%; text-align: center; } .main .subsidiary .content { background: #fff; padding: 3% 3% 2% 3%; box-shadow: 0 0 5px #ebebeb; } .main .subsidiary .content .slideTxtBox2 .hd { width: 12.5%; float: left; } @media (max-width: 768px) { .main .subsidiary .content .slideTxtBox2 .hd { width: 100%; } } .main .subsidiary .content .slideTxtBox2 .hd ul li { font-size: 1.4rem; color: #3c3c3c; cursor: pointer; padding: 15px 0; border-bottom: 1px solid #fff; } @media (max-width: 768px) { .main .subsidiary .content .slideTxtBox2 .hd ul li { width: 100%; width: 50%; float: left; } } .main .subsidiary .content .slideTxtBox2 .hd ul li.on { color: #ce0413; border-bottom: 1px solid #ce0413; } .main .subsidiary .content .slideTxtBox2 .bd { width: 83%; float: right; } @media (max-width: 768px) { .main .subsidiary .content .slideTxtBox2 .bd { width: 100%; } } .main .subsidiary .content .slideTxtBox2 .bd li .img { width: 40.8%; float: left; } @media (max-width: 768px) { .main .subsidiary .content .slideTxtBox2 .bd li .img { width: 100%; margin-bottom: 20px; } } .main .subsidiary .content .slideTxtBox2 .bd li .img img { width: 100%; } .main .subsidiary .content .slideTxtBox2 .bd li .txt { width: 55%; float: right; } @media (max-width: 768px) { .main .subsidiary .content .slideTxtBox2 .bd li .txt { width: 100%; } } .main .subsidiary .content .slideTxtBox2 .bd li .txt h6 { font-size: 1.6rem; color: #3c3c3c; font-weight: 600; } .main .subsidiary .content .slideTxtBox2 .bd li .txt p { font-size: 1.4rem; color: #525252; line-height: 200%; margin: 5% 0; } .main .subsidiary .content .slideTxtBox2 .bd li .txt a { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #ce0413; color: #fff; margin-top: 4%; } .main .news { padding: 0% 0 4%; } .main .news .index-tit { margin-bottom: 3%; text-align: center; } .main .news .content .lf { width: 48%; float: left; } @media (max-width: 768px) { .main .news .content .lf { width: 100%; margin-bottom: 16px; } } .main .news .content .lf .slideBox { position: relative; } .main .news .content .lf .slideBox .hd { height: 25px; overflow: hidden; position: absolute; right: 5px; bottom: 15px; z-index: 1; } .main .news .content .lf .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .main .news .content .lf .slideBox .hd ul li { float: left; margin-right: 8px; width: 25px; height: 25px; line-height: 24px; text-align: center; background: #fff; cursor: pointer; } .main .news .content .lf .slideBox .hd ul li.on { background: #f00; color: #fff; } .main .news .content .lf .slideBox .bd { position: relative; height: 100%; z-index: 0; } .main .news .content .lf .slideBox .bd li { position: relative; } .main .news .content .lf .slideBox .bd li p { height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.5); width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 3%; margin: 0; } @media (max-width: 768px) { .main .news .content .lf .slideBox .bd li p { width: 100%; } } .main .news .content .lf .slideBox .bd li p span { width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 1.6rem; display: block; } .main .news .content .lf .slideBox .bd img { width: 100%; } .main .news .content .rt { width: 50%; float: right; } @media (max-width: 768px) { .main .news .content .rt { width: 100%; } } .main .news .content .rt li { padding: 4% 0; border-bottom: 1px solid #eee; } @media (max-width: 768px) { .main .news .content .rt li { margin-bottom: 15px; } } .main .news .content .rt li:hover .txt h6 { color: #ce0413; } .main .news .content .rt li .img { width: 31.4%; float: left; height: 122px; overflow: hidden; } .main .news .content .rt li .img img { width: 100%; } .main .news .content .rt li .txt { width: 66%; float: right; } .main .news .content .rt li .txt h6 { font-size: 1.6rem; color: #151515; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 992px) { .main .news .content .rt li .txt h6 { margin-top: 0; } } .main .news .content .rt li .txt p { font-size: 1.4rem; color: #5b5b5b; line-height: 180%; margin: 12px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; } @media (max-width: 1420px) { .main .news .content .rt li .txt p { margin: 6px 0; line-height: 160%; } } .main .news .content .rt li .txt span { font-size: 1.4rem; color: #ce0413; } @media (max-width: 1200px) { .main .news .content .rt li .txt span { display: none; } } .main .news .content .rt li:first-child { padding-top: 0; } .main .news .content .more a { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #ce0413; color: #fff; margin-top: 3%; } .footer { background: #222; } .footer .footer-top { padding: 2.5% 0; position: relative; } .footer .footer-top .footer-lf { float: left; } .footer .footer-top .footer-lf .list { float: left; margin-right: 8rem; } @media (max-width: 1200px) { .footer .footer-top .footer-lf .list { margin-right: 6rem; } } @media (max-width: 992px) { .footer .footer-top .footer-lf .list { margin-right: 3rem; } } .footer .footer-top .footer-lf .list h5 { font-size: 1.6rem; color: #fff; padding-bottom: 21px; background: url("../images/h5-line_03.jpg") no-repeat left bottom; } .footer .footer-top .footer-lf .list ul { margin-top: 20px; } .footer .footer-top .footer-lf .list ul li { margin-bottom: 10px; } .footer .footer-top .footer-lf .list ul li a { font-size: 1.4rem; color: #dedede; } .footer .footer-top .footer-lf .list ul li a:hover { color: #ce0413; } .footer .footer-top .footer-rt { float: right; } .footer .footer-top .footer-rt li { display: inline-block; *display: inline; *zoom: 1; text-align: center; margin-left: 3.5rem; } .footer .footer-top .footer-rt li p { margin-top: 15px; font-size: 1.4rem; color: #ccc; } @media (max-width: 768px) { .footer { padding: 0; } .footer .footer-con2 { background: #1d1b1b; display: block!important; text-align: center; } .footer .footer-con2 p img { margin: 0; } .footer .footer-con2 p a { display: inline-block; margin: 20px 12px; } .footer .footer-con2 p a:hover img { margin-top: -4px; } .footer .footer-con2 h5 { background: #1d1b1b url("../images/lit_07.png") no-repeat right center; background-position: right 26px top 28px; margin: 0; font-weight: 500; color: #c4c4c4; font-size: 15px; border-bottom: 1px solid #aaa; padding: 18px 26px 18px 24px; } .footer .footer-con2 .list-con { display: none; } .footer .footer-con2 .list-con a { color: #c4c4c4; margin: 0; background: #333; text-decoration: none; display: block; border-bottom: 1px solid #aaa; font-size: 14px; padding: 12px 26px 12px 24px; } .footer .footer-con2 .list-con a:hover { color: #ce0413; } .footer .footer-con2 .list-con li { color: #333; border-bottom: 1px solid #aaa; font-size: 14px; padding: 12px 26px 12px 24px; background: #edf2f8; } .footer .footer-con2 .link { display: none; color: #333; border-bottom: 1px solid #aaa; font-size: 14px; padding: 12px 26px 12px 24px; background: #232222; } .footer .footer-con2 .link a { display: inline-block; *display: inline; *zoom: 1; margin: 0 3% 0 0; } } .footer .footer-bot { height: 70px; line-height: 68px; } .footer .footer-bot .container { position: relative; } .footer .footer-bot .content { border-top: 1px solid #363c4e; } .footer .footer-bot .lf .link { display: inline-block; *display: inline; *zoom: 1; } .footer .footer-bot .lf .link a { display: inline-block; *display: inline; *zoom: 1; margin-right: 8px; } .footer .footer-bot .lf p { display: inline-block; *display: inline; *zoom: 1; font-size: 1.3rem; color: #dedede; margin: 0; } .footer .footer-bot .rt { margin: 0; font-size: 1.3rem; color: #dedede; line-height: 69px; } .footer .footer-bot .rt a { color: #dedede; } .footer .footer-bot .rt a:hover { color: #ce0413; } .footer .footer-bot .lf { float: left; } .footer .footer-bot .rt { float: right; } @media (max-width: 768px) { .footer .footer-bot { height: auto; line-height: normal; padding: 10px 0; } .footer .footer-bot .content { border: none; } .footer .footer-bot .lf { width: 100%; text-align: center; } .footer .footer-bot .lf .link { display: inline-block; *display: inline; *zoom: 1; margin: 10px 0; } .footer .footer-bot .lf .link a { display: inline-block; *display: inline; *zoom: 1; margin-right: 8px; } .footer .footer-bot .lf p { display: inline-block; *display: inline; *zoom: 1; font-size: 1.3rem; color: #c4c4c4; margin: 0; } .footer .footer-bot .rt { margin: 0; width: 100%; text-align: center; font-size: 1.3rem; color: #c4c4c4; line-height: normal; } .footer .footer-bot .rt a { color: #c4c4c4; } .footer .footer-bot .rt a:hover { color: #ce0413; } .footer .footer-bot .lf { float: left; } .footer .footer-bot .rt { float: right; } } .footer .returnTop { z-index: 99; display: block; cursor: pointer; position: fixed; bottom: 50px; right: 30px; opacity: 1; width: 48px; height: 48px; background: url("../images/return-top.png") no-repeat center; } /*ins-style*/ @media (max-width: 768px) { .ins-main { margin-top: 55px; } } .ins-main .ins-ad img { width: 100%; } .ins-main .ins-nav { height: 59px; line-height: 59px; background: url("../images/ins-nav-bg_03.jpg") repeat-x center; } @media (max-width: 768px) { .ins-main .ins-nav { height: auto; line-height: 40px; background: #f2f2f2; } } .ins-main .ins-nav .lf-list { float: left; } @media (max-width: 768px) { .ins-main .ins-nav .lf-list { width: 100%; } } .ins-main .ins-nav .lf-list ul { margin: 0; } .ins-main .ins-nav .lf-list li { width: 100px; height: 59px; line-height: 59px; text-align: center; transition: 0.3s; display: inline-block; *display: inline; *zoom: 1; } @media (max-width: 1200px) { .ins-main .ins-nav .lf-list li { width: 100px; } } @media (max-width: 992px) { .ins-main .ins-nav .lf-list li { width: 70px; } } @media (max-width: 768px) { .ins-main .ins-nav .lf-list li { width: 25%; float: left; display: block; height: 40px; line-height: 40px; } } .ins-main .ins-nav .lf-list li:hover { background: #ce0413; } .ins-main .ins-nav .lf-list li:hover a { color: #fff; } .ins-main .ins-nav .lf-list li a { display: block; font-size: 1.6rem; color: #272727; } .ins-main .ins-nav .lf-list .active { background: #ce0413; } .ins-main .ins-nav .lf-list .active a { color: #fff; } .ins-main .ins-nav .rt { float: right; } @media (max-width: 768px) { .ins-main .ins-nav .rt { width: 100%; float: left; } } .ins-main .ins-nav .rt p { margin: 0; padding-left: 33px; background: url("../images/location_03.png") no-repeat left center; } .ins-main .ins-nav .rt p a { font-size: 1.4rem; color: #272727; } .ins-main .ins-nav .rt p a:hover { color: #ce0413; } .ins-main .ins-nav .rt p .active { color: #ce0413; } .ins-main .list-nav { height: 64px; margin-top: -64px; text-align: center; z-index: 6; position: relative; } .ins-main .list-nav ul { margin: 0; } .ins-main .list-nav li { font-size: 1.6rem; display: inline-block; *display: inline; *zoom: 1; margin: 0 3%; } .ins-main .list-nav li:hover a { color: #00f0ff; border-color: #00f0ff; } .ins-main .list-nav li a { color: #fff; padding-bottom: 16px; border-bottom: 1px solid transparent; } .ins-main .list-nav .active a { color: #00f0ff; border-color: #00f0ff; } @media (max-width: 992px) { } .ins-main .ins-con { padding: 3% 0; } .ins-main .ins-team { padding: 4% 0 3%; background: #f1f1f1; } .ins-main .ins-team li { width: 22%; float: left; margin-right: 4%; margin-bottom: 2.66666%; } @media (max-width: 768px) { .ins-main .ins-team li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-team li img { width: 100%; } .ins-main .ins-team li p { text-align: center; margin: 15px 0 0 0; font-size: 1.6rem; color: #333; } .ins-main .ins-team li:nth-child(4n+4) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-team li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-bankuai { padding: 2% 0 3%; background: #f1f1f1; } .ins-main .ins-bankuai li { padding: 3% 0; border-bottom: 1px solid #cdcdcd; } .ins-main .ins-bankuai li:hover .img img { transform: scale(1.08); } .ins-main .ins-bankuai li:hover .txt h6 { color: #5e8abb; } .ins-main .ins-bankuai li .img { width: 43.16666%; float: left; overflow: hidden; } @media (max-width: 768px) { .ins-main .ins-bankuai li .img { width: 100%; margin-bottom: 15px; } } .ins-main .ins-bankuai li .img img { width: 100%; transition: 0.4s; } .ins-main .ins-bankuai li .txt { width: 50%; float: right; } @media (max-width: 768px) { .ins-main .ins-bankuai li .txt { width: 100%; } } .ins-main .ins-bankuai li .txt h6 { font-size: 1.8rem; color: #000; } .ins-main .ins-bankuai li .txt p { font-size: 1.4rem; color: #666; line-height: 220%; } .ins-main .ins-bankuai li:nth-child(2n+2) .img { float: right; } .ins-main .ins-bankuai li:nth-child(2n+2) .txt { float: left; } .ins-main .ins-profile .top-box { margin: 3% 0; } .ins-main .ins-profile .top-box .box-tit { margin-bottom: 5%; } @media (max-width: 768px) { .ins-main .ins-profile .top-box .box-tit { width: 100%; text-align: center; } } .ins-main .ins-profile .top-box .box-tit p { font-size: 1.4rem; color: #838383; } .ins-main .ins-profile .top-box .box-tit h4 { font-size: 2.4rem; color: #000; font-weight: 600; } .ins-main .ins-profile .top-box .box-tit b { display: inline-block; width: 25px; height: 5px; background: #ce0413; } .ins-main .ins-profile .top-box .content .img { float: left; width: 25%; } @media (max-width: 768px) { .ins-main .ins-profile .top-box .content .img { width: 100%; margin-bottom: 15px; } } .ins-main .ins-profile .top-box .content .img img { width: 100%; } .ins-main .ins-profile .top-box .content .txt { width: 69.5833%; float: right; } @media (max-width: 768px) { .ins-main .ins-profile .top-box .content .txt { width: 100%; } } .ins-main .ins-profile .top-box .content .txt p { font-size: 1.4rem; color: #5c5c5c; line-height: 180%; margin-bottom: 2%; } .ins-main .ins-profile .bot-box { padding: 3% 0; background: #f5f5f5; } .ins-main .ins-profile .bot-box ul { -moz-column-count: 3; /* Firefox */ -webkit-column-count: 3; /* Safari 鍜 Chrome */ column-count: 3; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em; margin: 2em auto; } @media (max-width: 768px) { .ins-main .ins-profile .bot-box ul { column-count: 1; } } .ins-main .ins-profile .bot-box li { margin-bottom: 2em; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .ins-main .ins-profile .bot-box li .img img { width: 100%; } .ins-main .ins-profile .bot-box li .txt { background: #fff; padding: 12px; } .ins-main .ins-profile .bot-box li .txt h6 { font-size: 1.6rem; color: #0a0a0a; } .ins-main .ins-profile .bot-box li .txt p { font-size: 1.4rem; color: #6c6c6c; line-height: 180%; } .ins-main .ins-profile .bot-box li:nth-child(3n+3) { margin-right: 0; } .ins-main .ins-shili { padding: 3% 0; } .ins-main .ins-shili .top-link { text-align: center; } .ins-main .ins-shili .top-link ul { margin: 0; } .ins-main .ins-shili .top-link li { display: inline-block; *display: inline; *zoom: 1; font-size: 1.4rem; margin: 0 2.5rem; position: relative; } @media (max-width: 768px) { .ins-main .ins-shili .top-link li { margin-bottom: 2rem; } } .ins-main .ins-shili .top-link li:hover:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -12px; left: 8px; } .ins-main .ins-shili .top-link li a { color: #2d2d2d; } .ins-main .ins-shili .top-link .active:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -15px; left: 8px; } .ins-main .ins-shili .top-link p { font-size: 1.4rem; color: #6d6d6d; line-height: 160%; margin: 4% 0 0 0; padding: 2% 0; background: #f5f5f5; } @media (max-width: 768px) { .ins-main .ins-shili .top-link p { margin-top: 0; } } .ins-main .ins-shili .content { margin-top: 3%; } .ins-main .ins-shili .content li { width: 24%; float: left; margin: 0 1.333333% 1.33333% 0; } @media (max-width: 768px) { .ins-main .ins-shili .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-shili .content li .img { position: relative; cursor: pointer; } .ins-main .ins-shili .content li .img:hover .masking { opacity: 1; } .ins-main .ins-shili .content li .img img { width: 100%; } .ins-main .ins-shili .content li .img .masking { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .ins-main .ins-shili .content li p { font-size: 1.4rem; color: #484848; margin: 10px 0 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-shili .content li:nth-child(4n+4) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-shili .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-honor { padding: 3% 0; } .ins-main .ins-honor .top-link { text-align: center; } .ins-main .ins-honor .top-link ul { margin: 0; } .ins-main .ins-honor .top-link li { display: inline-block; *display: inline; *zoom: 1; font-size: 1.4rem; margin: 0 2.5rem; position: relative; } @media (max-width: 768px) { .ins-main .ins-honor .top-link li { margin-bottom: 2rem; } } .ins-main .ins-honor .top-link li:hover:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -12px; left: 8px; } .ins-main .ins-honor .top-link li a { color: #2d2d2d; } .ins-main .ins-honor .top-link .active:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -15px; left: 8px; } .ins-main .ins-honor .top-link p { font-size: 1.4rem; color: #6d6d6d; line-height: 160%; margin: 4% 0 0 0; padding: 2% 0; background: #f5f5f5; } @media (max-width: 768px) { .ins-main .ins-honor .top-link p { margin-top: 0; } } .ins-main .ins-honor .content { margin-top: 5%; } .ins-main .ins-honor .content li { width: 18.4%; float: left; margin: 0 2% 1.25% 0; } @media (max-width: 768px) { .ins-main .ins-honor .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-honor .content li .img { position: relative; cursor: pointer; } .ins-main .ins-honor .content li .img:hover .masking { opacity: 1; } .ins-main .ins-honor .content li .img img { width: 100%; } .ins-main .ins-honor .content li .img .masking { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .ins-main .ins-honor .content li p { font-size: 1.4rem; color: #484848; margin: 10px 0 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-honor .content li:nth-child(5n+5) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-honor .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-shipin { padding: 3% 0; } .ins-main .ins-shipin .top-link { text-align: center; } .ins-main .ins-shipin .top-link ul { margin: 0; } .ins-main .ins-shipin .top-link li { display: inline-block; *display: inline; *zoom: 1; font-size: 1.4rem; margin: 0 2.5rem; position: relative; } @media (max-width: 768px) { .ins-main .ins-shipin .top-link li { margin-bottom: 2rem; } } .ins-main .ins-shipin .top-link li:hover:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -12px; left: 8px; } .ins-main .ins-shipin .top-link li a { color: #2d2d2d; } .ins-main .ins-shipin .top-link .active:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -15px; left: 8px; } .ins-main .ins-shipin .top-link p { font-size: 1.4rem; color: #6d6d6d; line-height: 160%; margin: 4% 0 0 0; padding: 2% 0; background: #f5f5f5; } @media (max-width: 768px) { .ins-main .ins-shipin .top-link p { margin-top: 0; } } .ins-main .ins-shipin .content { margin-top: 5%; } .ins-main .ins-shipin .content li { width: 24%; float: left; margin: 0 1.333333% 1.333333% 0; } @media (max-width: 768px) { .ins-main .ins-shipin .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-shipin .content li .img { position: relative; cursor: pointer; } .ins-main .ins-shipin .content li .img:hover .masking { opacity: 1; } .ins-main .ins-shipin .content li .img img { width: 100%; } .ins-main .ins-shipin .content li .img .masking { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .ins-main .ins-shipin .content li p { font-size: 1.4rem; color: #484848; margin: 10px 0 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-shipin .content li:nth-child(4n+4) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-shipin .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-linian { padding: 3% 0; } .ins-main .ins-linian .top-img { margin-bottom: 5%; } .ins-main .ins-linian .top-img img { width: 100%; } .ins-main .ins-linian .bot-list li { width: 20%; float: left; text-align: center; } @media (max-width: 768px) { .ins-main .ins-linian .bot-list li { width: 50%; } } .ins-main .ins-linian .bot-list li:hover .img { border-color: #ce0413; } .ins-main .ins-linian .bot-list li:hover h6 { color: #ce0413; } .ins-main .ins-linian .bot-list li .img { width: 120px; height: 120px; border-radius: 120px; border: 1px solid #bebebe; margin: 0 auto; } @media (max-width: 768px) { .ins-main .ins-linian .bot-list li .img { width: 100px; height: 100px; border-radius: 100px; } } .ins-main .ins-linian .bot-list li h6 { font-size: 1.8rem; color: #252525; margin-top: 20px; margin-bottom: 5px; } .ins-main .ins-linian .bot-list li span { display: block; font-size: 1.4rem; color: #b1b1b1; } .ins-main .ins-linian .bot-list li p { font-size: 1.4rem; color: #616161; line-height: 180%; margin: 15px 10% 0 10%; } @media (max-width: 768px) { .ins-main .ins-linian .bot-list li p { height: 90px; } } .ins-main .ins-linian .bot-list li:nth-child(1) .img { background: #f5f5f5 url("../images/letter_03.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(2) .img { background: #f5f5f5 url("../images/letter_05.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(3) .img { background: #f5f5f5 url("../images/letter_07.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(4) .img { background: #f5f5f5 url("../images/letter_09.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(5) .img { background: #f5f5f5 url("../images/letter_11.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(1):hover .img { background: #ce0413 url("../images/letter2_03.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(2):hover .img { background: #ce0413 url("../images/letter2_05.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(3):hover .img { background: #ce0413 url("../images/letter2_07.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(4):hover .img { background: #ce0413 url("../images/letter2_09.png") no-repeat center; } .ins-main .ins-linian .bot-list li:nth-child(5):hover .img { background: #ce0413 url("../images/letter2_11.png") no-repeat center; } .ins-main .ins-licheng { padding: 3% 0; } .ins-main .ins-licheng .view .swiper-container .swiper-slide { padding: 2.5%; background: #f5f5f5; } .ins-main .ins-licheng .view .swiper-container .swiper-slide .img { float: left; width: 47%; } @media (max-width: 768px) { .ins-main .ins-licheng .view .swiper-container .swiper-slide .img { width: 100%; margin-bottom: 10px; } } .ins-main .ins-licheng .view .swiper-container .swiper-slide .img img { width: 100%; } .ins-main .ins-licheng .view .swiper-container .swiper-slide .txt { width: 50%; float: right; } @media (max-width: 768px) { .ins-main .ins-licheng .view .swiper-container .swiper-slide .txt { width: 100%; } } .ins-main .ins-licheng .view .swiper-container .swiper-slide .txt h4 { font-size: 3rem; color: #1b1b1b; font-weight: 600; margin: 3% 0 5%; } .ins-main .ins-licheng .view .swiper-container .swiper-slide .txt p { font-size: 1.4rem; color: #1b1b1b; line-height: 180%; } .ins-main .ins-licheng .preview { width: 100%; padding: 2% 0; position: relative; margin-bottom: 2%; background: url("../images/years-line_03.jpg") repeat-x center; border-top: none; } .ins-main .ins-licheng .preview .arrow-left { width: 50px; height: 55px; background: url("../images/lc-btn_05.jpg") no-repeat left center; position: absolute; left: 0; top: 50%; margin-top: -27px; z-index: 9; cursor: pointer; } .ins-main .ins-licheng .preview .arrow-left:hover { background: url("../images/lc-btn_09.jpg") no-repeat center; } .ins-main .ins-licheng .preview .arrow-right { width: 50px; height: 55px; background: url("../images/lc-btn_03.jpg") no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -27px; z-index: 9; cursor: pointer; } .ins-main .ins-licheng .preview .arrow-right:hover { background: url("../images/lc-btn_10.jpg") no-repeat center; } .ins-main .ins-licheng .preview .swiper-container { width: 90%; margin: 0 auto; } .ins-main .ins-licheng .preview .swiper-slide { text-align: center; font-weight: 600; color: #555; padding-bottom: 50px; background: url("../images/lc-lit_03.jpg") no-repeat center 25px; } .ins-main .ins-licheng .preview .active-nav { background: url("../images/lc-lit_05.jpg") no-repeat center 25px; } .ins-main .ins-culture { padding: 2% 0 4%; } .ins-main .ins-culture .list { width: 31.8333333%; float: left; margin-right: 2.25%; } @media (max-width: 768px) { .ins-main .ins-culture .list { width: 100%; margin: 0 0 15px 0; } } .ins-main .ins-culture .list .img img { width: 100%; } .ins-main .ins-culture .list h5 { font-size: 2rem; color: #333; margin: 30px 0 20px; } .ins-main .ins-culture .list p { font-size: 1.3rem; color: #333; line-height: 220%; margin: 0; } .ins-main .ins-culture .list:nth-child(3) { margin-right: 0; } .ins-main .ins-download { padding: 3% 0; } .ins-main .ins-download .top-link { text-align: center; } .ins-main .ins-download .top-link ul { margin: 0; } .ins-main .ins-download .top-link li { display: inline-block; *display: inline; *zoom: 1; font-size: 1.4rem; margin: 0 2.5rem; position: relative; } @media (max-width: 768px) { .ins-main .ins-download .top-link li { margin-bottom: 2rem; } } .ins-main .ins-download .top-link li:hover:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -12px; left: 8px; } .ins-main .ins-download .top-link li a { color: #2d2d2d; } .ins-main .ins-download .top-link .active:after { content: ''; width: 40px; height: 2px; background: #ce0413; position: absolute; bottom: -15px; left: 8px; } .ins-main .ins-download .top-link p { font-size: 1.4rem; color: #6d6d6d; line-height: 160%; margin: 4% 0 0 0; padding: 2% 0; background: #f5f5f5; } @media (max-width: 768px) { .ins-main .ins-download .top-link p { margin-top: 0; } } .ins-main .ins-download .content { margin-top: 5%; } @media (max-width: 768px) { .ins-main .ins-download .content { overflow-x: auto; } } .ins-main .ins-download .content table { border-collapse: collapse; width: 100%; border-color: transparent; } @media (max-width: 768px) { .ins-main .ins-download .content table { width: 700px; } } .ins-main .ins-download .content table thead tr { height: 55px; line-height: 55px; background: #f5f5f5; font-size: 1.6rem; color: #3a3a3a; } .ins-main .ins-download .content table thead tr th { font-weight: 500; padding-left: 15px; } .ins-main .ins-download .content table thead tr th:nth-child(1) { width: 35%; } .ins-main .ins-download .content table thead tr th:nth-child(2) { width: 50%; } .ins-main .ins-download .content table thead tr th:nth-child(3) { width: 15%; padding-left: 38px; } .ins-main .ins-download .content table tbody tr { height: 55px; line-height: 55px; font-size: 1.4rem; color: #313131; border-bottom: 1px solid #eee; } .ins-main .ins-download .content table tbody tr td { font-weight: 500; padding-left: 15px; } .ins-main .ins-download .content table tbody tr td:nth-child(1) { width: 35%; padding-left: 30px; background: url("../images/download-lit_03.jpg") no-repeat 15px center; } .ins-main .ins-download .content table tbody tr td:nth-child(2) { width: 50%; } .ins-main .ins-download .content table tbody tr td:nth-child(3) { width: 15%; padding-left: 50px; background: url("../images/download_03.jpg") no-repeat 15px center; } .ins-main .ins-download .content table tbody tr td:nth-child(3) a { display: block; color: #313131; } .ins-main .ins-case { padding: 4% 0; background: #f1f1f1; text-align: center; } .ins-main .ins-case li { width: 23%; float: left; margin-right: 2.666666%; margin-bottom: 2.66666%; } @media (max-width: 768px) { .ins-main .ins-case li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-case li:hover .img img { transform: scale(1.1); } .ins-main .ins-case li .img { overflow: hidden; } .ins-main .ins-case li .img img { width: 100%; transition: 0.4s; } .ins-main .ins-case li p { text-align: center; font-size: 1.4rem; color: #333; margin: 10px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-case li:nth-child(4n+4) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-case li:nth-child(2n+2) { margin-right: 0; } } .ins-main .case-show { padding: 4% 0; background: #f1f1f1; text-align: center; } .ins-main .case-show h4 { font-size: 2.4rem; color: #5b5b5b; text-align: center; margin-bottom: 4%; } .ins-main .case-show .top-show { width: 80%; margin: 0 auto; } @media (max-width: 768px) { .ins-main .case-show .top-show { width: 100%; } } .ins-main .case-show .top-show .view .swiper-container { height: 100%; padding: 1px; } .ins-main .case-show .top-show .view .swiper-container .swiper-slide { width: 100%; } .ins-main .case-show .top-show .view .swiper-container .swiper-slide img { width: 100%; border: 1px solid #f0f0f0; background: #f3f3f3; } .ins-main .case-show .top-show .preview { width: 100%; padding: 1% 0; position: relative; border-top: none; } .ins-main .case-show .top-show .preview .arrow-left { position: absolute; width: 23px; height: 43px; left: 15px; top: 50%; margin-top: -21px; background: url("../images/show-btn_03.png") no-repeat center; cursor: pointer; z-index: 6; } .ins-main .case-show .top-show .preview .arrow-right { position: absolute; width: 23px; height: 43px; right: 15px; top: 50%; margin-top: -21px; background: url("../images/show-btn_06.png") no-repeat center; cursor: pointer; z-index: 6; } .ins-main .case-show .top-show .preview .swiper-container { width: 100%; margin: 0 auto; } .ins-main .case-show .top-show .preview .swiper-slide { float: left; width: auto; box-sizing: border-box; border: 1px solid transparent; } .ins-main .case-show .top-show .preview .swiper-slide img { width: 100%; cursor: pointer; border: 1px solid #efefef; background: #f3f3f3; } .ins-main .case-show .top-show .preview .active-nav img { border: 1px solid #0086d4; } .ins-main .case-show .top-show .txt-box { margin: 4% 0; text-align: left; } .ins-main .case-show .top-show .txt-box p { font-size: 1.6rem; color: #333; line-height: 180%; } .ins-main .case-show .return a { display: block; margin: 0 auto; width: 170px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; background: #0086d4; color: #fff; font-size: 1.4rem; } .ins-main .ins-message { padding: 3% 0; } .ins-main .ins-message .lf-box { width: 52.333333%; float: left; } @media (max-width: 768px) { .ins-main .ins-message .lf-box { width: 100%; } } .ins-main .ins-message .lf-box ul:nth-child(1) li { height: 36px; line-height: 36px; margin-bottom: 13px; clear: both; } .ins-main .ins-message .lf-box ul:nth-child(1) li sup { color: red; } .ins-main .ins-message .lf-box ul:nth-child(1) li input { float: right; width: 90%; height: 36px; line-height: 36px; border: 1px solid #efefef; padding: 0 10px; } @media (max-width: 768px) { .ins-main .ins-message .lf-box ul:nth-child(1) li input { width: 85%; } } .ins-main .ins-message .lf-box ul:nth-child(1) li textarea { float: right; padding: 10px; margin-bottom: 13px; width: 90%; height: 75px; border: 1px solid #efefef; } @media (max-width: 768px) { .ins-main .ins-message .lf-box ul:nth-child(1) li textarea { width: 85%; } } .ins-main .ins-message .lf-box ul:nth-child(1) li:last-child input { width: 20%; float: none; margin-left: 18px; } @media (max-width: 768px) { .ins-main .ins-message .lf-box ul:nth-child(1) li:last-child input { margin-left: 8px; } } .ins-main .ins-message .lf-box ul:nth-child(1) li:last-child img { margin-left: 10px; } .ins-main .ins-message .lf-box ul:nth-child(2) { margin-top: 25px; } .ins-main .ins-message .lf-box ul:nth-child(2) li { text-align: center; display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; } .ins-main .ins-message .lf-box ul:nth-child(2) li input { display: block; border: none; cursor: pointer; font-size: 1.4rem; color: #1c1c1c; width: 130px; height: 45px; line-height: 45px; background: #e9e9e9; } @media (max-width: 768px) { .ins-main .ins-message .lf-box ul:nth-child(2) li input { width: 100px; } } .ins-main .ins-message .lf-box ul:nth-child(2) li:nth-child(1) { margin-left: 60px; } @media (max-width: 768px) { .ins-main .ins-message .lf-box ul:nth-child(2) li:nth-child(1) { margin-left: 50px; } } .ins-main .ins-message .lf-box ul:nth-child(2) li:nth-child(1) input { color: #fff; background: #ce0413; } .ins-main .ins-message .rt-box { width: 42.833333%; float: right; height: 637px; background: url("../images/message_03.jpg") no-repeat center; } .ins-main .ins-feedback { padding: 3% 0; } .ins-main .ins-feedback .content { padding: 2%; background: #faf9f6; } .ins-main .ins-feedback .content .tip { font-size: 1.4rem; color: #494949; padding-bottom: 15px; border-bottom: 1px dashed #e5e5e5; } .ins-main .ins-feedback .content .list-box li { padding: 3% 0; border-bottom: 1px dashed #e5e5e5; } .ins-main .ins-feedback .content .list-box li .tit h6 { font-size: 1.6rem; color: #ce0413; font-weight: 600; } .ins-main .ins-feedback .content .list-box li .tit p { font-size: 1.4rem; color: #727272; line-height: 180%; } .ins-main .ins-feedback .content .list-box li .txt { display: none; } .ins-main .ins-feedback .content .list-box li .txt p { font-size: 1.4rem; color: #727272; line-height: 180%; } .ins-main .ins-feedback .content .list-box li .control-btn { font-size: 1.4rem; color: #252525; cursor: pointer; } .ins-main .ins-feedback .bot { margin-top: -111px; position: relative; z-index: -1; } .ins-main .ins-feedback .bot img { width: 100%; } .ins-main .ins-contact { padding: 3% 0; } .ins-main .ins-contact .top-box .list { margin-bottom: 1.5%; background: #f5f5f5; padding: 2% 3%; } .ins-main .ins-contact .top-box .list .img { width: 30%; float: left; } @media (max-width: 768px) { .ins-main .ins-contact .top-box .list .img { width: 100%; margin-bottom: 15px; } } .ins-main .ins-contact .top-box .list .img img { width: 100%; } .ins-main .ins-contact .top-box .list .txt-box { width: 67%; float: right; } @media (max-width: 768px) { .ins-main .ins-contact .top-box .list .txt-box { width: 100%; } } .ins-main .ins-contact .top-box .list .txt-box h6 { font-size: 1.8rem; color: #2b2b2b; margin: 5px 0; } .ins-main .ins-contact .top-box .list .txt-box .txt { margin-top: 3%; } .ins-main .ins-contact .top-box .list .txt-box .txt p { font-size: 1.4rem; color: #4a4a4a; margin-bottom: 5px; } .ins-main .ins-contact .people .people-tit { border: 1px solid #ebebeb; } .ins-main .ins-contact .people .people-tit h5 { height: 58px; line-height: 58px; background: #f5f5f5; margin: 0; font-size: 1.6rem; color: #ce0413; font-weight: 600; padding: 0 4%; } .ins-main .ins-contact .people .content .list { padding: 3%; } .ins-main .ins-contact .people .content .list li { width: 33.333333%; float: left; } @media (max-width: 768px) { .ins-main .ins-contact .people .content .list li { width: 100%; } } .ins-main .ins-contact .people .content .list li h6 { font-size: 1.4rem; color: #505050; font-weight: 600; } .ins-main .ins-contact .people .content .list li p { font-size: 1.4rem; color: #505050; margin-bottom: 5px; } .ins-main .ins-contact .people .content .list:nth-child(2n+2) { background: #f5f5f5; } .ins-main .ins-advantage { padding: 3% 0; } .ins-main .ins-advantage .top-list { text-align: center; margin-bottom: 3%; } .ins-main .ins-advantage .top-list li { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #eee; width: 215px; text-align: center; height: 80px; line-height: 80px; } .ins-main .ins-advantage .top-list li:hover { background: #d4b08c; } .ins-main .ins-advantage .top-list li:hover a { color: #fff; } .ins-main .ins-advantage .top-list li a { display: block; font-size: 1.6rem; color: #373737; } .ins-main .ins-advantage .top-list .active { background: #d4b08c; } .ins-main .ins-advantage .top-list .active a { color: #fff; } .ins-main .ins-advantage .content .img img { width: 100%; } .ins-main .ins-advantage .content .con-tit { text-align: center; margin: 3% 0; } .ins-main .ins-advantage .content .con-tit h4 { font-size: 3rem; color: #ce0413; } .ins-main .ins-advantage .content .con-tit p { font-size: 1.6rem; color: #323232; } .ins-main .ins-advantage .content .txt p { font-size: 1.4rem; color: #767676; line-height: 200%; } @media (max-width: 768px) { .ins-main .ins-advantage { padding: 3% 0; } .ins-main .ins-advantage .top-list { text-align: center; margin-bottom: 3%; } .ins-main .ins-advantage .top-list li { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #eee; width: 50%; float: left; text-align: center; height: 50px; line-height: 50px; } .ins-main .ins-advantage .top-list li:hover { background: #d4b08c; } .ins-main .ins-advantage .top-list li:hover a { color: #fff; } .ins-main .ins-advantage .top-list li a { display: block; font-size: 1.6rem; color: #373737; } .ins-main .ins-advantage .top-list .active { background: #d4b08c; } .ins-main .ins-advantage .top-list .active a { color: #fff; } .ins-main .ins-advantage .content .img img { width: 100%; } .ins-main .ins-advantage .content .con-tit { text-align: center; margin: 3% 0; } .ins-main .ins-advantage .content .con-tit h4 { font-size: 2.4rem; color: #ce0413; } .ins-main .ins-advantage .content .con-tit p { font-size: 1.6rem; color: #323232; } .ins-main .ins-advantage .content .txt p { font-size: 1.4rem; color: #767676; line-height: 200%; } } .ins-main .ins-recruit .table { padding-bottom: 15px; } .ins-main .ins-recruit .table .tit2 { height: 56px; line-height: 56px; background: #ce0413; } .ins-main .ins-recruit .table .tit2 li { float: left; width: 25%; padding-left: 5%; font-size: 1.8rem; color: #fefefe; } .ins-main .ins-recruit .table .table-con { position: relative; z-index: 6; } .ins-main .ins-recruit .table .table-con ul { margin: 0; cursor: pointer; height: 50px; line-height: 50px; background: url("../images/zp-more_07.jpg") no-repeat 95% center; } .ins-main .ins-recruit .table .table-con .active { background: url("../images/zp-more_03.jpg") no-repeat 95% center; } .ins-main .ins-recruit .table .table-con .active li { color: #ce0413; } .ins-main .ins-recruit .table .table-con li { float: left; height: 50px; line-height: 50px; font-size: 1.6rem; margin-top: -1px; color: #666; width: 25%; border-bottom: 1px solid #eaeaea; padding-left: 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-recruit .table .table-con li span { color: #ce0413; } .ins-main .ins-recruit .table .table-con .txt-box { display: none; border-bottom: 1px solid #eaeaea ; clear: both; padding: 2%; position: relative; background: #fff; } .ins-main .ins-recruit .table .table-con .txt-box .box-tit h5 { font-size: 2rem; color: #333; display: inline-block; } .ins-main .ins-recruit .table .table-con .txt-box .box-tit h5 b { color: #ce0413; font-weight: 500; } .ins-main .ins-recruit .table .table-con .txt-box .box-tit span { display: inline-block; font-size: 1.4rem; color: #666; margin: 0 1%; } .ins-main .ins-recruit .table .table-con .txt-box .txt h6 { font-size: 16px; color: #666; padding: 1% 0 1% 13px; line-height: 180%; background: url("../images/h6-lit_03.jpg") no-repeat left center; } .ins-main .ins-recruit .table .table-con .txt-box .txt p { font-size: 1.4rem; color: #666; line-height: 24px; } .ins-main .ins-recruit .table .table-con .txt-box .txt a { display: inline-block; width: 140px; text-align: center; line-height: 40px; height: 40px; background: #ce0413; font-size: 1.6rem; margin: 3% 0 2%; color: #fff; } @media (max-width: 768px) { .ins-main .ins-recruit .table-box { overflow: auto; } .ins-main .ins-recruit .table { width: 500px; max-width: 500px; } } .ins-main .ins-news { padding: 3% 0; } .ins-main .ins-news .content li { padding: 1.5%; } .ins-main .ins-news .content li:hover { background: #f5f5f5; } .ins-main .ins-news .content li:hover .txt h6 { color: #ce0413; } .ins-main .ins-news .content li:hover .txt span { background: #ce0413; color: #fff; } .ins-main .ins-news .content li .img { width: 25%; float: left; } @media (max-width: 768px) { .ins-main .ins-news .content li .img { width: 100%; } } .ins-main .ins-news .content li .img img { width: 100%; } .ins-main .ins-news .content li .txt { width: 72%; float: right; } @media (max-width: 768px) { .ins-main .ins-news .content li .txt { width: 100%; } } .ins-main .ins-news .content li .txt h6 { font-size: 1.6rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-news .content li .txt p { font-size: 1.4rem; color: #606060; line-height: 170%; margin: 3% 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; -moz-line-clamp: 3; -o-line-clamp: 3; } .ins-main .ins-news .content li .txt span { display: block; width: 138px; height: 33px; text-align: center; line-height: 33px; border: 1px solid #ebebeb; background: #f5f5f5; color: #606060; } .ins-main .news-show { padding: 3% 2%; } .ins-main .news-show .show-tit { border-bottom: 1px solid #eee; } .ins-main .news-show .show-tit h5 { font-size: 2.4rem; color: #171717; margin: 2% 0 1%; font-weight: 500; } .ins-main .news-show .show-tit p { font-size: 1.4rem; color: #b3b3b3; text-transform: uppercase; } .ins-main .news-show .content img { max-width: 100%!important; width: auto!important; height: auto!important; margin: 3% 0; } .ins-main .news-show .content p { text-align: left; font-size: 1.5rem; color: #515151; line-height: 180%; margin-bottom: 2%; } .ins-main .news-show .link { margin: 3% auto 0; } .ins-main .news-show .link p a { font-size: 1.4rem; color: #a8a8a8; } .ins-main .news-show .link p a:hover { color: #1e409f; } @media (max-width: 768px) { .ins-main .news-show { padding: 2.5% 0; } .ins-main .news-show .show-tit { border-bottom: 1px solid #eee; } .ins-main .news-show .show-tit h5 { font-size: 2.4rem; color: #171717; margin: 2% 0 1%; font-weight: 500; } .ins-main .news-show .show-tit p { font-size: 1.4rem; color: #b3b3b3; text-transform: uppercase; } .ins-main .news-show .content { width: 100%; margin: 0 auto; } .ins-main .news-show .content img { max-width: 100%!important; margin: 3% 0; } .ins-main .news-show .content p { text-align: left; font-size: 1.4rem; color: #515151; line-height: 180%; margin-bottom: 2%; } .ins-main .news-show .link { width: 100%; margin: 5% auto 0; } .ins-main .news-show .link p a { font-size: 1.4rem; color: #a8a8a8; } .ins-main .news-show .link p a:hover { color: #1e409f; } } .ins-main .ins-map { padding: 3% 0 1%; } .ins-main .ins-map .map { margin-bottom: 2%; } .ins-main .ins-map .map .my-map { margin: 0 auto; width: 100%; height: 370px; } .ins-main .ins-map .map .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; } .ins-main .ins-map .map .my-map .icon-cir { height: 31px; width: 28px; } .ins-main .ins-map .map .my-map .icon-cir-red { background-position: -11px -5px; } .ins-main .ins-map .map .amap-container { height: 100%; } .ins-main .ins-map .map .amap-controls { display: none !important; } .ins-main .ins-map .map .amap-copyright, .ins-main .ins-map .map .amap-logo { display: none !important; } .ins-main .ins-map .map p { font-size: 1.4rem; color: #4a4a4a; text-align: center; margin-top: 15px; } .ins-main .ins-video .content li { width: 23%; float: left; margin: 0 2.666666% 1.66666% 0; } @media (max-width: 768px) { .ins-main .ins-video .content li { width: 100%; margin: 0 0 15px 0; } } .ins-main .ins-video .content li:hover .img img { transform: scale(1.1); } .ins-main .ins-video .content li:hover .txt h6 { color: #ce0413; } .ins-main .ins-video .content li .img { overflow: hidden; } .ins-main .ins-video .content li .img img { width: 100%; transition: 0.3s; } .ins-main .ins-video .content li .txt h6 { font-size: 1.6rem; color: #303030; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-video .content li .txt span { font-size: 1.4rem; color: #262626; } .ins-main .ins-video .content li:nth-child(4n+4) { margin-right: 0; } .ins-main .ins-faq { padding: 3% 0; } .ins-main .ins-faq .content li { width: 49%; float: left; margin-right: 2%; margin-bottom: 1%; height: 55px; } @media (max-width: 768px) { .ins-main .ins-faq .content li { width: 100%; margin: 0 0 2% 0; } } .ins-main .ins-faq .content li h5 { height: 55px; border: 1px solid #ebebeb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 55px; padding: 0 4%; background: #f5f5f5; cursor: pointer; margin: 0; } .ins-main .ins-faq .content li .txt { display: none; position: relative; z-index: 3; background: #fff; padding: 4%; border: 1px solid #efefef; margin-top: -1px; } .ins-main .ins-faq .content li .txt p { font-size: 1.4rem; color: #6a6a6a; line-height: 180%; margin: 0; } .ins-main .ins-faq .content li:nth-child(2n+2) { margin-right: 0; } .ins-main .ins-product { padding: 2% 0; } .ins-main .ins-product .top-tit { text-align: center; } .ins-main .ins-product .top-tit h5 { font-size: 1.6rem; color: #2a2a2a; position: relative; padding-bottom: 20px; border-bottom: 1px solid #eee; } .ins-main .ins-product .top-tit h5:after { content: ''; position: absolute; bottom: -1px; width: 60px; height: 1px; background: #ce0413; left: 50%; margin-left: -30px; } .ins-main .ins-product .top-tit p { font-size: 1.4rem; color: #666; line-height: 200%; margin: 4% 0; text-align: left; } .ins-main .ins-product .content { margin-bottom: 2%; } .ins-main .ins-product .content li { width: 24%; float: left; margin: 0 1.33333% 1.33333% 0; } .ins-main .ins-product .content li:hover .img { border: 1px solid #ce0413; } .ins-main .ins-product .content li:hover .img img { transform: scale(1.07); } .ins-main .ins-product .content li:hover h6 { color: #ce0413; } .ins-main .ins-product .content li:hover p { color: #ce0413; } @media (max-width: 768px) { .ins-main .ins-product .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-product .content li .img { overflow: hidden; border: 1px solid #efefef; } .ins-main .ins-product .content li .img img { width: 100%; transition: 0.4s; } .ins-main .ins-product .content li h6 { text-align: center; font-size: 1.6rem; color: #212121; margin: 13px 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-product .content li p { text-align: center; font-size: 1.6rem; color: #5e5e5e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .ins-main .ins-product .content li:nth-child(4n+4) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-product .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .product-show .top-box { padding: 3% 0; } .ins-main .product-show .top-box .img { width: 41.66666%; float: left; position: relative; } @media (max-width: 768px) { .ins-main .product-show .top-box .img { width: 100%; } } .ins-main .product-show .top-box .img .swiper-container-img { border: 1px solid #f0f0f0; overflow: hidden; } .ins-main .product-show .top-box .img .swiper-container-img img { width: 100%; } .ins-main .product-show .top-box .img .swiper-pagination-img { position: absolute; bottom: 5%; z-index: 99; width: 100%; text-align: center; } .ins-main .product-show .top-box .img .swiper-pagination-bullet { border-radius: 10px; height: 10px; width: 10px; opacity: 1; background: #eee; margin: 0 5px; } .ins-main .product-show .top-box .img .swiper-pagination-bullet-active { background: #ce0413; opacity: 1; } .ins-main .product-show .top-box .txt-box { width: 54.16666%; float: right; } @media (max-width: 768px) { .ins-main .product-show .top-box .txt-box { width: 100%; } } .ins-main .product-show .top-box .txt-box .box-tit { border-bottom: 1px solid #eee; position: relative; } .ins-main .product-show .top-box .txt-box .box-tit h4 { font-size: 3rem; color: #ce0413; } @media (max-width: 768px) { .ins-main .product-show .top-box .txt-box .box-tit h4 { font-size: 2.5rem; } } .ins-main .product-show .top-box .txt-box .box-tit p { font-size: 1.6rem; color: #383838; } .ins-main .product-show .top-box .txt-box .box-tit:after { content: ''; width: 90px; height: 1px; background: #ce0413; position: absolute; left: 0; bottom: -1px; } .ins-main .product-show .top-box .txt-box .txt { margin: 5% 0; } .ins-main .product-show .top-box .txt-box .txt p { font-size: 1.4rem; color: #616161; line-height: 220%; } .ins-main .product-show .content { padding: 2% 0; background: #f5f5f5; } .ins-main .product-show .content .content-tit { border-bottom: 1px solid #efefef; } .ins-main .product-show .content .content-tit h6 { height: 63px; line-height: 63px; width: 125px; text-align: center; background: #ce0413; font-size: 1.6rem; color: #fff; margin: 0; } @media (max-width: 768px) { .ins-main .product-show .content .content-tit h6 { height: 43px; line-height: 43px; } } .ins-main .product-show .content .texing { border: 1px solid #efefef; background: #fff; } .ins-main .product-show .content .texing .box { padding: 3%; } .ins-main .product-show .content .texing .box p { font-size: 1.4rem; color: #666; line-height: 200%; } .ins-main .product-show .content .guige { border: 1px solid #efefef; background: #fff; margin: 2% 0; } .ins-main .product-show .content .guige .box { padding: 3%; box-sizing: border-box; overflow: auto; } .ins-main .product-show .content .yingyong { border: 1px solid #efefef; background: #fff; margin: 2% 0; } .ins-main .product-show .content .yingyong .box { padding: 3%; } .ins-main .product-show .content .yingyong .box .swiper-container-yingyong { overflow: hidden; } .ins-main .product-show .content .yingyong .box .swiper-container-yingyong .swiper-slide { text-align: center; } .ins-main .product-show .content .yingyong .box .swiper-container-yingyong .swiper-slide img { width: 100%; } .ins-main .product-show .content .yingyong .box .swiper-container-yingyong .swiper-slide p { font-size: 1.4rem; color: #3c3c3c; margin: 10px 0 0; } .ins-main .product-show .recommend { margin: 3% 0; } .ins-main .product-show .recommend .recommend-tit h5 { font-size: 1.6rem; color: #3d3d3d; margin: 0; padding-bottom: 17px; border-bottom: 1px solid #e5e5e5; position: relative; } .ins-main .product-show .recommend .recommend-tit h5:after { position: absolute; left: 0; bottom: -1px; content: ''; width: 68px; height: 1px; background: #ce0413; } .ins-main .product-show .recommend .swiper-container-recommend { overflow: hidden; position: relative; margin-top: 3%; } .ins-main .product-show .recommend .swiper-slide:hover .img { border: 1px solid #ce0413; } .ins-main .product-show .recommend .swiper-slide:hover .img img { transform: scale(1.07); } .ins-main .product-show .recommend .swiper-slide:hover h6 { color: #ce0413; } .ins-main .product-show .recommend .swiper-slide:hover p { color: #ce0413; } .ins-main .product-show .recommend .swiper-slide .img { overflow: hidden; border: 1px solid #efefef; } .ins-main .product-show .recommend .swiper-slide .img img { width: 100%; transition: 0.4s; } .ins-main .product-show .recommend .swiper-slide h6 { text-align: center; font-size: 1.6rem; color: #212121; margin: 13px 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .product-show .recommend .swiper-slide p { text-align: center; font-size: 1.6rem; color: #5e5e5e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .page-num { clear: both; text-align: center; vertical-align: middle; line-height: 20px; padding: 3% 0 3%; } .page-num li { display: inline-block; *display: inline; *zoom: 1; padding: 0!important; border: none!important; } .page-num span { display: inline-block; min-width: 32px; height: 32px; text-align: center; line-height: 32px; margin: 0 2px; color: #fff; font-size: 14px; box-sizing: border-box; border: 1px solid #c7c7c7; color: #333; padding: 0 12px; } .page-num .current { background-color: #ce0413; border: 1px solid #ce0413; padding: 0 12px; color: #fff; } .page-num a { display: inline-block; padding: 0 12px; height: 32px; text-align: center; line-height: 32px; margin: 0 2px; background-color: #fff; color: #333; font-size: 14px; box-sizing: border-box; border: 1px solid #c7c7c7; } .page-num a:hover { color: #fff; border-color: #ce0413; background-color: #ce0413; } @media (max-width: 768px) { .page-num { clear: both; text-align: center; vertical-align: middle; line-height: 20px; padding: 4% 0 4%; } .page-num li { margin-bottom: 5px; } .page-num span { display: inline-block; min-width: 32px; height: 32px; text-align: center; line-height: 32px; margin: 0 2px; font-size: 14px; margin-bottom: 1%; } .page-num a { display: inline-block; padding: 0 12px; height: 32px; text-align: center; line-height: 32px; margin: 0 2px; background-color: #fff; color: #333; font-size: 14px; margin-bottom: 1%; } .page-num a:hover { color: #fff; border-color: #ce0413; background-color: #ce0413; } } .ins-service .img img { width: 100%; margin-bottom: 3%; } .nav-shadow { box-shadow: 0 0 15px #cdcbcb; }