body { font-family: "Microsoft Yahei", sans-serif; overflow-x: hidden; } html { font-size: 10px; /*10 ÷ 16 × 100% = 62.5%*/ } @media (max-width: 1200px) { html { font-size: 9px; } } @media (max-width: 992px) { html { font-size: 7px; } } @media (max-width: 768px) { html { font-size: 8px; } } body iframe { display: none; } a { text-decoration: none!important; } .navbar-brand { float: none; line-height: 0; } .mobile-con { display: none; } .header .header-top { height: 35px; background: #222; line-height: 35px; } .header .header-top p { margin: 0; /* font-size: 0; */ } .header .header-top .lf { float: left; } .header .header-top .lf p { font-size: 1.3rem; color: #b2b2b2; } .header .header-top .rt { float: right; color: #d6d6d6; font-size: 0; height: 35px; } .header .header-top .rt a { font-size: 1.3rem; color: #d6d6d6; line-height: 35px; } .header .header-top .rt a:nth-child(1){display:none;} .header .header-top .rt a:hover { color: #2d54b3; } .header .nav-con { height: 120px; background: url("../images/header-con-bg_02.jpg") no-repeat center; clear: both; width: 100%; } .header .nav-con .container { position: relative; } .header .nav-con .logo { margin-top: 30px; float: left; width: 26%; position: relative; z-index: 10; } .header .nav-con .logo img { width: 98%; } .header .nav-con .txt-con { height: 90px; float: right; width: 71.7%; position: relative; } .header .nav-con .txt-con .lf { float: left; padding-top: 10px; } .header .nav-con .txt-con .lf h5 { font-size: 2.2rem; color: #0071b2; font-weight: 600; padding-left: 25px; } .header .nav-con .txt-con .lf h6 { font-size: 1.5rem; color: #767676; padding-left: 5px; } .header .nav-con .txt-con .rt { position: absolute; top: 0; right: 0; } .header .nav-con .txt-con .rt h6 { font-size: 1.6rem; color: #222; margin-bottom: 5px; } .header .nav-con .txt-con .rt p { font-size: 2rem; color: #0071b2; margin: -2px 0 0 0; } .header .nav-con #nav { width: 76%; margin: -1px 0 0 0; text-align: right; float: right; height: 30px; } .header .nav-con #nav ul { margin: 0; } .header .nav-con #nav .sub-nav { display: inline-block; * display: inline; * zoom: 1; text-align: center; position: relative; line-height: 30px; width: 75px; transition: 0.2s; width: 88px; margin: 0 0 0 2%; } .header .nav-con #nav .sub-nav:hover { background: url("../images/nav-bg_03.png") no-repeat center; } .header .nav-con #nav .sub-nav:hover a { color: #fff; } .header .nav-con #nav .sub-nav a { color: #333; font-size: 1.3rem; display: block; height: 100%; } .header .nav-con #nav .active { background: url("../images/nav-bg_03.png") no-repeat center; } .header .nav-con #nav .active a { color: #fff; } .header .nav-con #nav .drop-down { z-index: 999; position: absolute; top: 29px; left: -13%; display: none; } .header .nav-con #nav .ul1 { width: 120%; margin: 0 auto; text-align: center; background: rgba(0, 0, 0, 0.5); } .header .nav-con #nav .ul1 li { text-align: center; cursor: pointer; color: #fff; height: 30px; line-height: 30px; } .header .nav-con #nav .ul1 li:hover { color: #2d54b3; } .header .nav-con #nav .ul1 li a { font-size: 13px; padding: 0; background: none; display: block; color: #fff; } .header .nav-con #nav .ul1 li a:hover { color: #fff; background: #2d54b3; } @media (max-width: 1200px) { .header .nav-con { height: 100px; background: url("../images/header-con-bg_02.jpg") no-repeat center bottom; clear: both; width: 100%; } .header .nav-con .container { position: relative; } .header .nav-con .logo { margin-top: 30px; float: left; width: 21%; position: relative; z-index: 10; } .header .nav-con .logo img { width: 98%; } .header .nav-con .txt-con { height: 60px; float: right; width: 76.7%; position: relative; } .header .nav-con .txt-con .lf { float: left; padding-top: 2px; } .header .nav-con .txt-con .lf h5 { font-size: 2.2rem; color: #0071b2; font-weight: 600; padding-left: 25px; } .header .nav-con .txt-con .lf h6 { font-size: 1.5rem; color: #767676; padding-left: 5px; } .header .nav-con .txt-con .rt { position: absolute; top: 0; right: 0; } .header .nav-con .txt-con .rt h6 { font-size: 1.6rem; color: #222; margin-bottom: 5px; } .header .nav-con .txt-con .rt p { font-size: 1.8rem; color: #0071b2; margin: -2px 0 0 0; } .header .nav-con #nav { width: 79%; margin: 10px 0 0 0; text-align: right; float: right; height: 30px; } .header .nav-con #nav ul { margin: 0; } .header .nav-con #nav .sub-nav { display: inline-block; *display: inline; *zoom: 1; text-align: center; position: relative; line-height: 30px; height: 30px; transition: 0.2s; width: 102px; margin: 0; } .header .nav-con #nav .sub-nav:hover { background: url("../images/nav-bg_03.png") no-repeat center; } .header .nav-con #nav .sub-nav:hover a { color: #fff; } .header .nav-con #nav .sub-nav a { color: #333; font-size: 1.3rem; display: block; height: 100%; } .header .nav-con #nav .active { background: url("../images/nav-bg_03.png") no-repeat center; } .header .nav-con #nav .active a { color: #fff; } } @media (max-width: 992px) { .header .nav-con { height: 100px; background: url("../images/nav-bg2_03.jpg") no-repeat center bottom; clear: both; width: 100%; } .header .nav-con .container { position: relative; } .header .nav-con .logo { margin-top: 30px; float: left; width: 21%; position: relative; z-index: 10; } .header .nav-con .logo img { width: 98%; } .header .nav-con #nav { width: 79%; margin: 10px 0 0 0; text-align: right; float: right; height: 30px; } .header .nav-con #nav ul { margin: 0; } .header .nav-con #nav .sub-nav { display: inline-block; *display: inline; *zoom: 1; text-align: center; position: relative; line-height: 30px; height: 30px; transition: 0.2s; width: 75px; margin: 0; } .header .nav-con #nav .sub-nav:hover { background: #2d54b3; } .header .nav-con #nav .sub-nav:hover a { color: #fff; } .header .nav-con #nav .sub-nav a { color: #333; font-size: 1.3rem; display: block; height: 100%; } .header .nav-con #nav .active { background: #2d54b3; } .header .nav-con #nav .active a { color: #fff; } } .header .mobile-con .navbar-default { background: #fff; } .header .mobile-con .navbar-header .navbar-brand { float: none; line-height: 0; padding: 0; } .header .mobile-con .navbar-brand > img { margin: 8px 0 0 3%; } .header .mobile-con .nivo-directionNav { display: none; } .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 2px 0 0; float: right; color: #666; font-size: 0; } .header .mobile-con .language a:nth-child(1){display:none;} .header .mobile-con .language a { font-size: 14px; padding: 0px 6px; color: #666; } .header .mobile-con .language a:hover { color: #2d54b3; } .header .mobile-con .language .active { color: #2d54b3; } /*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; /* .swiper-slide-active{img{transform: scale(1)}}*/ } .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 img { width: 100%; } .main .ad-box-pc .swiper-slide { overflow: hidden; /*img{width: 100%;transition: 4s linear;transform: scale(1.08)}*/ } .main .ad-box-pc .swiper-pagination { position: absolute; bottom: 10px; z-index: 99; } .main .ad-box-pc .swiper-pagination-bullet { background: #cacaca; border-radius: 10px; height: 10px; width: 10px; opacity: 1; } .main .ad-box-pc .swiper-pagination-bullet-active { background: #2d54b3; opacity: 1; } .main .ad-box-pc .swiper-button-next-pc { width: 32px; height: 54px; cursor: pointer; position: absolute; right: 3%; top: 50%; margin-top: -27px; background: url("../images/next_03.png") no-repeat center; z-index: 6; opacity: 0.5; } .main .ad-box-pc .swiper-button-prev-pc { width: 32px; height: 54px; cursor: pointer; position: absolute; left: 3%; top: 50%; margin-top: -27px; background: url("../images/prev_03.png") no-repeat center; z-index: 6; opacity: 0.5; } .main .ad-box-mobile .swiper-container5 { overflow: hidden; } .main .ad-box-mobile .top-banner { width: 100%; position: relative; } .main .ad-box-mobile img { width: 100%; } .main .ad-box-mobile .swiper-pagination { position: absolute; bottom: 10px; z-index: 99; } .main .ad-box-mobile .swiper-pagination-bullet { background: #cacaca; border-radius: 7px; height: 7px; width: 7px; opacity: 1; } .main .ad-box-mobile .swiper-pagination-bullet-active { background: #2d54b3; opacity: 1; } .main .search-con { height: 50px; line-height: 50px; background: #86c10d; } .main .search-con p { margin: 0; } .main .search-con .key-word { color: #fff; float: left; } .main .search-con .key-word p { font-size: 1.4rem; } .main .search-con .key-word p a { display: inline-block; *display: inline; *zoom: 1; margin: 0 1rem; color: #fff; } .main .search-con .key-word p a:hover { color: #2d54b3; } .main .search-con .search { width: 280px; float: right; } .main .search-con .search input::-webkit-input-placeholder, .main .search-con .search textarea::-webkit-input-placeholder { color: #dbefb1; } .main .search-con .search input:-moz-placeholder, .main .search-con .search textarea:-moz-placeholder { color: #dbefb1; } .main .search-con .search input::-moz-placeholder, .main .search-con .search textarea::-moz-placeholder { color: #dbefb1; } .main .search-con .search input:-ms-input-placeholder, .main .search-con .search textarea:-ms-input-placeholder { color: #dbefb1; } .main .search-con .search .txt { height: 34px; line-height: 34px; border: 1px solid #fff; border-radius: 8px 0 0 8px; padding: 0 7px; width: 201px; color: #dbefb1; background: #86c10d; } .main .search-con .search .submit { cursor: pointer; width: 79px; height: 34px; float: right; border: none; background: url("../images/search-btn_03.jpg") no-repeat center; margin-top: 8px; } .main .product { background: #f4f6fb; padding-bottom: 4%; } .main .product .classification { padding: 2% 0; } .main .product .classification .lf { width: 49.9%; float: left; height: 40px; background: #2d54b3; } .main .product .classification .lf h6 { font-size: 1.6rem; color: #eaeaea; padding-left: 32px; float: left; background: url("../images/classification_03.jpg") no-repeat 10px center; } .main .product .classification .lf p { float: left; line-height: 40px; margin-left: 1.5rem; background: url("../images/p-bg_03.jpg") no-repeat left center; } .main .product .classification .lf p a { color: #f1eeee; display: inline-block; *display: inline; *zoom: 1; margin: 0 1.5rem; } .main .product .classification .lf p a:hover { color: #86c10d; } .main .product .classification .rt { width: 49.9%; float: right; height: 40px; background: #2d54b3; } .main .product .classification .rt h6 { font-size: 1.6rem; color: #eaeaea; padding-left: 32px; float: left; background: url("../images/classification_05.jpg") no-repeat 10px center; } .main .product .classification .rt p { float: left; line-height: 40px; margin-left: 1.5rem; background: url("../images/p-bg_03.jpg") no-repeat left center; } .main .product .classification .rt p a { color: #f1eeee; display: inline-block; *display: inline; *zoom: 1; margin: 0 1.5rem; } .main .product .classification .rt p a:hover { color: #86c10d; } .main .product .pro-box .slideTxtBox .hd { text-align: center; position: relative; } .main .product .pro-box .slideTxtBox .hd ul li { display: inline-block; *display: inline; *zoom: 1; width: 133px; height: 38px; text-align: center; line-height: 38px; cursor: pointer; border: 1px solid #86c10d; font-size: 1.6rem; color: #86c10d; margin: 15px 15px 22px; } .main .product .pro-box .slideTxtBox .hd ul li.on { background: #86c10d; color: #fff; } .main .product .pro-box .slideTxtBox .bd ul { zoom: 1; } .main .product .pro-box .slideTxtBox .bd li { width: 33.33333%; float: left; box-sizing: border-box; position: relative; border-right: 1px solid #f4f6fb; border-bottom: 1px solid #f4f6fb; } .main .product .pro-box .slideTxtBox .bd li:hover .txt { transform: scale(1); } .main .product .pro-box .slideTxtBox .bd li .img img { width: 100%; } .main .product .pro-box .slideTxtBox .bd li .txt-first { color: #fff; position: absolute; top: 0; left: 0; width: 100%; } .main .product .pro-box .slideTxtBox .bd li .txt-first h5 { font-size: 3.5rem; font-weight: 600; padding: 10% 0 6% 10%; } .main .product .pro-box .slideTxtBox .bd li .txt-first p { font-size: 1.3rem; color: #eff7e0; padding-left: 15%; } .main .product .pro-box .slideTxtBox .bd li .txt { transition: 0.3s; transform: scale(0); color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; } .main .product .pro-box .slideTxtBox .bd li .txt img { margin: 20% 0 8%; } .main .product .pro-box .slideTxtBox .bd li .txt h6 { font-size: 2.2rem; font-weight: 600; } @media (max-width: 1200px) { .main .product { background: #f4f6fb; padding-bottom: 4%; } .main .product .classification { padding: 2% 0; } .main .product .classification .lf p { background: none; } .main .product .classification .lf p a { margin: 0 1rem; } .main .product .classification .rt p { background: none; } .main .product .classification .rt p a { margin: 0 0.5rem; } .main .product .pro-box .slideTxtBox .hd ul li { margin: 10px 15px 17px; } .main .product .pro-box .slideTxtBox .bd li .txt-first h5 { padding: 6% 0 3% 10%; } } @media (max-width: 992px) { .main .product { background: #f4f6fb; padding-bottom: 4%; } .main .product .classification { padding: 2% 0; } .main .product .classification .lf h6 { font-size: 1.8rem; margin-top: 15px; } .main .product .classification .lf p a { margin: 0 0.5rem; } .main .product .classification .rt h6 { font-size: 1.8rem; margin-top: 15px; } .main .product .classification .rt p a { margin: 0 0.2rem; } .main .product .pro-box .slideTxtBox .hd ul li { margin: 5px 15px 12px; } .main .product .pro-box .slideTxtBox .bd li .txt-first { color: #fff; position: absolute; top: 0; left: 0; width: 100%; } .main .product .pro-box .slideTxtBox .bd li .txt-first h5 { font-size: 3rem; font-weight: 600; padding: 5% 0 3% 10%; } .main .product .pro-box .slideTxtBox .bd li .txt-first p { font-size: 1.3rem; color: #eff7e0; padding-left: 15%; } .main .product .pro-box .slideTxtBox .bd li .txt { transition: 0.3s; transform: scale(0); color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; } .main .product .pro-box .slideTxtBox .bd li .txt img { margin: 15% 0 6%; } .main .product .pro-box .slideTxtBox .bd li .txt h6 { font-size: 2.2rem; font-weight: 600; } } @media (max-width: 768px) { .main .product { background: #f4f6fb; padding-bottom: 4%; } .main .product .classification { padding: 2% 0; } .main .product .classification .lf { width: 100%; float: left; height: 40px; background: #2d54b3; } .main .product .classification .lf h6 { font-size: 1.6rem; color: #eaeaea; padding-left: 32px; float: left; background: url("../images/classification_03.jpg") no-repeat 10px center; } .main .product .classification .lf p { float: left; line-height: 40px; margin-left: 1rem; margin-bottom: 0; background: none; } .main .product .classification .lf p a { margin: 0.1rem 0.2rem 0 0; } .main .product .classification .rt { width: 100%; float: right; height: 40px; background: #2d54b3; } .main .product .classification .rt h6 { font-size: 1.6rem; color: #eaeaea; padding-left: 32px; float: left; background: url("../images/classification_05.jpg") no-repeat 10px center; } .main .product .classification .rt p { float: left; line-height: 40px; margin-left: 0.5rem; background: none; } .main .product .classification .rt p a { margin: 0.1rem 0.1rem 0 0; } .main .product .pro-box .slideTxtBox .hd { text-align: center; position: relative; } .main .product .pro-box .slideTxtBox .hd ul li { display: inline-block; *display: inline; *zoom: 1; width: 133px; height: 38px; text-align: center; line-height: 38px; cursor: pointer; border: 1px solid #86c10d; font-size: 1.6rem; color: #86c10d; margin: 5px 15px 8px; } .main .product .pro-box .slideTxtBox .hd ul li.on { background: #86c10d; color: #fff; } .main .product .pro-box .slideTxtBox .bd ul { zoom: 1; } .main .product .pro-box .slideTxtBox .bd li { width: 50%; } .main .product .pro-box .slideTxtBox .bd li .txt-first { color: #fff; position: absolute; top: 0; left: 0; width: 100%; } .main .product .pro-box .slideTxtBox .bd li .txt-first h5 { font-size: 3rem; font-weight: 600; padding: 18% 0 6% 10%; } .main .product .pro-box .slideTxtBox .bd li .txt-first p { display: none; } .main .product .pro-box .slideTxtBox .bd li .txt { transition: 0.3s; transform: scale(0); color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; } .main .product .pro-box .slideTxtBox .bd li .txt img { margin: 10% 0 2%; } .main .product .pro-box .slideTxtBox .bd li .txt h6 { font-size: 1.8rem; font-weight: 500; } } .main .partner .tit { text-align: center; margin: 3% 0; position: relative; } .main .partner .tit h5 { font-size: 2.4rem; color: #2d54b3; font-weight: 600; } .main .partner .tit h5 span { width: 28px; height: 2px; display: inline-block; *display: inline; *zoom: 1; background: #2d54b3; vertical-align: middle; margin: 0 8px; } .main .partner .tit p { font-size: 1.4rem; color: #9b9b9b; } .main .partner .tit a { position: absolute; right: 0; top: 40px; font-size: 1.4rem; color: #b9b9b9; } .main .partner .tit a:hover { color: #2d54b3; } .main .partner .partner-con .partner-box { position: relative; margin: 20px 0 10px; clear: both; padding: 0 27px; } .main .partner .partner-con .swiper-container-partner { overflow: hidden; } .main .partner .partner-con .swiper-slide { position: relative; text-align: center; } .main .partner .partner-con .swiper-slide img { width: 100%; } .main .partner .partner-con .swiper-button-next3 { height: 24px; width: 12px; cursor: pointer; position: absolute; right: 0; top: 50%; margin-top: -12px; background: url("../images/partner-next_03.jpg") no-repeat center; } .main .partner .partner-con .swiper-button-next3:hover { background: url("../images/partner-next2_03.jpg") no-repeat center; } .main .partner .partner-con .swiper-button-prev3 { height: 24px; width: 12px; cursor: pointer; position: absolute; left: 0; top: 50%; margin-top: -12px; background: url("../images/partner-prev_03.jpg") no-repeat center; } .main .partner .partner-con .swiper-button-prev3:hover { background: url("../images/partner-prev2_03.jpg") no-repeat center; } @media (max-width: 768px) { .main .partner .tit a { top: 32px; } } .main .case { padding-bottom: 3%; } .main .case .tit { text-align: center; margin: 3% 0; position: relative; } .main .case .tit h5 { font-size: 2.4rem; color: #2d54b3; font-weight: 600; } .main .case .tit h5 span { width: 28px; height: 2px; display: inline-block; *display: inline; *zoom: 1; background: #2d54b3; vertical-align: middle; margin: 0 8px; } .main .case .tit p { font-size: 1.4rem; color: #9b9b9b; } .main .case .tit a { position: absolute; right: 0; top: 40px; font-size: 1.4rem; color: #b9b9b9; } .main .case .tit a:hover { color: #2d54b3; } .main .case .case-con li { width: 24%; margin-right: 1.3333333%; float: left; } .main .case .case-con li:hover .img-box img { transform: scale(1.1); } .main .case .case-con li:hover p { background: #2d54b3; color: #fff; } .main .case .case-con li .img-box { overflow: hidden; border: 1px solid #eee; } .main .case .case-con li .img-box img { width: 100%; transition: 0.3s; } .main .case .case-con li p { height: 40px; line-height: 40px; transition: 0.3s; text-align: center; font-size: 1.4rem; color: #666; background: #f6f6f6; } .main .case .case-con li:nth-child(4) { margin-right: 0; } @media (max-width: 768px) { .main .case .tit a { top: 32px; } .main .case .case-con li { width: 49%; margin-right: 2%; float: left; } .main .case .case-con li p { height: 30px; line-height: 30px; } .main .case .case-con li:nth-child(4) { margin-right: 0; } .main .case .case-con li:nth-child(2) { margin-right: 0; } } .main .zhuanli { height: 154px; background: url("../images/zhuanli.jpg") no-repeat center; } .main .zhuanli .txt { color: #fefefe; padding-top: 36px; margin-left: 12%; float: left; } .main .zhuanli .txt h6 { font-size: 3rem; } .main .zhuanli .txt p { font-size: 1.5rem; } .main .zhuanli .tel { float: right; margin-top: 28px; margin-right: 8%; } .main .zhuanli .tel p { font-size: 2rem; color: #fefefe; } .main .zhuanli .tel p span { display: block; margin-left: 102px; } .main .zhuanli .tel a { display: inline-block; *display: inline; *zoom: 1; background: #2d54b3; text-align: center; font-size: 1.8rem; color: #fefefe; width: 100%; padding: 2% 0; } @media (max-width: 1200px) { .main .zhuanli .tel p span { margin-left: 90px; } } @media (max-width: 992px) { .main .zhuanli { height: 126px; } .main .zhuanli .tel p span { margin-left: 70px; } } .main .Advantage { border-bottom: 1px solid #e5e5e5; } .main .Advantage .tit { text-align: center; } .main .Advantage .tit img { margin: 2% auto; } .main .Advantage .Advantage-box ul { margin: 0; } .main .Advantage .Advantage-box li { margin-bottom: 2%; } .main .Advantage .Advantage-box li:nth-child(1) .txt { width: 49%; float: left; text-align: center; } .main .Advantage .Advantage-box li:nth-child(1) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(1) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(1) .img { width: 51%; float: right; } .main .Advantage .Advantage-box li:nth-child(1) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(2) .txt { width: 51%; float: right; text-align: center; } .main .Advantage .Advantage-box li:nth-child(2) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(2) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(2) .img { width: 49%; float: left; } .main .Advantage .Advantage-box li:nth-child(2) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(3) .txt { width: 49%; float: left; text-align: center; margin-top: 2%; } .main .Advantage .Advantage-box li:nth-child(3) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(3) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(3) .img { width: 51%; float: right; } .main .Advantage .Advantage-box li:nth-child(3) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(4) .txt { width: 51%; float: right; text-align: center; margin-top: 2%; } .main .Advantage .Advantage-box li:nth-child(4) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(4) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(4) .img { width: 49%; float: left; } .main .Advantage .Advantage-box li:nth-child(4) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(5) { margin-bottom: 0; } .main .Advantage .Advantage-box li:nth-child(5) .txt { width: 49%; float: left; text-align: center; margin-top: 8%; } .main .Advantage .Advantage-box li:nth-child(5) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(5) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(5) .img { width: 51%; float: right; } .main .Advantage .Advantage-box li:nth-child(5) .img img { width: 100%; } @media (max-width: 768px) { .main .Advantage { border-bottom: 1px solid #e5e5e5; } .main .Advantage .tit { text-align: center; } .main .Advantage .tit img { margin: 2% auto; } .main .Advantage .Advantage-box ul { margin: 0; } .main .Advantage .Advantage-box li { margin-bottom: 2%; } .main .Advantage .Advantage-box li:nth-child(1) .txt { margin-top: 3%; width: 100%; float: left; text-align: center; } .main .Advantage .Advantage-box li:nth-child(1) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(1) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(1) .img { width: 100%; float: right; margin: 3% 0; } .main .Advantage .Advantage-box li:nth-child(1) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(2) .txt { width: 100%; float: right; text-align: center; } .main .Advantage .Advantage-box li:nth-child(2) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(2) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(2) .img { width: 100%; float: left; } .main .Advantage .Advantage-box li:nth-child(2) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(3) .txt { margin-top: 4%; width: 100%; float: left; text-align: center; } .main .Advantage .Advantage-box li:nth-child(3) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(3) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(3) .img { width: 100%; float: right; } .main .Advantage .Advantage-box li:nth-child(3) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(4) .txt { margin-top: 3%; width: 100%; float: right; text-align: center; } .main .Advantage .Advantage-box li:nth-child(4) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(4) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(4) .img { width: 100%; float: left; } .main .Advantage .Advantage-box li:nth-child(4) .img img { width: 100%; } .main .Advantage .Advantage-box li:nth-child(5) { margin-bottom: 0; } .main .Advantage .Advantage-box li:nth-child(5) .txt { width: 100%; float: left; text-align: center; margin-top: 8%; } .main .Advantage .Advantage-box li:nth-child(5) .txt h6 { font-size: 2.4rem; color: #2d54b3; padding: 1% 0; } .main .Advantage .Advantage-box li:nth-child(5) .txt p { font-size: 1.5rem; color: #666; line-height: 200%; } .main .Advantage .Advantage-box li:nth-child(5) .img { width: 100%; float: right; } .main .Advantage .Advantage-box li:nth-child(5) .img img { width: 100%; } } .main .about { background: #f8fafd; } .main .about .tit { text-align: center; padding: 2% 0; } .main .about .list-box li { width: 23%; float: left; margin-right: 2.666666%; text-align: center; } .main .about .list-box li img { margin-bottom: 2%; } .main .about .list-box li h6 { font-size: 1.6rem; color: #333; margin: 20px 0; } .main .about .list-box li p { font-size: 1.3rem; color: #838383; line-height: 180%; } .main .about .list-box li div { font-size: 1.3rem; color: #838383; line-height: 180%; } .main .about .list-box li:nth-child(4) { margin-right: 0; } .main .about .content { clear: both; margin-top: 3%; background: #2d54b3; min-height: 268px; border-bottom: 6px solid #86c10d; } .main .about .content .img { width: 42%; float: left; margin: 2.5% 0 0 2%; box-shadow: 0 5px 5px #d2dfe8; padding: 8px; background: #fff; } .main .about .content .img .swiper-container-about { overflow: hidden; position: relative; } .main .about .content .img .swiper-slide img { width: 100%; } .main .about .content .img .swiper-pagination-about { width: 100%; text-align: center; position: absolute; bottom: 10px; z-index: 10; } .main .about .content .img .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 10px; opacity: 1; background: #dcdcdc; } .main .about .content .img .swiper-pagination-bullet-active { background: #0070b2; } .main .about .content .txt { width: 56%; float: right; padding: 0 3%; } .main .about .content .txt h5 { font-size: 2.2rem; color: #eee; font-weight: 600; padding: 5% 0 1%; } .main .about .content .txt p { font-size: 1.3rem; color: #c0e0f3; line-height: 220%; } .main .about .years { clear: both; margin: 80px auto 44px; } .main .about .years img { width: 100%; } @media (max-width: 768px) { .main .about { background: #f8fafd; } .main .about .tit { text-align: center; padding: 2% 0; } .main .about .list-box li { width: 49%; float: left; margin-right: 2%; text-align: center; } .main .about .list-box li img { margin-bottom: 2%; } .main .about .list-box li h6 { font-size: 1.6rem; color: #333; margin: 20px 0; } .main .about .list-box li p { font-size: 1.3rem; color: #838383; line-height: 180%; } .main .about .list-box li:nth-child(4) { margin-right: 0; } .main .about .list-box li:nth-child(2) { margin-right: 0; } .main .about .content { clear: both; margin-top: 3%; background: #2d54b3; min-height: 268px; border-bottom: 6px solid #86c10d; } .main .about .content .img { width: 100%; float: none; margin: 0% 0 2% 0; box-shadow: 0 5px 5px #d2dfe8; } .main .about .content .img img { width: 100%; } .main .about .content .txt { width: 100%; float: none; padding: 0 3%; } .main .about .content .txt h5 { font-size: 2.2rem; color: #eee; font-weight: 600; padding: 5% 0 1%; } .main .about .content .txt p { font-size: 1.3rem; color: #c0e0f3; line-height: 220%; } .main .about .years { clear: both; overflow: auto; margin: 20px auto; } .main .about .years img { width: auto; } } .main .service { height: 140px; background: url("../images/service_02.jpg") no-repeat center; } .main .news-faq { padding: 2.5% 0; } .main .news-faq .news { width: 54.2%; float: left; } .main .news-faq .news .news-slideTxtBox .hd { height: 45px; line-height: 45px; position: relative; background: url("../images/line_03.jpg") repeat-x left bottom; } .main .news-faq .news .news-slideTxtBox .hd a { float: right; font-size: 1.4rem; color: #333; } .main .news-faq .news .news-slideTxtBox .hd a:hover { color: #2d54b3; } .main .news-faq .news .news-slideTxtBox .hd ul li { float: left; cursor: pointer; margin-right: 35px; font-size: 2rem; color: #333333; box-sizing: border-box; line-height: 43px; } .main .news-faq .news .news-slideTxtBox .hd ul li.on { color: #2d54b3; font-weight: 600; box-sizing: border-box; border-bottom: 2px solid #2d54b3; } .main .news-faq .news .news-slideTxtBox .bd ul { zoom: 1; } .main .news-faq .news .news-slideTxtBox .bd li .list { background: #f8f8f8; margin-top: 4%; } .main .news-faq .news .news-slideTxtBox .bd li .list:hover .txt h6 { color: #2d54b3; } .main .news-faq .news .news-slideTxtBox .bd li .list:hover .txt p { color: #2d54b3; } .main .news-faq .news .news-slideTxtBox .bd li .list .img { width: 27.5%; float: left; } .main .news-faq .news .news-slideTxtBox .bd li .list .img img { width: 100%; } .main .news-faq .news .news-slideTxtBox .bd li .list .txt { width: 65%; float: left; margin-left: 4%; } .main .news-faq .news .news-slideTxtBox .bd li .list .txt h6 { font-size: 1.6rem; color: #333; font-weight: 600; margin: 18px 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .news-faq .news .news-slideTxtBox .bd li .list .txt p { font-size: 1.3rem; color: #858585; line-height: 200%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .main .news-faq .faq { width: 41.4%; float: right; padding-left: 4%; border-left: 1px solid #e5e5e5; padding-bottom: 1%; } .main .news-faq .faq .txt-top { height: 78px; background: #f8f8f8; } .main .news-faq .faq .txt-top h6 { font-size: 1.6rem; color: #2d54b3; padding: 15px 0 12px 37px; margin-bottom: 0; background: url("../images/broadcast_03.jpg") no-repeat 10px center; } .main .news-faq .faq .txt-top .txtScroll-top { position: relative; } .main .news-faq .faq .txt-top .txtScroll-top .infoList li { height: 24px; line-height: 24px; font-size: 1.4rem; padding-left: 40px; } .main .news-faq .faq .txt-top .txtScroll-top .infoList li a { color: #333; } .main .news-faq .faq .txt-top .txtScroll-top .infoList li a:hover { color: #2d54b3; } .main .news-faq .faq .faq-box { margin-top: 3%; } .main .news-faq .faq .faq-box .faq-tit { height: 45px; line-height: 45px; position: relative; background: url("../images/line_03.jpg") repeat-x left bottom; } .main .news-faq .faq .faq-box .faq-tit h5 { font-size: 2rem; line-height: 43px; color: #2d54b3; font-weight: 600; box-sizing: border-box; border-bottom: 2px solid #2d54b3; margin: 0; display: inline-block; *display: inline; *zoom: 1; float: left; } .main .news-faq .faq .faq-box .faq-tit a { float: right; font-size: 1.4rem; color: #333; } .main .news-faq .faq .faq-box .faq-tit a:hover { color: #2d54b3; } .main .news-faq .faq .faq-box li { margin-top: 8%; } .main .news-faq .faq .faq-box li h6 { font-size: 1.4rem; color: #333; font-weight: 600; background: url("../images/faq-lit_03.jpg") no-repeat left center; padding: 5px 0 5px 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .news-faq .faq .faq-box li p { font-size: 1.3rem; color: #666; padding-left: 34px; background: url("../images/faq-lit_06.jpg") no-repeat left 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .main .news-faq .faq .faq-box li p b { font-weight: 500; color: #2d54b3; } @media (max-width: 768px) { .main .news-faq { padding: 2.5% 15px; } .main .news-faq .news { width: 100%; float: left; } .main .news-faq .news .news-slideTxtBox .hd { height: 45px; line-height: 45px; position: relative; background: url("../images/line_03.jpg") repeat-x left bottom; } .main .news-faq .news .news-slideTxtBox .hd a { float: right; font-size: 1.4rem; color: #333; } .main .news-faq .news .news-slideTxtBox .hd a:hover { color: #2d54b3; } .main .news-faq .news .news-slideTxtBox .hd ul li { float: left; cursor: pointer; margin-right: 35px; font-size: 2rem; color: #333333; box-sizing: border-box; line-height: 43px; } .main .news-faq .news .news-slideTxtBox .hd ul li.on { color: #2d54b3; font-weight: 600; box-sizing: border-box; border-bottom: 2px solid #2d54b3; } .main .news-faq .news .news-slideTxtBox .bd ul { zoom: 1; } .main .news-faq .news .news-slideTxtBox .bd li .list { background: #f8f8f8; margin-top: 4%; } .main .news-faq .news .news-slideTxtBox .bd li .list .img { display: none; } .main .news-faq .news .news-slideTxtBox .bd li .list .txt { width: 100%; margin-left: 0; } .main .news-faq .faq { width: 100%; float: right; padding-left: 0; border-left: none; padding-bottom: 1%; } } .main .friend-link { margin-bottom: 15px; } .main .friend-link .container { padding: 1% 15px; background: #f7f7f7; } .main .friend-link h6 { font-size: 1.6rem; color: #2d54b3; font-weight: 600; margin-bottom: 15px; } .main .friend-link h6 a { font-size: 1.3rem; color: #333333; font-weight: 300; text-decoration: underline!important; float: right; } .main .friend-link h6 a:hover { color: #2d54b3; } .main .friend-link .list a { display: inline-block; *display: inline; *zoom: 1; margin: 0 3% 0 0; color: #666; } .main .friend-link .list a:hover { color: #2d54b3; } .footer .footer-nav { background: #2d54b3; height: 56px; line-height: 56px; text-align: center; color: #f6f6f6; } .footer .footer-nav li { display: inline-block; *display: inline; *zoom: 1; font-size: 1.5rem; margin: 0 4rem; } .footer .footer-nav li a { color: #f6f6f6; } @media (max-width: 992px) { .footer .footer-nav { background: #2d54b3; } .footer .footer-nav li { margin: 0 2.5rem; } } @media (max-width: 768px) { .footer .footer-nav { background: #2d54b3; height: auto; line-height: 30px; text-align: center; color: #f6f6f6; } .footer .footer-nav ul { margin: 0; } .footer .footer-nav li { display: inline-block; *display: inline; *zoom: 1; font-size: 1.6rem; margin: 0 0.5rem; } .footer .footer-nav li a { color: #f6f6f6; } } .footer .footer-content { position: relative; height: 291px; background: #2d54b3; } .footer .footer-content .lf { float: left; } .footer .footer-content .footer-logo { padding: 9% 2% 5%; } .footer .footer-content .list-box { padding-left: 2%; position: relative; } .footer .footer-content .list-box .list { float: left; } .footer .footer-content .list-box .list p { font-size: 1.3rem; color: #f6f6f6; line-height: 180%; } .footer .footer-content .list-box .code { position: absolute; left: 336px; top: 0; width: 250px; } .footer .footer-content .list-box .code img { margin-top: 9px; margin-right: 15px; float: left; } .footer .footer-content .rt { width: 362px; float: right; margin-top: 37px; } .footer .footer-content .rt input::-webkit-input-placeholder, .footer .footer-content .rt textarea::-webkit-input-placeholder { color: #96a9d5; } .footer .footer-content .rt input:-moz-placeholder, .footer .footer-content .rt textarea:-moz-placeholder { color: #96a9d5; } .footer .footer-content .rt input::-moz-placeholder, .footer .footer-content .rt textarea::-moz-placeholder { color: #96a9d5; } .footer .footer-content .rt input:-ms-input-placeholder, .footer .footer-content .rt textarea:-ms-input-placeholder { color: #96a9d5; } .footer .footer-content .rt ul:nth-child(1) .txt { width: 165px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #b4c1e2; background: transparent; color: #96a9d5; } .footer .footer-content .rt ul:nth-child(1) li:nth-child(2) { float: right; } .footer .footer-content .rt ul:nth-child(1) li:nth-child(1) { float: left; } .footer .footer-content .rt ul:nth-child(3) { margin-top: 24px; } .footer .footer-content .rt ul:nth-child(3) textarea { height: 80px; color: #96a9d5; padding: 10px; border: 1px solid #b4c1e2; font-family: "Microsoft Yahei"; width: 100%; background: transparent; } .footer .footer-content .rt .submit { width: 118px; height: 39px; text-align: center; line-height: 39px; margin-top: 10px; border: none; cursor: pointer; background: #eceff7; font-size: 1.5rem; color: #22459a; } @media (max-width: 992px) { .footer .footer-content { background: url("../images/footer-bg2_02.jpg") no-repeat center; } .footer .footer-content .list-box .code { display: none; } .footer .footer-content .rt { width: 332px; } } @media (max-width: 768px) { .footer .footer-content { position: relative; height: auto; background: #2d54b3; border-top: 1px solid #0f2e7c; } .footer .footer-content .lf { float: left; } .footer .footer-content .footer-logo { padding: 4% 0 5%; } .footer .footer-content .footer-logo img { width: 286px; } .footer .footer-content .list-box { padding-left: 2%; position: relative; } .footer .footer-content .list-box .list { float: left; } .footer .footer-content .list-box .list p { font-size: 1.6rem; color: #f6f6f6; line-height: 180%; } .footer .footer-content .list-box .code { position: absolute; left: 336px; top: 0; } .footer .footer-content .list-box .code img { margin-top: 9px; } .footer .footer-content .rt { width: 100%; float: right; margin-top: 10px; margin-bottom: 20px; } .footer .footer-content .rt input::-webkit-input-placeholder, .footer .footer-content .rt textarea::-webkit-input-placeholder { color: #96a9d5; } .footer .footer-content .rt input:-moz-placeholder, .footer .footer-content .rt textarea:-moz-placeholder { color: #96a9d5; } .footer .footer-content .rt input::-moz-placeholder, .footer .footer-content .rt textarea::-moz-placeholder { color: #96a9d5; } .footer .footer-content .rt input:-ms-input-placeholder, .footer .footer-content .rt textarea:-ms-input-placeholder { color: #96a9d5; } .footer .footer-content .rt ul:nth-child(1) .txt { width: 200px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #b4c1e2; background: transparent; color: #96a9d5; } .footer .footer-content .rt ul:nth-child(1) li:nth-child(2) { float: left; } .footer .footer-content .rt ul:nth-child(1) li:nth-child(1) { float: left; margin-bottom: 13px; } .footer .footer-content .rt ul:nth-child(3) { margin-top: 14px; } .footer .footer-content .rt ul:nth-child(3) textarea { height: 80px; color: #96a9d5; padding: 10px; border: 1px solid #b4c1e2; font-family: "Microsoft Yahei"; width: 100%; background: transparent; } .footer .footer-content .rt .submit { width: 118px; height: 39px; text-align: center; line-height: 39px; margin-top: 10px; border: none; cursor: pointer; background: #eceff7; font-size: 1.5rem; color: #22459a; } } .footer .footer-bot { height: 35px; line-height: 35px; text-align: center; clear: both; background: #414141; } .footer .footer-bot p { font-size: 1.3rem; color: #757575; margin-bottom: 0; } .footer .footer-bot p a { color: #757575; } .footer .footer-bot p a:hover { color: #2d54b3; } @media (max-width: 768px) { .footer .footer-bot { padding: 0 15px; height: auto; line-height: 30px; text-align: center; clear: both; background: #414141; } .footer .footer-bot p { font-size: 1.3rem; color: #757575; margin-bottom: 0; } .footer .footer-bot p a { color: #757575; } .footer .footer-bot p a:hover { color: #2d54b3; } } .footer .returnTop { z-index: 999; display: block; cursor: pointer; position: fixed; bottom: 40px; right: 30px; width: 51px; height: 51px; opacity: 1!important; background: url("../images/return-top2.png") no-repeat center; } @media (max-width: 768px) { .footer .returnTop { z-index: 999; display: block; cursor: pointer; position: fixed; bottom: 70px; right: 18px; border-radius: 3px; width: 40px; height: 40px; background: url("../images/return-top2.png") no-repeat center; } } /*ins-style*/ @media (max-width: 768px) { .ins-main { margin-top: 55px; } } .ins-main .ins-ad { height: 350px; } .ins-main .ins-ad img { width: 100%; } @media (max-width: 768px) { .ins-main .ins-ad { height: auto; } } .ins-main .contact-ad { background: url("../images/contact-ad_02.jpg") no-repeat center; } .ins-main .about-ad { background: url("../images/about-ad_02.jpg") no-repeat center; } .ins-main .demo-ad { background: url("../images/demo-ad_02.jpg") no-repeat center; } .ins-main .news-ad { background: url("../images/news-ad_02.jpg") no-repeat center; } .ins-main .pro-ad { background: url("../images/pro-ad_02.jpg") no-repeat center; } .ins-main .about-nav { /* li:last-child{background: none;}*/ } .ins-main .about-nav .content { background: #fff; box-shadow: 0 3px 3px #eee; height: 89px; margin-top: -39px; position: relative; z-index: 2; } .ins-main .about-nav li { height: 89px; text-align: center; width: 14.28571428%; float: left; background: url("../images/about-nav-line_03.jpg") no-repeat right center; } .ins-main .about-nav li a { display: block; width: 100%; height: 100%; padding: 17px 0 0 0; } .ins-main .about-nav li p { font-size: 1.6rem; color: #2d54b3; margin-top: 4px; } .ins-main .about-nav li span { display: block; height: 33px; width: 30px; margin: 0 auto; } .ins-main .about-nav li:hover a { background: #2d54b3; } .ins-main .about-nav li:hover p { color: #fff; } .ins-main .about-nav li .active { background: #2d54b3; } .ins-main .about-nav li .active p { color: #fff; } .ins-main .about-nav li:nth-child(1) span { background: url("../images/about-icon_03.png") no-repeat 0px center; } .ins-main .about-nav li:nth-child(2) span { background: url("../images/about-icon_03.png") no-repeat -60px center; } .ins-main .about-nav li:nth-child(3) span { background: url("../images/about-icon_03.png") no-repeat -120px center; } .ins-main .about-nav li:nth-child(4) span { background: url("../images/about-icon_03.png") no-repeat -180px center; } .ins-main .about-nav li:nth-child(5) span { background: url("../images/about-icon_03.png") no-repeat -240px center; } .ins-main .about-nav li:nth-child(6) span { background: url("../images/about-icon_03.png") no-repeat -300px center; } .ins-main .about-nav li:nth-child(7) span { background: url("../images/about-icon_03.png") no-repeat -360px center; } .ins-main .about-nav li:nth-child(1):hover span { background: url("../images/about-icon_03.png") no-repeat -30px center; } .ins-main .about-nav li:nth-child(2):hover span { background: url("../images/about-icon_03.png") no-repeat -90px center; } .ins-main .about-nav li:nth-child(3):hover span { background: url("../images/about-icon_03.png") no-repeat -150px center; } .ins-main .about-nav li:nth-child(4):hover span { background: url("../images/about-icon_03.png") no-repeat -210px center; } .ins-main .about-nav li:nth-child(5):hover span { background: url("../images/about-icon_03.png") no-repeat -270px center; } .ins-main .about-nav li:nth-child(6):hover span { background: url("../images/about-icon_03.png") no-repeat -330px center; } .ins-main .about-nav li:nth-child(7):hover span { background: url("../images/about-icon_03.png") no-repeat -390px center; } .ins-main .about-nav li:nth-child(1) .active span { background: url("../images/about-icon_03.png") no-repeat -30px center; } .ins-main .about-nav li:nth-child(2) .active span { background: url("../images/about-icon_03.png") no-repeat -90px center; } .ins-main .about-nav li:nth-child(3) .active span { background: url("../images/about-icon_03.png") no-repeat -150px center; } .ins-main .about-nav li:nth-child(4) .active span { background: url("../images/about-icon_03.png") no-repeat -210px center; } .ins-main .about-nav li:nth-child(5) .active span { background: url("../images/about-icon_03.png") no-repeat -270px center; } .ins-main .about-nav li:nth-child(6) .active span { background: url("../images/about-icon_03.png") no-repeat -330px center; } .ins-main .about-nav li:nth-child(7) .active span { background: url("../images/about-icon_03.png") no-repeat -390px center; } @media (max-width: 768px) { .ins-main .about-nav .content { height: auto; margin-top: 10px; } .ins-main .about-nav li { width: 25%; } .ins-main .about-nav li:nth-child(5) { width: 33.3333333%; } .ins-main .about-nav li:nth-child(6) { width: 33.3333333%; } .ins-main .about-nav li:nth-child(7) { width: 33.3333333%; } } .ins-main .ins-nav { height: 60px; line-height: 60px; } .ins-main .ins-nav p { padding-left: 34px; background: url("../images/house_03.jpg") no-repeat 9px center; margin: 0; } .ins-main .ins-nav a { font-size: 1.3rem; color: #666; } .ins-main .ins-nav a:hover { color: #2d54b3; } .ins-main .ins-nav .active { color: #2d54b3; } .ins-main .ins-jianjie .list-box { background: #f8faff; padding: 3% 0 2%; } .ins-main .ins-jianjie .list-box li { width: 23%; float: left; margin-right: 2.666666%; text-align: center; } .ins-main .ins-jianjie .list-box li img { margin-bottom: 2%; } .ins-main .ins-jianjie .list-box li h6 { font-size: 1.6rem; color: #333; margin: 20px 0; } .ins-main .ins-jianjie .list-box li p { font-size: 1.3rem; color: #838383; line-height: 180%; } .ins-main .ins-jianjie .list-box li div { font-size: 1.3rem; color: #838383; line-height: 180%; } .ins-main .ins-jianjie .list-box li:nth-child(4) { margin-right: 0; } .ins-main .ins-jianjie .content { margin-top: 3%; } .ins-main .ins-jianjie .content .txt p { font-size: 1.4rem; color: #666; line-height: 220%; margin-bottom: 3%; } .ins-main .ins-jianjie .content .img-box { margin: 3% 0 4%; } .ins-main .ins-jianjie .content .img-box li { width: 31.333333%; margin-right: 3%; float: left; padding: 3px; box-shadow: 0 0 5px #ececec; } .ins-main .ins-jianjie .content .img-box li .img { width: 100%; overflow: hidden; } .ins-main .ins-jianjie .content .img-box li .img img { width: 100%; transition: 0.2s; } .ins-main .ins-jianjie .content .img-box li:last-child { margin-right: 0; } .ins-main .ins-jianjie .hot-pro h6 { padding: 0 0 11px 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; font-size: 1.8rem; color: #333; font-weight: 600; border-bottom: 1px solid #eee; } .ins-main .ins-jianjie .hot-pro h6 a { font-size: 1.2rem; font-weight: 500; float: right; color: #b3b3b3; } .ins-main .ins-jianjie .hot-pro h6 a:hover { color: #2d54b3; } .ins-main .ins-jianjie .hot-pro .swiper-container-hot { overflow: hidden; margin: 3% 0; } .ins-main .ins-jianjie .hot-pro .swiper-container-hot .swiper-slide { text-align: center; } .ins-main .ins-jianjie .hot-pro .swiper-container-hot .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .ins-jianjie .hot-pro .swiper-container-hot .swiper-slide:hover p { color: #2d54b3; } .ins-main .ins-jianjie .hot-pro .swiper-container-hot .swiper-slide .img { width: 100%; overflow: hidden; border: 1px solid #f5f5f5; } .ins-main .ins-jianjie .hot-pro .swiper-container-hot .swiper-slide .img img { width: 100%; transition: 0.2s; } .ins-main .ins-jianjie .hot-pro .swiper-container-hot .swiper-slide p { font-size: 1.4rem; color: #666; margin: 10px 0 0; } @media (max-width: 768px) { .ins-main .ins-jianjie .list-box { background: #f8faff; padding: 3% 0 2%; } .ins-main .ins-jianjie .list-box li { width: 49%; float: left; margin-right: 2%; text-align: center; } .ins-main .ins-jianjie .list-box li:nth-child(4) { margin-right: 0; } .ins-main .ins-jianjie .list-box li:nth-child(2) { margin-right: 0; } .ins-main .ins-jianjie .content { margin-top: 3%; } .ins-main .ins-jianjie .content .txt p { font-size: 1.6rem; } .ins-main .ins-jianjie .content .img-box { margin: 3% 0 4%; } .ins-main .ins-jianjie .content .img-box li { width: 100%; margin: 3% 0 0 0; float: left; padding: 3px; box-shadow: 0 0 5px #ececec; } .ins-main .ins-jianjie .content .img-box li .img { width: 100%; overflow: hidden; } .ins-main .ins-jianjie .content .img-box li .img img { width: 100%; transition: 0.2s; } .ins-main .ins-jianjie .content .img-box li:last-child { margin-right: 0; } } .ins-main .ins-yanfa .content .list-box ul { margin: 0; } .ins-main .ins-yanfa .content .list-box li { width: 50%; float: left; margin-top: 26px; } .ins-main .ins-yanfa .content .list-box li .txt-box .date { height: 118px; background: #2d54b3; width: 17.1%; text-align: center; float: left; margin-right: 4%; } .ins-main .ins-yanfa .content .list-box li .txt-box .date h5 { font-size: 4rem; color: #fff; font-weight: 100; padding: 20% 0 10%; } .ins-main .ins-yanfa .content .list-box li .txt-box .date b { width: 70%; margin: 0 auto; background: #fff; height: 1px; display: block; } .ins-main .ins-yanfa .content .list-box li .txt-box .txt { float: left; width: 74%; } .ins-main .ins-yanfa .content .list-box li .txt-box .txt h6 { font-size: 1.8rem; color: #2d54b3; margin: 20px 0 15px; } .ins-main .ins-yanfa .content .list-box li .txt-box .txt p { font-size: 1.4rem; color: #666; line-height: 180%; } .ins-main .ins-yanfa .content .list-box li .img img { width: 100%; } .ins-main .ins-yanfa .content .list-box li:nth-child(odd) { padding-right: 2.5%; } .ins-main .ins-yanfa .content .list-box li:nth-child(even) { padding-left: 2.5%; } .ins-main .ins-yanfa .content .honor-box { margin: 3% auto; clear: both; } .ins-main .ins-yanfa .content .honor-box .txt p { font-size: 1.4rem; color: #666; line-height: 180%; margin: 2% 0; } .ins-main .ins-yanfa .content .honor-box .img-box { text-align: center; } .ins-main .ins-yanfa .content .honor-box .img-box img { max-width: 100%; margin: 3% auto; } .ins-main .ins-yanfa .hot-pro h6 { padding: 0 0 11px 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; font-size: 1.8rem; color: #333; font-weight: 600; border-bottom: 1px solid #eee; } .ins-main .ins-yanfa .hot-pro h6 a { font-size: 1.2rem; font-weight: 500; float: right; color: #b3b3b3; } .ins-main .ins-yanfa .hot-pro h6 a:hover { color: #2d54b3; } .ins-main .ins-yanfa .hot-pro .swiper-container-hot { overflow: hidden; margin: 3% 0; } .ins-main .ins-yanfa .hot-pro .swiper-container-hot .swiper-slide { text-align: center; } .ins-main .ins-yanfa .hot-pro .swiper-container-hot .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .ins-yanfa .hot-pro .swiper-container-hot .swiper-slide:hover p { color: #2d54b3; } .ins-main .ins-yanfa .hot-pro .swiper-container-hot .swiper-slide .img { width: 100%; overflow: hidden; border: 1px solid #f5f5f5; } .ins-main .ins-yanfa .hot-pro .swiper-container-hot .swiper-slide .img img { width: 100%; transition: 0.2s; } .ins-main .ins-yanfa .hot-pro .swiper-container-hot .swiper-slide p { font-size: 1.4rem; color: #666; margin: 10px 0 0; } @media (max-width: 768px) { .ins-main .ins-yanfa .content .list-box ul { margin: 0; } .ins-main .ins-yanfa .content .list-box li { width: 100%; float: left; margin-top: 26px; } .ins-main .ins-yanfa .content .list-box li .txt-box .date { height: 94px; } .ins-main .ins-yanfa .content .list-box li .img img { width: 100%; } .ins-main .ins-yanfa .content .list-box li:nth-child(odd) { padding-right: 0%; } .ins-main .ins-yanfa .content .list-box li:nth-child(even) { padding-left: 0%; } .ins-main .ins-yanfa .content .list-box li:nth-child(4) .txt-box .txt h6 { margin: 0 0 10px 0; } .ins-main .ins-yanfa .content .honor-box { margin: 3% auto; clear: both; } .ins-main .ins-yanfa .content .honor-box .txt p { font-size: 1.6rem; } } .ins-main .ins-cailiao .content { margin: 3% 0; } .ins-main .ins-cailiao .content .list-box li { width: 31.33333%; float: left; margin-right: 2%; text-align: center; padding: 3% 0; height: 170px; margin-top: 2%; margin-bottom: 3%; } .ins-main .ins-cailiao .content .list-box li h6 { font-size: 1.6rem; color: #2d54b3; margin: 0 0 15px; font-weight: 600; } .ins-main .ins-cailiao .content .list-box li p { font-size: 1.3rem; color: #838383; line-height: 200%; text-align: left; margin: 0 6%; } .ins-main .ins-cailiao .content .list-box li:nth-child(3) { margin-right: 0; } .ins-main .ins-cailiao .content .list-box li:nth-child(1) { background: #edf2fe url("../images/number_03.jpg") no-repeat left top; } .ins-main .ins-cailiao .content .list-box li:nth-child(2) { background: #edf2fe url("../images/number_05.jpg") no-repeat left top; } .ins-main .ins-cailiao .content .list-box li:nth-child(3) { background: #edf2fe url("../images/number_07.jpg") no-repeat left top; } .ins-main .ins-cailiao .content p { font-size: 1.4rem; color: #333; line-height: 180%; } .ins-main .ins-cailiao .content h6 { font-size: 1.4rem; color: #333; font-weight: 600; margin-top: 3%; } .ins-main .ins-cailiao .hot-pro h6 { padding: 0 0 11px 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; font-size: 1.8rem; color: #333; font-weight: 600; border-bottom: 1px solid #eee; } .ins-main .ins-cailiao .hot-pro h6 a { font-size: 1.2rem; font-weight: 500; float: right; color: #b3b3b3; } .ins-main .ins-cailiao .hot-pro h6 a:hover { color: #2d54b3; } .ins-main .ins-cailiao .hot-pro .swiper-container-hot { overflow: hidden; margin: 3% 0; } .ins-main .ins-cailiao .hot-pro .swiper-container-hot .swiper-slide { text-align: center; } .ins-main .ins-cailiao .hot-pro .swiper-container-hot .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .ins-cailiao .hot-pro .swiper-container-hot .swiper-slide:hover p { color: #2d54b3; } .ins-main .ins-cailiao .hot-pro .swiper-container-hot .swiper-slide .img { width: 100%; overflow: hidden; border: 1px solid #f5f5f5; } .ins-main .ins-cailiao .hot-pro .swiper-container-hot .swiper-slide .img img { width: 100%; transition: 0.2s; } .ins-main .ins-cailiao .hot-pro .swiper-container-hot .swiper-slide p { font-size: 1.4rem; color: #666; margin: 10px 0 0; } @media (max-width: 768px) { .ins-main .ins-cailiao .content { margin: 3% 0; } .ins-main .ins-cailiao .content .list-box li { width: 100%; float: left; margin-right: 0%; text-align: center; padding: 30px 0 30px; height: auto; margin-top: 2%; margin-bottom: 3%; } .ins-main .ins-cailiao .content .list-box li h6 { font-size: 1.8rem; color: #2d54b3; margin: 0 0 15px; font-weight: 600; } .ins-main .ins-cailiao .content .list-box li p { font-size: 1.6rem; color: #838383; line-height: 200%; text-align: left; margin: 0 6%; } .ins-main .ins-cailiao .content .list-box li:nth-child(3) { margin-right: 0; } .ins-main .ins-cailiao .content .list-box li:nth-child(1) { background: #edf2fe url("../images/number_03.jpg") no-repeat left top; } .ins-main .ins-cailiao .content .list-box li:nth-child(2) { background: #edf2fe url("../images/number_05.jpg") no-repeat left top; } .ins-main .ins-cailiao .content .list-box li:nth-child(3) { background: #edf2fe url("../images/number_07.jpg") no-repeat left top; } .ins-main .ins-cailiao .content p { font-size: 1.6rem; color: #333; line-height: 180%; } .ins-main .ins-cailiao .content h6 { font-size: 1.6rem; color: #333; font-weight: 600; margin-top: 3%; } } .ins-main .ins-licheng .content { margin: 3% 0; text-align: center; } .ins-main .ins-licheng .content img { width: auto!important; max-width: 100%!important; } .ins-main .ins-licheng .hot-pro h6 { padding: 0 0 11px 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; font-size: 1.8rem; color: #333; font-weight: 600; border-bottom: 1px solid #eee; } .ins-main .ins-licheng .hot-pro h6 a { font-size: 1.2rem; font-weight: 500; float: right; color: #b3b3b3; } .ins-main .ins-licheng .hot-pro h6 a:hover { color: #2d54b3; } .ins-main .ins-licheng .hot-pro .swiper-container-hot { overflow: hidden; margin: 3% 0; } .ins-main .ins-licheng .hot-pro .swiper-container-hot .swiper-slide { text-align: center; } .ins-main .ins-licheng .hot-pro .swiper-container-hot .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .ins-licheng .hot-pro .swiper-container-hot .swiper-slide:hover p { color: #2d54b3; } .ins-main .ins-licheng .hot-pro .swiper-container-hot .swiper-slide .img { width: 100%; overflow: hidden; border: 1px solid #f5f5f5; } .ins-main .ins-licheng .hot-pro .swiper-container-hot .swiper-slide .img img { width: 100%; transition: 0.2s; } .ins-main .ins-licheng .hot-pro .swiper-container-hot .swiper-slide p { font-size: 1.4rem; color: #666; margin: 10px 0 0; } @media (max-width: 768px) { .ins-main .ins-licheng .content { margin: 3% 0; text-align: center; } .ins-main .ins-licheng .content img { max-width: 100%; } } .ins-main .ins-wenhua .content { margin: 3% 0; } .ins-main .ins-wenhua .content li { width: 20%; float: left; text-align: center; margin-bottom: 3%; height: 240px; } .ins-main .ins-wenhua .content li:hover .img { background: #2d54b3; border-color: #2d54b3; } .ins-main .ins-wenhua .content li .img { width: 130px; height: 130px; border-radius: 130px; border: 1px solid #eee; margin: 0 auto; } .ins-main .ins-wenhua .content li .img span { display: block; width: 68px; height: 56px; margin: 35px auto 0; } .ins-main .ins-wenhua .content li h6 { font-size: 1.6rem; color: #666; } .ins-main .ins-wenhua .content li b { display: block; width: 20px; height: 2px; background: #2d54b3; margin: 0 auto 10px; } .ins-main .ins-wenhua .content li p { font-size: 12px; color: #666; line-height: 180%; margin-bottom: 0; } .ins-main .ins-wenhua .content li:nth-child(1) .img span { background: url("../images/wenhua-icon_03.png") no-repeat 0 center; } .ins-main .ins-wenhua .content li:nth-child(2) .img span { background: url("../images/wenhua-icon_03.png") no-repeat -136px center; } .ins-main .ins-wenhua .content li:nth-child(3) .img span { background: url("../images/wenhua-icon_03.png") no-repeat -272px center; } .ins-main .ins-wenhua .content li:nth-child(4) .img span { background: url("../images/wenhua-icon_03.png") no-repeat -408px center; } .ins-main .ins-wenhua .content li:nth-child(5) .img span { background: url("../images/wenhua-icon_03.png") no-repeat -544px center; } .ins-main .ins-wenhua .content li:nth-child(6) .img span { background: url("../images/wenhua-icon2_03.png") no-repeat 0 center; } .ins-main .ins-wenhua .content li:nth-child(7) .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -136px center; } .ins-main .ins-wenhua .content li:nth-child(8) .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -272px center; } .ins-main .ins-wenhua .content li:nth-child(9) .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -408px center; } .ins-main .ins-wenhua .content li:nth-child(10) .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -544px center; } .ins-main .ins-wenhua .content li:nth-child(1):hover .img span { background: url("../images/wenhua-icon_03.png") no-repeat -68px center; } .ins-main .ins-wenhua .content li:nth-child(2):hover .img span { background: url("../images/wenhua-icon_03.png") no-repeat -204px center; } .ins-main .ins-wenhua .content li:nth-child(3):hover .img span { background: url("../images/wenhua-icon_03.png") no-repeat -340px center; } .ins-main .ins-wenhua .content li:nth-child(4):hover .img span { background: url("../images/wenhua-icon_03.png") no-repeat -476px center; } .ins-main .ins-wenhua .content li:nth-child(5):hover .img span { background: url("../images/wenhua-icon_03.png") no-repeat -612px center; } .ins-main .ins-wenhua .content li:nth-child(6):hover .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -68px center; } .ins-main .ins-wenhua .content li:nth-child(7):hover .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -204px center; } .ins-main .ins-wenhua .content li:nth-child(8):hover .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -340px center; } .ins-main .ins-wenhua .content li:nth-child(9):hover .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -476px center; } .ins-main .ins-wenhua .content li:nth-child(10):hover .img span { background: url("../images/wenhua-icon2_03.png") no-repeat -612px center; } .ins-main .ins-wenhua .hot-pro h6 { padding: 0 0 11px 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; font-size: 1.8rem; color: #333; font-weight: 600; border-bottom: 1px solid #eee; } .ins-main .ins-wenhua .hot-pro h6 a { font-size: 1.2rem; font-weight: 500; float: right; color: #b3b3b3; } .ins-main .ins-wenhua .hot-pro h6 a:hover { color: #2d54b3; } .ins-main .ins-wenhua .hot-pro .swiper-container-hot { overflow: hidden; margin: 3% 0; } .ins-main .ins-wenhua .hot-pro .swiper-container-hot .swiper-slide { text-align: center; } .ins-main .ins-wenhua .hot-pro .swiper-container-hot .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .ins-wenhua .hot-pro .swiper-container-hot .swiper-slide:hover p { color: #2d54b3; } .ins-main .ins-wenhua .hot-pro .swiper-container-hot .swiper-slide .img { width: 100%; overflow: hidden; border: 1px solid #f5f5f5; } .ins-main .ins-wenhua .hot-pro .swiper-container-hot .swiper-slide .img img { width: 100%; transition: 0.2s; } .ins-main .ins-wenhua .hot-pro .swiper-container-hot .swiper-slide p { font-size: 1.4rem; color: #666; margin: 10px 0 0; } @media (max-width: 1200px) { .ins-main .ins-wenhua .content { margin: 3% 0; } .ins-main .ins-wenhua .content li .img { width: 130px; height: 130px; border-radius: 130px; border: 1px solid #eee; margin: 0 auto; } .ins-main .ins-wenhua .content li .img span { display: block; width: 68px; height: 56px; margin: 35px auto 0; } .ins-main .ins-wenhua .content li h6 { font-size: 1.6rem; color: #666; } .ins-main .ins-wenhua .content li b { display: block; width: 20px; height: 2px; background: #2d54b3; margin: 0 auto 10px; } .ins-main .ins-wenhua .content li p { display: inline; } } @media (max-width: 992px) { .ins-main .ins-wenhua .content { margin: 3% 0; } .ins-main .ins-wenhua .content li { width: 25%; } } @media (max-width: 768px) { .ins-main .ins-wenhua .content { margin: 3% 0; } .ins-main .ins-wenhua .content li { width: 50%; } } .ins-main .ins-huanjing .content { margin: 1% 0 2%; } .ins-main .ins-huanjing .content li { width: 31.333333%; margin-right: 3%; float: left; cursor: pointer; margin-bottom: 1%; } .ins-main .ins-huanjing .content li:hover .img img { transform: scale(1.08); } .ins-main .ins-huanjing .content li .img { width: 100%; padding: 3px; box-shadow: 0 0 5px #ececec; overflow: hidden; } .ins-main .ins-huanjing .content li .img img { width: 100%; transition: 0.2s; } .ins-main .ins-huanjing .content li p { font-size: 1.3rem; color: #666; text-align: center; margin: 2% 0; } .ins-main .ins-huanjing .content li:nth-child(3n+3) { margin-right: 0; } .ins-main .ins-huanjing .hot-pro h6 { padding: 0 0 11px 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; font-size: 1.8rem; color: #333; font-weight: 600; border-bottom: 1px solid #eee; } .ins-main .ins-huanjing .hot-pro h6 a { font-size: 1.2rem; font-weight: 500; float: right; color: #b3b3b3; } .ins-main .ins-huanjing .hot-pro h6 a:hover { color: #2d54b3; } .ins-main .ins-huanjing .hot-pro .swiper-container-hot { overflow: hidden; margin: 3% 0; } .ins-main .ins-huanjing .hot-pro .swiper-container-hot .swiper-slide { text-align: center; } .ins-main .ins-huanjing .hot-pro .swiper-container-hot .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .ins-huanjing .hot-pro .swiper-container-hot .swiper-slide:hover p { color: #2d54b3; } .ins-main .ins-huanjing .hot-pro .swiper-container-hot .swiper-slide .img { width: 100%; overflow: hidden; border: 1px solid #f5f5f5; } .ins-main .ins-huanjing .hot-pro .swiper-container-hot .swiper-slide .img img { width: 100%; transition: 0.2s; } .ins-main .ins-huanjing .hot-pro .swiper-container-hot .swiper-slide p { font-size: 1.4rem; color: #666; margin: 10px 0 0; } @media (max-width: 768px) { .ins-main .ins-huanjing .content { margin: 3% 0; } .ins-main .ins-huanjing .content li { width: 49%; margin-right: 2%; float: left; cursor: pointer; margin-bottom: 1%; } .ins-main .ins-huanjing .content li:hover .img img { transform: scale(1.08); } .ins-main .ins-huanjing .content li .img { width: 100%; padding: 3px; box-shadow: 0 0 5px #ececec; overflow: hidden; } .ins-main .ins-huanjing .content li .img img { width: 100%; transition: 0.2s; } .ins-main .ins-huanjing .content li p { font-size: 1.3rem; color: #666; text-align: center; margin: 2% 0; } .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-vision { margin: 3% 0; } .ins-main .ins-vision .img-box { padding: 3%; background: #f3f3f3; } .ins-main .ins-vision .img-box img { width: 50%; float: left; } .ins-main .ins-vision .add-content { margin: 3% 0; } .ins-main .ins-vision .add-content .list { height: 202px; } .ins-main .ins-vision .add-content .list .img { width: 50%; float: left; height: 202px; } .ins-main .ins-vision .add-content .list .txt { width: 50%; float: right; background: #f1f1f1; height: 202px; padding: 2% 4%; } .ins-main .ins-vision .add-content .list .txt h5 { font-size: 2.6rem; color: #000; } .ins-main .ins-vision .add-content .list .txt span { display: block; width: 34px; height: 3px; background: #00c6f1; margin: 2% 0; } .ins-main .ins-vision .add-content .list .txt p { font-size: 1.6rem; color: #444; line-height: 180%; } .ins-main .ins-vision .add-content .list:nth-child(1) .img { background: url("../images/add-img_03.jpg") no-repeat center; } .ins-main .ins-vision .add-content .list:nth-child(2) .img { float: right; background: url("../images/add-img_06.jpg") no-repeat center; } .ins-main .ins-vision .add-content .list:nth-child(2) .txt { float: left; } .ins-main .ins-vision .add-content .list:nth-child(3) .img { background: url("../images/add-img_08.jpg") no-repeat center; } @media (max-width: 768px) { .ins-main .ins-vision { margin: 3% 0; } .ins-main .ins-vision .img-box { padding: 3%; background: #f3f3f3; } .ins-main .ins-vision .img-box img { width: 100%; float: left; } .ins-main .ins-vision .add-content { margin: 3% 0; } .ins-main .ins-vision .add-content .list { height: auto; margin-bottom: 4%; } .ins-main .ins-vision .add-content .list .img { width: 100%; float: left; height: auto; } .ins-main .ins-vision .add-content .list .img img { width: 100%; } .ins-main .ins-vision .add-content .list .txt { width: 100%; float: right; background: #f1f1f1; height: auto; padding: 2% 4%; } .ins-main .ins-vision .add-content .list .txt h5 { font-size: 2.4rem; color: #000; } .ins-main .ins-vision .add-content .list .txt span { display: block; width: 34px; height: 3px; background: #00c6f1; margin: 2% 0; } .ins-main .ins-vision .add-content .list .txt p { font-size: 1.6rem; color: #444; line-height: 180%; } .ins-main .ins-vision .add-content .list:nth-child(1) .img { background: url("../images/add-img_03.jpg") no-repeat center; } .ins-main .ins-vision .add-content .list:nth-child(2) .img { float: right; background: url("../images/add-img_06.jpg") no-repeat center; } .ins-main .ins-vision .add-content .list:nth-child(2) .txt { float: left; } .ins-main .ins-vision .add-content .list:nth-child(3) .img { background: url("../images/add-img_08.jpg") no-repeat center; } } .ins-main .ins-develop { margin: 2% 0; } .ins-main .ins-develop li { padding: 2% 0%; border-bottom: 1px solid #e6e6e6; transition: 0.2s; } .ins-main .ins-develop li:hover { padding: 2% 2%; background: #00c6f1; } .ins-main .ins-develop li:hover h4 { color: #fff; } .ins-main .ins-develop li:hover p { color: #ffffff; } .ins-main .ins-develop li h4 { font-size: 3.6rem; color: #333; } .ins-main .ins-develop li p { font-size: 1.6rem; color: #333; } .ins-main .ins-honor { margin: 2.5% 0; } .ins-main .ins-honor li { width: 31.33333333%; margin: 0 1% 3%; float: left; text-align: center; cursor: pointer; } .ins-main .ins-honor li img { width: 100%; border: 1px solid #ddd; } @media (max-width: 768px) { .ins-main .ins-honor li { width: 48%; } } .ins-main .ins-contact .tit { background: #2d54b3; text-align: center; padding: 10px 0; } .ins-main .ins-contact .tit h6 { font-size: 2rem; color: #fff; } .ins-main .ins-contact .tit p { font-size: 1.6rem; color: #ffffff; } .ins-main .ins-contact .list-box .list { width: 32%; margin-right: 1.333333%; float: left; background: #f5f8ff; height: 294px; padding: 3% 0; } .ins-main .ins-contact .list-box .list ul { margin: 20px 0; } .ins-main .ins-contact .list-box .list ul li { line-height: 180%; } .ins-main .ins-contact .list-box .list ul li span { display: block; margin-left: 55px; } .ins-main .ins-contact .list-box .list:nth-child(4) { margin-right: 0; } .ins-main .ins-contact .list-box .list:nth-child(1) .txt { margin-left: 10%; } .ins-main .ins-contact .list-box .list:nth-child(2) .txt { margin-left: 10%; } .ins-main .ins-contact .list-box .list:nth-child(3) .txt { margin-left: 5%; } .ins-main .ins-contact .list-box .list:nth-child(4) .txt { margin-left: 5%; } .ins-main .ins-contact .map { width: 100%; border: 1px solid #d4d4d4; margin: 5% 0; } .ins-main .ins-contact .map .my-map { margin: 0 auto; width: 100%; height: 358px; } .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%; } @media (max-width: 992px) { .ins-main .ins-contact .list-box .list:nth-child(3) { margin-right: 0; } .ins-main .ins-contact .list-box .list:nth-child(1) .txt { margin-left: 10%; } .ins-main .ins-contact .list-box .list:nth-child(2) .txt { margin-left: 10%; } .ins-main .ins-contact .list-box .list:nth-child(3) .txt { margin-left: 5%; } } @media (max-width: 768px) { .ins-main .ins-contact .tit { background: #2d54b3; text-align: center; padding: 10px 0; } .ins-main .ins-contact .tit h6 { font-size: 2rem; color: #fff; } .ins-main .ins-contact .tit p { font-size: 1.6rem; color: #ffffff; } .ins-main .ins-contact .list-box .list { width: 100%; margin-right: 0%; float: left; margin-bottom: 14px; background: #f5f8ff; height: auto; padding: 4% 0; } .ins-main .ins-contact .list-box .list ul { margin: 20px 0; } .ins-main .ins-contact .list-box .list ul li { line-height: 180%; } .ins-main .ins-contact .list-box .list ul li span { display: block; margin-left: 55px; } .ins-main .ins-contact .list-box .list:nth-child(3) { margin-right: 0; } .ins-main .ins-contact .list-box .list:nth-child(1) .txt { margin-left: 15%; } .ins-main .ins-contact .list-box .list:nth-child(2) .txt { margin-left: 15%; } .ins-main .ins-contact .list-box .list:nth-child(3) .txt { margin-left: 5%; } .ins-main .ins-contact .map { width: 100%; border: 1px solid #d4d4d4; margin: 5% 0; } .ins-main .ins-contact .map .my-map { margin: 0 auto; width: 100%; height: 358px; } .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-technology { margin: 2.5% 0; } .ins-main .ins-technology li { margin-bottom: 24px; } .ins-main .ins-technology li h6 { height: 46px; line-height: 46px; border: 1px solid #eee; margin: 0; font-size: 1.6rem; color: #333; padding: 0 2%; cursor: pointer; background: url("../images/arrow_06.jpg") no-repeat 96% center; } .ins-main .ins-technology li .h6-active { color: #fff; background: #00c6f1 url("../images/arrow_03.jpg") no-repeat 96% center; } .ins-main .ins-technology li p { font-size: 1.4rem; color: #333; background: #f1f1f1; padding: 3%; margin: 0; line-height: 180%; display: none; } @media (max-width: 768px) { .ins-main .ins-technology { margin: 2.5% 0; } .ins-main .ins-technology li { margin-bottom: 14px; } } .ins-main .ins-download { margin: 3% 0; } .ins-main .ins-download .slideTxtBox .hd { width: 17%; float: left; position: relative; } .ins-main .ins-download .slideTxtBox .hd ul li { height: 60px; line-height: 60px; text-align: center; font-size: 1.6rem; color: #333; background: #ededed url("../images/line_03.jpg") no-repeat center bottom; cursor: pointer; } .ins-main .ins-download .slideTxtBox .hd ul li:last-child { background: #ededed; } .ins-main .ins-download .slideTxtBox .hd ul li.on { background: #00c6f1; color: #fff; } .ins-main .ins-download .slideTxtBox .bd { float: left; width: 83%; } .ins-main .ins-download .slideTxtBox .bd li { width: 42%; float: left; margin-left: 8%; background: url("../images/download_10.jpg") no-repeat 96% center; height: 50px; line-height: 50px; border-bottom: 1px solid #e2e2e2; font-size: 1.4rem; } .ins-main .ins-download .slideTxtBox .bd li:hover { padding-left: 24px; background: url("../images/download_06.jpg") no-repeat 10px center, url("../images/download_03.jpg") no-repeat 96% center; font-size: 1.5rem; } .ins-main .ins-download .slideTxtBox .bd li a { color: #333; display: block; } @media (max-width: 768px) { .ins-main .ins-download { margin: 3% 0; } .ins-main .ins-download .slideTxtBox .hd { width: 100%; } .ins-main .ins-download .slideTxtBox .hd ul li { height: 50px; line-height: 50px; text-align: center; font-size: 1.6rem; color: #333; background: #ededed url("../images/line_03.jpg") no-repeat center bottom; cursor: pointer; width: 50%; float: left; } .ins-main .ins-download .slideTxtBox .hd ul li:last-child { background: #ededed url("../images/line_03.jpg") no-repeat center bottom; } .ins-main .ins-download .slideTxtBox .hd ul li.on { background: #00c6f1; color: #fff; } .ins-main .ins-download .slideTxtBox .bd { float: left; width: 100%; } .ins-main .ins-download .slideTxtBox .bd li { width: 100%; float: left; margin-left: 0%; } } .ins-main .ins-news .lf-nav { width: 17.1%; float: left; padding: 10px; background: #2d54b3; } .ins-main .ins-news .lf-nav h5 { height: 35px; text-align: center; line-height: 35px; background: #fff; font-size: 1.4rem; color: #2d54b3; margin: 0; } .ins-main .ins-news .lf-nav ul { margin: 10px 0; } .ins-main .ins-news .lf-nav .sub-nav { line-height: 34px; } .ins-main .ins-news .lf-nav .sub-nav a { display: block; padding-left: 20px; background: url("../images/arrow_06.jpg") no-repeat 4px center; color: #fff; } .ins-main .ins-news .lf-nav .sub-nav a:hover { color: #86c10d; } .ins-main .ins-news .lf-nav .sub-nav ul { background: #5776c2; padding: 5px 0; } .ins-main .ins-news .lf-nav .sub-nav ul a { font-size: 1.2rem; color: #fff; padding-left: 15%; background: none; } .ins-main .ins-news .lf-nav .sub-nav ul a:hover { color: #86c10d; } .ins-main .ins-news .lf-nav .suv-nav-first a { background: url("../images/arrow_03.jpg") no-repeat 4px center; } .ins-main .ins-news .rt-con { width: 81.28%; float: right; } .ins-main .ins-news .rt-con li { padding: 18px 0; border-bottom: 1px solid #eee; transition: 0.2s; } .ins-main .ins-news .rt-con li:hover { transform: translate(10px, 0); } .ins-main .ins-news .rt-con li:hover .txt b { color: #2d54b3; } .ins-main .ins-news .rt-con li .img { width: 22.79%; float: left; } .ins-main .ins-news .rt-con li .img img { width: 100%; transition: 0.2s; } .ins-main .ins-news .rt-con li .txt { width: 76%; float: right; } .ins-main .ins-news .rt-con li .txt span { display: block; font-size: 12px; color: #666; } .ins-main .ins-news .rt-con li .txt h6 { font-size: 1.6rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .ins-main .ins-news .rt-con li .txt .text { line-height: 200%; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ins-main .ins-news .rt-con li .txt b { font-weight: 500; font-size: 12px; color: #b2b2b2; padding-right: 17px; display: inline-block; background: url("../images/news-arrow_03.jpg") no-repeat right center; margin-top: 10px; } .ins-main .ins-news .rt-con li:first-child { padding: 0 0 18px; } .ins-main .ins-news .partner-con { width: 81.28%; float: right; } .ins-main .ins-news .partner-con li { width: 19%; margin-right: 1.25%; margin-bottom: 2%; float: left; } .ins-main .ins-news .partner-con li img { width: 100%; } .ins-main .ins-news .partner-con li:nth-child(5n+5) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-news .lf-nav { width: 100%; float: left; padding: 10px; background: #2d54b3; } .ins-main .ins-news .lf-nav h5 { height: 35px; text-align: center; line-height: 35px; background: #fff; font-size: 1.6rem; color: #2d54b3; margin: 0; } .ins-main .ins-news .lf-nav .list-con { display: none; } .ins-main .ins-news .rt-con { width: 100%; float: right; margin-top: 18px; } .ins-main .ins-news .rt-con li { padding: 18px 0; border-bottom: 1px solid #eee; transition: 0.2s; } .ins-main .ins-news .rt-con li:hover { transform: translate(0px, 0); } .ins-main .ins-news .rt-con li:hover .txt b { color: #2d54b3; } .ins-main .ins-news .rt-con li .img { display: none; } .ins-main .ins-news .rt-con li .txt { width: 100%; float: right; } .ins-main .ins-news .rt-con li .txt span { display: block; font-size: 12px; color: #666; } .ins-main .ins-news .rt-con li .txt h6 { font-size: 1.6rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .ins-main .ins-news .rt-con li .txt .text { line-height: 200%; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ins-main .ins-news .rt-con li .txt b { font-weight: 500; font-size: 12px; color: #b2b2b2; padding-right: 17px; display: inline-block; background: url("../images/news-arrow_03.jpg") no-repeat right center; margin-top: 10px; } .ins-main .ins-news .rt-con li:first-child { padding: 0 0 18px; } .ins-main .ins-news .partner-con { width: 100%; float: right; margin-top: 18px; } .ins-main .ins-news .partner-con li { width: 49%; margin-right: 2%; margin-bottom: 2%; float: left; } .ins-main .ins-news .partner-con li img { width: 100%; } .ins-main .ins-news .partner-con li:nth-child(5n+5) { margin-right: 2%; } .ins-main .ins-news .partner-con li:nth-child(2n+2) { margin-right: 0%; } } .ins-main .news-detail { margin: 0 auto 1%; } .ins-main .news-detail .lf-con { width: 73.5%; float: left; } .ins-main .news-detail .lf-con .txt-box .tit { text-align: center; padding-bottom: 10px; border-bottom: 1px solid #eee; } .ins-main .news-detail .lf-con .txt-box .tit h6 { font-size: 2rem; color: #333; line-height: 180%; font-weight: 600; } .ins-main .news-detail .lf-con .txt-box .tit span { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; color: #666; margin: 0 2%; } .ins-main .news-detail .lf-con .txt-box .txt p { font-size: 1.4rem; color: #333; line-height: 220%; margin: 2% 0; } .ins-main .news-detail .lf-con .txt-box .txt .img { text-align: center; } .ins-main .news-detail .lf-con .txt-box .txt .img img { max-width: 100%; } .ins-main .news-detail .lf-con .txt-box .link { padding: 2px; border: 1px dashed #e3e9fa; } .ins-main .news-detail .lf-con .txt-box .link .left { float: left; width: 50%; height: 40px; line-height: 40px; background: #f1f5ff; font-size: 1.4rem; color: #333; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .news-detail .lf-con .txt-box .link .left a { color: #666; } .ins-main .news-detail .lf-con .txt-box .link .left a:hover { color: #2d54b3; } .ins-main .news-detail .lf-con .txt-box .link .right { float: right; width: 50%; height: 40px; line-height: 40px; background: #f1f5ff; font-size: 1.4rem; color: #333; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .news-detail .lf-con .txt-box .link .right a { color: #666; } .ins-main .news-detail .lf-con .txt-box .link .right a:hover { color: #2d54b3; } .ins-main .news-detail .lf-con .recommend { margin: 5% 0; } .ins-main .news-detail .lf-con .recommend h6 { font-size: 2.2rem; color: #333; padding-bottom: 10px; border-bottom: 1px solid #eee; } .ins-main .news-detail .lf-con .recommend li { padding: 18px 0; border-bottom: 1px solid #eee; transition: 0.2s; } .ins-main .news-detail .lf-con .recommend li:hover { transform: translate(10px, 0); } .ins-main .news-detail .lf-con .recommend li:hover .txt b { color: #2d54b3; } .ins-main .news-detail .lf-con .recommend li .img { width: 15.79%; float: left; } .ins-main .news-detail .lf-con .recommend li .img img { width: 100%; transition: 0.2s; } .ins-main .news-detail .lf-con .recommend li .txt { width: 83%; float: right; } .ins-main .news-detail .lf-con .recommend li .txt span { display: block; font-size: 12px; color: #666; } .ins-main .news-detail .lf-con .recommend li .txt h6 { font-size: 1.6rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .ins-main .news-detail .lf-con .recommend li .txt .text { line-height: 180%; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ins-main .news-detail .lf-con .recommend li .txt b { font-weight: 500; font-size: 12px; color: #b2b2b2; padding-right: 17px; display: inline-block; background: url("../images/news-arrow_03.jpg") no-repeat right center; margin-top: 10px; } .ins-main .news-detail .lf-con .recommend .more a { display: block; height: 36px; line-height: 36px; background: #eee; text-align: center; font-size: 12px; color: #989898; } .ins-main .news-detail .lf-con .recommend .more a:hover { color: #2d54b3; } .ins-main .news-detail .rt-con { width: 24.5%; float: right; } .ins-main .news-detail .rt-con .list { margin-bottom: 20px; } .ins-main .news-detail .rt-con h6 { font-size: 1.8rem; color: #333; font-weight: 600; padding-left: 13px; border-bottom: 1px solid #eee; background: url("../images/h6-lit_03.jpg") no-repeat left top; padding-bottom: 8px; } .ins-main .news-detail .rt-con h6 a { float: right; font-weight: 500; font-size: 12px; color: #b3b3b3; } .ins-main .news-detail .rt-con h6 a:hover { color: #2d54b3; } .ins-main .news-detail .rt-con li { height: 46px; line-height: 46px; border-bottom: 1px dashed #d3d3d3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .news-detail .rt-con li a { display: block; font-size: 1.4rem; color: #777; padding-left: 10px; background: url("../images/detail-angle_03.jpg") no-repeat left center; } .ins-main .news-detail .rt-con li a:hover { color: #2d54b3; } @media (max-width: 992px) { .ins-main .news-detail { margin: 0 auto 1%; } .ins-main .news-detail .lf-con { width: 100%; float: left; } .ins-main .news-detail .rt-con { display: none; } } @media (max-width: 768px) { .ins-main .news-detail { margin: 0 auto 1%; } .ins-main .news-detail .lf-con { width: 100%; float: left; } .ins-main .news-detail .lf-con .txt-box .tit { text-align: center; padding-bottom: 10px; border-bottom: 1px solid #eee; } .ins-main .news-detail .lf-con .txt-box .tit h6 { font-size: 2rem; color: #333; line-height: 180%; font-weight: 600; margin-top: 0; } .ins-main .news-detail .lf-con .txt-box .tit span { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; color: #666; margin: 0 2%; } .ins-main .news-detail .lf-con .txt-box .txt p { font-size: 1.4rem; color: #333; line-height: 220%; margin: 2% 0; } .ins-main .news-detail .lf-con .txt-box .txt .img { text-align: center; } .ins-main .news-detail .lf-con .txt-box .txt .img img { max-width: 100%; } .ins-main .news-detail .lf-con .txt-box .link { padding: 2px; border: 1px dashed #e3e9fa; } .ins-main .news-detail .lf-con .txt-box .link .left { float: left; width: 100%; height: 40px; line-height: 40px; background: #f1f5ff; font-size: 1.4rem; color: #333; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .news-detail .lf-con .txt-box .link .left a { color: #666; } .ins-main .news-detail .lf-con .txt-box .link .left a:hover { color: #2d54b3; } .ins-main .news-detail .lf-con .txt-box .link .right { float: right; width: 100%; height: 40px; line-height: 40px; background: #f1f5ff; font-size: 1.4rem; color: #333; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-main .news-detail .lf-con .txt-box .link .right a { color: #666; } .ins-main .news-detail .lf-con .txt-box .link .right a:hover { color: #2d54b3; } .ins-main .news-detail .lf-con .recommend { margin: 5% 0; } .ins-main .news-detail .lf-con .recommend h6 { font-size: 2rem; } .ins-main .news-detail .lf-con .recommend li { padding: 18px 0; border-bottom: 1px solid #eee; transition: 0.2s; } .ins-main .news-detail .lf-con .recommend li:hover { transform: translate(10px, 0); } .ins-main .news-detail .lf-con .recommend li:hover .txt b { color: #2d54b3; } .ins-main .news-detail .lf-con .recommend li .img { display: none; } .ins-main .news-detail .lf-con .recommend li .txt { width: 100%; float: right; } .ins-main .news-detail .lf-con .recommend li .txt span { display: block; font-size: 12px; color: #666; } .ins-main .news-detail .lf-con .recommend li .txt h6 { font-size: 1.6rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .ins-main .news-detail .lf-con .recommend li .txt .text { line-height: 180%; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ins-main .news-detail .lf-con .recommend li .txt b { font-weight: 500; font-size: 12px; color: #b2b2b2; padding-right: 17px; display: inline-block; background: url("../images/news-arrow_03.jpg") no-repeat right center; margin-top: 10px; } .ins-main .news-detail .lf-con .recommend .more a { display: block; height: 36px; line-height: 36px; background: #eee; text-align: center; font-size: 12px; color: #989898; } .ins-main .news-detail .lf-con .recommend .more a:hover { color: #2d54b3; } } .ins-main .ins-product .lf-nav { width: 17.1%; float: left; padding: 10px; background: #2d54b3; } .ins-main .ins-product .lf-nav h5 { height: 35px; text-align: center; line-height: 35px; background: #fff; font-size: 1.4rem; color: #2d54b3; margin: 0; } .ins-main .ins-product .lf-nav ul { margin: 10px 0; } .ins-main .ins-product .lf-nav .sub-nav { line-height: 34px; } .ins-main .ins-product .lf-nav .sub-nav a { display: block; padding-left: 20px; background: url("../images/arrow_06.jpg") no-repeat 4px center; color: #fff; } .ins-main .ins-product .lf-nav .sub-nav a:hover { color: #86c10d; } .ins-main .ins-product .lf-nav .sub-nav ul { background: #5776c2; padding: 5px 0; } .ins-main .ins-product .lf-nav .sub-nav ul a { font-size: 1.2rem; color: #fff; padding-left: 15%; background: none; } .ins-main .ins-product .lf-nav .sub-nav ul a:hover { color: #86c10d; } .ins-main .ins-product .lf-nav .suv-nav-first a { background: url("../images/arrow_03.jpg") no-repeat 4px center; } .ins-main .ins-product .rt-con { width: 81.28%; float: right; } .ins-main .ins-product .rt-con ul{display:flex;flex-wrap:wrap;;} .ins-main .ins-product .rt-con li { width: 32.3333333%; float: left; margin-right: 1.5%; margin-bottom: 2%; } .ins-main .ins-product .rt-con li:hover .img { border-color: #2d54b3; } .ins-main .ins-product .rt-con li:hover .img img { transform: scale(1.1); } .ins-main .ins-product .rt-con li:hover p { color: #fff; background: #2d54b3; } .ins-main .ins-product .rt-con li .img { border: 1px solid #efefef; overflow: hidden; } .ins-main .ins-product .rt-con li .img img { width: 100%; transition: 0.2s; } .ins-main .ins-product .rt-con li p { height: 35px; line-height: 35px; margin: 0; text-align: center; font-size: 1.4rem; color: #666; } .ins-main .ins-product .rt-con li:nth-child(3n+3) { margin-right: 0; } @media (max-width: 768px) { .ins-main .ins-product .lf-nav { width: 100%; float: left; padding: 10px; background: #2d54b3; } .ins-main .ins-product .lf-nav h5 { height: 35px; text-align: center; line-height: 35px; background: #fff; font-size: 1.4rem; color: #2d54b3; margin: 0; } .ins-main .ins-product .lf-nav .list-con { display: none; } .ins-main .ins-product .rt-con { width: 100%; float: right; margin-top: 3%; } .ins-main .ins-product .rt-con li { width: 49%; float: left; margin-right: 2%; margin-bottom: 2%; } .ins-main .ins-product .rt-con li:hover .img { border-color: #2d54b3; } .ins-main .ins-product .rt-con li:hover .img img { transform: scale(1.1); } .ins-main .ins-product .rt-con li:hover p { color: #fff; background: #2d54b3; } .ins-main .ins-product .rt-con li .img { border: 1px solid #efefef; overflow: hidden; } .ins-main .ins-product .rt-con li .img img { width: 100%; transition: 0.2s; } .ins-main .ins-product .rt-con li p { height: 30px; line-height: 30px; margin: 0; text-align: center; font-size: 1.4rem; color: #666; } .ins-main .ins-product .rt-con li:nth-child(3n+3) { margin-right: 2%; } .ins-main .ins-product .rt-con li:nth-child(2n+2) { margin-right: 0; } } .ins-main .product-show .pro-top { position: relative; margin: 0 0 2%; } .ins-main .product-show .pro-top .lf-con { width: 42.7%; float: left; } .ins-main .product-show .pro-top .lf-con .view .swiper-container { width: 100%; height: 100%; } .ins-main .product-show .pro-top .lf-con .view .swiper-container .swiper-slide { width: 100%; padding: 1px; } .ins-main .product-show .pro-top .lf-con .view .swiper-container .swiper-slide img { width: 100%; border: 1px solid #d9d9d9; } .ins-main .product-show .pro-top .lf-con .preview { width: 55.12%; position: absolute; right: 0; top: 229px; } .ins-main .product-show .pro-top .lf-con .preview .swiper-container { width: 94%; margin: 0 auto; } .ins-main .product-show .pro-top .lf-con .preview .arrow-left { background: url("../images/pro-prev_03.png") no-repeat left center; position: absolute; left: 0px; top: 50%; margin-top: -9px; width: 10px; height: 18px; z-index: 10; } .ins-main .product-show .pro-top .lf-con .preview .arrow-left:hover { background: url("../images/pro-prev_03.png") no-repeat right center; } .ins-main .product-show .pro-top .lf-con .preview .arrow-right { background: url("../images/pro-next_03.png") no-repeat right center; position: absolute; right: 0px; top: 50%; margin-top: -9px; width: 10px; height: 18px; z-index: 10; } .ins-main .product-show .pro-top .lf-con .preview .arrow-right:hover { background: url("../images/pro-next_03.png") no-repeat left center; } .ins-main .product-show .pro-top .lf-con .preview .swiper-slide { float: left; width: auto; padding: 1px; } .ins-main .product-show .pro-top .lf-con .preview .swiper-slide img { width: 100%; cursor: pointer; background-size: cover; border: 1px solid #ededed; } .ins-main .product-show .pro-top .lf-con .preview .active-nav img { border: 1px solid #2d54b3; box-sizing: border-box; } .ins-main .product-show .pro-top .rt-con { width: 55.12%; float: right; } .ins-main .product-show .pro-top .rt-con h5 { font-size: 1.8rem; color: #333; border-bottom: 1px solid #e2e2e2; padding: 0 0 15px; margin-top: 0; font-weight: 600; } .ins-main .product-show .pro-top .rt-con .tel { padding: 4% 0 3% 0; } .ins-main .product-show .pro-top .rt-con .tel h6 { font-size: 1.8rem; color: #2d54b3; font-weight: 600; } .ins-main .product-show .pro-top .rt-con .link { border: none; } .ins-main .product-show .pro-top .rt-con .link a { display: inline-block; *display: inline; *zoom: 1; margin-right: 16px; height: 50px; line-height: 50px; border-radius: 4px; font-size: 1.8rem; color: #fff; font-weight: 600; padding: 0 4%; } .ins-main .product-show .pro-top .rt-con .link a:nth-child(1) { background: #86c10d; } .ins-main .product-show .pro-top .rt-con .link a:nth-child(2) { background: #2d54b3; } .ins-main .product-show .pro-top .rt-con .link a:nth-child(3) { background: #2d54b3; } .ins-main .product-show .canshu { margin: 4% 0; } .ins-main .product-show .canshu h6 { padding-bottom: 11px; font-size: 1.8rem; color: #333; border-bottom: 1px solid #eee; font-weight: 600; padding-left: 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; } .ins-main .product-show .canshu .txt { margin: 3% 0; } .ins-main .product-show .canshu p { line-height: 180%; font-size: 1.6rem; color: #000; } .ins-main .product-show .hot-pro h6 { padding: 0 0 11px 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; font-size: 1.8rem; color: #333; font-weight: 600; border-bottom: 1px solid #eee; } .ins-main .product-show .hot-pro h6 a { font-size: 1.2rem; font-weight: 500; float: right; color: #b3b3b3; } .ins-main .product-show .hot-pro h6 a:hover { color: #2d54b3; } .ins-main .product-show .hot-pro .swiper-container-hot { overflow: hidden; margin: 3% 0; } .ins-main .product-show .hot-pro .swiper-container-hot .swiper-slide { text-align: center; } .ins-main .product-show .hot-pro .swiper-container-hot .swiper-slide:hover .img img { transform: scale(1.1); } .ins-main .product-show .hot-pro .swiper-container-hot .swiper-slide:hover p { color: #2d54b3; } .ins-main .product-show .hot-pro .swiper-container-hot .swiper-slide .img { width: 100%; overflow: hidden; border: 1px solid #f5f5f5; } .ins-main .product-show .hot-pro .swiper-container-hot .swiper-slide .img img { width: 100%; transition: 0.2s; } .ins-main .product-show .hot-pro .swiper-container-hot .swiper-slide p { font-size: 1.4rem; color: #666; margin: 10px 0 0; } @media (max-width: 1200px) { .ins-main .product-show .pro-top .lf-con .preview { top: 185px; } } @media (max-width: 992px) { .ins-main .product-show .pro-top .lf-con .preview { top: 143px; } .ins-main .product-show .pro-top .rt-con .tel { padding: 2% 0 2% 0; } .ins-main .product-show .pro-top .rt-con .link { border: none; } .ins-main .product-show .pro-top .rt-con .link a { height: 40px; line-height: 40px; border-radius: 4px; } } @media (max-width: 768px) { .ins-main .product-show .pro-top { position: relative; margin: 0 0 2%; } .ins-main .product-show .pro-top .lf-con { width: 100%; float: left; } .ins-main .product-show .pro-top .lf-con .view .swiper-container { width: 100%; height: 100%; } .ins-main .product-show .pro-top .lf-con .view .swiper-container .swiper-slide { width: 100%; padding: 1px; } .ins-main .product-show .pro-top .lf-con .view .swiper-container .swiper-slide img { width: 100%; border: 1px solid #d9d9d9; } .ins-main .product-show .pro-top .lf-con .preview { width: 100%; position: relative; right: 0; top: 10px; } .ins-main .product-show .pro-top .lf-con .preview .swiper-container { width: 94%; margin: 0 auto; } .ins-main .product-show .pro-top .rt-con { width: 100%; float: right; margin-top: 35px; } .ins-main .product-show .canshu { margin: 4% 0; } .ins-main .product-show .canshu h6 { padding-bottom: 11px; font-size: 1.8rem; color: #333; border-bottom: 1px solid #eee; font-weight: 600; padding-left: 13px; background: url("../images/h6-lit_03.jpg") no-repeat left top; } .ins-main .product-show .canshu .txt { margin: 3% 0; } .ins-main .product-show .canshu p { line-height: 180%; font-size: 1.6rem; color: #000; } } .ins-main .ins-demo .tit { margin: 3% auto; text-align: center; } .ins-main .ins-demo .tit h4 { font-size: 2.4rem; color: #2d54b3; font-weight: 600; } .ins-main .ins-demo .tit h4 span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 30px; height: 2px; background: #2d54b3; margin: 0 8px; } .ins-main .ins-demo .tit p { font-size: 1.4rem; color: #9b9b9b; margin-top: 20px; } .ins-main .ins-demo .content li { width: 20%; float: left; height: 340px; border: 1px solid transparent; box-sizing: border-box; text-align: center; position: relative; padding: 3% 2%; } .ins-main .ins-demo .content li:hover { border: 1px solid #eee; } .ins-main .ins-demo .content li h5 { font-size: 1.8rem; color: #333; font-weight: 600; line-height: 150%; } .ins-main .ins-demo .content li p { font-size: 1.4rem; color: #666; line-height: 220%; margin-top: 20px; } .ins-main .ins-demo .content li img { position: absolute; top: 270px; left: 50%; margin-left: -25px; } .ins-main .ins-demo .content .demo-link { text-align: center; margin: 5% 0; } .ins-main .ins-demo .content .demo-link a { display: inline-block; *display: inline; *zoom: 1; border-radius: 4px; margin: 0 6px; font-size: 1.6rem; color: #fff; height: 40px; line-height: 40px; width: 200px; } .ins-main .ins-demo .content .demo-link a:nth-child(1) { background: #7eb71d; } .ins-main .ins-demo .content .demo-link a:nth-child(2) { background: #2d54b3; } @media (max-width: 992px) { .ins-main .ins-demo .tit p { margin-top: 15px; } .ins-main .ins-demo .content li { height: 265px; padding: 3% 2%; } .ins-main .ins-demo .content li img { display: none; } .ins-main .ins-demo .content .demo-link { margin: 4% 0; } .ins-main .ins-demo .content .demo-link a { width: 180px; } } @media (max-width: 768px) { .ins-main .ins-demo .tit { margin: 3% auto; text-align: center; } .ins-main .ins-demo .tit h4 { font-size: 2.4rem; color: #2d54b3; font-weight: 600; } .ins-main .ins-demo .tit p { font-size: 1.4rem; color: #9b9b9b; margin: 10px 0; } .ins-main .ins-demo .content li { width: 50%; float: left; height: 205px; border: 1px solid transparent; box-sizing: border-box; text-align: center; position: relative; padding: 3% 2%; } .ins-main .ins-demo .content li:hover { border: 1px solid #eee; } .ins-main .ins-demo .content li h5 { font-size: 1.8rem; color: #333; font-weight: 600; line-height: 150%; } .ins-main .ins-demo .content li p { font-size: 1.4rem; color: #666; line-height: 220%; margin-top: 15px; } .ins-main .ins-demo .content li img { position: absolute; top: 270px; left: 50%; margin-left: -25px; } .ins-main .ins-demo .content li:nth-child(3) { height: 150px; } .ins-main .ins-demo .content li:nth-child(4) { height: 150px; } .ins-main .ins-demo .content li:nth-child(5) { width: 100%; height: 150px; } .ins-main .ins-demo .content .demo-link { text-align: center; margin: 5% 0; } .ins-main .ins-demo .content .demo-link a { display: inline-block; *display: inline; *zoom: 1; border-radius: 4px; margin: 0 6px; font-size: 1.6rem; color: #fff; height: 40px; line-height: 40px; width: 100px; } .ins-main .ins-demo .content .demo-link a:nth-child(1) { background: #7eb71d; } .ins-main .ins-demo .content .demo-link a:nth-child(2) { background: #2d54b3; } } .page-num { clear: both; text-align: center; vertical-align: middle; line-height: 20px; padding: 2% 0 4%; } .page-num span { display: inline-block; width: 32px; height: 32px; border-radius: 3px; text-align: center; line-height: 32px; margin: 0 2px; background-color: #2d54b3; color: #fff; font-size: 14px; margin-bottom: 10px; } .page-num a { display: inline-block; padding: 0 12px; height: 32px; border-radius: 3px; text-align: center; line-height: 32px; margin: 0 2px; background-color: #f1f1f1; color: #333; font-size: 14px; margin-bottom: 10px; } .page-num a:hover { color: #fff; border-color: #2d54b3; background-color: #2d54b3; } .ins-jiaofu .lf-nav { width: 17.1%; float: left; padding: 10px; background: #2d54b3; } .ins-jiaofu .lf-nav h5 { height: 35px; text-align: center; line-height: 35px; background: #fff; font-size: 1.4rem; color: #2d54b3; margin: 0; } .ins-jiaofu .lf-nav ul { margin: 10px 0; } .ins-jiaofu .lf-nav .sub-nav { line-height: 34px; } .ins-jiaofu .lf-nav .sub-nav a { display: block; padding-left: 20px; background: url("../images/arrow_06.jpg") no-repeat 4px center; color: #fff; } .ins-jiaofu .lf-nav .sub-nav a:hover { color: #86c10d; } .ins-jiaofu .lf-nav .sub-nav ul { background: #5776c2; padding: 5px 0; } .ins-jiaofu .lf-nav .sub-nav ul a { font-size: 1.2rem; color: #fff; padding-left: 15%; background: none; } .ins-jiaofu .lf-nav .sub-nav ul a:hover { color: #86c10d; } .ins-jiaofu .lf-nav .suv-nav-first a { background: url("../images/arrow_03.jpg") no-repeat 4px center; } .ins-jiaofu .rt-con { width: 81.28%; float: right; } .ins-jiaofu .rt-con li { padding: 18px 0; transition: 0.2s; border-bottom: 1px dashed #666; } .ins-jiaofu .rt-con li:hover { transform: translate(10px, 0); } .ins-jiaofu .rt-con li:hover .txt b { color: #2d54b3; } .ins-jiaofu .rt-con li .txt span { display: block; font-size: 1.4rem; color: #666; margin-bottom: 2%; } .ins-jiaofu .rt-con li .txt h6 { font-size: 1.6rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ins-jiaofu .rt-con li:first-child { padding: 0 0 18px; } .ins-jiaofu .partner-con { width: 81.28%; float: right; } .ins-jiaofu .partner-con li { width: 19%; margin-right: 1.25%; margin-bottom: 2%; float: left; } .ins-jiaofu .partner-con li img { width: 100%; } .ins-jiaofu .partner-con li:nth-child(5n+5) { margin-right: 0; } @media (max-width: 768px) { .ins-jiaofu .lf-nav { width: 100%; float: left; padding: 10px; background: #2d54b3; } .ins-jiaofu .lf-nav h5 { height: 35px; text-align: center; line-height: 35px; background: #fff; font-size: 1.6rem; color: #2d54b3; margin: 0; } .ins-jiaofu .lf-nav .list-con { display: none; } .ins-jiaofu .rt-con { width: 100%; float: right; margin-top: 18px; } .ins-jiaofu .partner-con { width: 100%; float: right; margin-top: 18px; } .ins-jiaofu .partner-con li { width: 49%; margin-right: 2%; margin-bottom: 2%; float: left; } .ins-jiaofu .partner-con li img { width: 100%; } .ins-jiaofu .partner-con li:nth-child(5n+5) { margin-right: 2%; } .ins-jiaofu .partner-con li:nth-child(2n+2) { margin-right: 0%; } } .yr_canshu table:nth-child(1) tr:nth-child(2) { background: none!important; } .yr_canshu table:nth-child(2) tr:nth-child(2) { background: none!important; } .yr_canshu table tr:nth-child(1) { background: #d3edfa!important; } .yr_canshu table tr:nth-child(2) { background: #d3edfa!important; } .yr_canshu table tr:nth-child(even) { background: #eff8ff; } .yr_canshu table tr:nth-child(odd) { background: #fff; } .FixedGlobalRight{ position: fixed; right: 2px; top: 50%; transform: translateY(-50%); z-index: 1999; margin-top: -29px; } .FixedGlobalRight ul li{ background-color: #0071b2; margin-bottom: 5px; width: 179px; height: 57px; right: 100%; text-align: center; color: #fff; font-size: 14px; top: 0; } .FixedGlobalRight ul li.Scroll_To_TOP{ cursor: pointer; } .FixedGlobalRight ul li:nth-child(3) i{ font-size:25px; } .FixedGlobalRight ul li:not(.FixedGlobalRight_last){ line-height: 57px; } .FixedGlobalRight ul li>div:nth-child(1){ height: 57px; line-height: 57px; } .FixedGlobalRight ul li>div:nth-child(2){ text-align: center; background-color: #0071b2; padding-bottom: 15px; margin-top: -1px; } .FixedGlobalRight ul li i{ color: #fff; margin-right: 5px; font-size: 16px; } .FixedGlobalRight ul li img{ width: 100px; height: 100px; display: block; margin: 0 auto; } @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1567746624483'); /* IE9 */ src: url('iconfont.eot?t=1567746624483#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1567746624483') format('woff'), url('iconfont.ttf?t=1567746624483') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1567746624483#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-msnui-menu-right:before { content: "\e658"; } .icon-msnui-menu-left:before { content: "\e65a"; } .icon-jia1:before { content: "\e600"; } .icon-jian1:before { content: "\e601"; } .icon-daohangshouye2:before { content: "\e618"; } .icon-dianhua1:before { content: "\e61a"; } .icon-lianjie:before { content: "\e613"; } .icon-huowu:before { content: "\e636"; } .icon-liutong:before { content: "\e630"; } .icon-chanpin:before { content: "\e66e"; } .icon-backtop:before { content: "\e63a"; } .icon-add-more:before { content: "\e680"; } .icon-kehu:before { content: "\e660"; } .icon-weixin:before { content: "\e6dc"; } .icon-gongsirongyu:before { content: "\e62a"; } .icon-fanhui:before { content: "\e669"; } .icon-dianhua:before { content: "\e603"; } .icon-sousuo:before { content: "\e6bf"; } .icon-xiaohuoche:before { content: "\e674"; } .icon-zaixianzixun:before { content: "\e999"; } .icon-QQ:before { content: "\e615"; } .icon-zidongshouhuoji:before { content: "\e665"; } .icon-bumenjizigongsi:before { content: "\e605"; } .icon-hangyexinwen:before { content: "\e664"; } .icon-cangku_cangchuguanli:before { content: "\eac8"; } .icon-ziyuan:before { content: "\e609"; } .icon-chengshifanghongyingji:before { content: "\e617"; } .icon-qiyewenhua:before { content: "\e834"; } .icon-liansuo-cangkuguanli-fenzukucunchaxun:before { content: "\e626"; } .icon-gongsijieshao:before { content: "\e695"; } .icon-zengzhifuwu:before { content: "\e638"; } .icon-ic_baojiagongju_cangpeiyiti:before { content: "\e67b"; } .icon-dizhi1:before { content: "\e604"; } .icon-guanbi:before { content: "\e602"; } .icon-zuoji:before { content: "\e628"; } .icon-cangchu:before { content: "\e6c8"; } .icon-yuangongfengcai_cu:before { content: "\e696"; } .icon-xinwen:before { content: "\e614"; } @font-face { font-family: "iconfont"; /* Project id 4371073 */ src: url('//at.alicdn.com/t/c/font_4371073_abjmlgqurpt.woff2?t=1702437255373') format('woff2'), url('//at.alicdn.com/t/c/font_4371073_abjmlgqurpt.woff?t=1702437255373') format('woff'), url('//at.alicdn.com/t/c/font_4371073_abjmlgqurpt.ttf?t=1702437255373') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-youxiang:before { content: "\e605"; } @media(max-width:1200px){ .FixedGlobalRight{display:none;} }