body {
overflow-x: hidden;
}
html {
font-size: 10px;
/*10 ÷ 16 × 100% = 62.5%*/
}
@media (max-width: 1200px) {
html {
font-size: 9px;
}
}
@media (max-width: 992px) {
html {
font-size: 7px;
}
}
@media (max-width: 768px) {
html {
font-size: 10px;
}
}
body > iframe {
display: none;
}
a {
text-decoration: none!important;
}
.navbar-brand {
float: none;
line-height: 0;
}
.mobile-con {
display: none;
}
.header {
height: 140px;
}
@media (max-width: 992px) {
.header {
height: 120px;
}
}
@media (max-width: 768px) {
.header {
height: auto;
}
}
.header .header-top {
height: 40px;
line-height: 40px;
overflow: hidden;
background: #f7f7f7;
}
.header .header-top .lf {
float: left;
}
.header .header-top .lf p {
margin: 0;
font-size: 1.4rem;
color: #373737;
}
.header .header-top .rt {
float: right;
}
.header .header-top .rt li {
display: inline-block;
*display: inline;
*zoom: 1;
}
.header .header-top .rt li {
margin: 0;
font-size: 1.4rem;
color: #373737;
padding: 0 3rem;
border-left: 1px solid #dcdcdc;
}
@media (max-width: 992px) {
.header .header-top .rt li {
padding: 0 1rem;
}
}
.header .header-top .rt li a {
color: #373737;
}
.header .header-top .rt li a:hover {
color: #ff291f;
}
.header .header-box {
background: #fff;
height: 100px;
line-height: 100px;
width: 100%;
top: 0;
left: 0;
z-index: 99;
}
@media (max-width: 992px) {
.header .header-box {
height: 80px;
line-height: 80px;
}
}
.header .header-box .container {
position: relative;
}
.header .header-box .logo {
float: left;
}
.header .header-box .nav-con {
width: 61%;
margin: 0 auto;
text-align: center;
float: right;
}
@media (max-width: 1200px) {
.header .header-box .nav-con {
width: 67%;
}
}
.header .header-box .nav-con #nav {
width: 100%;
float: right;
margin-bottom: 0;
}
.header .header-box .nav-con #nav .sub-nav {
text-align: center;
position: relative;
line-height: 100px;
transition: 0.3s;
margin: 0 1px;
text-transform: uppercase;
display: inline-block;
*display: inline;
*zoom: 1;
}
@media (max-width: 992px) {
.header .header-box .nav-con #nav .sub-nav {
line-height: 80px;
}
}
.header .header-box .nav-con #nav .sub-nav:hover a {
color: #ff291f;
}
.header .header-box .nav-con #nav .sub-nav a {
color: #121212;
font-size: 1.6rem;
display: block;
height: 100%;
padding: 0 2rem;
}
@media (max-width: 1200px) {
.header .header-box .nav-con #nav .sub-nav a {
padding: 0 1.5rem;
}
}
@media (max-width: 992px) {
.header .header-box .nav-con #nav .sub-nav a {
padding: 0 1rem;
}
}
.header .header-box .nav-con #nav .sub-nav .drop-down {
z-index: 999;
position: absolute;
top: 99px;
left: -20%;
display: none;
}
@media (max-width: 992px) {
.header .header-box .nav-con #nav .sub-nav .drop-down {
top: 79px;
}
}
.header .header-box .nav-con #nav .sub-nav .drop-down {
width: 140%;
text-align: center;
background: #fff;
}
.header .header-box .nav-con #nav .sub-nav .drop-down li {
line-height: 40px;
border-bottom: 1px solid #f6f6f6;
}
.header .header-box .nav-con #nav .sub-nav .drop-down li a {
font-size: 1.5rem;
display: block;
color: #333!important;
padding: 0;
}
.header .header-box .nav-con #nav .sub-nav .drop-down li a:hover {
background: #ff291f;
color: #fff!important;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 {
z-index: 999;
position: absolute;
top: 80px;
left: -150px;
display: none;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 {
width: 1000px;
padding: 30px 40px;
background: #f3f5f8;
border-radius: 3px;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 .list {
display: inline-block;
*display: inline;
*zoom: 1;
width: 180px;
text-align: left;
vertical-align: top;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 .list h6 {
font-size: 1.6rem;
color: #121212;
padding-left: 20px;
background: url("../images/nav-lit_03.png") no-repeat left center;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 ul {
margin-left: 20px;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 li {
line-height: 28px;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 li a {
font-size: 1.4rem;
display: block;
padding: 0;
color: #545454!important;
}
.header .header-box .nav-con #nav .sub-nav .drop-down2 li a:hover {
color: #0187e8!important;
}
.header .header-box .nav-con #nav .active a {
color: #ff291f;
}
.header .header-box .language {
position: absolute;
right: 15px;
top: 0px;
}
.header .header-box .language a {
font-size: 1.4rem;
color: #c3c3c3;
}
.header .header-box .language a:hover {
color: #fff;
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
.header .mobile-con .navbar-default .navbar-nav > li > a:hover,
.header .mobile-con .navbar-default .navbar-nav > li > a:focus {
color: #0187e8;
}
.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%;
width: 40px;
}
.header .mobile-con .navbar-brand span {
display: inline-block;
position: absolute;
left: 116px;
top: 31px;
font-size: 16px;
color: #333;
}
.header .mobile-con .nivo-directionNav {
display: none;
}
.header .mobile-con .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 .language2 {
display: inline-block;
position: relative;
margin: 17px 12px 0 0;
float: right;
color: #666;
}
.header .mobile-con .language2 a {
font-size: 14px;
padding: 0px 6px;
color: #666;
}
.header .mobile-con .language2 a:hover {
color: #ff291f;
}
.header .mobile-con .language2 .active {
color: #ff291f;
}
.header .mobile-con .dropdown .txt {
margin-left: 20px;
}
.header .mobile-con .dropdown .txt h6 {
font-size: 14px;
}
.header .mobile-con .dropdown .txt a {
font-size: 13px;
display: inline-block;
margin: 4px 12px;
color: #666;
}
.header .mobile-con .dropdown .txt a:hover {
color: #1b75cf;
}
/*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;
position: relative;
}
.main .ad-box-pc .swiper-container-pc {
overflow: hidden;
position: relative;
}
.main .ad-box-pc .swiper-container-pc:hover .swiper-button-next-pc {
opacity: 1;
}
.main .ad-box-pc .swiper-container-pc:hover .swiper-button-prev-pc {
opacity: 1;
}
.main .ad-box-pc .top-banner {
width: 100%;
position: relative;
}
.main .ad-box-pc .swiper-slide {
overflow: hidden;
}
.main .ad-box-pc .swiper-slide img {
width: 100%;
transition: 2.5s linear;
transform: scale(1.08);
}
.main .ad-box-pc .swiper-slide-active img {
transform: scale(1);
}
.main .ad-box-pc .swiper-pagination {
position: absolute;
bottom: 30px;
z-index: 11;
right: 22%;
width: auto;
left: auto;
}
@media (max-width: 1200px) {
.main .ad-box-pc .swiper-pagination {
display: none;
}
}
.main .ad-box-pc .swiper-pagination-bullet {
background: transparent;
font-size: 1.4rem;
color: #1e1e1e;
opacity: 1;
margin: 0 6px;
transition: 0;
text-align: center;
border-bottom: 1px solid #fff;
height: 20px;
border-radius: 0;
width: 20px;
}
.main .ad-box-pc .swiper-pagination-bullet-active {
border-bottom: 1px solid #ff291f;
}
.main .ad-box-pc .swiper-button-next-pc {
width: 26px;
height: 51px;
cursor: pointer;
position: absolute;
right: 5%;
top: 48%;
margin-top: -26px;
background: url("../images/next_03.png") no-repeat center;
z-index: 6;
opacity: 0.5;
}
.main .ad-box-pc .swiper-button-prev-pc {
width: 26px;
height: 51px;
cursor: pointer;
position: absolute;
left: 5%;
top: 48%;
margin-top: -26px;
background: url("../images/prev_03.png") no-repeat center;
z-index: 6;
opacity: 0.5;
}
@media (max-width: 768px) {
.main .ad-box-pc .swiper-pagination {
position: absolute;
bottom: 3%;
z-index: 99;
}
.main .ad-box-pc .swiper-pagination-bullet {
border-radius: 10px;
border: 1px solid #fff;
background: transparent;
height: 5px;
width: 5px;
opacity: 1;
}
.main .ad-box-pc .swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
}
.main .ad-box-pc .ad-bot {
width: 100%;
height: 80px;
background: url("../images/ad-bot_02.png") no-repeat center;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;
}
.main .ad-box-pc .ad-bot .key-word {
float: left;
height: 80px;
line-height: 80px;
}
.main .ad-box-pc .ad-bot .key-word p {
margin: 0;
font-size: 1.4rem;
color: #fff;
}
.main .ad-box-pc .ad-bot .key-word p a {
color: #fff;
}
.main .ad-box-pc .ad-bot .search {
position: relative;
float: left;
margin: 20px 0 0 8%;
}
.main .ad-box-pc .ad-bot .search .txt {
width: 310px;
height: 40px;
border-radius: 5px;
background: #fff;
border: none;
padding: 0 10px;
}
@media (max-width: 992px) {
.main .ad-box-pc .ad-bot .search .txt {
width: 260px;
}
}
.main .ad-box-pc .ad-bot .search .submit {
width: 70px;
height: 40px;
background: url("../images/search-btn_03.jpg") no-repeat center;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
border: none;
}
.main .product {
background: #f7f7f7;
padding: 3% 0;
}
.main .product .lf-box {
width: 20.5%;
float: left;
}
.main .product .lf-box .lf-tit {
height: 110px;
background: url("../images/pro-tit-bg_03.jpg") no-repeat center;
}
@media (max-width: 1200px) {
.main .product .lf-box .lf-tit {
height: 90px;
}
}
.main .product .lf-box .lf-tit h5 {
font-size: 3rem;
color: #fff;
text-transform: uppercase;
padding: 25px 0 0 20px;
margin-bottom: 5px;
margin-top: 0;
}
.main .product .lf-box .lf-tit p {
font-size: 1.6rem;
color: #fff;
padding-left: 20px;
}
.main .product .lf-box .lf-con {
background: #fff;
padding: 0 2%;
}
.main .product .lf-box .lf-con .list {
padding: 20px 0 20px 20px ;
border-bottom: 1px solid #eee;
}
@media (max-width: 1200px) {
.main .product .lf-box .lf-con .list {
padding: 10px 0 10px 20px;
}
}
.main .product .lf-box .lf-con .list h6 {
font-size: 1.6rem;
color: #ff291f;
margin-bottom: 18px;
}
@media (max-width: 1200px) {
.main .product .lf-box .lf-con .list h6 {
margin-bottom: 8px;
}
}
.main .product .lf-box .lf-con .list li {
padding-left: 17px;
background: url("../images/arrow_03.jpg") no-repeat left center;
line-height: 240%;
}
@media (max-width: 1200px) {
.main .product .lf-box .lf-con .list li {
line-height: 200%;
}
}
.main .product .lf-box .lf-con .list li a {
font-size: 1.4rem;
color: #727272;
}
.main .product .lf-box .lf-con .list li a:hover {
color: #ff291f;
}
.main .product .lf-box .lf-con .list:last-child {
border-bottom: none;
}
.main .product .rt-box {
width: 77.77777%;
float: right;
background: #fff;
}
.main .product .rt-box li {
width: 33.33333%;
float: left;
box-sizing: border-box;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.main .product .rt-box li:hover .img .masking {
opacity: 1;
}
.main .product .rt-box li:hover p {
color: #ff291f;
}
.main .product .rt-box li .img {
padding: 8%;
position: relative;
}
.main .product .rt-box li .img img {
width: 100%;
}
.main .product .rt-box li .img .masking {
transition: 0.4s;
opacity: 0;
}
.main .product .rt-box li .img .masking img {
width: auto;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.main .product .rt-box li p {
font-size: 1.4rem;
color: #727272;
text-align: center;
margin-bottom: 8%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .product .rt-box li:nth-child(3n+3) {
border-right: none;
}
.main .product .rt-box li:nth-child(4) {
border-bottom: none;
}
.main .product .rt-box li:nth-child(5) {
border-bottom: none;
}
.main .product .rt-box li:nth-child(6) {
border-bottom: none;
}
@media (max-width: 768px) {
.main .product {
background: #f7f7f7;
padding: 3% 0;
}
.main .product .lf-box {
width: 100%;
float: left;
}
.main .product .lf-box .lf-tit {
height: 90px;
background: #ff291f;
}
.main .product .lf-box .lf-tit h5 {
font-size: 3rem;
color: #fff;
text-transform: uppercase;
padding: 15px 0 0 20px;
margin-bottom: 5px;
margin-top: 0;
}
.main .product .lf-box .lf-tit p {
font-size: 1.6rem;
color: #fff;
padding-left: 20px;
}
.main .product .lf-box .lf-con {
background: #fff;
padding: 0 2%;
}
.main .product .lf-box .lf-con .list {
padding: 20px 0 20px 20px ;
border-bottom: 1px solid #eee;
}
.main .product .lf-box .lf-con .list h6 {
font-size: 1.6rem;
color: #ff291f;
margin-bottom: 18px;
}
.main .product .lf-box .lf-con .list li {
padding-left: 17px;
background: url("../images/arrow_03.jpg") no-repeat left center;
line-height: 240%;
}
.main .product .lf-box .lf-con .list li a {
font-size: 1.4rem;
color: #727272;
}
.main .product .lf-box .lf-con .list li a:hover {
color: #ff291f;
}
.main .product .lf-box .lf-con .list:last-child {
border-bottom: none;
}
.main .product .rt-box {
margin-top: 15px;
width: 100%;
float: right;
background: #fff;
}
.main .product .rt-box li {
width: 50%;
float: left;
box-sizing: border-box;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.main .product .rt-box li:hover .img .masking {
opacity: 1;
}
.main .product .rt-box li:hover p {
color: #ff291f;
}
.main .product .rt-box li .img {
padding: 8%;
position: relative;
}
.main .product .rt-box li .img img {
width: 100%;
}
.main .product .rt-box li .img .masking {
transition: 0.4s;
opacity: 0;
}
.main .product .rt-box li .img .masking img {
width: auto;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.main .product .rt-box li p {
font-size: 1.4rem;
color: #727272;
text-align: center;
margin-bottom: 8%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .product .rt-box li:nth-child(3n+3) {
border-right: 1px solid #eee;
}
.main .product .rt-box li:nth-child(2n+2) {
border-right: none;
}
.main .product .rt-box li:nth-child(4) {
border-bottom: 1px solid #eee;
}
.main .product .rt-box li:nth-child(5) {
border-bottom: none;
}
.main .product .rt-box li:nth-child(6) {
border-bottom: none;
}
}
@media (max-width: 768px) and (max-width: 1200px) {
.main .product .lf-box .lf-con .list {
padding: 10px 0 10px 20px;
}
}
@media (max-width: 768px) and (max-width: 1200px) {
.main .product .lf-box .lf-con .list h6 {
margin-bottom: 8px;
}
}
@media (max-width: 768px) and (max-width: 1200px) {
.main .product .lf-box .lf-con .list li {
line-height: 200%;
}
}
.main .about {
padding: 3% 0;
}
.main .about .lf-box {
width: 50%;
float: left;
position: relative;
}
.main .about .lf-box img {
width: 100%;
}
.main .about .lf-box .txt {
position: absolute;
top: 15%;
left: 10%;
width: 80%;
}
.main .about .lf-box .txt p {
font-size: 1.4rem;
color: #fff;
line-height: 220%;
width: 70%;
}
.main .about .lf-box .txt a {
display: block;
width: 120px;
height: 35px;
line-height: 35px;
text-align: center;
color: #fff;
font-size: 1.2rem;
background: #ff291f;
margin-top: 10%;
}
.main .about .rt-box {
width: 50%;
float: right;
position: relative;
}
.main .about .rt-box .img img {
width: 100%;
}
.main .about .rt-box .swiper-container-honor {
overflow: hidden;
width: 25%;
position: absolute;
bottom: 3%;
left: 7%;
}
.main .about .rt-box .swiper-container-honor .swiper-slide img {
width: 100%;
cursor: pointer;
}
.main .about .rt-box .swiper-container-honor .swiper-slide p {
text-align: center;
margin: 5px 0 0;
color: #fff;
}
.main .about .rt-box .swiper-button-prev-honor {
width: 13px;
height: 25px;
cursor: pointer;
position: absolute;
left: 3%;
top: 71%;
background: url("../images/honor-btn_03.png") no-repeat center;
z-index: 6;
}
.main .about .rt-box .swiper-button-prev-honor:hover {
background: url("../images/honor-btn_10.png") no-repeat center;
}
.main .about .rt-box .swiper-button-next-honor {
width: 13px;
height: 25px;
cursor: pointer;
position: absolute;
left: 34%;
top: 71%;
background: url("../images/honor-btn_05.png") no-repeat center;
z-index: 6;
}
.main .about .rt-box .swiper-button-next-honor:hover {
background: url("../images/honor-btn_09.png") no-repeat center;
}
@media (max-width: 768px) {
.main .about {
padding: 3% 0;
}
.main .about .lf-box {
width: 100%;
float: left;
position: relative;
}
.main .about .lf-box img {
width: 100%;
}
.main .about .lf-box .txt {
position: absolute;
top: 15%;
left: 10%;
width: 80%;
}
.main .about .lf-box .txt p {
font-size: 1.4rem;
color: #fff;
line-height: 220%;
width: 90%;
}
.main .about .lf-box .txt a {
display: block;
width: 120px;
height: 35px;
line-height: 35px;
text-align: center;
color: #fff;
font-size: 1.2rem;
background: #ff291f;
margin-top: 10%;
}
.main .about .rt-box {
width: 100%;
float: right;
position: relative;
}
.main .about .rt-box .img img {
width: 100%;
}
.main .about .rt-box .swiper-container-honor {
overflow: hidden;
width: 25%;
position: absolute;
bottom: 3%;
left: 7%;
}
.main .about .rt-box .swiper-container-honor .swiper-slide img {
width: 100%;
cursor: pointer;
}
.main .about .rt-box .swiper-container-honor .swiper-slide p {
text-align: center;
margin: 5px 0 0;
color: #fff;
}
.main .about .rt-box .swiper-button-prev-honor {
width: 13px;
height: 25px;
cursor: pointer;
position: absolute;
left: 3%;
top: 71%;
background: url("../images/honor-btn_03.png") no-repeat center;
z-index: 6;
}
.main .about .rt-box .swiper-button-prev-honor:hover {
background: url("../images/honor-btn_10.png") no-repeat center;
}
.main .about .rt-box .swiper-button-next-honor {
width: 13px;
height: 25px;
cursor: pointer;
position: absolute;
left: 34%;
top: 71%;
background: url("../images/honor-btn_05.png") no-repeat center;
z-index: 6;
}
.main .about .rt-box .swiper-button-next-honor:hover {
background: url("../images/honor-btn_09.png") no-repeat center;
}
}
.main .txt-list {
height: 253px;
background: url("../images/ad-bg_02.jpg") no-repeat center;
}
@media (max-width: 1200px) {
.main .txt-list {
height: 180px;
}
}
.main .txt-list li {
float: left;
width: 27%;
margin-top: 40px;
}
.main .txt-list li h5 {
font-size: 2.4rem;
color: #fff;
padding-bottom: 18px;
background: url("../images/line_03.jpg") no-repeat left bottom;
}
.main .txt-list li p {
font-size: 1.4rem;
color: #fff;
margin-top: 8%;
}
.main .txt-list li:nth-child(3) {
width: 30%;
}
.main .txt-list li:nth-child(4) {
width: 14%;
float: right;
}
@media (max-width: 768px) {
.main .txt-list {
height: auto;
background: url("../images/ad-bg_02.jpg") no-repeat center;
background-size: cover;
}
.main .txt-list li {
width: 48%;
margin: 20px 0;
float: left;
}
.main .txt-list li h5 {
font-size: 2.4rem;
color: #fff;
padding-bottom: 18px;
background: url("../images/line_03.jpg") no-repeat left bottom;
}
.main .txt-list li p {
font-size: 1.4rem;
color: #fff;
margin-top: 8%;
}
.main .txt-list li:nth-child(3) {
width: 48%;
}
.main .txt-list li:nth-child(2) {
width: 48%;
float: right;
}
.main .txt-list li:nth-child(4) {
width: 48%;
float: right;
}
}
.main .choose {
padding: 3% 0;
}
.main .choose .choose-tit {
text-align: center;
margin-bottom: 5%;
}
.main .choose .choose-tit h4 {
font-size: 3rem;
color: #373737;
}
.main .choose .choose-tit h4 span {
color: #ff291f;
}
.main .choose .choose-tit p {
font-size: 1.4rem;
color: #555555;
}
.main .choose .list {
margin-bottom: 5%;
}
.main .choose .list .img {
width: 50%;
float: left;
}
.main .choose .list .img img {
width: 100%;
}
.main .choose .list .txt-box {
width: 48%;
float: right;
}
.main .choose .list .txt-box .txt-top .number {
width: 58px;
height: 57px;
float: left;
background: url("../images/number_03.jpg") no-repeat center;
font-size: 2.4rem;
color: #fed41d;
font-weight: 600;
padding: 9px 18px;
}
.main .choose .list .txt-box .txt-top .txt-tit {
float: left;
margin-left: 3%;
width: 84%;
}
@media (max-width: 992px) {
.main .choose .list .txt-box .txt-top .txt-tit {
width: 79%;
}
}
.main .choose .list .txt-box .txt-top .txt-tit h4 {
font-size: 3rem;
color: #000;
font-weight: 600;
margin: 0 0 5px;
}
.main .choose .list .txt-box .txt-top .txt-tit h4 span {
color: #ff291f;
}
@media (max-width: 1200px) {
.main .choose .list .txt-box .txt-top .txt-tit h4 {
font-size: 2.5rem;
}
}
.main .choose .list .txt-box .txt-top .txt-tit p {
font-size: 1.2rem;
color: #cbcbcb;
text-transform: uppercase;
}
.main .choose .list .txt-box .txt-bot {
padding: 0 5% 0 13.5%;
}
.main .choose .list .txt-box .txt-bot p {
font-size: 1.4rem;
color: #757575;
line-height: 200%;
margin: 5% 0;
}
.main .choose .list .txt-box .txt-bot a {
display: block;
width: 128px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #e9e9e9;
font-size: 1.4rem;
color: #ff291f;
}
.main .choose .list .txt-box .txt-bot a:hover {
background: #ff291f;
color: #fff;
border: 1px solid #ff291f;
}
.main .choose .list:nth-child(even) .img {
float: right;
}
.main .choose .list:nth-child(even) .txt-bot {
float: left;
}
.main .choose .list:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.main .choose {
padding: 3% 0;
}
.main .choose .choose-tit {
text-align: center;
margin-bottom: 5%;
}
.main .choose .choose-tit h4 {
font-size: 3rem;
color: #373737;
}
.main .choose .choose-tit h4 span {
color: #ff291f;
}
.main .choose .choose-tit p {
font-size: 1.4rem;
color: #555555;
}
.main .choose .list {
margin-bottom: 5%;
}
.main .choose .list .img {
width: 100%;
float: left;
}
.main .choose .list .img img {
width: 100%;
}
.main .choose .list .txt-box {
width: 100%;
float: right;
margin-top: 15px;
}
.main .choose .list .txt-box .txt-top .number {
width: 58px;
height: 57px;
float: left;
background: url("../images/number_03.jpg") no-repeat center;
font-size: 2.4rem;
color: #fed41d;
font-weight: 600;
padding: 9px 18px;
}
.main .choose .list .txt-box .txt-top .txt-tit {
float: left;
margin-left: 3%;
width: 84%;
}
.main .choose .list .txt-box .txt-top .txt-tit h4 {
font-size: 2rem;
color: #000;
font-weight: 600;
margin: 0 0 5px;
}
.main .choose .list .txt-box .txt-top .txt-tit h4 span {
color: #ff291f;
}
.main .choose .list .txt-box .txt-top .txt-tit p {
font-size: 1.2rem;
color: #cbcbcb;
text-transform: uppercase;
}
.main .choose .list .txt-box .txt-bot {
padding: 0 5% 0 0%;
}
.main .choose .list .txt-box .txt-bot p {
font-size: 1.4rem;
color: #757575;
line-height: 200%;
margin: 0 0 5%;
}
.main .choose .list .txt-box .txt-bot a {
display: block;
width: 128px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #e9e9e9;
font-size: 1.4rem;
color: #ff291f;
}
.main .choose .list .txt-box .txt-bot a:hover {
background: #ff291f;
color: #fff;
border: 1px solid #ff291f;
}
.main .choose .list:nth-child(even) .img {
float: right;
}
.main .choose .list:nth-child(even) .txt-bot {
float: left;
}
.main .choose .list:last-child {
margin-bottom: 0;
}
}
@media (max-width: 768px) and (max-width: 992px) {
.main .choose .list .txt-box .txt-top .txt-tit {
width: 79%;
}
}
.main .ad-center {
height: 262px;
background: #ff291f;
}
@media (max-width: 992px) {
.main .ad-center {
display: none;
}
}
.main .ad-center .container {
position: relative;
height: 262px;
}
.main .ad-center .txt {
float: left;
margin-top: 90px;
}
.main .ad-center .txt h4 {
font-size: 3rem;
color: #fff;
font-weight: 600;
}
.main .ad-center .txt p {
font-size: 1.6rem;
color: #fff;
}
.main .ad-center .tel {
position: absolute;
top: 90px;
left: 45%;
width: 307px;
height: 105px;
background: url("../images/tel-bg_03.jpg") no-repeat center;
}
.main .ad-center .tel p {
font-size: 1.4rem;
color: #5e5e5e;
padding: 20px 0 0 90px;
margin-bottom: 0px;
}
.main .ad-center .tel h6 {
font-size: 2.4rem;
color: #ff291f;
font-weight: 600;
padding-left: 90px;
margin-top: 0px;
}
.main .ad-center .img {
width: 21.7%;
position: absolute;
bottom: 0;
right: 0;
}
.main .ad-center .img img {
width: 100%;
}
.main .case {
padding: 3% 0;
background: #f7f7f7;
}
.main .case .case-tit {
text-align: center;
margin-bottom: 5%;
}
.main .case .case-tit h4 {
font-size: 3rem;
color: #373737;
}
.main .case .case-tit h4 span {
color: #ff291f;
}
.main .case .case-tit p {
font-size: 1.4rem;
color: #555555;
}
.main .case .content {
background: #fff;
padding: 2%;
}
.main .case .content .swiper-container-case {
overflow: hidden;
position: relative;
}
.main .case .content .swiper-container-case .swiper-slide .img {
width: 50%;
float: left;
}
.main .case .content .swiper-container-case .swiper-slide .img img {
width: 100%;
}
@media (max-width: 768px) {
.main .case .content .swiper-container-case .swiper-slide .img {
width: 100%;
}
}
.main .case .content .swiper-container-case .swiper-slide .txt-box {
width: 47%;
float: right;
padding-bottom: 4%;
border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
.main .case .content .swiper-container-case .swiper-slide .txt-box {
width: 100%;
margin-top: 15px;
}
}
.main .case .content .swiper-container-case .swiper-slide .txt-box h6 {
font-size: 1.8rem;
color: #202020;
margin-top: 5%;
}
.main .case .content .swiper-container-case .swiper-slide .txt-box p {
font-size: 1.4rem;
color: #646464;
line-height: 200%;
margin: 4% 0;
}
.main .case .content .swiper-container-case .swiper-slide .txt-box a {
font-size: 1.4rem;
color: #ff291f;
}
.main .case .content .swiper-container-case .swiper-button-prev-case {
width: 40px;
height: 40px;
cursor: pointer;
position: absolute;
left: 53%;
top: 83%;
background: url("../images/case-btn_06.jpg") no-repeat center;
z-index: 6;
}
@media (max-width: 992px) {
.main .case .content .swiper-container-case .swiper-button-prev-case {
display: none;
}
}
.main .case .content .swiper-container-case .swiper-button-prev-case:hover {
background: url("../images/case-btn_13.jpg") no-repeat center;
}
.main .case .content .swiper-container-case .swiper-button-next-case {
width: 40px;
height: 40px;
cursor: pointer;
position: absolute;
left: 58%;
top: 83%;
background: url("../images/case-btn_03.jpg") no-repeat center;
z-index: 6;
}
@media (max-width: 992px) {
.main .case .content .swiper-container-case .swiper-button-next-case {
display: none;
}
}
.main .case .content .swiper-container-case .swiper-button-next-case:hover {
background: url("../images/case-btn_11.jpg") no-repeat center;
}
.main .main-bot {
padding: 3% 0;
}
.main .main-bot .bot-tit {
text-align: center;
margin-bottom: 5%;
}
.main .main-bot .bot-tit h4 {
font-size: 3rem;
color: #373737;
}
.main .main-bot .bot-tit h4 span {
color: #ff291f;
}
.main .main-bot .bot-tit p {
font-size: 1.4rem;
color: #555555;
}
.main .main-bot .news {
width: 49%;
float: left;
border: 1px solid #eee;
padding: 1.5%;
}
@media (max-width: 768px) {
.main .main-bot .news {
width: 100%;
}
}
.main .main-bot .news .slideTxtBox .hd {
height: 50px;
line-height: 50px;
position: relative;
margin-bottom: 10px;
}
.main .main-bot .news .slideTxtBox .hd ul {
margin: 0;
}
.main .main-bot .news .slideTxtBox .hd a {
float: right;
font-size: 1.4rem;
color: #afafaf;
}
.main .main-bot .news .slideTxtBox .hd a:hover {
color: #ff291f;
}
.main .main-bot .news .slideTxtBox .hd ul li {
float: left;
font-size: 1.8rem;
color: #555;
cursor: pointer;
margin-right: 2rem;
}
.main .main-bot .news .slideTxtBox .hd ul li.on {
color: #ff291f;
}
.main .main-bot .news .slideTxtBox .bd ul {
zoom: 1;
}
.main .main-bot .news .slideTxtBox .bd li .img {
position: relative;
margin-bottom: 15px;
}
.main .main-bot .news .slideTxtBox .bd li .img img {
width: 100%;
}
.main .main-bot .news .slideTxtBox .bd li .img p {
line-height: 50px;
background: #ff291f;
padding: 0 10px;
font-size: 1.6rem;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
position: absolute;
bottom: 0;
margin: 0;
}
.main .main-bot .news .slideTxtBox .bd li .list {
position: relative;
padding-left: 28px;
background: url("../images/arrow_03.jpg") no-repeat 14px center;
line-height: 240%;
}
@media (max-width: 768px) {
.main .main-bot .news .slideTxtBox .bd li .list {
padding-left: 15px;
background: url("../images/arrow_03.jpg") no-repeat 7px center;
}
}
.main .main-bot .news .slideTxtBox .bd li .list:hover p {
color: #ff291f;
}
.main .main-bot .news .slideTxtBox .bd li .list p {
font-size: 1.4rem;
color: #757575;
width: 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
}
.main .main-bot .news .slideTxtBox .bd li .list span {
position: absolute;
top: 0px;
right: 0;
font-size: 1.4rem;
color: #757575;
}
.main .main-bot .faq {
width: 49%;
float: right;
border: 1px solid #eee;
padding: 1.5%;
}
@media (max-width: 768px) {
.main .main-bot .faq {
width: 100%;
margin-top: 15px;
}
}
.main .main-bot .faq .faq-tit {
height: 50px;
line-height: 50px;
position: relative;
margin-bottom: 0px;
}
.main .main-bot .faq .faq-tit h5 {
font-size: 1.8rem;
color: #ff291f;
float: left;
}
@media (max-width: 768px) {
.main .main-bot .faq .faq-tit h5 {
margin-top: 15px;
}
}
.main .main-bot .faq .faq-tit a {
float: right;
font-size: 1.4rem;
color: #afafaf;
}
.main .main-bot .faq .faq-tit a:hover {
color: #ff291f;
}
.main .main-bot .faq .swiper-container-faq {
overflow: hidden;
height: 482px;
width: 100%;
}
@media (max-width: 1200px) {
.main .main-bot .faq .swiper-container-faq {
height: 433px;
}
}
@media (max-width: 1200px) {
.main .main-bot .faq .swiper-container-faq {
height: 386px;
}
}
.main .main-bot .faq .swiper-container-faq .swiper-slide {
border-bottom: 1px solid #eee;
}
.main .main-bot .faq .swiper-container-faq .swiper-slide:hover h6 {
color: #ff291f;
}
.main .main-bot .faq .swiper-container-faq .swiper-slide:hover p {
color: #ff291f;
}
.main .main-bot .faq .swiper-container-faq .swiper-slide a {
display: block;
height: 100%;
}
.main .main-bot .faq .swiper-container-faq .swiper-slide h6 {
font-size: 1.6rem;
color: #1e1e1e;
height: 30px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 45px;
background: url("../images/faq-lit_06.jpg") no-repeat left center;
}
.main .main-bot .faq .swiper-container-faq .swiper-slide p {
font-size: 1.4rem;
color: #909090;
line-height: 160%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
padding-left: 45px;
background: url("../images/faq-lit_03.jpg") no-repeat left top;
}
.footer .footer-top {
height: 160px;
background: #f7f7f7;
}
.footer .footer-top .logo {
float: left;
margin-top: 60px;
}
.footer .footer-top .tel {
float: right;
margin-top: 60px;
padding-left: 50px;
background: url("../images/footer-tel_03.jpg") no-repeat left center;
}
.footer .footer-top .tel span {
font-size: 1.4rem;
color: #707070;
}
.footer .footer-top .tel p {
font-size: 1.6rem;
color: #2d2e30;
margin: 5px 0;
}
.footer .footer-top .code {
float: right;
margin: 38px 0 0 50px;
}
.footer .footer-center {
padding: 4% 0;
position: relative;
background: #2d2e30;
}
.footer .footer-center .footer-icon {
width: 20%;
float: left;
}
.footer .footer-center .footer-icon img {
max-width: 100%;
}
.footer .footer-center .list {
width: 16%;
float: left;
}
.footer .footer-center .list h5 {
font-size: 1.8rem;
color: #fff;
text-transform: uppercase;
margin-top: 0;
padding-left: 22px;
background: url("../images/h5-bg_07.jpg") no-repeat left center;
}
.footer .footer-center .list ul {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin-top: 15px;
padding-left: 22px;
}
.footer .footer-center .list li {
font-size: 1.4rem;
color: #cdcdcd;
line-height: 30px;
}
.footer .footer-center .list li a {
color: #cdcdcd;
}
.footer .footer-center .list li a:hover {
color: #ff291f;
}
.footer .footer-center .list .box {
margin-top: 15px;
padding-left: 22px;
}
.footer .footer-center .list .box textarea {
height: 100px;
padding: 10px;
background: #363638;
border: none;
width: 100%;
color: #cdcdcd;
}
.footer .footer-center .list .box input {
width: 110px;
text-align: center;
line-height: 35px;
color: #fff;
margin-top: 15px;
background: #ff291f;
font-size: 1.4rem;
cursor: pointer;
border: none;
}
.footer .footer-center .list:last-child {
width: 20%;
}
@media (max-width: 768px) {
.footer {
padding: 0;
}
.footer .footer-con2 {
background: #2d2e30;
display: block!important;
text-align: center;
}
.footer .footer-con2 p img {
margin: 0;
}
.footer .footer-con2 p a {
display: inline-block;
margin: 20px 12px;
}
.footer .footer-con2 p a:hover img {
margin-top: -4px;
}
.footer .footer-con2 h5 {
background: #2d2e30 url("../images/lit_07.png") no-repeat right center;
background-position: right 26px top 28px;
margin: 0;
font-weight: 500;
color: #c4c4c4;
font-size: 15px;
border-bottom: 1px solid #aaa;
padding: 18px 26px 18px 24px;
}
.footer .footer-con2 .list-con {
display: none;
}
.footer .footer-con2 .list-con a {
color: #c4c4c4;
margin: 0;
background: #404143;
text-decoration: none;
display: block;
border-bottom: 1px solid #aaa;
font-size: 14px;
padding: 12px 26px 12px 24px;
}
.footer .footer-con2 .list-con a:hover {
color: #ff291f;
}
.footer .footer-con2 .list-con li {
color: #333;
border-bottom: 1px solid #aaa;
font-size: 14px;
padding: 12px 26px 12px 24px;
background: #edf2f8;
}
.footer .footer-con2 .form-box {
display: none;
padding: 12px 26px 12px 24px;
}
.footer .footer-con2 .form-box textarea {
height: 100px;
padding: 10px;
background: #363638;
border: none;
width: 100%;
}
.footer .footer-con2 .form-box input {
width: 110px;
text-align: center;
line-height: 35px;
color: #fff;
margin-top: 15px;
background: #ff291f;
font-size: 1.4rem;
cursor: pointer;
border: none;
}
}
.footer .footer-bot {
height: 60px;
background: #2d2e30;
border-top: 1px solid #393939;
}
.footer .footer-bot .container {
position: relative;
}
.footer .footer-bot p {
margin: 0;
font-size: 1.4rem;
color: #999;
line-height: 59px;
}
.footer .footer-bot p a {
color: #999;
}
.footer .footer-bot p a:hover {
color: #ff291f;
}
.footer .footer-bot .lf {
float: left;
}
.footer .footer-bot .rt {
float: right;
}
@media (max-width: 768px) {
.footer .footer-bot {
height: auto;
text-align: center;
}
.footer .footer-bot .container {
position: relative;
}
.footer .footer-bot p {
margin: 0;
font-size: 1.4rem;
color: #999;
line-height: 26px;
display: inline;
}
.footer .footer-bot p a {
color: #999;
}
.footer .footer-bot p a:hover {
color: #ff291f;
}
.footer .footer-bot .lf {
float: none;
}
.footer .footer-bot .rt {
float: none;
}
}
.footer .returnTop {
z-index: 99;
display: block;
cursor: pointer;
position: fixed;
bottom: 90px;
right: 30px;
opacity: 1;
width: 48px;
height: 48px;
background: url("../images/return-top.png") no-repeat center;
}
/*ins-style*/
@media (max-width: 768px) {
.ins-main {
margin-top: 55px;
}
}
.ins-main .ins-ad img {
width: 100%;
}
.ins-main .hot-product {
height: 90px;
line-height: 90px;
background: #eee;
}
.ins-main .hot-product .keyword {
float: left;
}
.ins-main .hot-product .keyword p {
font-size: 1.4rem;
color: #474747;
}
.ins-main .hot-product .keyword p a {
color: #474747;
}
.ins-main .hot-product .keyword p a:hover {
color: #ff291f;
}
.ins-main .hot-product .search {
float: right;
width: 28.5%;
position: relative;
}
.ins-main .hot-product .search .txt {
width: 100%;
height: 40px;
background: #fff;
border: none;
border-radius: 8px;
padding: 0 10px;
}
.ins-main .hot-product .search .submit {
position: absolute;
top: 25px;
right: 0;
border-radius: 0 8px 8px 0;
width: 60px;
height: 40px;
background: #ffcf14 url("../images/search-btn2_03.jpg") no-repeat center;
border: none;
cursor: pointer;
}
@media (max-width: 1200px) {
.ins-main .hot-product {
height: auto;
line-height: 50px;
background: #eee;
}
.ins-main .hot-product .keyword {
float: left;
}
.ins-main .hot-product .keyword p {
font-size: 1.4rem;
color: #474747;
}
.ins-main .hot-product .keyword p a {
color: #474747;
}
.ins-main .hot-product .keyword p a:hover {
color: #ff291f;
}
.ins-main .hot-product .search {
float: left;
width: 28.5%;
position: relative;
}
.ins-main .hot-product .search .txt {
width: 100%;
height: 40px;
background: #fff;
border: none;
border-radius: 8px;
padding: 0 10px;
}
.ins-main .hot-product .search .submit {
position: absolute;
top: 5px;
right: 0;
border-radius: 0 8px 8px 0;
width: 60px;
height: 40px;
background: #ffcf14 url("../images/search-btn2_03.jpg") no-repeat center;
border: none;
cursor: pointer;
}
}
.ins-main .nav-list {
height: 68px;
border-bottom: 1px solid #f2f2f2;
background: #f7f7f7;
}
.ins-main .nav-list li {
width: 130px;
text-align: center;
float: left;
border-right: 1px solid #f2f2f2;
}
@media (max-width: 992px) {
.ins-main .nav-list li {
width: 100px;
}
}
.ins-main .nav-list li:hover a {
color: #fff;
background: #eeb15e;
}
.ins-main .nav-list li a {
display: block;
height: 68px;
line-height: 68px;
font-size: 1.6rem;
color: #4b4b4b;
}
.ins-main .nav-list .active a {
color: #fff;
background: #eeb15e;
}
@media (max-width: 768px) {
.ins-main .nav-list {
height: auto;
border-bottom: 1px solid #f2f2f2;
background: #f7f7f7;
}
.ins-main .nav-list li {
width: 33.333333%;
text-align: center;
float: left;
border-right: 1px solid #f2f2f2;
}
.ins-main .nav-list li:hover a {
color: #fff;
background: #eeb15e;
}
.ins-main .nav-list li a {
display: block;
height: 48px;
line-height: 48px;
font-size: 1.6rem;
color: #4b4b4b;
}
.ins-main .nav-list .active a {
color: #fff;
background: #eeb15e;
}
}
.ins-main .ins-con {
padding: 2% 0;
}
.ins-main .ins-con .ins-lf {
width: 21.4%;
float: left;
}
.ins-main .ins-con .ins-lf .lf-top {
position: relative;
z-index: 3;
height: 108px;
background: #ff291f;
}
.ins-main .ins-con .ins-lf .lf-top h4 {
font-size: 3.6rem;
color: #fff;
text-transform: uppercase;
margin: 0;
padding: 22px 0 8px 18px;
}
.ins-main .ins-con .ins-lf .lf-top p {
font-size: 1.6rem;
color: #fff;
text-transform: uppercase;
padding-left: 18px;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav {
margin: 0;
height: auto;
line-height: 60px;
background: #272727 url("../images/lf-angle_03.png") no-repeat 10% 23px;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav a {
display: block;
font-size: 1.6rem;
color: #fff;
padding: 0 0 0 45px;
transition: 0.1s;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav a:hover {
color: #fff;
}
.ins-main .ins-con .ins-lf .lf-con ul {
background: #f7f7f7;
padding: 6% 0;
margin: 0;
}
.ins-main .ins-con .ins-lf .lf-con ul li {
line-height: 50px;
font-weight: 500;
}
.ins-main .ins-con .ins-lf .lf-con ul li a {
display: block;
font-size: 1.4rem;
color: #666;
padding-left: 50px;
transition: 0;
background: url("../images/lf-angle_05.png") no-repeat 10% 18px;
}
.ins-main .ins-con .ins-lf .lf-con ul li a:hover {
color: #ff291f;
background: url("../images/lf-angle_03.png") no-repeat 10% 18px;
}
.ins-main .ins-con .ins-lf .lf-con ul .active a {
color: #ff291f;
background: url("../images/lf-angle_03.png") no-repeat 10% 18px;
}
.ins-main .ins-con .ins-lf .lf-con ul li:last-child {
border-bottom: none;
}
.ins-main .ins-con .ins-lf .lf-con ul .content-list-active a {
background: #babfd5 url("../images/lf-lit_06.png") no-repeat 10% 26px;
}
.ins-main .ins-con .ins-lf .lf-con .content-active {
display: block;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav:last-child {
border-bottom: none;
}
.ins-main .ins-con .ins-lf .lf-con .tel {
margin-top: 20px;
height: 108px;
background: #ff291f url("../images/lf-tel_06.jpg") no-repeat 20px 25px;
padding: 10% 8%;
}
.ins-main .ins-con .ins-lf .lf-con .tel p {
font-size: 2rem;
color: #fff;
text-align: right;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 5px;
}
.ins-main .ins-con .ins-rt {
width: 72.65%;
float: right;
}
.ins-main .ins-con .ins-rt .rt-top {
border-bottom: 1px solid #eee;
}
.ins-main .ins-con .ins-rt .rt-top h5 {
float: left;
font-size: 1.6rem;
color: #272727;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav {
float: right;
margin-top: 10px;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p {
font-size: 1.4rem;
color: #949494;
margin: 0;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p a {
color: #949494;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p a:hover {
color: #272727;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p .active {
color: #272727;
}
@media (max-width: 768px) {
.ins-main .ins-con {
padding: 2% 0;
}
.ins-main .ins-con .ins-lf {
width: 100%;
float: left;
}
.ins-main .ins-con .ins-lf .lf-top {
position: relative;
z-index: 3;
height: 78px;
background: #ff291f;
}
.ins-main .ins-con .ins-lf .lf-top h4 {
font-size: 3rem;
color: #fff;
text-transform: uppercase;
margin: 0;
padding: 8px 0 8px 18px;
}
.ins-main .ins-con .ins-lf .lf-top p {
font-size: 1.6rem;
color: #fff;
text-transform: uppercase;
padding-left: 18px;
}
.ins-main .ins-con .ins-lf .lf-con {
background: #ebebeb;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav {
height: auto;
line-height: 50px;
background: #272727 url("../images/lf-angle_03.png") no-repeat 10% 18px;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav a {
display: block;
font-size: 1.6rem;
color: #fff;
padding: 0 0 0 45px;
transition: 0.1s;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav a:hover {
color: #fff;
}
.ins-main .ins-con .ins-lf .lf-con ul {
background: #f7f7f7;
padding: 4% 0;
}
.ins-main .ins-con .ins-lf .lf-con ul li {
line-height: 40px;
font-weight: 500;
}
.ins-main .ins-con .ins-lf .lf-con ul li a {
display: block;
font-size: 1.4rem;
color: #666;
padding-left: 50px;
transition: 0;
background: url("../images/lf-angle_05.png") no-repeat 10% 18px;
}
.ins-main .ins-con .ins-lf .lf-con ul li a:hover {
color: #ff291f;
background: url("../images/lf-angle_03.png") no-repeat 10% 14px;
}
.ins-main .ins-con .ins-lf .lf-con ul .active a {
color: #ff291f;
background: url("../images/lf-angle_03.png") no-repeat 10% 14px;
}
.ins-main .ins-con .ins-lf .lf-con ul li:last-child {
border-bottom: none;
}
.ins-main .ins-con .ins-lf .lf-con ul .content-list-active a {
background: #babfd5 url("../images/lf-lit_06.png") no-repeat 10% 26px;
}
.ins-main .ins-con .ins-lf .lf-con .content-active {
display: block;
}
.ins-main .ins-con .ins-lf .lf-con .sub-nav:last-child {
border-bottom: none;
}
.ins-main .ins-con .ins-rt {
width: 100%;
float: right;
}
.ins-main .ins-con .ins-rt .rt-top {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.ins-main .ins-con .ins-rt .rt-top h5 {
float: none;
font-size: 1.6rem;
color: #272727;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav {
float: none;
margin-top: 10px;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p {
font-size: 1.4rem;
color: #949494;
margin: 0;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p a {
color: #949494;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p a:hover {
color: #272727;
}
.ins-main .ins-con .ins-rt .rt-top .ins-nav p .active {
color: #272727;
}
}
.ins-main .ins-culture {
padding: 3% 0 0;
}
.ins-main .ins-culture .img-box {
margin-bottom: 3%;
}
.ins-main .ins-culture .img-box img {
width: 100%;
}
.ins-main .ins-culture .img-box p {
border: 1px solid #f5f5f5;
text-align: center;
height: 70px;
line-height: 70px;
font-size: 1.6rem;
color: #343434;
}
@media (max-width: 768px) {
.ins-main .ins-culture .img-box p {
height: 40px;
line-height: 40px;
}
}
.ins-main .ins-profile {
padding: 3% 0;
}
.ins-main .ins-profile .img {
width: 100%;
}
.ins-main .ins-profile .img img {
width: 100%;
}
.ins-main .ins-profile .txt-box .txt-top {
padding: 2% 0;
border-bottom: 1px solid #eee;
}
.ins-main .ins-profile .txt-box .txt-top h5 {
font-size: 2.4rem;
color: #303030;
font-weight: 600;
}
.ins-main .ins-profile .txt-box .txt-top span {
font-size: 1.4rem;
color: #a3a3a3;
}
.ins-main .ins-profile .txt-box .txt {
padding: 3% 0;
}
.ins-main .ins-profile .txt-box .txt p {
font-size: 1.4rem;
color: #616161;
line-height: 180%;
}
@media (max-width: 768px) {
.ins-main .ins-profile .content {
padding: 3% 0;
}
.ins-main .ins-profile .content .img {
width: 100%;
float: left;
}
.ins-main .ins-profile .content .img img {
width: 100%;
}
.ins-main .ins-profile .content .txt-box {
width: 100%;
float: right;
margin-top: 15px;
}
.ins-main .ins-profile .content .txt-box p {
font-size: 1.5rem;
color: #7b7b7b;
line-height: 180%;
margin-bottom: 3%;
}
.ins-main .ins-profile .list-box {
padding: 3% 0;
background: #f7f7f7;
}
.ins-main .ins-profile .list-box li {
width: 49%;
float: left;
margin: 0 2% 2% 0;
height: 140px;
text-align: center;
background: #fff;
border-radius: 15px;
}
.ins-main .ins-profile .list-box li:hover {
background: #eeb15e;
}
.ins-main .ins-profile .list-box li:hover h6 {
color: #fff;
}
.ins-main .ins-profile .list-box li:hover b {
background: #fff;
}
.ins-main .ins-profile .list-box li:hover p {
color: #fff;
}
.ins-main .ins-profile .list-box li h6 {
font-size: 1.8rem;
color: #ff291f;
padding: 18px 0 0;
}
.ins-main .ins-profile .list-box li b {
display: inline-block;
*display: inline;
*zoom: 1;
width: 40px;
height: 1px;
background: #eeb15e;
}
.ins-main .ins-profile .list-box li p {
font-size: 1.4rem;
color: #7d7d7d;
margin-top: 14px;
padding: 0 4%;
line-height: 180%;
}
.ins-main .ins-profile .list-box li:nth-child(2n+2) {
margin-right: 0;
}
}
.ins-main .ins-huanjing {
padding: 2.5% 0 1.5%;
}
.ins-main .ins-huanjing li {
width: 24%;
float: left;
margin: 0 1.3333% 1% 0;
text-align: center;
}
.ins-main .ins-huanjing li .img-box {
border: 1px solid #f5f5f5;
padding: 3%;
}
.ins-main .ins-huanjing li .img-box:hover .img .masking {
opacity: 1;
}
.ins-main .ins-huanjing li .img-box .img {
position: relative;
}
.ins-main .ins-huanjing li .img-box .img img {
width: 100%;
cursor: pointer;
}
.ins-main .ins-huanjing li .img-box .img .masking {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
opacity: 0;
}
.ins-main .ins-huanjing li p {
margin-top: 10px;
font-size: 1.6rem;
color: #646464;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-huanjing li:nth-child(4n+4) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-huanjing {
padding: 2.5% 0;
}
.ins-main .ins-huanjing li {
width: 49%;
float: left;
margin: 0 2% 1% 0;
text-align: center;
}
.ins-main .ins-huanjing li .img {
border: 1px solid #f5f5f5;
padding: 3%;
}
.ins-main .ins-huanjing li .img img {
width: 100%;
cursor: pointer;
}
.ins-main .ins-huanjing li p {
margin-top: 10px;
font-size: 1.6rem;
color: #646464;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-huanjing li:nth-child(2n+2) {
margin-right: 0;
}
}
.ins-main .ins-honor {
padding: 3% 0 0;
}
.ins-main .ins-honor li {
width: 32.333333%;
float: left;
margin: 0 1.5% 1.5% 0;
text-align: center;
}
.ins-main .ins-honor li .img-box {
border: 1px solid #f5f5f5;
padding: 4%;
}
.ins-main .ins-honor li .img-box:hover .img .masking {
opacity: 1;
}
.ins-main .ins-honor li .img-box .img {
position: relative;
}
.ins-main .ins-honor li .img-box .img img {
width: 100%;
cursor: pointer;
}
.ins-main .ins-honor li .img-box .img .masking {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
opacity: 0;
}
.ins-main .ins-honor li p {
margin-top: 10px;
font-size: 1.4rem;
color: #646464;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-honor li:nth-child(3n+3) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-honor {
padding: 3% 0 0;
}
.ins-main .ins-honor li {
width: 49%;
float: left;
margin: 0 2% 2% 0;
text-align: center;
}
.ins-main .ins-honor li .img-box {
border: 1px solid #f5f5f5;
padding: 4%;
}
.ins-main .ins-honor li .img-box:hover .img .masking {
opacity: 1;
}
.ins-main .ins-honor li .img-box .img {
position: relative;
}
.ins-main .ins-honor li .img-box .img img {
width: 100%;
cursor: pointer;
}
.ins-main .ins-honor li .img-box .img .masking {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
opacity: 0;
}
.ins-main .ins-honor li p {
margin-top: 10px;
font-size: 1.4rem;
color: #646464;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-honor li:nth-child(3n+3) {
margin-right: 2%;
}
.ins-main .ins-honor li:nth-child(2n+2) {
margin-right: 0;
}
}
.ins-main .ins-contact {
padding: 2.5% 0;
}
.ins-main .ins-contact .box .contact-list {
border: 1px solid #f2f2f2;
background: #f7f7f7;
margin: 20px 0;
}
.ins-main .ins-contact .box .contact-list ul {
margin: 0;
}
.ins-main .ins-contact .box .contact-list li {
width: 33.333333%;
float: left;
background: #f7f7f7;
padding: 5% 0;
text-align: center;
}
.ins-main .ins-contact .box .contact-list li img {
margin: 6% 0;
}
.ins-main .ins-contact .box .contact-list li p {
font-size: 1.4rem;
color: #373737;
margin-bottom: 2px;
padding: 0 10%;
}
.ins-main .ins-contact .box .people {
border: 1px solid #f2f2f2;
border-bottom: none;
border-right: none;
}
.ins-main .ins-contact .box .people li {
width: 33.333333%;
float: left;
box-sizing: border-box;
height: 216px;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
padding: 55px 0 0 50px;
}
.ins-main .ins-contact .box .people li h6 {
font-size: 1.4rem;
color: #373737;
margin-bottom: 8%;
}
.ins-main .ins-contact .box .people li h6 img {
padding-right: 10px;
}
.ins-main .ins-contact .box .people li p {
font-size: 1.4rem;
color: #373737;
}
.ins-main .ins-contact .box .people li p img {
padding-right: 10px;
}
.ins-main .ins-contact .box .map {
margin: 20px 0;
}
.ins-main .ins-contact .box .map .my-map {
margin: 0 auto;
width: 100%;
height: 430px;
}
.ins-main .ins-contact .box .map .my-map .icon {
background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.ins-main .ins-contact .box .map .my-map .icon-cir {
height: 31px;
width: 28px;
}
.ins-main .ins-contact .box .map .my-map .icon-cir-red {
background-position: -11px -5px;
}
.ins-main .ins-contact .box .map .amap-container {
height: 100%;
}
.ins-main .ins-contact .box .map .amap-controls {
display: none;
}
.ins-main .ins-contact .box .form-box {
margin-top: 20px;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li {
width: 49%;
float: left;
margin-right: 2%;
margin-bottom: 2%;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li input {
height: 55px;
border: 1px solid #f2f2f2;
background: #f7f7f7;
width: 100%;
padding: 0 10px;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li:nth-child(2n+2) {
margin-right: 0;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li:last-child {
width: 100%;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li:last-child textarea {
height: 150px;
padding: 10px;
border: 1px solid #f2f2f2;
background: #f7f7f7;
width: 100%;
}
.ins-main .ins-contact .box .form-box ul:nth-child(2) {
clear: both;
}
.ins-main .ins-contact .box .form-box ul:nth-child(2) li {
margin: 0 auto;
text-align: center;
}
.ins-main .ins-contact .box .form-box ul:nth-child(2) li input {
height: 55px;
border: none;
background: #ff291f;
width: 200px;
font-size: 1.4rem;
color: #fff;
cursor: pointer;
}
.ins-main .ins-contact .box:nth-child(1) .box-tit {
height: 237px;
background: url("../images/contact-img_03.jpg") no-repeat left center;
}
.ins-main .ins-contact .box:nth-child(2) .box-tit {
height: 237px;
background: url("../images/contact-img_07.jpg") no-repeat left center;
}
.ins-main .ins-contact .box:nth-child(3) .box-tit {
height: 237px;
background: url("../images/contact-img_10.jpg") no-repeat left center;
}
@media (max-width: 768px) {
.ins-main .ins-contact {
padding: 2.5% 0;
}
.ins-main .ins-contact .box .contact-list {
border: 1px solid #f2f2f2;
background: #f7f7f7;
margin: 20px 0;
}
.ins-main .ins-contact .box .contact-list ul {
margin: 0;
}
.ins-main .ins-contact .box .contact-list li {
width: 100%;
float: left;
background: #f7f7f7;
padding: 3% 0;
text-align: center;
}
.ins-main .ins-contact .box .contact-list li img {
margin: 6% 0;
}
.ins-main .ins-contact .box .contact-list li p {
font-size: 1.4rem;
color: #373737;
margin-bottom: 2px;
padding: 0 10%;
}
.ins-main .ins-contact .box .people {
border: 1px solid #f2f2f2;
border-bottom: none;
border-right: none;
}
.ins-main .ins-contact .box .people li {
width: 100%;
float: left;
box-sizing: border-box;
height: 166px;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
padding: 25px 0 0 20px;
}
.ins-main .ins-contact .box .people li h6 {
font-size: 1.4rem;
color: #373737;
margin-bottom: 8%;
}
.ins-main .ins-contact .box .people li h6 img {
padding-right: 10px;
}
.ins-main .ins-contact .box .people li p {
font-size: 1.4rem;
color: #373737;
}
.ins-main .ins-contact .box .people li p img {
padding-right: 10px;
}
.ins-main .ins-contact .box .map {
margin: 20px 0;
}
.ins-main .ins-contact .box .map .my-map {
margin: 0 auto;
width: 100%;
height: 300px;
}
.ins-main .ins-contact .box .map .my-map .icon {
background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.ins-main .ins-contact .box .map .my-map .icon-cir {
height: 31px;
width: 28px;
}
.ins-main .ins-contact .box .map .my-map .icon-cir-red {
background-position: -11px -5px;
}
.ins-main .ins-contact .box .map .amap-container {
height: 100%;
}
.ins-main .ins-contact .box .map .amap-controls {
display: none;
}
.ins-main .ins-contact .box .form-box {
margin-top: 20px;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li {
width: 49%;
float: left;
margin-right: 2%;
margin-bottom: 2%;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li input {
height: 55px;
border: 1px solid #f2f2f2;
background: #f7f7f7;
width: 100%;
padding: 0 10px;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li:nth-child(2n+2) {
margin-right: 0;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li:last-child {
width: 100%;
}
.ins-main .ins-contact .box .form-box ul:nth-child(1) li:last-child textarea {
height: 150px;
padding: 10px;
border: 1px solid #f2f2f2;
background: #f7f7f7;
width: 100%;
}
.ins-main .ins-contact .box .form-box ul:nth-child(2) {
clear: both;
}
.ins-main .ins-contact .box .form-box ul:nth-child(2) li {
margin: 0 auto;
text-align: center;
}
.ins-main .ins-contact .box .form-box ul:nth-child(2) li input {
height: 45px;
border: none;
background: #ff291f;
width: 150px;
font-size: 1.4rem;
color: #fff;
cursor: pointer;
}
.ins-main .ins-contact .box:nth-child(1) .box-tit {
height: 90px;
background: url("../images/contact-img_03.jpg") no-repeat left center;
}
.ins-main .ins-contact .box:nth-child(2) .box-tit {
height: 90px;
background: url("../images/contact-img_07.jpg") no-repeat left center;
}
.ins-main .ins-contact .box:nth-child(3) .box-tit {
height: 90px;
background: url("../images/contact-img_10.jpg") no-repeat left center;
}
}
.ins-main .ins-message {
padding: 3.5% 0;
}
.ins-main .ins-message .form-box {
width: 46%;
float: left;
margin-left: 2%;
}
.ins-main .ins-message .form-box h5 {
font-size: 3rem;
color: #303030;
}
.ins-main .ins-message .form-box b {
display: block;
width: 50px;
height: 1px;
background: #eeb15e;
margin: 20px 0 50px;
}
.ins-main .ins-message .form-box ul:nth-child(1) li {
margin-bottom: 20px;
}
.ins-main .ins-message .form-box ul:nth-child(1) li span {
display: block;
font-size: 1.6rem;
color: #303030;
margin-bottom: 15px;
}
.ins-main .ins-message .form-box ul:nth-child(1) li span sup {
color: red;
}
.ins-main .ins-message .form-box ul:nth-child(1) li input {
height: 48px;
width: 100%;
border: 1px solid #f5f5f5;
padding: 0 8px;
}
.ins-main .ins-message .form-box ul:nth-child(1) li textarea {
height: 124px;
width: 100%;
border: 1px solid #f5f5f5;
padding: 8px;
}
.ins-main .ins-message .form-box ul:nth-child(2) input {
width: 190px;
text-align: center;
height: 60px;
line-height: 60px;
cursor: pointer;
background: #ff291f;
color: #fff;
font-size: 1.6rem;
border: none;
}
.ins-main .ins-message .img-box {
height: 682px;
background: url("../images/message_03.jpg") no-repeat center;
width: 50%;
float: right;
}
@media (max-width: 768px) {
.ins-main .ins-message {
padding: 6% 0;
}
.ins-main .ins-message .form-box {
width: 100%;
float: left;
margin-left: 0%;
}
.ins-main .ins-message .form-box h5 {
font-size: 3rem;
color: #303030;
display: none;
}
.ins-main .ins-message .form-box b {
display: block;
width: 50px;
height: 1px;
background: #eeb15e;
margin: 20px 0 50px;
display: none;
}
.ins-main .ins-message .form-box ul:nth-child(1) li {
margin-bottom: 20px;
}
.ins-main .ins-message .form-box ul:nth-child(1) li span {
display: block;
font-size: 1.6rem;
color: #303030;
margin-bottom: 15px;
}
.ins-main .ins-message .form-box ul:nth-child(1) li span sup {
color: red;
}
.ins-main .ins-message .form-box ul:nth-child(1) li input {
height: 48px;
width: 100%;
border: 1px solid #f5f5f5;
padding: 0 8px;
}
.ins-main .ins-message .form-box ul:nth-child(1) li textarea {
height: 124px;
width: 100%;
border: 1px solid #f5f5f5;
padding: 8px;
}
.ins-main .ins-message .form-box ul:nth-child(2) input {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
cursor: pointer;
background: #ff291f;
color: #fff;
font-size: 1.6rem;
border: none;
}
.ins-main .ins-message .img-box {
display: none;
height: 682px;
background: url("../images/message_03.jpg") no-repeat center;
width: 50%;
float: right;
}
}
.ins-main .ins-about {
padding: 4% 0;
background: #f8f8f8;
}
.ins-main .ins-about .jianjie {
background: #fff;
padding-bottom: 4%;
}
.ins-main .ins-about .jianjie .tit {
text-align: center;
padding: 3% 0;
background: url("../images/tit-bg_03.png") no-repeat center;
}
.ins-main .ins-about .jianjie .tit h5 {
font-size: 2.4rem;
color: #000;
}
.ins-main .ins-about .jianjie .content {
padding: 0 5%;
}
.ins-main .ins-about .jianjie .content .img {
width: 40%;
float: left;
}
.ins-main .ins-about .jianjie .content .img img {
width: 100%;
}
.ins-main .ins-about .jianjie .content .txt {
width: 56%;
float: right;
}
.ins-main .ins-about .jianjie .content .txt p {
font-size: 1.4rem;
color: #636363;
line-height: 200%;
text-indent: 2.5rem;
}
.ins-main .ins-about .honor {
background: #fff;
padding-bottom: 4%;
margin: 3% 0;
}
.ins-main .ins-about .honor .tit {
text-align: center;
padding: 3% 0;
background: url("../images/tit-bg_03.png") no-repeat center;
}
.ins-main .ins-about .honor .tit h5 {
font-size: 2.4rem;
color: #000;
}
.ins-main .ins-about .honor .content {
margin: 0 4%;
}
.ins-main .ins-about .honor .content .swiper-container-honor {
overflow: hidden;
}
.ins-main .ins-about .honor .content .swiper-container-honor .swiper-slide {
text-align: center;
}
.ins-main .ins-about .honor .content .swiper-container-honor .swiper-slide img {
width: 100%;
border: 1px solid #f0f0f0;
cursor: pointer;
}
.ins-main .ins-about .honor .content .swiper-container-honor .swiper-slide p {
font-size: 1.4rem;
color: #636363;
margin-top: 10px;
}
.ins-main .ins-about .honor .content .swiper-container-honor .swiper-pagination-honor {
text-align: center;
}
.ins-main .ins-about .partner {
background: #fff;
padding-bottom: 4%;
}
.ins-main .ins-about .partner .tit {
text-align: center;
padding: 3% 0;
background: url("../images/tit-bg_03.png") no-repeat center;
}
.ins-main .ins-about .partner .tit h5 {
font-size: 2.4rem;
color: #000;
}
.ins-main .ins-about .partner .content {
margin: 0 4%;
}
.ins-main .ins-about .partner .content .swiper-container-partner {
overflow: hidden;
}
.ins-main .ins-about .partner .content .swiper-container-partner .swiper-slide img {
width: 100%;
border: 1px solid #f0f0f0;
}
.ins-main .ins-about .partner .content .swiper-container-partner .swiper-pagination-partner {
text-align: center;
margin-top: 15px;
}
@media (max-width: 768px) {
.ins-main .ins-about {
padding: 4% 0;
background: #f8f8f8;
}
.ins-main .ins-about .jianjie {
background: #fff;
padding-bottom: 4%;
}
.ins-main .ins-about .jianjie .content {
padding: 0 5%;
}
.ins-main .ins-about .jianjie .content .img {
width: 100%;
float: left;
}
.ins-main .ins-about .jianjie .content .img img {
width: 100%;
}
.ins-main .ins-about .jianjie .content .txt {
width: 100%;
float: right;
}
.ins-main .ins-about .jianjie .content .txt p {
font-size: 1.4rem;
color: #636363;
line-height: 200%;
text-indent: 2.5rem;
}
}
.ins-main .ins-recruit {
padding: 3% 0 0;
background: #f3f3f3;
}
.ins-main .ins-recruit .tit {
text-align: center;
margin-bottom: 4%;
background: url("../images/tit-bg_03.png") no-repeat center 82%;
}
.ins-main .ins-recruit .tit h5 {
font-size: 2.4rem;
color: #0187e8;
}
.ins-main .ins-recruit .tit p {
font-size: 1.6rem;
color: #666;
text-transform: uppercase;
}
.ins-main .ins-recruit .table {
padding-bottom: 15px;
}
.ins-main .ins-recruit .table .tit2 {
height: 60px;
line-height: 60px;
background: #0187e8;
}
.ins-main .ins-recruit .table .tit2 li {
float: left;
text-align: center;
width: 16.6666666%;
font-size: 1.6rem;
color: #fefefe;
}
.ins-main .ins-recruit .table .table-con {
position: relative;
z-index: 6;
margin-top: 15px;
}
.ins-main .ins-recruit .table .table-con ul {
margin: 0;
cursor: pointer;
height: 58px;
line-height: 58px;
border-top: 1px solid #cdcdcd;
}
.ins-main .ins-recruit .table .table-con li {
float: left;
height: 58px;
line-height: 58px;
font-size: 1.6rem;
background: #fff;
color: #333;
width: 16.6666666%;
text-align: center;
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #cdcdcd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-recruit .table .table-con li span {
color: #0187e8;
}
.ins-main .ins-recruit .table .table-con li:first-child {
border-left: 1px solid #cdcdcd;
}
.ins-main .ins-recruit .table .table-con .txt-box {
display: none;
border-bottom: 1px solid #b5b3b3;
clear: both;
padding: 2%;
position: relative;
background: #fff;
}
.ins-main .ins-recruit .table .table-con .txt-box .box-tit h5 {
font-size: 2.4rem;
color: #333;
display: inline-block;
}
.ins-main .ins-recruit .table .table-con .txt-box .box-tit h5 b {
color: #0187e8;
font-weight: 500;
}
.ins-main .ins-recruit .table .table-con .txt-box .box-tit span {
display: inline-block;
font-size: 1.4rem;
color: #666;
margin: 0 1%;
}
.ins-main .ins-recruit .table .table-con .txt-box .txt h6 {
font-size: 16px;
color: #666;
padding: 1% 0 1% 13px;
line-height: 180%;
background: url("../images/h6-lit_03.jpg") no-repeat left center;
}
.ins-main .ins-recruit .table .table-con .txt-box .txt p {
font-size: 1.4rem;
color: #666;
line-height: 24px;
}
.ins-main .ins-recruit .table .table-con .txt-box .txt a {
display: inline-block;
width: 160px;
text-align: center;
line-height: 40px;
height: 40px;
background: #0187e8;
font-size: 1.6rem;
margin: 3% 0 2%;
color: #fff;
}
@media (max-width: 768px) {
.ins-main .ins-recruit {
padding: 3% 0 0;
background: #f3f3f3;
}
.ins-main .ins-recruit .tit {
text-align: center;
margin-bottom: 4%;
background: none;
}
.ins-main .ins-recruit .tit h5 {
font-size: 2.4rem;
color: #0187e8;
}
.ins-main .ins-recruit .tit p {
font-size: 1.6rem;
color: #666;
text-transform: uppercase;
}
.ins-main .ins-recruit .table-box {
overflow: auto;
}
.ins-main .ins-recruit .table {
width: 500px;
max-width: 500px;
}
.ins-main .ins-recruit .table .tit2 {
height: 60px;
line-height: 60px;
background: #0187e8;
}
.ins-main .ins-recruit .table .tit2 li {
float: left;
text-align: center;
width: 16.6666666%;
font-size: 1.6rem;
color: #fefefe;
}
.ins-main .ins-recruit .table .table-con {
position: relative;
z-index: 6;
margin-top: 15px;
}
.ins-main .ins-recruit .table .table-con ul {
margin: 0;
cursor: pointer;
height: 58px;
line-height: 58px;
border-top: 1px solid #cdcdcd;
}
.ins-main .ins-recruit .table .table-con li {
float: left;
height: 58px;
line-height: 58px;
font-size: 1.6rem;
background: #fff;
color: #333;
width: 16.6666666%;
text-align: center;
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #cdcdcd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-recruit .table .table-con li span {
color: #0187e8;
}
.ins-main .ins-recruit .table .table-con li:first-child {
border-left: 1px solid #cdcdcd;
}
.ins-main .ins-recruit .table .table-con .txt-box {
display: none;
border-bottom: 1px solid #b5b3b3;
clear: both;
padding: 2%;
position: relative;
background: #fff;
}
.ins-main .ins-recruit .table .table-con .txt-box .box-tit h5 {
font-size: 2.4rem;
color: #333;
display: inline-block;
}
.ins-main .ins-recruit .table .table-con .txt-box .box-tit h5 b {
color: #0187e8;
font-weight: 500;
}
.ins-main .ins-recruit .table .table-con .txt-box .box-tit span {
display: inline-block;
font-size: 1.4rem;
color: #666;
margin: 0 1%;
}
.ins-main .ins-recruit .table .table-con .txt-box .txt h6 {
font-size: 16px;
color: #666;
padding: 1% 0 1% 13px;
line-height: 180%;
background: url("../images/h6-lit_03.jpg") no-repeat left center;
}
.ins-main .ins-recruit .table .table-con .txt-box .txt p {
font-size: 1.4rem;
color: #666;
line-height: 24px;
}
.ins-main .ins-recruit .table .table-con .txt-box .txt a {
display: inline-block;
width: 160px;
text-align: center;
line-height: 40px;
height: 40px;
background: #0187e8;
font-size: 1.6rem;
margin: 3% 0 2%;
color: #fff;
}
}
.ins-main .ins-solution {
padding: 4% 0;
background: #f8f8f8;
}
.ins-main .ins-solution .content li {
margin-bottom: 4%;
}
.ins-main .ins-solution .content li .img {
width: 50%;
float: left;
}
.ins-main .ins-solution .content li .img img {
width: 100%;
}
.ins-main .ins-solution .content li .txt {
width: 42%;
float: right;
margin-right: 3%;
}
.ins-main .ins-solution .content li .txt h6 {
font-size: 1.8rem;
color: #010101;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 15px 0;
}
.ins-main .ins-solution .content li .txt p {
font-size: 1.4rem;
color: #626262;
line-height: 200%;
margin: 10% 0 12%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.ins-main .ins-solution .content li .txt a {
display: block;
width: 100px;
line-height: 30px;
height: 30px;
text-align: center;
background: #0187e8;
font-size: 1.4rem;
color: #fff;
}
.ins-main .ins-solution .content li:nth-child(even) {
margin-bottom: 4%;
}
.ins-main .ins-solution .content li:nth-child(even) .img {
width: 50%;
float: right;
}
.ins-main .ins-solution .content li:nth-child(even) .img img {
width: 100%;
}
.ins-main .ins-solution .content li:nth-child(even) .txt {
width: 42%;
float: left;
margin-left: 3%;
}
@media (max-width: 768px) {
.ins-main .ins-solution {
padding: 4% 0;
background: #f8f8f8;
}
.ins-main .ins-solution .content li {
margin-bottom: 4%;
}
.ins-main .ins-solution .content li .img {
width: 100%;
float: left;
}
.ins-main .ins-solution .content li .img img {
width: 100%;
}
.ins-main .ins-solution .content li .txt {
width: 100%;
float: right;
margin-right: 0%;
margin: 20px 0;
}
.ins-main .ins-solution .content li .txt h6 {
font-size: 1.8rem;
color: #010101;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 15px 0;
}
.ins-main .ins-solution .content li .txt p {
font-size: 1.4rem;
color: #626262;
line-height: 200%;
margin: 15px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.ins-main .ins-solution .content li .txt a {
display: block;
width: 100px;
line-height: 30px;
height: 30px;
text-align: center;
background: #0187e8;
font-size: 1.4rem;
color: #fff;
}
.ins-main .ins-solution .content li:nth-child(even) {
margin-bottom: 4%;
}
.ins-main .ins-solution .content li:nth-child(even) .img {
width: 100%;
float: right;
}
.ins-main .ins-solution .content li:nth-child(even) .img img {
width: 100%;
}
.ins-main .ins-solution .content li:nth-child(even) .txt {
width: 100%;
float: left;
margin-left: 0%;
}
}
.ins-main .ins-news li {
padding: 3% 0;
border-bottom: 1px solid #eee;
}
.ins-main .ins-news li:hover .txt h6 {
color: #ff291f;
}
.ins-main .ins-news li:hover .txt p {
color: #ff291f;
}
.ins-main .ins-news li .img {
width: 34%;
float: left;
}
.ins-main .ins-news li .img img {
width: 100%;
}
.ins-main .ins-news li .txt {
width: 63%;
float: right;
}
.ins-main .ins-news li .txt h6 {
font-size: 1.6rem;
color: #313131;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 5%;
}
.ins-main .ins-news li .txt p {
font-size: 1.4rem;
color: #7f7f7f;
line-height: 170%;
margin-bottom: 5%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
-moz-line-clamp: 3;
-o-line-clamp: 3;
}
.ins-main .ins-news li .txt span {
display: block;
line-height: 25px;
color: #afafaf;
font-size: 1.4rem;
padding-left: 35px;
background: url("../images/time_03.jpg") no-repeat left center;
}
.ins-main .ins-news li:nth-child(4n+4) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-news li {
padding: 3% 0;
border-bottom: 1px solid #eee;
}
.ins-main .ins-news li:hover .txt h6 {
color: #ff291f;
}
.ins-main .ins-news li:hover .txt p {
color: #ff291f;
}
.ins-main .ins-news li .img {
width: 100%;
float: left;
}
.ins-main .ins-news li .img img {
width: 100%;
}
.ins-main .ins-news li .txt {
width: 100%;
float: right;
}
.ins-main .ins-news li .txt h6 {
font-size: 1.6rem;
color: #313131;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 5%;
}
.ins-main .ins-news li .txt p {
font-size: 1.4rem;
color: #7f7f7f;
line-height: 170%;
margin-bottom: 5%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
-moz-line-clamp: 3;
-o-line-clamp: 3;
}
.ins-main .ins-news li .txt span {
display: block;
line-height: 25px;
color: #afafaf;
font-size: 1.4rem;
padding-left: 35px;
background: url("../images/time_03.jpg") no-repeat left center;
}
.ins-main .ins-news li:nth-child(4n+4) {
margin-right: 0;
}
}
.ins-main .news-show {
padding: 2.5% 0;
}
.ins-main .news-show .show-tit {
border-bottom: 1px solid #eee;
}
.ins-main .news-show .show-tit h5 {
font-size: 2.4rem;
color: #171717;
margin: 2% 0 1%;
font-weight: 500;
}
.ins-main .news-show .show-tit p {
font-size: 1.4rem;
color: #b3b3b3;
text-transform: uppercase;
}
.ins-main .news-show .content img {
max-width: 100%!important;
margin: 3% 0;
}
.ins-main .news-show .content p {
text-align: left;
font-size: 1.5rem;
color: #515151;
line-height: 180%;
margin-bottom: 2%;
}
.ins-main .news-show .link {
margin: 5% auto 0;
}
.ins-main .news-show .link p a {
font-size: 1.4rem;
color: #a8a8a8;
}
.ins-main .news-show .link p a:hover {
color: #ff291f;
}
@media (max-width: 768px) {
.ins-main .news-show {
padding: 2.5% 0;
}
.ins-main .news-show .show-tit {
border-bottom: 1px solid #eee;
}
.ins-main .news-show .show-tit h5 {
font-size: 2.4rem;
color: #171717;
margin: 2% 0 1%;
font-weight: 500;
}
.ins-main .news-show .show-tit p {
font-size: 1.4rem;
color: #b3b3b3;
text-transform: uppercase;
}
.ins-main .news-show .content {
width: 100%;
margin: 0 auto;
}
.ins-main .news-show .content img {
max-width: 100%!important;
margin: 3% 0;
}
.ins-main .news-show .content p {
text-align: left;
font-size: 1.5rem;
color: #515151;
line-height: 180%;
margin-bottom: 2%;
}
.ins-main .news-show .link {
width: 100%;
margin: 5% auto 0;
}
.ins-main .news-show .link p a {
font-size: 1.4rem;
color: #a8a8a8;
}
.ins-main .news-show .link p a:hover {
color: #ff291f;
}
}
.ins-main .ins-case {
padding: 2% 0;
}
.ins-main .ins-case li {
width: 31.833333%;
margin-right: 2.25%;
margin-bottom: 2.25%;
float: left;
}
.ins-main .ins-case li:hover .img .masking {
opacity: 1;
}
.ins-main .ins-case li .img {
position: relative;
}
.ins-main .ins-case li .img img {
width: 100%;
}
.ins-main .ins-case li .img .masking {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(238, 177, 94, 0.7);
opacity: 0;
transition: 0.3s;
}
.ins-main .ins-case li p {
text-align: center;
margin-top: 12px;
font-size: 1.6rem;
color: #393939;
}
.ins-main .ins-case li:nth-child(3n+3) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-case {
padding: 2% 0;
}
.ins-main .ins-case li {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
}
.ins-main .ins-case li:hover .img .masking {
opacity: 1;
}
.ins-main .ins-case li .img {
position: relative;
}
.ins-main .ins-case li .img img {
width: 100%;
}
.ins-main .ins-case li .img .masking {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(238, 177, 94, 0.7);
opacity: 0;
transition: 0.3s;
}
.ins-main .ins-case li p {
text-align: center;
margin-top: 12px;
font-size: 1.6rem;
color: #393939;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-case li:nth-child(3n+3) {
margin-right: 2%;
}
.ins-main .ins-case li:nth-child(2n+2) {
margin-right: 0;
}
}
.ins-main .ins-download {
padding: 3% 0;
}
.ins-main .ins-download .img img {
width: 100%;
margin-bottom: 3%;
}
.ins-main .ins-download li {
position: relative;
height: 90px;
line-height: 90px;
border-bottom: 1px solid #eee;
background: url("../images/download-lit_03.jpg") no-repeat left center;
padding-left: 54px;
}
.ins-main .ins-download li:hover p {
color: #ff291f;
}
.ins-main .ins-download li:hover span {
color: #fff;
background: #ff291f;
}
.ins-main .ins-download li a {
display: block;
}
.ins-main .ins-download li p {
font-size: 1.6rem;
color: #424242;
width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-download li span {
display: block;
line-height: 35px;
position: absolute;
top: 26px;
right: 13px;
border-radius: 5px;
font-size: 1.4rem;
color: #595959;
width: 130px;
height: 35px;
text-align: center;
background: #eee;
}
@media (max-width: 768px) {
.ins-main .ins-download {
padding: 3% 0;
}
.ins-main .ins-download .img img {
width: 100%;
margin-bottom: 3%;
}
.ins-main .ins-download li {
position: relative;
height: 90px;
line-height: 90px;
border-bottom: 1px solid #eee;
background: url("../images/download-lit_03.jpg") no-repeat left center;
padding-left: 54px;
}
.ins-main .ins-download li:hover p {
color: #ff291f;
}
.ins-main .ins-download li:hover span {
color: #fff;
background: #ff291f;
}
.ins-main .ins-download li a {
display: block;
}
.ins-main .ins-download li p {
font-size: 1.6rem;
color: #424242;
}
.ins-main .ins-download li span {
display: block;
line-height: 35px;
position: absolute;
top: 26px;
right: 13px;
border-radius: 5px;
font-size: 1.4rem;
color: #595959;
width: 80px;
height: 35px;
text-align: center;
background: #eee;
}
}
.ins-main .ins-faq li {
padding: 2% 0 7%;
border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
.ins-main .ins-faq li {
padding: 16px 0;
}
}
.ins-main .ins-faq li:hover h6 {
color: #ff291f;
}
.ins-main .ins-faq li:hover p {
color: #ff291f;
}
.ins-main .ins-faq li:hover span {
background: #ff291f;
color: #fff;
}
.ins-main .ins-faq li h6 {
line-height: 30px;
background: url("../images/faq_03.jpg") no-repeat left center;
padding-left: 44px;
font-size: 1.6rem;
color: #131313;
margin-bottom: 3%;
}
.ins-main .ins-faq li p {
padding-left: 44px;
line-height: 180%;
font-size: 1.4rem;
color: #7f7f7f;
}
.ins-main .ins-faq li span {
display: block;
float: right;
width: 130px;
height: 35px;
text-align: center;
line-height: 35px;
font-size: 1.4rem;
color: #131313;
background: #f7f7f7;
border-radius: 4px;
}
@media (max-width: 768px) {
.ins-main .ins-faq li span {
float: none;
margin-left: 44px;
}
}
.ins-main .ins-faq li:nth-child(4n+4) {
margin-right: 0;
}
.ins-main .ins-product {
padding: 3% 0;
}
.ins-main .ins-product ul{display:flex;flex-wrap:wrap;}
.ins-main .ins-product li {
width: 32.33333%;
float: left;
margin: 0 1.5% 1.5% 0;
}
.ins-main .ins-product li:hover .img .masking {
opacity: 1;
}
.ins-main .ins-product li:hover p {
color: #ff291f;
}
.ins-main .ins-product li .img {
position: relative;
border: 1px solid #eee;
}
.ins-main .ins-product li .img img {
width: 100%;
}
.ins-main .ins-product li .img .masking {
transition: 0.4s;
opacity: 0;
}
.ins-main .ins-product li .img .masking img {
width: auto;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.ins-main .ins-product li p {
font-size: 1.5rem;
color: #727272;
text-align: center;
margin: 10px 0 2% 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-product li:nth-child(3n+3) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-product {
padding: 3% 0;
}
.ins-main .ins-product li {
width: 49%;
float: left;
margin: 0 2% 2% 0;
}
.ins-main .ins-product li:hover .img .masking {
opacity: 1;
}
.ins-main .ins-product li:hover p {
color: #ff291f;
}
.ins-main .ins-product li .img {
position: relative;
border: 1px solid #eee;
}
.ins-main .ins-product li .img img {
width: 100%;
}
.ins-main .ins-product li .img .masking {
transition: 0.4s;
opacity: 0;
}
.ins-main .ins-product li .img .masking img {
width: auto;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.ins-main .ins-product li p {
font-size: 1.5rem;
color: #727272;
text-align: center;
margin: 10px 0 2% 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-product li:nth-child(3n+3) {
margin-right: 2%;
}
.ins-main .ins-product li:nth-child(2n+2) {
margin-right: 0%;
}
}
.ins-main .product-show {
padding: 3% 0;
background: #fff;
}
.ins-main .product-show .top-show {
background: #fff;
margin: 0 0 2%;
}
.ins-main .product-show .top-show .left {
width: 47%;
float: left;
}
.ins-main .product-show .top-show .left .view .swiper-container {
height: 100%;
padding: 1px;
}
.ins-main .product-show .top-show .left .view .swiper-container .swiper-slide {
width: 100%;
}
.ins-main .product-show .top-show .left .view .swiper-container .swiper-slide img {
width: 100%;
border: 1px solid #f0f0f0;
background: #f3f3f3;
}
.ins-main .product-show .top-show .left .preview {
width: 100%;
padding: 2% 0;
position: relative;
background: #fafafa;
border-top: none;
}
.ins-main .product-show .top-show .left .preview .swiper-container {
width: 100%;
margin: 0 auto;
}
.ins-main .product-show .top-show .left .preview .swiper-slide {
float: left;
width: auto;
box-sizing: border-box;
border: 1px solid transparent;
}
.ins-main .product-show .top-show .left .preview .swiper-slide img {
width: 100%;
cursor: pointer;
border: 1px solid #efefef;
background: #f3f3f3;
}
.ins-main .product-show .top-show .left .preview .active-nav img {
border: 1px solid #ff291f;
}
.ins-main .product-show .top-show .right {
width: 49%;
float: right;
}
.ins-main .product-show .top-show .right .txt h5 {
font-size: 1.6rem;
color: #383838;
margin: 3% 0;
}
.ins-main .product-show .top-show .right .txt h5 span {
float: right;
font-size: 1.4rem;
color: #b3b3b3;
}
.ins-main .product-show .top-show .right .txt h5 span b {
font-size: 1.8rem;
color: #ff0000;
}
.ins-main .product-show .top-show .right .txt .txt {
margin: 6% 0;
}
.ins-main .product-show .top-show .right .txt p {
margin: 4px 0;
line-height: 150%;
font-size: 1.4rem;
color: #787878;
}
.ins-main .product-show .top-show .right .txt .link {
margin-top: 40px;
}
.ins-main .product-show .top-show .right .txt .link a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 20px;
}
.ins-main .product-show .content-box {
margin: 4% 0;
padding: 3% 0;
border-top: 1px solid #eee;
}
.ins-main .product-show .content-box .box-tit {
margin-bottom: 3%;
border-bottom: 1px solid #eee;
}
.ins-main .product-show .content-box .box-tit h5 {
width: 150px;
height: 45px;
line-height: 45px;
text-align: center;
background: #ff291f;
color: #fff;
font-size: 1.6rem;
margin-bottom: 0;
}
.ins-main .product-show .recomend {
background: #fff;
}
.ins-main .product-show .recomend .recomend-tit {
border-bottom: 1px solid #eee;
}
.ins-main .product-show .recomend .recomend-tit h5 {
width: 150px;
height: 45px;
line-height: 45px;
text-align: center;
background: #ff291f;
color: #fff;
font-size: 1.6rem;
margin-bottom: 0;
}
.ins-main .product-show .recomend .swiper-container-recomend {
overflow: hidden;
position: relative;
padding: 3% 0 0;
}
.ins-main .product-show .recomend .swiper-slide:hover p {
color: #ff291f;
}
.ins-main .product-show .recomend .swiper-slide .img {
border: 1px solid #f5f5f5;
position: relative;
}
.ins-main .product-show .recomend .swiper-slide .img img {
width: 100%;
}
.ins-main .product-show .recomend .swiper-slide .img .masking {
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
opacity: 0;
width: 100%;
height: 100%;
}
.ins-main .product-show .recomend .swiper-slide p {
font-size: 1.4rem;
color: #585858;
text-align: center;
margin: 10px 0 0 0;
}
@media (max-width: 768px) {
.ins-main .product-show {
padding: 4% 0;
background: #fff;
}
.ins-main .product-show .top-show {
background: #fff;
margin: 2% 0;
}
.ins-main .product-show .top-show .left {
width: 100%;
float: left;
}
.ins-main .product-show .top-show .left .view .swiper-container {
height: 100%;
}
.ins-main .product-show .top-show .left .view .swiper-container .swiper-slide {
width: 100%;
}
.ins-main .product-show .top-show .left .view .swiper-container .swiper-slide img {
width: 100%;
border: 1px solid #f0f0f0;
background: #f3f3f3;
}
.ins-main .product-show .top-show .left .preview {
width: 100%;
padding: 2% 0;
position: relative;
background: #fafafa;
border-top: none;
}
.ins-main .product-show .top-show .left .preview .swiper-container {
width: 100%;
margin: 0 auto;
}
.ins-main .product-show .top-show .left .preview .swiper-slide {
float: left;
width: auto;
box-sizing: border-box;
border: 1px solid transparent;
}
.ins-main .product-show .top-show .left .preview .swiper-slide img {
width: 100%;
cursor: pointer;
border: 1px solid #efefef;
background: #f3f3f3;
}
.ins-main .product-show .top-show .left .preview .active-nav img {
border: 1px solid #ff291f;
}
.ins-main .product-show .top-show .right {
width: 100%;
float: right;
}
.ins-main .product-show .top-show .right .txt h5 {
font-size: 2.4rem;
color: #ff291f;
margin: 5% 0;
}
.ins-main .product-show .top-show .right .txt h5 span {
display: block;
float: none;
margin-top: 10px;
}
.ins-main .product-show .top-show .right .txt p {
margin: 4px 0;
line-height: 180%;
font-size: 1.4rem;
color: #969696;
}
.ins-main .product-show .top-show .right .txt .link {
margin-top: 40px;
}
.ins-main .product-show .top-show .right .txt .link a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 20px;
}
.ins-main .product-show .top-show .right .txt .link a img {
width: 120px;
}
.ins-main .product-show .content-box {
margin: 4% 0;
padding: 3% 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.ins-main .product-show .content-box img{max-width:100%;height:auto!important}
.ins-main .product-show .content-box .box-tit {
margin-bottom: 3%;
}
.ins-main .product-show .content-box .box-tit h5 {
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
background: #ff291f;
color: #fff;
font-size: 1.6rem;
}
.ins-main .product-show .recomend {
background: #fff;
}
.ins-main .product-show .recomend .recomend-tit h5 {
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
background: #ff291f;
color: #fff;
font-size: 1.6rem;
}
.ins-main .product-show .recomend .swiper-container-recomend {
overflow: hidden;
position: relative;
padding: 3% 0 0;
}
}
.page-num {
clear: both;
text-align: center;
vertical-align: middle;
line-height: 20px;
padding: 3% 0 3%;
}
.page-num span {
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
margin: 0 2px;
background-color: #ff291f;
color: #fff;
font-size: 14px;
}
.page-num a {
display: inline-block;
padding: 0 12px;
height: 32px;
text-align: center;
line-height: 32px;
margin: 0 2px;
background-color: #f1f1f1;
color: #333;
font-size: 14px;
}
.page-num a:hover {
color: #fff;
border-color: #ff291f;
background-color: #ff291f;
}
@media (max-width: 768px) {
.page-num {
clear: both;
text-align: center;
vertical-align: middle;
line-height: 20px;
padding: 4% 0 4%;
}
.page-num span {
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
margin: 0 2px;
background-color: #ff291f;
color: #fff;
font-size: 14px;
margin-bottom: 1%;
}
.page-num a {
display: inline-block;
padding: 0 12px;
height: 32px;
text-align: center;
line-height: 32px;
margin: 0 2px;
background-color: #f1f1f1;
color: #333;
font-size: 14px;
margin-bottom: 1%;
}
.page-num a:hover {
color: #fff;
border-color: #ff291f;
background-color: #ff291f;
}
}
.ins-service {
padding: 3% 0;
}
.ins-service .img img {
width: 100%;
margin-bottom: 3%;
}
.ins-service .txt p {
font-size: 1.4rem;
color: #595959;
line-height: 180%;
}
.nav-shadow {
box-shadow: 0 0 15px #cdcbcb;
}