body { overflow-x: hidden; font-family: "Microsoft Yahei"; } 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-box { height: 90px; line-height: 90px; width: 100%; top: 0; left: 0; z-index: 99; position: absolute; transition: 0.4s; } .header .header-box .container { position: relative; } .header .header-box .logo { float: left; height: 90px; } @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: 85%; margin: 0 auto; text-align: right; float: right; padding-right: 4%; } @media (max-width: 1200px) { .header .header-box .nav-con { width: 83%; 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: #ccc; } .header .header-box .nav-con #nav .sub-nav a { color: #fff; font-size: 1.6rem; display: block; height: 100%; padding: 0.5rem 2rem 0; } @media (max-width: 1420px) { .header .header-box .nav-con #nav .sub-nav a { padding: 0.5rem 1.2rem 0; font-size: 1.5rem; } } @media (max-width: 1200px) { .header .header-box .nav-con #nav .sub-nav a { padding: 0.5rem 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: 90px; 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; } @media (max-width: 1420px) { .header .header-box .nav-con #nav .sub-nav .drop-down li { line-height: 30px; } } .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: #115eb8!important; color: #fff!important; } .header .header-box .nav-con #nav .active a { color: #ccc; } .header .header-box .search-con .lang { color: #fff; font-size: 1.6rem; position: absolute; top: 5px; right: 60px; } @media (max-width: 1420px) { .header .header-box .search-con .lang { right: 55px; } } @media (max-width: 992px) { .header .header-box .search-con .lang { top: 0; } } .header .header-box .search-con .lang a { color: #fff; } .header .header-box .search-con .toggle-btn { position: absolute; top: 37px; 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: 79px; width: 260px; height: 60px; border-top: 4px solid #115eb8; 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: 40px; height: 39px; border: none; position: absolute; top: 10px; right: 8px; text-align: center; line-height: 39px; border-radius: 2px; color: #fff; background: #115eb8 url("../images/search-btn3_03.png") no-repeat center; } .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 .ins-header-box { background: #fff; position: static; } .header .ins-header-box .logo { float: left; } @media (max-width: 992px) { .header .ins-header-box .logo img { width: auto; } } .header .ins-header-box .nav-con #nav .sub-nav a { color: #373737; } .header .ins-header-box .nav-con #nav .sub-nav .drop-down { top: 99px; left: -20%; } .header .ins-header-box .search-con .toggle-btn { background: url("../images/search-btn_03.png") no-repeat center; } .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: #115eb8; } .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 .navbar-nav > li > a:hover, .header .mobile-con .navbar-default .navbar-nav > li > a:focus { color: #115eb8; } .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: #115eb8; } .header .mobile-con .language .active { color: #115eb8; } .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: #115eb8; } .ins-header .header-box { position: static; } .ins-header .header-box .nav-con { margin: 0 auto; text-align: right; float: right; padding-right: 3%; } @media (max-width: 1200px) { .ins-header .header-box .nav-con { width: 83%; padding-right: 8%; } } @media (max-width: 992px) { .ins-header .header-box .nav-con { padding-right: 11%; } } .ins-header .header-box .nav-con #nav { width: 100%; float: right; margin-bottom: 0; } .ins-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; } .ins-header .header-box .nav-con #nav .sub-nav:hover a { color: #115eb8; } .ins-header .header-box .nav-con #nav .sub-nav a { color: #666; font-size: 1.6rem; display: block; height: 100%; padding: 0 2rem 0; } @media (max-width: 1420px) { .ins-header .header-box .nav-con #nav .sub-nav a { padding: 0 1.8rem 0; font-size: 1.5rem; } } @media (max-width: 1200px) { .ins-header .header-box .nav-con #nav .sub-nav a { padding: 0 1.2rem 0; } } @media (max-width: 992px) { .ins-header .header-box .nav-con #nav .sub-nav a { padding: 0 0.4rem; } } .ins-header .header-box .nav-con #nav .sub-nav .drop-down { z-index: 999; position: absolute; top: 90px; display: none; } .ins-header .header-box .nav-con #nav .sub-nav .drop-down { text-align: center; background: #ffffff; width: 120%; margin-left: -10%; } .ins-header .header-box .nav-con #nav .sub-nav .drop-down li { border-bottom: 1px solid #f6f6f6; } .ins-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; } .ins-header .header-box .nav-con #nav .sub-nav .drop-down li a:hover { background: #115eb8!important; color: #fff!important; } .ins-header .header-box .nav-con #nav .active a { color: #115eb8; } .ins-header .header-box .search-con .lang { color: #666; font-size: 1.6rem; position: absolute; top: 0; right: 60px; } @media (max-width: 1420px) { .ins-header .header-box .search-con .lang { right: 55px; } } @media (max-width: 992px) { .ins-header .header-box .search-con .lang { top: 0; } } .ins-header .header-box .search-con .lang a { color: #666; } .ins-header .header-box .search-con .toggle-btn { position: absolute; top: 32px; right: 15px; width: 22px; height: 25px; cursor: pointer; background: url("../images/search-btn2_03.jpg") no-repeat center; } @media (max-width: 992px) { .ins-header .header-box .search-con .toggle-btn { top: 32px; } } .ins-header .header-box .search-con .search { display: none; position: absolute; right: 0; top: 90px; width: 260px; height: 60px; border-top: 4px solid #115eb8; background-color: #fff; z-index: 10; line-height: 60px; } .ins-header .header-box .search-con .search .txt { margin: 8px 7px; width: 246px; height: 43px; border: none; padding: 0 14px ; background-color: #f4f4f4; } .ins-header .header-box .search-con .search .submit { height: 39px; border: none; background-color: #115eb8; position: absolute; top: 10px; right: 8px; text-align: center; line-height: 39px; border-radius: 2px; color: #fff; } .ins-header .header-box .language { position: absolute; right: 15px; top: 0px; } .ins-header .header-box .language a { font-size: 1.4rem; color: #c3c3c3; } .ins-header .header-box .language a:hover { color: #fff; } /*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: 13px; height: 13px; width: 13px; opacity: 1; background: transparent; border: 2px solid #fff; margin: 0 7px; } .main .ad-box-pc .swiper-pagination-bullet-active { background: #fff; 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 { text-align: center; margin-bottom: 3%; } .main .index-tit h4 { font-size: 3rem; color: #2d2d2d; font-weight: 600; } @media (max-width: 1420px) { .main .index-tit h4 { font-size: 2.6rem; } } @media (max-width: 768px) { .main .index-tit h4 { font-size: 2.3rem; margin-bottom: 5px; } } .main .index-tit b { display: inline-block; *display: inline; *zoom: 1; width: 60px; height: 2px; background: #115eb8; margin: 10px 0; } @media (max-width: 768px) { .main .index-tit b { margin: 5px 0; } } .main .index-tit p { font-size: 1.6rem; color: #86878b; } .main .product { padding: 3% 0 1%; } .main .product .content .slideTxtBox .hd li { width: 25%; float: left; text-align: center; height: 54px; line-height: 54px; box-sizing: border-box; border-right: 1px solid #fff; background: #f1f1f1; font-size: 1.6rem; color: #616162; transition: 0.4s; cursor: pointer; } @media (max-width: 768px) { .main .product .content .slideTxtBox .hd li { width: 50%; border-bottom: 1px solid #fff; } } .main .product .content .slideTxtBox .hd li:hover { color: #fff; background: #115eb8; } .main .product .content .slideTxtBox .hd li:last-child { border: none; } .main .product .content .slideTxtBox .hd ul li.on { color: #fff; background: #115eb8; } .main .product .content .slideTxtBox .bd ul { zoom: 1; } .main .product .content .slideTxtBox .bd li { width: 100%; padding: 3% 6%; background: #F4F4F4; margin-top: 3%; position: relative; } .main .product .content .slideTxtBox .bd li .swiper-container-pro { overflow: hidden; padding: 0 1px; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide { border: 1px solid #efefef; text-align: center; padding-bottom: 1.5%; transition: 0.3s; background: #fff; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide:hover { border: 1px solid #115eb8; background: #115eb8; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide:hover h6 { color: #fff; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide:hover p { color: #fff; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide .img { overflow: hidden; background: #fff; } .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 h6 { font-size: 1.6rem; color: #616162; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .product .content .slideTxtBox .bd li .swiper-container-pro .swiper-slide p { font-size: 1.6rem; color: #616162; margin: 0 5%; height: 66px; 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; } .main .product .content .slideTxtBox .bd li .swiper-button-next-pro { width: 25px; height: 45px; cursor: pointer; position: absolute; right: 2%; top: 46%; margin-top: -22px; background: url("../images/lb-next.png") no-repeat center; z-index: 6; } .main .product .content .slideTxtBox .bd li .swiper-button-prev-pro { width: 25px; height: 45px; cursor: pointer; position: absolute; left: 2%; top: 46%; margin-top: -22px; background: url("../images/lb-prev.png") no-repeat center; z-index: 6; } .main .product .content .more { text-align: center; margin: 3% 0 0; } .main .product .content .more a { display: inline-block; *display: inline; *zoom: 1; font-size: 1.8rem; color: #333; padding: 5px 10px; transition: 0.3s; } .main .product .content .more a:hover { background: #115eb8; color: #fff; } .main .pro-3d { padding: 2% 0 3%; } .main .pro-3d .content { padding: 3% 6%; background: #F4F4F4; position: relative; } .main .pro-3d .content .swiper-container-3d { overflow: hidden; margin-top: 3%; padding: 0 1px; } .main .pro-3d .content .swiper-container-3d .swiper-slide { text-align: center; padding-bottom: 0%; border: 1px solid #efefef; background: #fff; transition: 0.3s; } .main .pro-3d .content .swiper-container-3d .swiper-slide:hover { border: 1px solid #115eb8; background: #115eb8; } .main .pro-3d .content .swiper-container-3d .swiper-slide:hover p { color: #fff; } .main .pro-3d .content .swiper-container-3d .swiper-slide .img { overflow: hidden; margin-bottom: 10px; } .main .pro-3d .content .swiper-container-3d .swiper-slide .img img { width: 100%; transition: 0.4s; } .main .pro-3d .content .swiper-container-3d .swiper-slide .txt img { display: none; } .main .pro-3d .content .swiper-container-3d .swiper-slide p { font-size: 1.6rem; color: #616162; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .pro-3d .content .swiper-button-next-3d { width: 25px; height: 45px; cursor: pointer; position: absolute; right: 2%; top: 46%; margin-top: -22px; background: url("../images/lb-next.png") no-repeat center; z-index: 6; } .main .pro-3d .content .swiper-button-prev-3d { width: 25px; height: 45px; cursor: pointer; position: absolute; left: 2%; top: 46%; margin-top: -22px; background: url("../images/lb-prev.png") no-repeat center; z-index: 6; } .main .pro-3d .content .more { text-align: center; margin: 3% 0 0; } .main .pro-3d .content .more a { display: inline-block; *display: inline; *zoom: 1; font-size: 1.8rem; color: #333; padding: 5px 10px; transition: 0.3s; } .main .pro-3d .content .more a:hover { background: #115eb8; color: #fff; } .main .about { background: url("../images/about-bg_02.jpg") no-repeat center; padding: 3% 0; background-size: cover; } .main .about .txt-box { width: 63.5%; float: left; } @media (max-width: 768px) { .main .about .txt-box { width: 100%; } } .main .about .txt-box h4 { color: #fff; font-weight: 600; font-size: 2.5rem; } @media (max-width: 768px) { .main .about .txt-box h4 { font-size: 2.5rem; font-weight: 500; } } .main .about .txt-box h5 { font-size: 1.8rem; color: #fff; margin-top: 15px; } .main .about .txt-box p { font-size: 1.4rem; color: #fff; line-height: 220%; margin: 3% 0 4%; } .main .about .txt-box .img-box { /* margin: 6% 0; */ } @media (max-width: 768px) { .main .about .txt-box .img-box { display: none; } } .main .about .txt-box ul{overflow:hidden} .main .about .txt-box .img-box li { width: 27%; margin-right: 3.33333%; float: left; } .main .about .txt-box .img-box li img { width: 100%; } .main .about .txt-box .more { margin-top: 5%; } .main .about .txt-box .more a { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #115eb8; color: #fff; } .main .about .rt-box { width: 25%; float: right; } @media (max-width: 768px) { .main .about .rt-box { width: 100%; margin-top: 20px; } } .main .about .rt-box .video-box { width: 100%; } .main .about .rt-box .honor { position: relative; margin-top: 8%; } .main .about .rt-box .honor .swiper-container-honor { overflow: hidden; width: 55%; margin: 0 auto; } .main .about .rt-box .honor .swiper-container-honor .swiper-slide img { width: 100%; cursor: pointer; } .main .about .rt-box .honor .swiper-container-honor .swiper-slide p { text-align: center; margin-top: 10px; font-size: 1.6rem; color: #fff; } .main .about .rt-box .honor .swiper-button-next-honor { position: absolute; right: 4%; top: 50%; margin-top: -15px; cursor: pointer; } .main .about .rt-box .honor .swiper-button-prev-honor { position: absolute; left: 4%; top: 50%; margin-top: -15px; cursor: pointer; } .main .advantage .advantage-tit { background: #115eb8; padding: 2% 0; text-align: center; } @media (max-width: 768px) { .main .advantage .advantage-tit { padding-bottom: 25px; } } .main .advantage .advantage-tit h3 { font-size: 3rem; color: #fff; } @media (max-width: 768px) { .main .advantage .advantage-tit h3 { font-size: 2.5rem; } } .main .advantage .advantage-tit b { display: inline-block; *display: inline; *zoom: 1; width: 60px; height: 2px; background: #fff; margin: 10px 0; } .main .advantage .advantage-tit p { margin: 0; line-height: 160%; font-size: 1.4rem; color: #fff; } .main .advantage .content ul { margin: 0; } .main .advantage .content li { width: 50%; float: left; } @media (max-width: 768px) { .main .advantage .content li { width: 100%; } } .main .advantage .content li .img { width: 50%; float: left; } @media (max-width: 768px) { .main .advantage .content li .img { width: 100%; } } .main .advantage .content li .img img { width: 100%; } .main .advantage .content li .txt-box { position: relative; width: 50%; float: left; } @media (max-width: 768px) { .main .advantage .content li .txt-box { width: 100%; } } .main .advantage .content li .txt-box img { width: 100%; } .main .advantage .content li .txt-box .txt { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 8%; } .main .advantage .content li .txt-box .txt h5 { font-size: 2.4rem; color: #115eb8; margin-top: 0; } @media (max-width: 1420px) { .main .advantage .content li .txt-box .txt h5 { font-size: 1.8rem; } } @media (max-width: 768px) { .main .advantage .content li .txt-box .txt h5 { font-size: 2.2rem; } } .main .advantage .content li .txt-box .txt h6 { font-size: 1.4rem; color: #666; font-weight: 600; margin-bottom: 8%; } @media (max-width: 1420px) { .main .advantage .content li .txt-box .txt h6 { font-size: 1.2rem; margin-bottom: 5%; } } @media (max-width: 1110px) { .main .advantage .content li .txt-box .txt h6 { display: none; } } @media (max-width: 768px) { .main .advantage .content li .txt-box .txt h6 { display: block; } } .main .advantage .content li .txt-box .txt p { font-size: 1.4rem; color: #434343; line-height: 160%; margin: 0; line-height: 180%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; -moz-line-clamp: 4; -o-line-clamp: 4; } @media (max-width: 1420px) { .main .advantage .content li .txt-box .txt p { 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; font-size: 1.3rem; color: #434343; line-height: 140%; } } @media (max-width: 768px) { .main .advantage .content li .txt-box .txt p { 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; line-height: 200%; font-size: 1.4rem; } } .main .advantage .content li .txt-box .txt a { display: block; font-size: 1.4rem; color: #000; transition: 0.3s; border: 1px solid #838383; width: 140px; text-align: center; height: 38px; line-height: 38px; margin-top: 8%; } @media (max-width: 1420px) { .main .advantage .content li .txt-box .txt a { height: 34px; line-height: 34px; width: 110px; } } .main .advantage .content li .txt-box .txt a:hover { background: #115eb8; color: #fff; border-color: #115eb8; } .main .advantage .content li:nth-child(3) .img { float: right; } .main .advantage .content li:nth-child(3) .txt-box { float: left; } .main .advantage .content li:nth-child(4) .img { float: right; } .main .advantage .content li:nth-child(4) .txt-box { float: left; } .main .news { background: #f3f8fe; padding: 3% 0 4%; } @media (max-width: 768px) { .main .news { padding: 20px 0 20px; } } .main .news .content .lf { width: 49%; float: left; } @media (max-width: 768px) { .main .news .content .lf { width: 100%; margin-bottom: 16px; } } .main .news .content .lf .swiper-container-news { overflow: hidden; } .main .news .content .lf .swiper-container-news .swiper-slide { position: relative; } .main .news .content .lf .swiper-container-news .swiper-slide img { width: 100%; } .main .news .content .lf .swiper-container-news .swiper-slide p { position: absolute; height: 70px; line-height: 70px; background: rgba(0, 0, 0, 0.5); padding: 0 10px; width: 100%; bottom: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; color: #fff; } @media (max-width: 768px) { .main .news .content .lf .swiper-container-news .swiper-slide p { height: 40px; line-height: 40px; } } .main .news .content .rt { width: 49%; float: right; } @media (max-width: 768px) { .main .news .content .rt { width: 100%; } } .main .news .content .rt li { margin-bottom: 2.7%; } @media (max-width: 768px) { .main .news .content .rt li { margin-bottom: 15px; } } .main .news .content .rt li:hover .txt h6 { color: #115eb8; } .main .news .content .rt li:hover .txt p { color: #115eb8; } .main .news .content .rt li .img { width: 30.4%; float: left; } .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; margin-top: 0; } .main .news .content .rt li .txt p { font-size: 1.4rem; color: #5b5b5b; line-height: 200%; margin: 15px 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: #333; } @media (max-width: 1200px) { .main .news .content .rt li .txt span { display: none; } } .main .news .content .more { text-align: center; margin-top: 4%; } .main .news .content .more a { font-size: 1.4rem; color: #666; text-transform: uppercase; transition: 0.3s; padding: 1rem 5rem; border: 1px solid #787878; } .main .news .content .more a:hover { background: #115eb8; border-color: #115eb8; color: #fff; } .main .news .content2 .lf-box { width: 55%; float: left; } @media (max-width: 768px) { .main .news .content2 .lf-box { width: 100%; margin-top: 20px; } } .main .news .content2 .lf-box .swiper-container-news { overflow: hidden; height: 560px; } @media (max-width: 1420px) { .main .news .content2 .lf-box .swiper-container-news { height: 455px; } } @media (max-width: 1200px) { .main .news .content2 .lf-box .swiper-container-news { height: 373px; } } @media (max-width: 768px) { .main .news .content2 .lf-box .swiper-container-news { height: 303px; } } .main .news .content2 .lf-box .swiper-container-news .swiper-slide:hover .txt h6 { color: #115eb8; } .main .news .content2 .lf-box .swiper-container-news .swiper-slide:hover .txt p { color: #115eb8; } .main .news .content2 .lf-box .swiper-container-news .swiper-slide .img { width: 26%; float: left; } .main .news .content2 .lf-box .swiper-container-news .swiper-slide .img img { width: 100%; } .main .news .content2 .lf-box .swiper-container-news .swiper-slide .txt { width: 70%; float: right; } .main .news .content2 .lf-box .swiper-container-news .swiper-slide .txt h6 { font-size: 1.6rem; color: #151515; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; } @media (max-width: 1200px) { .main .news .content2 .lf-box .swiper-container-news .swiper-slide .txt h6 { margin: 0; } } .main .news .content2 .lf-box .swiper-container-news .swiper-slide .txt p { font-size: 1.4rem; color: #5b5b5b; line-height: 200%; margin: 15px 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 .content2 .lf-box .swiper-container-news .swiper-slide .txt p { margin: 6px 0; line-height: 160%; } } .main .news .content2 .lf-box .swiper-container-news .swiper-slide .txt span { font-size: 1.4rem; color: #333; } @media (max-width: 1200px) { .main .news .content2 .lf-box .swiper-container-news .swiper-slide .txt span { display: none; } } .main .news .content2{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .main .news .content2 .rt-box { width: 31%; float: right; } @media (max-width: 768px) { .main .news .content2 .rt-box { width: 100%; margin-top: 20px; } } .main .news .content2 .rt-box li { margin-bottom: 20px; position: relative; } .main .news .content2 .rt-box li img { width: 100%; } .main .news .content2 .rt-box li p { position: absolute; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.5); padding: 0 5%; height: 40px; line-height: 40px; margin: 0; color: #fff; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 768px) { .main .news .content2 .rt-box li:nth-child(2) { margin-bottom: 0; } } .main .main-bot { padding: 2% 0 0; } .main .main-bot li { height: 310px; background: #f1f1f1; text-align: center; transition: 0.4s; overflow: hidden; width: 31.83333%; float: left; margin-right: 2.25%; position: relative; } .main .main-bot li:hover { background: #115eb8; } .main .main-bot li:hover .txt h5 { color: #fff; } .main .main-bot li:hover .txt p { color: #fff; } .main .main-bot li:hover span { bottom: 0; } @media (max-width: 1420px) { .main .main-bot li { height: 250px; } } @media (max-width: 1200px) { .main .main-bot li { height: 250px; } } @media (max-width: 768px) { .main .main-bot li { width: 100%; margin: 0 0 15px 0; } } .main .main-bot li a { display: block; width: 100%; height: 100%; } .main .main-bot li .img { width: 77px; height: 73px; margin: 0 auto; } .main .main-bot li .txt { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .main .main-bot li .txt h5 { font-size: 2rem; color: #333; } .main .main-bot li .txt p { font-size: 1.2rem; color: #999; } .main .main-bot li span { height: 40px; line-height: 40px; display: block; width: 100%; bottom: -40px; transition: 0.3s; text-align: center; font-size: 1.6rem; color: #fff; background: #287bdd; position: absolute; } .main .main-bot li:nth-child(3n+3) { margin-right: 0; } .main .main-bot li:nth-child(1) .img { background: url("../images/icon_03.png") no-repeat center; } .main .main-bot li:nth-child(2) .img { background: url("../images/icon_05.png") no-repeat center; } .main .main-bot li:nth-child(3) .img { background: url("../images/icon_07.png") no-repeat center; } .main .main-bot li:nth-child(1):hover .img { background: url("../images/icon_12.png") no-repeat center; } .main .main-bot li:nth-child(2):hover .img { background: url("../images/icon_13.png") no-repeat center; } .main .main-bot li:nth-child(3):hover .img { background: url("../images/icon_14.png") no-repeat center; } .main .friendlink { margin: 1% 0 2%; } .main .friendlink .content h4 { padding-bottom: 17px; border-bottom: 3px solid #f1f1f1; margin-bottom: 16px; } .main .friendlink .content a { font-size: 1.4rem; color: #666; margin: 0 15px 10px 0; display: inline-block; *display: inline; *zoom: 1; } .main .friendlink .content a:hover { color: #115eb8; } .main .friendlink .bot { text-align: center; margin-top: 2%; line-height: 37px; } .main .friendlink .bot p { font-size: 1.8rem; color: #333; display: inline-block; *display: inline; *zoom: 1; margin: 0 35px 0; vertical-align: -25px; text-align: left; } @media (max-width: 768px) { .main .friendlink .bot p { font-size: 1.8rem; margin: 0 15px 0; } } .main .friendlink .bot a { display: inline-block; *display: inline; *zoom: 1; width: 100px; text-align: center; height: 30px; line-height: 30px; background: #115eb8; color: #fff; font-size: 1.3rem; vertical-align: -5px; } .footer { background: #1f263a; } .footer .footer-top { padding: 4% 0 2%; position: relative; } .footer .footer-top .footer-lf { width: 51.9%; float: left; } @media (max-width: 1420px) { .footer .footer-top .footer-lf { width: 60%; } } @media (max-width: 768px) { .footer .footer-top .footer-lf { width: 100%; margin: 0 0 15px 0; } } .footer .footer-top .footer-lf .footer-nav { border-bottom: 1px solid #404657; padding-bottom: 1%; font-size: 1.4rem; color: #fefefe; } @media (max-width: 768px) { .footer .footer-top .footer-lf .footer-nav { padding-bottom: 0; } } .footer .footer-top .footer-lf .footer-nav li { font-size: 1.4rem; margin: 0 0.3rem; color: #fefefe; display: inline-block; *display: inline; *zoom: 1; } @media (max-width: 1420px) { .footer .footer-top .footer-lf .footer-nav li { margin: 0 0.05rem; } } @media (max-width: 768px) { .footer .footer-top .footer-lf .footer-nav li { margin-bottom: 10px; } } .footer .footer-top .footer-lf .footer-nav li a { color: #fefefe; } .footer .footer-top .footer-lf .footer-nav li a:hover { color: #115eb8; } .footer .footer-top .footer-lf .footer-nav li:last-child { margin-right: 0; } .footer .footer-top .footer-lf .footer-nav li:first-child { margin-left: 0; } .footer .footer-top .footer-lf .content { padding: 3% 0 0; } @media (max-width: 768px) { .footer .footer-top .footer-lf .content { padding: 8% 0 0; } } .footer .footer-top .footer-lf .content .txt { float: none; width: 82%; font-size: 1.4rem; } @media (max-width: 768px) { .footer .footer-top .footer-lf .content .txt { width: 100%; margin: 0 0 15px 0; } } .footer .footer-top .footer-lf .content .txt p { color: #fefefe; margin-bottom: 10px; } .footer .footer-top .footer-lf .content .link a { display: inline-block; *display: inline; *zoom: 1; margin-right: 8px; } .footer .footer-top .footer-lf .content .link p { display: inline-block; *display: inline; *zoom: 1; font-size: 1.3rem; color: #fff; margin: 0; } .footer .footer-top .footer-lf .content .link p a { color: #fff; } .footer .footer-top .footer-lf .content .code { float: right; text-align: left; width: 100%; margin-top: 3%; } @media (max-width: 768px) { .footer .footer-top .footer-lf .content .code { width: 100%; margin: 0 0 15px 0; } } .footer .footer-top .footer-lf .content .code li { width: 15%; display: inline-block; *display: inline; *zoom: 1; margin: 0 6% 0 0; vertical-align: top; } @media (max-width: 768px) { .footer .footer-top .footer-lf .content .code li { width: 29%; margin: 5% 5% 0 0; } } .footer .footer-top .footer-lf .content .code li img { width: 100%; } .footer .footer-top .footer-lf .content .code li p { color: #fefefe; margin-bottom: 15px; font-size: 1.3rem; line-height: 150%; margin-top: 6px; text-align: center; display: none; } @media (max-width: 768px) { .footer .footer-top .footer-lf .content .code li p { margin-bottom: 0; } } .footer .footer-top .footer-lf .content .code li:nth-child(3) { margin-right: 0; } .footer .footer-top .footer-rt { width: 34.4%; float: right; } @media (max-width: 768px) { .footer .footer-top .footer-rt { width: 100%; margin: 0 0 15px 0; } } .footer .footer-top .footer-rt h5 { font-size: 1.6rem; color: #fff; margin: 0 0 22px 0; } .footer .footer-top .footer-rt input::-webkit-input-placeholder, .footer .footer-top .footer-rt textarea::-webkit-input-placeholder { color: #9ea0a5; } .footer .footer-top .footer-rt input:-moz-placeholder, .footer .footer-top .footer-rt textarea:-moz-placeholder { color: #9ea0a5; } .footer .footer-top .footer-rt input::-moz-placeholder, .footer .footer-top .footer-rt textarea::-moz-placeholder { color: #9ea0a5; } .footer .footer-top .footer-rt input:-ms-input-placeholder, .footer .footer-top .footer-rt textarea:-ms-input-placeholder { color: #9ea0a5; } .footer .footer-top .footer-rt ul:nth-child(1) li { margin-bottom: 9px; } .footer .footer-top .footer-rt ul:nth-child(1) input { width: 100%; padding: 0 10px; height: 31px; line-height: 31px; border: 1px solid #29314a; color: #fefefe; background: transparent; } .footer .footer-top .footer-rt ul:nth-child(1) textarea { width: 100%; padding: 10px; height: 84px; border: 1px solid #29314a; color: #fefefe; background: transparent; } .footer .footer-top .footer-rt ul:nth-child(2) li { display: inline-block; *display: inline; *zoom: 1; float: left; } .footer .footer-top .footer-rt ul:nth-child(2) li:nth-child(2) { float: right; } .footer .footer-top .footer-rt ul:nth-child(2) .txt { width: 110px; padding: 0 10px; height: 31px; line-height: 31px; border: 1px solid #29314a; color: #fefefe; background: transparent; float: left; } @media (max-width: 992px) { .footer .footer-top .footer-rt ul:nth-child(2) .txt { width: 80px; } } .footer .footer-top .footer-rt ul:nth-child(2) span { display: inline-block; *display: inline; *zoom: 1; margin: 5px 0 0 5px; } .footer .footer-top .footer-rt ul:nth-child(2) .submit { width: 100px; height: 30px; border: none; cursor: pointer; color: #fff; background: #115eb8; float: right; } @media (max-width: 992px) { .footer .footer-top .footer-rt ul:nth-child(2) .submit { width: 90px; } } .footer .footer-bot { height: 70px; line-height: 70px; } .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: #fff; margin: 0; } .footer .footer-bot .rt { margin: 0; font-size: 1.3rem; color: #fff; line-height: 70px; } .footer .footer-bot .rt a { color: #fff; } .footer .footer-bot .rt a:hover { color: #115eb8; } .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 .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: #fff; margin: 0; } .footer .footer-bot .rt { margin: 0; width: 100%; text-align: center; font-size: 1.3rem; color: #fff; line-height: normal; } .footer .footer-bot .rt a { color: #fff; } .footer .footer-bot .rt a:hover { color: #115eb8; } .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 { display: none; } .ins-main .ins-ad img { width: 100%; } .ins-main .ins-nav { padding: 15px 0; height: 70px; line-height: 70px; box-shadow: 0 0 8px #e9e9e9; } .ins-main .ins-nav .nav-tit { float: left; display: none; } .ins-main .ins-nav .nav-tit h4 { margin: 0; font-size: 1.8rem; color: #000; height: 40px; line-height: 40px; } .ins-main .ins-nav .nav-list { float: left; text-align: right; } .ins-main .ins-nav .nav-list li { box-sizing: border-box; text-align: center; height: 40px; line-height: 40px; float: left; } .ins-main .ins-nav .nav-list li a { font-size: 1.4rem; color: #000; padding: 0 1rem; position: relative; } @media (max-width: 1420px) { .ins-main .ins-nav .nav-list li a { font-size: 1.3rem; } } @media (max-width: 1150px) { .ins-main .ins-nav .nav-list li a { padding: 0 0.4rem; } } .ins-main .ins-nav .nav-list li a:hover:after { background: #115eb8; } .ins-main .ins-nav .nav-list li a:after { width: 100%; height: 2px; background: #fff; content: ''; position: absolute; left: 0; bottom: -27px; } @media (max-width: 992px) { .ins-main .ins-nav .nav-list li a:after { bottom: -12px; } } .ins-main .ins-nav .nav-list .active a:after { background: #115eb8; } @media (max-width: 992px) { .ins-main .ins-nav { height: auto; line-height: 35px; } .ins-main .ins-nav .nav-tit { float: left; width: 100%; text-align: center; } .ins-main .ins-nav .nav-tit h4 { margin: 0; font-size: 1.8rem; color: #000; height: 35px; line-height: 35px; } .ins-main .ins-nav .nav-list { float: right; width: 100%; } } @media (max-width: 768px) { .ins-main .ins-nav .nav-list li { width: 33.33333%!important; box-sizing: border-box; text-align: center; height: 35px; line-height: 35px; } .ins-main .ins-nav .nav-list li a { font-size: 1.4rem; color: #000; padding: 0 0.5rem; position: relative; } .ins-main .ins-nav .nav-list li a:hover:after { background: #115eb8; } .ins-main .ins-nav .nav-list li a:after { width: 100%; height: 2px; background: #fff; content: ''; position: absolute; left: 0; bottom: -8px; } .ins-main .ins-nav .nav-list li:nth-child(3n+3) { border-right: 1px solid #e5e5e5; } .ins-main .ins-nav .nav-list .active a:after { background: #115eb8; } .ins-main .ins-nav .news-list { width: 100%; } .ins-main .ins-nav .news-list li { width: 50%!important; } .ins-main .ins-nav .service-list { width: 100%; } .ins-main .ins-nav .service-list li { width: 50%!important; } } .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 .show-nav-rt { text-align: right; margin-top: 20px; } .ins-main .show-nav-rt a { font-size: 1.4rem; color: #000; } @media (max-width: 1420px) { .ins-main .show-nav-rt a { font-size: 1.3rem; } } .ins-main .show-nav-rt a:hover { color: #115eb8; } .ins-main .fenlei { margin-top: -30px; font-size: 1.4rem; color: #000; } @media (max-width: 768px) { .ins-main .fenlei { margin-top: 0px; } } .ins-main .fenlei a { font-size: 1.4rem; padding: 0 1rem; } @media (max-width: 1420px) { .ins-main .fenlei a { font-size: 1.3rem; } } .ins-main .fenlei a:hover { color: #115eb8; } .ins-main .ins-con { padding: 1% 0 3%; } .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 .txt-box { margin-bottom: 3%; } .ins-main .ins-profile .top-box .txt-box img { width: 42.25%; float: left; } .ins-main .ins-profile .top-box .txt-box .txt { width: 52.8%; float: right; } .ins-main .ins-profile .top-box .txt-box .txt h4 { font-size: 3rem; color: #000; line-height: 150%; } @media (max-width: 1420px) { .ins-main .ins-profile .top-box .txt-box .txt h4 { font-size: 2.2rem; } } .ins-main .ins-profile .top-box .txt-box .txt b { display: inline-block; *display: inline; *zoom: 1; width: 45px; height: 2px; background: #115eb8; margin: 15px 0; } .ins-main .ins-profile .top-box .txt-box .txt p { font-size: 1.5rem; color: #666; margin-bottom: 3%; line-height: 200%; } .ins-main .ins-profile .top-box .txt-box:nth-child(2) img { float: right; } .ins-main .ins-profile .top-box .txt-box:nth-child(2) .txt { float: left; } .ins-main .ins-profile .bot-box { margin: 5% 0 2%; } .ins-main .ins-profile .bot-box .box-tit { text-align: center; margin-bottom: 4%; } .ins-main .ins-profile .bot-box .box-tit h4 { font-size: 3rem; color: #000; line-height: 150%; } @media (max-width: 1420px) { .ins-main .ins-profile .bot-box .box-tit h4 { font-size: 2.6rem; } } .ins-main .ins-profile .bot-box .box-tit p { font-size: 2rem; color: #666; } .ins-main .ins-profile .bot-box .content li img { width: 50%; float: left; } .ins-main .ins-profile .bot-box .content li .txt { width: 50%; float: right; padding: 5% 5% 0 5%; } .ins-main .ins-profile .bot-box .content li .txt p { font-size: 1.5rem; color: #666; line-height: 220%; } .ins-main .ins-profile .bot-box .content li:nth-child(2) img { float: right; } .ins-main .ins-profile .bot-box .content li:nth-child(2) .txt { float: left; } @media (max-width: 768px) { .ins-main .ins-profile .top-box .txt-box { margin-bottom: 3%; } .ins-main .ins-profile .top-box .txt-box img { width: 100%; float: left; } .ins-main .ins-profile .top-box .txt-box .txt { width: 100%; float: right; } .ins-main .ins-profile .top-box .txt-box .txt h4 { font-size: 2rem; color: #000; line-height: 150%; } .ins-main .ins-profile .top-box .txt-box .txt b { display: inline-block; *display: inline; *zoom: 1; width: 45px; height: 2px; background: #115eb8; margin: 8px 0; } .ins-main .ins-profile .top-box .txt-box .txt p { font-size: 1.4rem; color: #666; margin-bottom: 3%; line-height: 200%; } .ins-main .ins-profile .top-box .txt-box:nth-child(2) img { float: right; } .ins-main .ins-profile .top-box .txt-box:nth-child(2) .txt { float: left; } .ins-main .ins-profile .bot-box { margin: 5% 0 2%; } .ins-main .ins-profile .bot-box .box-tit { text-align: center; margin-bottom: 4%; } .ins-main .ins-profile .bot-box .box-tit h4 { font-size: 2rem; color: #000; line-height: 150%; } .ins-main .ins-profile .bot-box .box-tit p { font-size: 1.6rem; color: #666; } .ins-main .ins-profile .bot-box .content li img { width: 100%; float: left; } .ins-main .ins-profile .bot-box .content li .txt { width: 100%; float: right; padding: 5% 5% 0 5%; } .ins-main .ins-profile .bot-box .content li .txt p { font-size: 1.4rem; color: #666; line-height: 180%; } .ins-main .ins-profile .bot-box .content li:nth-child(2) img { float: right; } .ins-main .ins-profile .bot-box .content li:nth-child(2) .txt { float: left; } } .ins-main .ins-licheng { background: url("../images/process-bg_03.jpg") repeat-y center; padding: 2% 0 4%; position: relative; } .ins-main .ins-licheng .bot { position: absolute; bottom: 0; left: 50%; margin-left: -18px; } .ins-main .ins-licheng .content li { margin-bottom: 4%; } .ins-main .ins-licheng .content li .txt { float: right; width: 50%; margin-top: 2%; } .ins-main .ins-licheng .content li .txt h5 { font-size: 4rem; color: #666; padding-left: 208px; margin-left: -10px; background: url("../images/process-line_07.jpg") no-repeat left center; } @media (max-width: 992px) { .ins-main .ins-licheng .content li .txt h5 { background: none; padding-left: 60px; } } .ins-main .ins-licheng .content li .txt p { font-size: 1.4rem; color: #666; padding-left: 198px; } @media (max-width: 992px) { .ins-main .ins-licheng .content li .txt p { background: none; padding-left: 60px; } } .ins-main .ins-licheng .content li .img { float: left; text-align: center; width: 40%; } .ins-main .ins-licheng .content li .img img { max-width: 100%; } .ins-main .ins-licheng .content li:nth-child(even) .txt { float: left; width: 50%; margin-top: 2%; } .ins-main .ins-licheng .content li:nth-child(even) .txt h5 { font-size: 4rem; color: #666; padding: 0 292px 0 0; margin-right: -10px; background: url("../images/process-line_03.jpg") no-repeat right center; text-align: right; } @media (max-width: 992px) { .ins-main .ins-licheng .content li:nth-child(even) .txt h5 { background: none; padding: 0 60px 0 0; } } .ins-main .ins-licheng .content li:nth-child(even) .txt p { font-size: 1.4rem; color: #666; padding: 0 282px 0 0; text-align: right; } @media (max-width: 992px) { .ins-main .ins-licheng .content li:nth-child(even) .txt p { background: none; padding: 0 60px 0 0; } } .ins-main .ins-licheng .content li:nth-child(even) .img { float: right; text-align: center; width: 40%; } .ins-main .ins-licheng .content li:nth-child(even) .img img { max-width: 100%; } @media (max-width: 768px) { .ins-main .ins-licheng { background: none; padding: 2% 0 4%; position: relative; } .ins-main .ins-licheng .bot { display: none; } .ins-main .ins-licheng .content li { margin-bottom: 4%; } .ins-main .ins-licheng .content li .txt { float: right; width: 100%; margin-top: 2%; } .ins-main .ins-licheng .content li .txt h5 { font-size: 3rem; color: #666; padding-left: 208px; margin-left: 0px; background: url("../images/process-line_07.jpg") no-repeat left center; } .ins-main .ins-licheng .content li .txt p { font-size: 1.4rem; color: #666; padding-left: 198px; } .ins-main .ins-licheng .content li .img { float: left; text-align: center; width: 100%; } .ins-main .ins-licheng .content li .img img { max-width: 100%; } .ins-main .ins-licheng .content li:nth-child(even) .txt { float: left; width: 100%; margin-top: 2%; } .ins-main .ins-licheng .content li:nth-child(even) .txt h5 { font-size: 3rem; color: #666; padding: 0 292px 0 0; margin-right: 0px; background: url("../images/process-line_03.jpg") no-repeat right center; text-align: left; } .ins-main .ins-licheng .content li:nth-child(even) .txt p { font-size: 1.4rem; color: #666; padding: 0 282px 0 0; text-align: left; } .ins-main .ins-licheng .content li:nth-child(even) .img { float: right; text-align: center; width: 100%; } .ins-main .ins-licheng .content li:nth-child(even) .img img { max-width: 100%; } } @media (max-width: 768px) and (max-width: 992px) { .ins-main .ins-licheng .content li .txt h5 { background: none; padding-left: 0px; } } @media (max-width: 768px) and (max-width: 992px) { .ins-main .ins-licheng .content li .txt p { background: none; padding-left: 0px; } } @media (max-width: 768px) and (max-width: 992px) { .ins-main .ins-licheng .content li:nth-child(even) .txt h5 { background: none; padding: 0 0px 0 0; } } @media (max-width: 768px) and (max-width: 992px) { .ins-main .ins-licheng .content li:nth-child(even) .txt p { background: none; padding: 0 0px 0 0; } } .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-partner { padding: 2% 0 0%; } .ins-main .ins-partner .content li { width: 15.66666%; float: left; box-sizing: border-box; margin: 0 1.2% 1.2% 0; border: 1px solid #d7d7d7; } @media (max-width: 768px) { .ins-main .ins-partner .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-partner .content li img { width: 100%; } .ins-main .ins-partner .content li:nth-child(6n+6) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-partner .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-honor { padding: 2% 0 0%; } .ins-main .ins-honor .content li { width: 18.5%; float: left; margin: 0 1.375% 1.375% 0; text-align: center; } @media (max-width: 768px) { .ins-main .ins-honor .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-honor .content li img { width: 100%; cursor: pointer; } .ins-main .ins-honor .content li p { margin-top: 12px; font-size: 1.4rem; color: #3b3b3b; 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(5n+5) { margin-right: 2%; } .ins-main .ins-honor .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-huanjing .content li { width: 31.833333%; float: left; margin: 0 2.25% 2.25% 0; text-align: center; } @media (max-width: 768px) { .ins-main .ins-huanjing .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-huanjing .content li img { width: 100%; cursor: pointer; } .ins-main .ins-huanjing .content li p { margin: 12px 0 0; font-size: 1.4rem; color: #3b3b3b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-huanjing .content li:nth-child(3n+3) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-huanjing .content li:nth-child(3n+3) { margin-right: 2%; } .ins-main .ins-huanjing .content li:nth-child(2n+2) { margin-right: 0; } } .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-history { padding: 3% 0; } .ins-main .ins-history .content { background: url("../images/licheng-bg_03.jpg") repeat-y center; position: relative; } .ins-main .ins-history .content .top-img { text-align: center; } .ins-main .ins-history .content .list-box { margin-top: 4%; } .ins-main .ins-history .content .list-box li { width: 53.8%; float: left; position: relative; height: 91px; margin-bottom: 30px; } @media (max-width: 1300px) { .ins-main .ins-history .content .list-box li { width: 54.3%; } } @media (max-width: 1200px) { .ins-main .ins-history .content .list-box li { width: 55.3%; } } @media (max-width: 992px) { .ins-main .ins-history .content .list-box li { width: 57%; } } .ins-main .ins-history .content .list-box li:hover .date { border-color: #d4b08c; } .ins-main .ins-history .content .list-box li:hover .date h6 { background: #d4b08c; color: #fff; } .ins-main .ins-history .content .list-box li:hover p { color: #d4b08c; } .ins-main .ins-history .content .list-box li .date { float: right; border-radius: 91px; padding: 7px; background: #fff; border: 1px solid #efefef; } .ins-main .ins-history .content .list-box li .date h6 { font-size: 1.8rem; color: #070707; background: #f7f7f7; margin: 0; width: 84px; height: 84px; border-radius: 84px; text-align: center; line-height: 84px; } .ins-main .ins-history .content .list-box li p { font-size: 1.4rem; color: #727272; line-height: 160%; width: 80%; position: absolute; transform: translate(0%, -50%); left: 0%; top: 50%; } @media (max-width: 992px) { .ins-main .ins-history .content .list-box li p { width: 70%; } } .ins-main .ins-history .content .list-box li:nth-child(even) { float: right; } .ins-main .ins-history .content .list-box li:nth-child(even) .date { float: left; } .ins-main .ins-history .content .list-box li:nth-child(even) p { font-size: 1.4rem; color: #727272; line-height: 160%; position: absolute; transform: translate(25%, -50%); right: 0%; top: 50%; } @media (max-width: 992px) { .ins-main .ins-history .content .list-box li:nth-child(even) p { transform: translate(40%, -50%); } } @media (max-width: 768px) { .ins-main .ins-history { padding: 3% 0; } .ins-main .ins-history .content { background: none; position: relative; } .ins-main .ins-history .content .top-img { display: none; } .ins-main .ins-history .content .list-box { margin-top: 4%; } .ins-main .ins-history .content .list-box li { width: 100%; float: left; position: relative; height: 91px; margin-bottom: 30px; } .ins-main .ins-history .content .list-box li:hover .date { border-color: #d4b08c; } .ins-main .ins-history .content .list-box li:hover .date h6 { background: #d4b08c; color: #fff; } .ins-main .ins-history .content .list-box li:hover p { color: #d4b08c; } .ins-main .ins-history .content .list-box li .date { float: left; border-radius: 91px; padding: 7px; background: #fff; border: 1px solid #efefef; } .ins-main .ins-history .content .list-box li .date h6 { font-size: 1.8rem; color: #070707; background: #f7f7f7; margin: 0; width: 64px; height: 64px; border-radius: 64px; text-align: center; line-height: 64px; } .ins-main .ins-history .content .list-box li p { font-size: 1.4rem; color: #727272; line-height: 160%; width: 80%; position: absolute; transform: translate(40%, -50%); left: 0%; top: 50%; } .ins-main .ins-history .content .list-box li:nth-child(even) { float: right; } .ins-main .ins-history .content .list-box li:nth-child(even) .date { float: left; } .ins-main .ins-history .content .list-box li:nth-child(even) p { font-size: 1.4rem; color: #727272; line-height: 160%; position: absolute; transform: translate(25%, -50%); right: 0%; top: 50%; } } @media (max-width: 768px) and (max-width: 992px) { .ins-main .ins-history .content .list-box li p { width: 70%; } } @media (max-width: 768px) and (max-width: 992px) { .ins-main .ins-history .content .list-box li:nth-child(even) p { transform: translate(40%, -50%); } } .ins-main .ins-message .content { padding: 4%; background: #f8f8f8; } .ins-main .ins-message .content h5 { font-size: 2.2rem; color: #2f2f2f; margin-top: 0; } .ins-main .ins-message .content p { font-size: 1.4rem; color: #444; } .ins-main .ins-message .content p:nth-child(3) { margin-bottom: 3%; } .ins-main .ins-message ul:nth-child(1) li { width: 49%; margin-right: 2%; margin-bottom: 2%; float: left; } .ins-main .ins-message ul:nth-child(1) li input { border: 1px solid #d1d1d1; border-radius: 6px; background: transparent; padding: 0 15px; font-size: 1.4rem; color: #888888; width: 100%; height: 55px; } .ins-main .ins-message ul:nth-child(1) li textarea { border: 1px solid #d1d1d1; border-radius: 6px; background: transparent; padding: 15px; font-size: 1.4rem; color: #888888; width: 100%; height: 115px; } .ins-main .ins-message ul:nth-child(1) li:nth-child(2n+2) { margin-right: 0; } .ins-main .ins-message ul:nth-child(1) li:nth-child(5) { margin-right: 0; width: 100%; } .ins-main .ins-message ul:nth-child(2) input { width: 160px; height: 45px; line-height: 45px; text-align: center; border: none; cursor: pointer; color: #fff; font-size: 1.5rem; background: #115eb8; } @media (max-width: 768px) { } .ins-main .ins-contact .contact-list { width: 27%; float: left; } @media (max-width: 768px) { .ins-main .ins-contact .contact-list { width: 100%; } } .ins-main .ins-contact .contact-list li { height: 110px; background: #f8f8f8; position: relative; margin-bottom: 20px; } @media (max-width: 1420px) { .ins-main .ins-contact .contact-list li { height: 100px; } } .ins-main .ins-contact .contact-list li img { float: left; margin: 20px 0 0 30px; } @media (max-width: 1420px) { .ins-main .ins-contact .contact-list li img { margin: 20px 0 0 20px; } } @media (max-width: 1200px) { .ins-main .ins-contact .contact-list li img { width: 40px; height: 40px; } } @media (max-width: 992px) { .ins-main .ins-contact .contact-list li img { display: none; } } @media (max-width: 768px) { .ins-main .ins-contact .contact-list li img { display: block; margin: 30px 0 0 20px; } } .ins-main .ins-contact .contact-list li .txt { width: 70%; position: absolute; transform: translate(-50%, -50%); left: 61%; top: 50%; } @media (max-width: 992px) { .ins-main .ins-contact .contact-list li .txt { width: 90%; left: 55%; } } @media (max-width: 768px) { .ins-main .ins-contact .contact-list li .txt { width: 73%; left: 59%; } } .ins-main .ins-contact .contact-list li .txt h6 { font-size: 1.8rem; color: #2f2f2f; font-weight: 500; margin-top: 0; margin-bottom: 5px; } .ins-main .ins-contact .contact-list li .txt p { line-height: 150%; margin: 0; font-size: 1.4rem; color: #444; } .ins-main .ins-contact .map { width: 70%; float: right; } @media (max-width: 768px) { .ins-main .ins-contact .map { width: 100%; } } .ins-main .ins-contact .map .amap-controls { display: none; } .ins-main .ins-contact .map .my-map { margin: 0 auto; width: 100%; height: 500px; } @media (max-width: 1420px) { .ins-main .ins-contact .map .my-map { height: 460px; } } @media (max-width: 7680px) { .ins-main .ins-contact .map .my-map { height: 300px; } } .ins-main .ins-contact .map .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; } .ins-main .ins-contact .map .my-map .icon-cir { height: 31px; width: 28px; } .ins-main .ins-contact .map .my-map .icon-cir-red { background-position: -11px -5px; } .ins-main .ins-contact .map .amap-container { height: 100%; } .ins-main .ins-contact .map .amap-copyright, .ins-main .ins-contact .map .amap-logo { display: none !important; } .ins-main .ins-about { padding: 0 0 3%; } .ins-main .ins-about .jianjie { padding: 3% 0 4%; border-bottom: 1px solid #eee; } .ins-main .ins-about .jianjie img { width: 100%; } .ins-main .ins-about .jianjie .txt { margin-top: 4%; } .ins-main .ins-about .jianjie .txt p { font-size: 1.4rem; color: #6f6f6f; line-height: 180%; } .ins-main .ins-about .partner { padding: 3% 0 4%; } .ins-main .ins-about .partner .partner-tit { position: relative; margin-bottom: 3%; text-align: center; } .ins-main .ins-about .partner .partner-tit h2 { font-size: 3rem; color: #000; } @media (max-width: 768px) { .ins-main .ins-about .partner .partner-tit h2 { font-size: 2.8rem; } } .ins-main .ins-about .partner .partner-tit p { font-size: 1.6rem; color: #959595; } .ins-main .ins-about .partner .content { margin-top: 3%; } .ins-main .ins-about .partner .content .swiper-container-partner { overflow: hidden; } .ins-main .ins-about .partner .content .swiper-container-partner .swiper-slide img { width: 100%; border: 1px solid #eee; } .ins-main .ins-about .partner .content .control { text-align: center; margin-top: 3%; } .ins-main .ins-about .partner .content .control .swiper-button-prev4, .ins-main .ins-about .partner .content .control .swiper-button-next4 { display: inline-block; *display: inline; *zoom: 1; margin: 0 4px; cursor: pointer; } @media (max-width: 768px) { .ins-main .ins-about { padding: 0 0 3%; } .ins-main .ins-about .jianjie { padding: 3% 0 4%; border-bottom: 1px solid #eee; } .ins-main .ins-about .jianjie img { width: 100%; } .ins-main .ins-about .jianjie .txt { margin-top: 4%; } .ins-main .ins-about .jianjie .txt p { font-size: 1.4rem; color: #6f6f6f; line-height: 180%; } .ins-main .ins-about .partner { padding: 3% 0 4%; } .ins-main .ins-about .partner .partner-tit { position: relative; margin-bottom: 3%; text-align: center; } .ins-main .ins-about .partner .partner-tit h2 { font-size: 3rem; color: #000; } .ins-main .ins-about .partner .partner-tit p { font-size: 1.4rem; color: #959595; } .ins-main .ins-about .partner .content { margin-top: 3%; } .ins-main .ins-about .partner .content .swiper-container-partner { overflow: hidden; } .ins-main .ins-about .partner .content .swiper-container-partner .swiper-slide img { width: 100%; border: 1px solid #eee; } .ins-main .ins-about .partner .content .control { text-align: center; margin-top: 3%; } .ins-main .ins-about .partner .content .control .swiper-button-prev4, .ins-main .ins-about .partner .content .control .swiper-button-next4 { display: inline-block; *display: inline; *zoom: 1; margin: 0 4px; cursor: pointer; } } @media (max-width: 768px) and (max-width: 768px) { .ins-main .ins-about .partner .partner-tit h2 { font-size: 2.4rem; } } .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: #115eb8; } .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: #115eb8; } .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: #115eb8; } .ins-main .ins-recruit .table .tit2 li { float: left; width: 20%; 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: #115eb8; } .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: 20%; 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: #115eb8; } .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: #115eb8; 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: #115eb8; 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-solution .content .top-box .img { width: 42.8%; float: left; } @media (max-width: 768px) { .ins-main .ins-solution .content .top-box .img { width: 100%; } } .ins-main .ins-solution .content .top-box .img img { width: 100%; } .ins-main .ins-solution .content .top-box .txt { width: 51.7%; float: right; margin: 3% 0 0; } @media (max-width: 1420px) { .ins-main .ins-solution .content .top-box .txt { margin: 0; } } @media (max-width: 768px) { .ins-main .ins-solution .content .top-box .txt { width: 100%; } } .ins-main .ins-solution .content .top-box .txt h5 { font-size: 2.4rem; color: #000; } .ins-main .ins-solution .content .top-box .txt b { display: block; width: 45px; height: 2px; background: #115eb8; margin: 15px 0; } .ins-main .ins-solution .content .top-box .txt p { font-size: 1.6rem; color: #666; line-height: 200%; } .ins-main .ins-solution .content .txt-box { margin: 5% 0; } .ins-main .ins-solution .content .txt-box p { font-size: 1.6rem; color: #666; line-height: 200%; } .ins-main .ins-solution .content .bot-box li { width: 48%; float: left; margin-right: 4%; margin-bottom: 2%; } @media (max-width: 768px) { .ins-main .ins-solution .content .bot-box li { width: 100%; margin: 0 0 15px 0; } } .ins-main .ins-solution .content .bot-box li img { width: 100%; } .ins-main .ins-solution .content .bot-box li:nth-child(2n+2) { margin-right: 0; } .ins-main .ins-moxing .content li { width: 23.5%; float: left; margin: 0 2% 2% 0; } @media (max-width: 768px) { .ins-main .ins-moxing .content li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-moxing .content li .img { overflow: hidden; } .ins-main .ins-moxing .content li .img img { transition: 0.3s; width: 100%; } .ins-main .ins-moxing .content li .txt { height: 65px; line-height: 65px; border-bottom: 1px solid #e3e3e3; } @media (max-width: 768px) { .ins-main .ins-moxing .content li .txt { height: 45px; line-height: 45px; } } .ins-main .ins-moxing .content li .txt p { margin-bottom: 0; width: 75%; font-size: 1.6rem; color: #1e1e1e; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 768px) { .ins-main .ins-moxing .content li .txt p { width: 65%; } } .ins-main .ins-moxing .content li .txt a { float: right; font-size: 1.6rem; color: #1e1e1e; padding-left: 20px; background: url("../images/download_05.png") no-repeat left center; } .ins-main .ins-moxing .content li .txt a:hover { color: #19b4b4; background: url("../images/download_03.png") no-repeat left center; } .ins-main .ins-moxing .content li:nth-child(4n+4) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-moxing .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-news .content li { margin: 0 0 2.25% 0; } .ins-main .ins-news .content li:hover .img img { transform: scale(1.08); } .ins-main .ins-news .content li:hover .txt h6 { color: #115eb8; } .ins-main .ins-news .content li .img { width: 25%; float: left; overflow: hidden; } @media (max-width: 768px) { .ins-main .ins-news .content li .img { width: 100%; margin: 0 0 10px 0; } } .ins-main .ins-news .content li .img img { width: 100%; transition: 0.4s; } .ins-main .ins-news .content li .txt { width: 72%; float: right; } @media (max-width: 768px) { .ins-main .ins-news .content li .txt { width: 100%; margin: 0 0 15px 0; } } .ins-main .ins-news .content li .txt span { font-size: 1.4rem; color: #666; } .ins-main .ins-news .content li .txt h6 { font-size: 1.8rem; color: #0e1110; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-news .content li .txt p { font-size: 1.4rem; color: #666; line-height: 220%; margin: 2% 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; } @media (max-width: 768px) { .ins-main .ins-news .content li .txt p { height: auto; } } .ins-main .ins-news .content li:nth-child(3) { margin-right: 0; } .ins-main .news-show { padding: 1% 2.5%; } .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-zhuanli { padding: 4% 0; background: #f1f1f1; text-align: center; } .ins-main .ins-zhuanli li { width: 18%; float: left; margin-right: 2.5%; margin-bottom: 2.5%; } @media (max-width: 768px) { .ins-main .ins-zhuanli li { width: 49%; margin: 0 2% 2% 0; } } .ins-main .ins-zhuanli li .img { position: relative; } .ins-main .ins-zhuanli li .img:hover .masking { opacity: 1; } .ins-main .ins-zhuanli li .img .masking { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: 0.4s; } .ins-main .ins-zhuanli li img { width: 100%; cursor: pointer; } .ins-main .ins-zhuanli li p { text-align: center; font-size: 1.4rem; margin: 10px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-zhuanli li:nth-child(5n+5) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-zhuanli li:nth-child(5n+5) { margin-right: 2%; } .ins-main .ins-zhuanli li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-download .content li { width: 100%; } .ins-main .ins-download .content li:hover h6 { color: #1e409f; } .ins-main .ins-download .content li h6 { font-size: 1.6rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 18px; line-height: 23px; padding-left: 50px; border-bottom: 1px solid #eee; padding: 1% 0 1% 50px; margin: 0; font-weight: 300; background: url("../images/downa.png") no-repeat left center; } .ins-main .ins-download .content li h6 a { color: #1e1e1e; } .ins-main .ins-download .content li h6 a:hover { color: #1e409f; } .ins-main .ins-download .content li h6 span { float: right; } @media (max-width: 768px) { .ins-main .ins-download .content li h6 span { display: none; } } @media (max-width: 768px) { } .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: #115eb8; } .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 .content li { box-shadow: 0 0 10px #f5f5f5; width: 100%; float: left; margin: 0 0 0.5% 0; height: 55px; } .ins-main .ins-faq .content li h6 { height: 55px; line-height: 55px; padding-left: 44px; margin: 0; border: 1px solid #efefef; font-size: 1.6rem; color: #515151; cursor: pointer; background: #ffffff url("../images/faq-lit_03.png") no-repeat 22px center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-faq .content li .h6-active { color: #fff; border-color: 1px solid #115eb8; background: #115eb8 url("../images/faq-lit_06.png") no-repeat 22px center; } .ins-main .ins-faq .content li .txt { padding: 5%; border: 1px solid #efefef; border-top: none; display: none; position: relative; z-index: 3; background: #fff; } .ins-main .ins-faq .content li .txt p { font-size: 1.4rem; color: #666; } .ins-main .ins-faq .content li:nth-child(2n+2) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-faq .content li { box-shadow: 0 0 10px #f5f5f5; width: 100%; float: left; margin: 0 0 2% 0; height: 55px; } .ins-main .ins-faq .content li h6 { height: 55px; line-height: 55px; padding-left: 34px; margin: 0; border: 1px solid #efefef; font-size: 1.6rem; color: #515151; cursor: pointer; background: #ffffff url("../images/faq-lit_03.png") no-repeat 12px center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-faq .content li .h6-active { color: #fff; border-color: 1px solid #115eb8; background: #115eb8 url("../images/faq-lit_06.png") no-repeat 12px center; } .ins-main .ins-faq .content li .txt { padding: 5%; border: 1px solid #efefef; border-top: none; display: none; position: relative; z-index: 3; background: #fff; } .ins-main .ins-faq .content li .txt p { font-size: 1.4rem; color: #666; } .ins-main .ins-faq .content li:nth-child(2n+2) { margin-right: 0; } } .ins-main .ins-product .content { margin-bottom: 2%; } .ins-main .ins-product .content li { width: 23%; float: left; box-sizing: border-box; margin: 0 2.333333% 2.333333% 0; } .ins-main .ins-product .content li:hover .img { border: 2px solid #286fc1; } .ins-main .ins-product .content li:hover h6 { color: #286fc1; } .ins-main .ins-product .content li:hover p { color: #286fc1; } @media (max-width: 768px) { .ins-main .ins-product .content li { width: 50%; } } .ins-main .ins-product .content li .img { overflow: hidden; border: 2px solid #eee; } .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: #616162; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .ins-product .content li p { text-align: center; font-size: 1.6rem; color: #616162; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; } .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-show { padding: 0 3% 3% 3%; } .ins-main .product-show .top-show .left { width: 47%; float: left; } @media (max-width: 768px) { .ins-main .product-show .top-show .left { width: 100%; } } .ins-main .product-show .top-show .left .view .swiper-container { height: 100%; padding: 1px; } .ins-main .product-show .top-show .left .view .swiper-container .swiper-slide { width: 100%; } .ins-main .product-show .top-show .left .view .swiper-container .swiper-slide img { width: 100%; border: 1px solid #f0f0f0; background: #f3f3f3; } .ins-main .product-show .top-show .left .preview { width: 100%; padding: 2% 0; position: relative; border-top: none; } .ins-main .product-show .top-show .left .preview .arrow-left { position: absolute; left: 3%; top: 42%; z-index: 9; } .ins-main .product-show .top-show .left .preview .arrow-right { position: absolute; right: 3%; top: 42%; z-index: 9; } .ins-main .product-show .top-show .left .preview .swiper-container { width: 100%; margin: 0 auto; } .ins-main .product-show .top-show .left .preview .swiper-slide { float: left; width: auto; box-sizing: border-box; border: 1px solid transparent; } .ins-main .product-show .top-show .left .preview .swiper-slide img { width: 100%; cursor: pointer; border: 1px solid #efefef; background: #f3f3f3; } .ins-main .product-show .top-show .left .preview .active-nav img { border: 1px solid #115eb8; } .ins-main .product-show .top-show .right { width: 49%; float: right; } @media (max-width: 768px) { .ins-main .product-show .top-show .right { width: 100%; } } .ins-main .product-show .top-show .right .txt-box h5 { font-size: 1.8rem; color: #115eb8; margin: 0; line-height: 150%; } .ins-main .product-show .top-show .right .txt-box .txt { padding: 6% 0; border-bottom: 1px solid #eee; } .ins-main .product-show .top-show .right .txt-box .txt p { margin: 0; line-height: 150%; font-size: 1.4rem; color: #434343; } .ins-main .product-show .top-show .right .txt-box .download { margin: 6% 0; } .ins-main .product-show .top-show .right .txt-box .download li { line-height: 27px; height: 27px; margin-bottom: 15px; padding-left: 40px; background: url("../images/pdf_03.jpg") no-repeat left center; } .ins-main .product-show .top-show .right .txt-box .download li p { width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; color: #494949; float: left; margin: 0; } .ins-main .product-show .top-show .right .txt-box .download li span { width: 25%; height: 27px; border-radius: 27px; border: 1px solid #eee; font-size: 1.4rem; color: #115eb8; text-align: center; display: block; float: right; } .ins-main .product-show .top-show .right .txt-box .show-rt-bot .inquiry-btn { float: left; } .ins-main .product-show .top-show .right .txt-box .show-rt-bot .inquiry-btn a { display: block; width: 160px; height: 40px; line-height: 40px; font-size: 1.6rem; color: #fff; background: #115eb8; text-align: center; } @media (max-width: 768px) { .ins-main .product-show .top-show .right .txt-box .show-rt-bot .inquiry-btn a { width: 100px; } } .ins-main .product-show .top-show .right .txt-box .show-rt-bot .share { float: right; } .ins-main .product-show .top-show .right .txt-box .tel { margin: 4% 0; min-height: 41px; padding-left: 49px; background: url("../images/telbj.jpg") no-repeat left center; } .ins-main .product-show .top-show .right .txt-box .tel p { font-size: 1.4rem; color: #666; margin: 0; } .ins-main .product-show .top-show .right .txt-box .tel h5 { font-size: 2rem; margin-top: 3px; color: #ee0000; } .ins-main .product-show .top-show .right .txt-box .zixun a { display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; background: #115eb8; color: #fff; font-size: 1.5rem; letter-spacing: 1px; } .ins-main .product-show .content-box { padding: 3% 0; border-top: 1px solid #eee; } .ins-main .product-show .content-box .slideTxtBox .hd { height: 60px; line-height: 60px; background: #eee; position: relative; } @media (max-width: 768px) { .ins-main .product-show .content-box .slideTxtBox .hd { height: auto; line-height: 40px; } } .ins-main .product-show .content-box .slideTxtBox .hd ul li { float: left; padding: 0 2rem; cursor: pointer; font-size: 1.6rem; color: #0e0e0e; } @media (max-width: 768px) { .ins-main .product-show .content-box .slideTxtBox .hd ul li { padding: 0; text-align: center; width: 160px; } } .ins-main .product-show .content-box .slideTxtBox .hd ul li.on { color: #fff; background: #115eb8; } .ins-main .product-show .content-box .slideTxtBox .bd li { padding: 3%; border: 1px solid #eee; } .ins-main .product-show .content-box .slideTxtBox .bd li img { max-width: 100%!important; width: auto!important; height: auto!important; } .ins-main .product-show .content-box .slideTxtBox .bd li .txt h6 { font-size: 1.6rem; color: #313131; font-weight: 600; } .ins-main .product-show .content-box .slideTxtBox .bd li .txt p { font-size: 1.4rem; color: #555; line-height: 160%; } .ins-main .product-show .show-form { background: #eee; padding: 2%; margin-bottom: 4%; } .ins-main .product-show .show-form h6 { font-size: 1.5rem; color: #666; margin: 0 0 20px; } .ins-main .product-show .show-form form li:first-child { width: 48%; float: right; margin: 0; } @media (max-width: 768px) { .ins-main .product-show .show-form form li:first-child { width: 100%; float: none; height: auto; } } .ins-main .product-show .show-form form li:first-child textarea { width: 100%; background: #fff; border: 1px solid #ddd; padding: 10px; height: 279px; } @media (max-width: 768px) { .ins-main .product-show .show-form form li:first-child textarea { height: 129px; } } .ins-main .product-show .show-form form li:last-child input { width: 100%; color: #fff; background: #333; cursor: pointer; border: none; } .ins-main .product-show .show-form form li:last-child input:hover { background: #115eb8; } .ins-main .product-show .show-form form li { float: left; width: 48%; margin-bottom: 15px; height: 44px; line-height: 44px; margin-right: 4%; } @media (max-width: 768px) { .ins-main .product-show .show-form form li { width: 100%; margin-right: 0; float: none; margin-bottom: 13px; } } .ins-main .product-show .show-form form li span { width: 18%; float: left; background: #fff; text-align: center; border: 1px solid #ddd; color: #666; box-sizing: border-box; height: 44px; line-height: 44px; border-right: none; } .ins-main .product-show .show-form form li input { width: 82%; float: left; border: 1px solid #ddd; height: 44px; line-height: 44px; padding: 0 10px; } .ins-main .product-show .show-form form .yanzhen input { width: 70%; float: left; border: 1px solid #ddd; height: 44px; line-height: 44px; padding: 0 10px; } .ins-main .product-show .show-form form .yanzhen img { width: 12%; float: right; height: 44px; border: 1px solid #ddd; box-sizing: border-box; border-left: none; } .ins-main .product-show .recomend .recomend-tit { background: #eee; height: 60px; line-height: 60px; } @media (max-width: 768px) { .ins-main .product-show .recomend .recomend-tit { height: 40px; line-height: 40px; } } .ins-main .product-show .recomend .recomend-tit h5 { padding: 0 2rem; display: inline-block; *display: inline; *zoom: 1; height: 60px; line-height: 60px; background: #115eb8; color: #fff; font-size: 1.6rem; margin: 0; } @media (max-width: 768px) { .ins-main .product-show .recomend .recomend-tit h5 { height: 40px; line-height: 40px; } } .ins-main .product-show .recomend .recomend-content { padding: 2% 0; } .ins-main .product-show .recomend .swiper-container-recomend { overflow: hidden; position: relative; } .ins-main .product-show .recomend .swiper-slide { border: 1px solid #efefef; } .ins-main .product-show .recomend .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .product-show .recomend .swiper-slide:hover p { color: #115eb8; } .ins-main .product-show .recomend .swiper-slide .img { overflow: hidden; position: relative; } .ins-main .product-show .recomend .swiper-slide .img img { width: 100%; transition: 0.4s; } .ins-main .product-show .recomend .swiper-slide .img .masking { position: absolute; top: 0; left: 0; transition: 0.3s; opacity: 0; width: 100%; height: 100%; } .ins-main .product-show .recomend .swiper-slide .txt { border-top: 1px solid #efefef; padding: 4%; text-align: center; } .ins-main .product-show .recomend .swiper-slide .txt h6 { font-size: 1.6rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .product-show .recomend .swiper-slide .txt p { margin: 0; font-size: 1.4rem; color: #434343; line-height: 150%; 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; } .ins-main .product-show .message .message-tit { background: #eee; height: 60px; line-height: 60px; } @media (max-width: 768px) { .ins-main .product-show .message .message-tit { height: 40px; line-height: 40px; } } .ins-main .product-show .message .message-tit h5 { padding: 0 2rem; display: inline-block; *display: inline; *zoom: 1; height: 60px; line-height: 60px; background: #115eb8; color: #fff; font-size: 1.6rem; margin: 0; } @media (max-width: 768px) { .ins-main .product-show .message .message-tit h5 { height: 40px; line-height: 40px; } } .ins-main .product-show .message .form-box { margin: 3% 0; } .ins-main .product-show .message .form-box .txt { width: 100%; height: 48px; border: 1px solid #f5f5f5; padding: 0 10px; margin-bottom: 20px; font-size: 1.4rem; } @media (max-width: 768px) { .ins-main .product-show .message .form-box .txt { margin-bottom: 10px; } } .ins-main .product-show .message .form-box .txt2 { width: 200px; height: 48px; border: 1px solid #f5f5f5; padding: 0 10px; margin-bottom: 20px; font-size: 1.4rem; } @media (max-width: 768px) { .ins-main .product-show .message .form-box .txt2 { margin-bottom: 10px; } } .ins-main .product-show .message .form-box .submit { width: 200px; height: 48px; background: #115eb8; border: none; cursor: pointer; margin-bottom: 20px; font-size: 1.4rem; color: #fff; } @media (max-width: 768px) { .ins-main .product-show .message .form-box .submit { margin-bottom: 10px; } } .ins-main .product-show .message .form-box span { border: 1px solid #eee; } .ins-main .product-show .message .form-box textarea { width: 100%; height: 115px; border: 1px solid #f5f5f5; padding: 10px; margin-bottom: 20px; font-size: 1.4rem; } @media (max-width: 768px) { .ins-main .product-show .message .form-box textarea { margin-bottom: 10px; } } .page-num { clear: both; text-align: center; vertical-align: middle; line-height: 20px; padding: 3% 0 3%; background: #fff; } .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: #115eb8; border: 1px solid #115eb8; 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: #115eb8; background-color: #115eb8; } @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: #115eb8; background-color: #115eb8; } } .ins-service .img img { width: 100%; margin-bottom: 3%; } .nav-shadow { box-shadow: 0 0 15px #cdcbcb; }