body {
font-family: Microsoft YaHei, sans-serif;
overflow-x: hidden;
}
html {
font-size: 10px;
/*10 ÷ 16 Ã 100% = 62.5%*/
}
@media (max-width: 1450px) {
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 {
height: 100px;
position: relative;
width: 94.1666666%;
margin: 0 auto;
}
.header .logo {
float: left;
position: absolute;
transform: translate(0%, -50%);
left: 0%;
top: 50%;
}
.header .logo img {
width: 205px;
max-width: 100%;
float: left;
}
.logo .txt {
padding-left: 13px;
float: left;
margin-left: 13px;
border-left: 1px solid #eee;
}
.logo .txt h6 {
font-size: 1.8rem;
color: #231815;
margin-top: 0;
}
.logo .txt p {
font-size: 1.8rem;
font-weight: 600;
margin: 0;
}
.header .nav-con {
height: 100px;
position: relative;
/* width: 50%; */
float: left;
margin-left: 503px;
}
.header .nav-con #nav {
width: 100%;
margin-bottom: 0;
display: flex;
/* background: #f00; */
}
.header .nav-con #nav .sub-nav {
float: left;
text-align: center;
position: relative;
line-height: 100px;
transition: 0.3s;
margin: 0 0.3%;
text-transform: uppercase;
}
.header .nav-con #nav .sub-nav:hover a {
color: #fff;
background: #ed7020;
}
.header .nav-con #nav .sub-nav a {
color: #000;
font-size: 1.8rem;
display: block;
height: 100%;
padding: 0 2.6rem;
transition: 0.4s;
white-space: nowrap;
}
.header .nav-con #nav .sub-nav span {
display: inline-block;
position: absolute;
width: 0;
height: 4px;
left: 50%;
top: 95px;
content: '';
transform: translateX(-50%) translateY(0%);
background-color: #c10002;
transition: width .4s;
}
.header .nav-con #nav .sub-nav .drop-down {
z-index: 999;
position: absolute;
top: 100px;
display: none;
}
.header .nav-con #nav .sub-nav .drop-down {
text-align: center;
background: #ffffff;
padding: 25px 23px;
border-radius: 6px;
}
.header .nav-con #nav .sub-nav .drop-down .img-box {
float: right;
}
.header .nav-con #nav .sub-nav .drop-down ul {
margin: 0;
float: left;
}
.header .nav-con #nav .sub-nav .drop-down li {
line-height: 35px;
}
.header .nav-con #nav .sub-nav .drop-down li a {
color: #333!important;
background: url("../images/nav-lit_03.jpg") no-repeat left center;
padding-left: 36px;
font-size: 1.6rem;
display: block;
text-align: left;
}
.header .nav-con #nav .sub-nav .drop-down li a:hover {
color: #ed7020!important;
}
.header .nav-con #nav .sub-nav .drop-down li .list {
text-align: left;
padding-left: 38px;
}
.header .nav-con #nav .sub-nav .drop-down li .list a {
font-size: 1.4rem;
color: #6e6e6e;
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 28px;
background: none!important;
padding: 0;
}
.header .nav-con #nav .sub-nav .drop-down li .list a:hover {
color: #ed7020;
}
.header .nav-con #nav .sub-nav .drop-down:after {
content: '';
position: absolute;
left: 50%;
margin-left: -8px;
top: -7px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 7px solid #fff;
}
.header .nav-con #nav .sub-nav .drop-down-about {
width: 468px;
height: auto;
left: -170px;
}
.header .nav-con #nav .sub-nav .drop-down-product {
width: 840px;
height: auto;
left: -351px;
}
.header .nav-con #nav .active a {
color: #fff;
background: #ed7020;
}
.header .rt-con {
float: right;
}
@media(max-width:1550px){
.header .rt-con .search{display:none;}
}
.header .rt-con .search {
position: relative;
margin-top: 38px;
float: left;
}
.header .rt-con .search .txt {
height: 30px;
background: #f6f6f6;
border-radius: 30px;
width: 143px;
padding: 0 10px;
border: none;
font-size: 1.4rem;
color: #333;
}
.header .rt-con .search .submit {
border-radius: 0 30px 30px 0;
border: none;
position: absolute;
top: 0;
right: 5px;
width: 30px;
height: 30px;
background: url("../images/search-btn_03.jpg") no-repeat center;
}
.header .rt-con .language {
float: right;
margin: 44px 0 010px;
}
.header .rt-con .language select {
border: none;
cursor: pointer;
appearance: none;
font-size: 1.6rem;
-moz-appearance: none;
-webkit-appearance: none;
line-height: 20px;
height: 20px;
width: 96px;
color: #979797;
padding: 0 5px;
background: #ffffff url("../images/angle_03.jpg") no-repeat right center;
}
@media (max-width: 1760px) {
.header .nav-con {
/* margin-left: 27.8888888%; */
}
.header .nav-con #nav .sub-nav a {
font-size: 1.6rem;
padding: 0 1rem;
}
}
@media (max-width: 1500px) {
.header {
height: 80px;
width: 94.1666666%;
}
.header .logo {
float: left;
width: 482px;
}
.header .logo img {
max-width: 100%;
}
.header .nav-con {
height: 80px;
position: relative;
width: 570px;
float: left;
margin-left: 514px;
}
.header .nav-con #nav .sub-nav {
line-height: 80px;
margin: 0 0.3%;
}
.header .nav-con #nav .sub-nav a {
font-size: 1.6rem;
padding: 0 10px;
}
.header .nav-con #nav .sub-nav .drop-down {
top: 80px;
}
.header .rt-con {
float: right;
}
.header .rt-con .search {
margin-top: 24px;
display: none;
}
.header .rt-con .search .txt {
width: 150px;
font-size: 1.4rem;
}
.header .rt-con .search .submit {
border-radius: 0 30px 30px 0;
border: none;
position: absolute;
top: 0;
right: 5px;
width: 30px;
height: 30px;
background: url("../images/search-btn_03.jpg") no-repeat center;
}
.header .rt-con .language {
margin: 28px 0 0 25px;
}
.header .rt-con .language select {
font-size: 1.5rem;
width: 96px;
padding: 0 5px;
}
}
@media (max-width: 1300px) {
.header .nav-con {
margin-left: 42.888889%;
width: 41%;
}
.header .rt-con .search .txt {
width: 120px;
font-size: 1.4rem;
}
.header .rt-con .language {
margin: 28px 0 0 10px;
}
.header .rt-con .language select {
width: 86px;
}
.header .nav-con #nav .sub-nav a{padding:0 10px}
}
@media (max-width: 1206px) {
.header .nav-con {
margin-left: 453px!important;
}
.header .nav-con #nav .sub-nav {
margin: 0 0.1%;
}
.header .nav-con #nav .sub-nav a {
font-size: 1.6rem;
padding: 0 0.5rem;
}
}
@media (max-width: 1064px) {
.header .nav-con {
margin-left: 22.888888%;
}
.header .nav-con #nav .sub-nav {
margin: 0 0.1%;
}
.header .nav-con #nav .sub-nav a {
font-size: 1.5rem;
padding: 0 0.5rem;
}
}
@media (max-width: 850px) {
.header .nav-con {
margin-left: 20%;
}
.header .nav-con #nav .sub-nav {
margin: 0 0.1%;
}
.header .nav-con #nav .sub-nav a {
font-size: 1.4rem;
padding: 0 0.5rem;
}
}
@media (max-width: 768px) {
.header {
height: auto;
width: 100%;
}
}
.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 {
width: 138px;
margin: 16px 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 .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: #ed7020;
}
.header .mobile-con .language2 .active {
color: #ed7020;
}
/*mobile-header*/
@media (max-width: 768px) {
.pc-con {
display: none!important;
}
.mobile-con {
display: block!important;
}
}
/*main*/
.main {
clear: both;
}
@media (max-width: 768px) {
.main {
margin-top: 55px;
}
}
.main .ad-box-pc {
margin-top: -1px;
}
.main .ad-box-pc .swiper-container-pc {
overflow: hidden;
position: relative;
}
.main .ad-box-pc .swiper-container-pc:hover .swiper-button-next-pc {
opacity: 1;
}
.main .ad-box-pc .swiper-container-pc:hover .swiper-button-prev-pc {
opacity: 1;
}
.main .ad-box-pc .top-banner {
width: 100%;
position: relative;
}
.main .ad-box-pc .swiper-slide {
overflow: hidden;
}
.main .ad-box-pc .swiper-slide img {
width: 100%;
transition: 2.5s linear;
transform: scale(1.05);
}
.main .ad-box-pc .swiper-slide-active img {
transform: scale(1);
}
.main .ad-box-pc .swiper-pagination {
position: absolute;
bottom: 35px;
z-index: 99;
}
.main .ad-box-pc .swiper-pagination-bullet {
background: #fff;
border-radius: 0px;
height: 3px;
width: 45px;
opacity: 1;
}
.main .ad-box-pc .swiper-pagination-bullet-active {
background: #ed7020;
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;
}
@media (max-width: 768px) {
.main .ad-box-pc .swiper-pagination {
position: absolute;
bottom: 4px;
z-index: 99;
}
.main .ad-box-pc .swiper-pagination-bullet {
background: #fff;
border-radius: 0px;
height: 3px;
width: 16px;
opacity: 1;
}
.main .ad-box-pc .swiper-pagination-bullet-active {
background: #ed7020;
}
}
.main .ad-box .swiper-container5 {
overflow: hidden;
}
.main .ad-box .top-banner {
width: 100%;
position: relative;
}
.main .ad-box img {
width: 100%;
}
.main .ad-box .swiper-pagination {
position: absolute;
bottom: 4px;
z-index: 99;
}
.main .ad-box .swiper-pagination-bullet {
background: #fff;
border-radius: 0px;
height: 3px;
width: 16px;
opacity: 1;
}
.main .ad-box .swiper-pagination-bullet-active {
background: #0a59a8;
}
.main .product {
padding: 4.5% 0 5.5%;
width: 94.1666666%;
margin: 0 auto;
}
.main .product .tit h5 {
height: 40px;
line-height: 40px;
display: inline-block;
padding-right: 18px;
background: url("../images/product-tit-bg_03.jpg") no-repeat right center;
font-size: 2.4rem;
color: #010101;
float: left;
}
.main .product .tit a {
font-size: 1.8rem;
color: #ed7020;
float: right;
padding-top: 21px;
}
.main .product .content .slideTxtBox .hd {
height: 40px;
line-height: 40px;
margin: -49px 0 0 8%;
}
.main .product .content .slideTxtBox .hd ul li {
display: inline-block;
*display: inline;
*zoom: 1;
width: 150px;
text-align: center;
cursor: pointer;
font-size: 1.8rem;
color: #232323;
margin: 0 6px;
height: 40px;
line-height: 40px;
background: #eee;
}
.main .product .content .slideTxtBox .hd ul li.on {
background: #ed7020;
color: #fff;
}
.main .product .content .slideTxtBox .bd {
zoom: 1;
margin: 4.5% 0 3.5%;
}
.main .product .content .slideTxtBox .bd li .list {
position: relative;
width: 24%;
float: left;
margin-right: 1.3333333%;
border: 1px solid #f5f5f5;
}
.main .product .content .slideTxtBox .bd li .list:hover .img img {
transform: scale(1.1);
}
.main .product .content .slideTxtBox .bd li .list:hover p {
color: #fff;
background: #ed7020;
}
.main .product .content .slideTxtBox .bd li .list .img {
overflow: hidden;
}
.main .product .content .slideTxtBox .bd li .list .img img {
width: 100%;
transition: 0.4s;
}
.main .product .content .slideTxtBox .bd li .list p {
font-size: 1.8rem;
color: #2b2b2b;
margin: 0;
padding: 5% 0;
text-align: center;
border-top: 1px solid #f5f5f5;
transition: 0.4s;
}
.main .product .content .slideTxtBox .bd li .list:nth-child(4) {
margin-right: 0;
}
@media (max-width: 1600px) {
.main .product .content .slideTxtBox .hd ul li {
width: 130px;
font-size: 1.7rem;
}
}
@media (max-width: 1500px) {
.main .product {
padding: 2.5% 0 3.5%;
width: 94.1666666%;
margin: 0 auto;
}
.main .product .tit a {
font-size: 1.6rem;
color: #ed7020;
float: right;
padding-top: 21px;
}
}
@media (max-width: 1352px) {
.main .product .content .slideTxtBox .hd {
height: 40px;
line-height: 40px;
margin: -49px 0 0 10%;
}
.main .product .content .slideTxtBox .hd ul li {
width: 100px;
font-size: 1.6rem;
margin: 0 2px;
}
.main .product .content .slideTxtBox .bd li .list p {
font-size: 1.6rem;
}
}
@media (max-width: 1030px) {
.main .product .content .slideTxtBox .hd {
margin: -49px 0 0 12%;
}
.main .product .content .slideTxtBox .hd ul li {
width: 90px;
font-size: 1.4rem;
margin: 0 2px;
}
}
@media (max-width: 992px) {
.main .product {
padding: 2.5% 0 3.5%;
width: 94.1666666%;
margin: 0 auto;
}
.main .product .tit h5 {
background: none;
}
.main .product .content .slideTxtBox .hd {
height: 40px;
line-height: 40px;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 768px) {
.main .product {
padding: 2.5% 0 3.5%;
width: 94.1666666%;
margin: 0 auto;
}
.main .product .content .slideTxtBox .hd {
height: auto;
line-height: 40px;
margin: 0 auto;
text-align: center;
}
.main .product .content .slideTxtBox .hd ul li {
margin-bottom: 10px;
}
.main .product .content .slideTxtBox .bd {
zoom: 1;
margin: 0 0 3.5%;
}
.main .product .content .slideTxtBox .bd li .list {
position: relative;
width: 49%;
float: left;
margin-right: 2%;
margin-bottom: 2%;
}
.main .product .content .slideTxtBox .bd li .list:hover .img img {
transform: scale(1.1);
}
.main .product .content .slideTxtBox .bd li .list:hover p {
color: #fff;
background: #ed7020;
}
.main .product .content .slideTxtBox .bd li .list .img {
overflow: hidden;
}
.main .product .content .slideTxtBox .bd li .list .img img {
width: 100%;
transition: 0.4s;
}
.main .product .content .slideTxtBox .bd li .list p {
font-size: 1.8rem;
color: #2b2b2b;
margin: 0;
padding: 3% 0;
text-align: center;
border-top: 1px solid #eee;
transition: 0.4s;
}
.main .product .content .slideTxtBox .bd li .list:nth-child(4) {
margin-right: 0;
}
.main .product .content .slideTxtBox .bd li .list:nth-child(2) {
margin-right: 0;
}
}
.main .about .left {
width: 50%;
float: left;
position: relative;
}
.main .about .left img {
width: 100%;
}
.main .about .left .txt-box {
width: 74.5%;
position: absolute;
top: 15%;
left: 18%;
}
.main .about .left .txt-box h4 {
font-size: 4.8rem;
color: #fff;
text-transform: uppercase;
}
.main .about .left .txt-box b {
display: block;
width: 40px;
height: 1px;
background: #ed7020;
margin: 4% 0;
}
.main .about .left .txt-box .txt {
margin: 8% 0;
}
.main .about .left .txt-box .txt p {
font-size: 1.5rem;
color: #fff;
line-height: 190%;
margin-bottom: 3%;
}
.main .about .left .txt-box a {
display: block;
width: 130px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 1.6rem;
color: #fff;
background: #ed7020;
}
.main .about .right {
width: 50%;
float: right;
position: relative;
}
.main .about .right img {
width: 100%;
}
.main .about .right .video {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.main .about .right .video a {
display: block;
width: 100%;
height: 100%;
}
@media (max-width: 1600px) {
.main .about .left .txt-box {
top: 10%;
}
}
@media (max-width: 1370px) {
.main .about .left .txt-box {
width: 80%;
top: 8%;
}
.main .about .left .txt-box .txt {
margin: 6% 0;
}
}
@media (max-width: 1250px) {
.main .about .left .txt-box {
width: 88.5%;
top: 5%;
left: 8%;
}
.main .about .left .txt-box h4 {
font-size: 4rem;
}
.main .about .left .txt-box .txt {
margin: 5% 0;
}
.main .about .left .txt-box .txt p {
font-size: 1.5rem;
margin-bottom: 3%;
}
.main .about .left .txt-box a {
width: 100px;
}
}
@media (max-width: 1150px) {
.main .about .left .txt-box .txt p {
display: none;
}
.main .about .left .txt-box .txt p:first-child {
display: block;
}
}
@media (max-width: 768px) {
.main .about .left {
width: 100%;
float: left;
position: relative;
}
.main .about .left .txt-box .txt p {
display: none;
}
.main .about .left .txt-box .txt p:first-child {
display: block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.main .about .right {
width: 100%;
float: right;
position: relative;
}
.main .about .right img {
width: 100%;
}
.main .about .right .video {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.main .about .right .video a {
display: block;
width: 100%;
height: 100%;
}
}
.main .news {
padding: 4.5% 0 5%;
width: 94.1666666%;
margin: 0 auto;
}
.main .news .tit h5 {
height: 40px;
line-height: 40px;
display: inline-block;
padding-right: 18px;
background: url("../images/product-tit-bg_03.jpg") no-repeat right center;
font-size: 2.4rem;
color: #010101;
float: left;
}
.main .news .tit a {
font-size: 1.8rem;
color: #ed7020;
float: right;
padding-top: 21px;
}
.main .news .content .slideTxtBox2 .hd {
height: 40px;
line-height: 40px;
margin: -49px 0 0 8%;
}
.main .news .content .slideTxtBox2 .hd ul li {
display: inline-block;
*display: inline;
*zoom: 1;
width: 150px;
text-align: center;
cursor: pointer;
font-size: 1.8rem;
color: #232323;
margin: 0 6px;
height: 40px;
line-height: 40px;
background: #eee;
}
.main .news .content .slideTxtBox2 .hd ul li.on {
background: #ed7020;
color: #fff;
}
.main .news .content .slideTxtBox2 .bd {
zoom: 1;
margin: 3.5% 0;
}
.main .news .content .slideTxtBox2 .bd li .list {
position: relative;
width: 24%;
float: left;
margin-right: 1.3333333%;
}
.main .news .content .slideTxtBox2 .bd li .list:hover .img img {
transform: scale(1.08);
}
.main .news .content .slideTxtBox2 .bd li .list:hover .txt h6 {
color: #ed7020;
}
.main .news .content .slideTxtBox2 .bd li .list:hover .txt span {
background: #ed7020;
color: #fff;
}
.main .news .content .slideTxtBox2 .bd li .list .img {
overflow: hidden;
}
.main .news .content .slideTxtBox2 .bd li .list .img img {
width: 100%;
transition: 0.5s;
}
.main .news .content .slideTxtBox2 .bd li .list .txt h6 {
font-size: 1.8rem;
color: #171717;
padding: 5% 0 4%;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .news .content .slideTxtBox2 .bd li .list .txt p {
font-size: 1.4rem;
color: #747474;
line-height: 180%;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.main .news .content .slideTxtBox2 .bd li .list .txt span {
width: 110px;
height: 30px;
line-height: 30px;
text-align: center;
display: block;
background: #eee;
font-size: 1.4rem;
color: #4c4c4c;
}
.main .news .content .slideTxtBox2 .bd li .list:nth-child(4) {
margin-right: 0;
}
@media (max-width: 992px) {
.main .news {
padding: 2.5% 0 4%;
width: 94.1666666%;
margin: 0 auto;
}
.main .news .tit h5 {
background: none;
}
.main .news .content .slideTxtBox2 .hd {
height: 40px;
line-height: 40px;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 768px) {
.main .news .content .slideTxtBox2 .bd li .list {
position: relative;
width: 49%;
float: left;
margin: 0 2% 2% 0;
}
.main .news .content .slideTxtBox2 .bd li .list .txt p {
-webkit-line-clamp: 2;
}
.main .news .content .slideTxtBox2 .bd li .list:nth-child(4) {
margin-right: 0;
}
.main .news .content .slideTxtBox2 .bd li .list:nth-child(2) {
margin-right: 0;
}
}
.footer {
background: #ed7020;
}
.footer .footer-content {
width: 94.1666666%;
margin: 0 auto;
padding: 70px 0 10px;
}
.footer .footer-content .logo-box {
width: 13.55555%;
float: left;
}
.footer .footer-content .logo-box img {
max-width: 100%;
}
.footer .footer-content .logo-box img:nth-child(2) {
margin: 70px 0 0 20%;
}
.footer .footer-content .list {
margin: 0 0.7%;
height: 298px;
border: 1px solid #ff8b41;
width: 11%;
text-align: center;
float: left;
}
.footer .footer-content .list h5 {
font-size: 1.8rem;
color: #fff;
margin: -22px auto 0;
display: inline-block;
*display: inline;
*zoom: 1;
height: 45px;
line-height: 45px;
background: #ff8b41;
padding: 0 13%;
}
.footer .footer-content .list ul {
margin-top: 25px;
}
.footer .footer-content .list li {
font-size: 1.6rem;
color: #fff;
line-height: 30px;
}
.footer .footer-content .list li a {
color: #fff;
}
.footer .footer-content .list li a:hover {
color: #ccc;
}
.footer .footer-content .list li span {
display: block;
padding-left: 96px;
}
.footer .footer-content .list:nth-child(2) {
margin: 0 0.7% 0 5%;
}
.footer .footer-content .list:nth-child(6) {
width: 30.5%;
margin-right: 0;
}
.footer .footer-content .list:nth-child(6) ul {
padding-left: 10%;
text-align: left;
}
@media (max-width: 1600px) {
.footer .footer-content .list:nth-child(6) ul {
padding-left: 3%;
}
}
@media (max-width: 1560px) {
.footer .footer-content {
width: 94.1666666%;
margin: 0 auto;
padding: 70px 0 10px;
}
.footer .footer-content .list {
margin: 0 0.7%;
}
.footer .footer-content .list ul {
margin-top: 25px;
}
.footer .footer-content .list li {
font-size: 1.4rem;
}
.footer .footer-content .list li span {
padding-left: 84px;
}
.footer .footer-content .list:nth-child(2) {
margin: 0 0.7% 0 5%;
}
}
@media (max-width: 1100px) {
.footer .footer-content {
width: 94.1666666%;
margin: 0 auto;
padding: 70px 0 10px;
}
.footer .footer-content .logo-box {
width: 13.55555%;
float: left;
}
.footer .footer-content .logo-box img {
max-width: 100%;
}
.footer .footer-content .logo-box img:nth-child(2) {
margin: 70px 0 0 20%;
}
.footer .footer-content .list {
margin: 0 0.7%;
height: 298px;
border: 1px solid #ff8b41;
width: 19%;
text-align: center;
float: left;
}
.footer .footer-content .list h5 {
font-size: 1.8rem;
color: #fff;
margin: -22px auto 0;
display: inline-block;
*display: inline;
*zoom: 1;
height: 45px;
line-height: 45px;
background: #ff8b41;
padding: 0 13%;
}
.footer .footer-content .list ul {
margin-top: 25px;
}
.footer .footer-content .list li {
font-size: 1.6rem;
color: #fff;
line-height: 30px;
}
.footer .footer-content .list li a {
color: #fff;
}
.footer .footer-content .list li a:hover {
color: #ccc;
}
.footer .footer-content .list li span {
display: block;
padding-left: 96px;
}
.footer .footer-content .list:nth-child(2) {
margin: 0 0.7% 0 5%;
}
.footer .footer-content .list:nth-child(6) {
width: 97.5%;
margin: 4% auto 0;
float: right;
margin-right: 1.3%;
}
.footer .footer-content .list:nth-child(6) ul {
padding-left: 10%;
text-align: left;
}
}
@media (max-width: 768px) {
.footer {
padding: 0;
}
.footer .footer-con2 {
background: #ed7020;
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: #ed7020 url("../images/lit_07.png") no-repeat right center;
background-position: right 26px top 28px;
margin: 0;
font-weight: 500;
color: #fff;
font-size: 15px;
border-bottom: 1px solid #ececec;
padding: 18px 26px 18px 24px;
}
.footer .footer-con2 .list-con {
display: none;
}
.footer .footer-con2 .list-con a {
color: #fff;
margin: 0;
background: #ed7020;
text-decoration: none;
display: block;
border-bottom: 1px solid #ececec;
font-size: 14px;
padding: 12px 26px 12px 24px;
}
.footer .footer-con2 .list-con a:hover {
color: #ea2626;
}
.footer .footer-con2 .list-con li {
color: #333;
border-bottom: 1px solid #ececec;
font-size: 14px;
padding: 12px 26px 12px 24px;
background: #edf2f8;
}
.footer .footer-con2 .footer-form {
position: relative;
}
.footer .footer-con2 .footer-form .txt {
height: 45px;
line-height: 45px;
border: none;
padding: 0 10px 0 60px;
width: 100%;
background: #ffffff url("../images/mail_03.jpg") no-repeat left center;
}
.footer .footer-con2 .footer-form .submit {
position: absolute;
top: 0;
right: 3%;
border: none;
cursor: pointer;
width: 20px;
height: 45px;
background: url("../images/mail-arrow_03.jpg") no-repeat center;
}
.footer .footer-con2 .link {
display: none;
color: #333;
border-bottom: 1px solid #aaa;
font-size: 14px;
padding: 12px 26px 12px 24px;
background: #2a2a2a;
}
.footer .footer-con2 .link a {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 3% 0 0;
}
}
.footer .footer-bot {
line-height: 65px;
background: #ed7020;
font-size: 1.6rem;
}
.footer .footer-bot .content {
width: 94.1666666%;
margin: 0 auto;
}
.footer .footer-bot .left {
float: left;
}
.footer .footer-bot .left a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 50px;
}
.footer .footer-bot .right {
float: right;
}
.footer .footer-bot .right a {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 3px;
}
.footer .footer-bot p {
margin: 0;
color: #fff;
}
.footer .footer-bot a {
color: #fff;
}
.footer .footer-bot a:hover {
color: #ccc;
}
@media (max-width: 1560px) {
.footer .footer-bot {
font-size: 1.4rem;
}
}
@media (max-width: 768px) {
.footer .footer-bot {
padding: 6px 0;
line-height: 24px;
background: #ed7020;
text-align: center;
}
.footer .footer-bot .left {
float: none;
text-align: center;
}
.footer .footer-bot .left a {
margin: 0 10px;
}
.footer .footer-bot p {
margin: 0;
font-size: 1.3rem;
color: #fff;
}
.footer .footer-bot a {
position: static;
}
}
.footer .returnTop {
z-index: 999;
display: block;
cursor: pointer;
position: fixed;
bottom: 90px;
right: 30px;
opacity: 0;
width: 60px;
height: 60px;
background: url("../images/return-top_03.jpg") 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-top_03.jpg") no-repeat center;
}
}
/*ins-style*/
.ins-main .ins-ad img {
width: 100%;
}
.ins-main .show-nav {
height: 70px;
line-height: 70px;
background: #fff;
}
.ins-main .show-nav p {
margin: 0;
font-size: 1.6rem;
color: #474747;
margin-left: 20px;
padding-left: 32px;
background: url("../images/location_03.jpg") no-repeat left center;
}
.ins-main .show-nav p a {
color: #474747;
}
.ins-main .show-nav p a:hover {
color: #ed7020;
}
.ins-main .show-nav p .active {
color: #ed7020;
}
@media (max-width: 768px) {
.ins-main .show-nav {
height: 50px;
line-height: 50px;
background: #fff;
}
.ins-main .show-nav p {
margin: 0;
font-size: 1.6rem;
color: #474747;
margin-left: 0px;
padding-left: 32px;
background: url("../images/location_03.jpg") no-repeat left center;
}
.ins-main .show-nav p a {
color: #474747;
}
.ins-main .show-nav p a:hover {
color: #ed7020;
}
.ins-main .show-nav p .active {
color: #ed7020;
}
}
.ins-main .ins-nav {
height: 79px;
line-height: 79px;
border-bottom: 1px solid #f7f7f7;
background: #f7f7f7;
}
.ins-main .ins-nav p {
margin: 0;
font-size: 1.6rem;
color: #474747;
float: right;
padding-left: 32px;
background: url("../images/location_03.jpg") no-repeat left center;
}
.ins-main .ins-nav p a {
color: #474747;
}
.ins-main .ins-nav p a:hover {
color: #ed7020;
}
.ins-main .ins-nav p .active {
color: #ed7020;
}
.ins-main .ins-nav .link-nav {
float: left;
text-align: left;
}
.ins-main .ins-nav .link-nav ul {
margin: 0;
}
.ins-main .ins-nav .link-nav li {
font-size: 1.8rem;
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
float: left;
}
.ins-main .ins-nav .link-nav li a {
padding: 0 2.8rem;
color: #191919;
display: block;
transition: 0.4s;
}
.ins-main .ins-nav .link-nav li a:hover {
background: #ed7020;
color: #fff;
}
.ins-main .ins-nav .link-nav .active a {
color: #fff;
background: #ed7020;
}
@media (max-width: 1200px) {
.ins-main .ins-nav {
height: 59px;
line-height: 59px;
}
.ins-main .ins-nav .link-nav li a {
padding: 0 2rem;
}
}
@media (max-width: 768px) {
.ins-main .ins-nav {
height: auto;
line-height: 30px;
padding: 10px 0;
}
.ins-main .ins-nav p {
margin: 0;
font-size: 1.6rem;
color: #474747;
float: none;
padding-left: 32px;
background: url("../images/location_03.jpg") no-repeat left center;
}
.ins-main .ins-nav p a {
color: #474747;
}
.ins-main .ins-nav p a:hover {
color: #ed7020;
}
.ins-main .ins-nav .link-nav {
float: none;
text-align: center;
width: 100%;
margin-top: 15px;
}
.ins-main .ins-nav .link-nav ul {
margin: 0;
}
.ins-main .ins-nav .link-nav li {
font-size: 1.8rem;
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
float: none;
margin-bottom: 5px;
}
.ins-main .ins-nav .link-nav li a {
padding: 0 2.8rem;
color: #191919;
display: block;
transition: 0.4s;
}
.ins-main .ins-nav .link-nav li a:hover {
background: #ed7020;
color: #fff;
}
.ins-main .ins-nav .link-nav .active a {
color: #fff;
background: #ed7020;
}
}
.ins-main .ins-con {
padding: 2% 0;
}
.ins-main .ins-con .ins-lf {
width: 23%;
float: left;
}
.ins-main .ins-con .ins-lf .tit {
height: 80px;
background: #ed7020;
color: #fff;
padding: 16px 0 0 20px;
}
.ins-main .ins-con .ins-lf .tit h5 {
font-size: 2.4rem;
text-transform: uppercase;
margin: 0 0 3px 0;
}
.ins-main .ins-con .ins-lf .tit p {
font-size: 1.6rem;
}
.ins-main .ins-con .ins-lf ul {
background: #f7f7f7;
padding: 20px 0;
}
.ins-main .ins-con .ins-lf .sub-nav {
height: auto;
line-height: 62px;
border-bottom: 1px solid #ebebeb;
background: url("../images/lf-nav_03.jpg") no-repeat 88% 30px;
}
.ins-main .ins-con .ins-lf .sub-nav a {
display: block;
padding-left: 22px;
transition: 0.4s;
font-size: 1.6rem;
color: #252525;
background: url("../images/lf-arrow_03.png") no-repeat 80% center;
}
.ins-main .ins-con .ins-lf .sub-nav a:hover {
color: #ed7020;
}
.ins-main .ins-con .ins-lf .sub-nav ul {
background: #fff;
display: none;
padding: 16px 0;
border: 1px solid #f0f0f0;
border-bottom: none;
}
.ins-main .ins-con .ins-lf .sub-nav ul li {
line-height: 30px;
border-bottom: 1px dashed #fff;
}
.ins-main .ins-con .ins-lf .sub-nav ul li a {
display: block;
font-size: 1.4rem;
color: #252525;
padding-left: 22px;
}
.ins-main .ins-con .ins-lf .sub-nav ul li a:hover {
color: #ed7020;
}
.ins-main .ins-con .ins-lf .sub-nav ul li:last-child {
border-bottom: none;
}
.ins-main .ins-con .ins-lf .sub-nav-active {
background: url("../images/lf-nav_06.jpg") no-repeat 88% 30px;
}
.ins-main .ins-con .ins-lf .sub-nav:last-child {
border-bottom: none;
}
.ins-main .ins-con .ins-lf .active ul {
display: block;
}
.ins-main .ins-con .ins-lf .active a {
color: #fff;
background: #c10002 url("../images/lf-arrow_05.png") no-repeat 80% center;
}
.ins-main .ins-con .ins-lf .contact {
padding-top: 10px;
}
.ins-main .ins-con .ins-lf .contact .list {
height: 74px;
border-bottom: 1px solid #ebebeb;
padding: 16px 0 0 22px;
background: #f7f7f7;
}
.ins-main .ins-con .ins-lf .contact .list p {
font-size: 1.4rem;
color: #262626;
margin-bottom: 5px;
}
.ins-main .ins-con .ins-lf .contact .list:last-child {
border: none;
}
.ins-main .ins-con .ins-rt {
width: 75%;
float: right;
}
@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 ul {
background: #f7f7f7;
padding: 10px 0;
}
.ins-main .ins-con .ins-lf .sub-nav {
height: auto;
line-height: 62px;
border-bottom: 1px solid #ebebeb;
background: url("../images/lf-nav_03.jpg") no-repeat 88% 30px;
}
.ins-main .ins-con .ins-lf .sub-nav a {
display: block;
padding-left: 22px;
transition: 0.4s;
font-size: 1.6rem;
color: #252525;
background: url("../images/lf-arrow_03.png") no-repeat 80% center;
}
.ins-main .ins-con .ins-lf .sub-nav a:hover {
color: #ed7020;
}
.ins-main .ins-con .ins-lf .sub-nav ul {
background: #fff;
display: none;
padding: 16px 0;
border: 1px solid #f0f0f0;
border-bottom: none;
}
.ins-main .ins-con .ins-lf .sub-nav ul li {
line-height: 30px;
border-bottom: 1px dashed #fff;
}
.ins-main .ins-con .ins-lf .sub-nav ul li a {
display: block;
font-size: 1.4rem;
color: #252525;
padding-left: 22px;
}
.ins-main .ins-con .ins-lf .sub-nav ul li a:hover {
color: #ed7020;
}
.ins-main .ins-con .ins-lf .sub-nav ul li:last-child {
border-bottom: none;
}
.ins-main .ins-con .ins-lf .active a {
color: #fff;
background: #c10002 url("../images/lf-arrow_05.png") no-repeat 90% center;
}
.ins-main .ins-con .ins-rt {
width: 100%;
float: right;
}
}
.ins-main .ins-solution {
padding: 2% 0;
}
.ins-main .ins-solution li {
padding: 15px;
transition: 0.4s;
background: #f7f7f7;
margin-bottom: 3%;
}
.ins-main .ins-solution li:hover {
background: #ed7020;
}
.ins-main .ins-solution li:hover .txt h6 {
color: #fff;
}
.ins-main .ins-solution li:hover .txt p {
color: #fff;
}
.ins-main .ins-solution li .img {
width: 41%;
float: left;
}
.ins-main .ins-solution li .img img {
width: 100%;
}
.ins-main .ins-solution li .txt {
width: 56.1%;
float: right;
}
.ins-main .ins-solution li .txt h6 {
font-size: 1.8rem;
color: #2e2e2e;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-solution li .txt p {
font-size: 1.4rem;
color: #6f6f6f;
line-height: 230%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.ins-main .ins-solution li .txt span {
display: block;
font-size: 1.4rem;
color: #2e2e2e;
border: 1px solid #efefef;
margin-top: 15px;
width: 108px;
height: 28px;
line-height: 28px;
text-align: center;
background: #fff;
}
@media (max-width: 992px) {
.ins-main .ins-solution {
padding: 2% 0;
}
.ins-main .ins-solution li .txt p {
-webkit-line-clamp: 4;
}
}
@media (max-width: 768px) {
.ins-main .ins-solution {
padding: 2% 0;
}
.ins-main .ins-solution li .img {
width: 100%;
}
.ins-main .ins-solution li .txt {
width: 100%;
}
.ins-main .ins-solution li .txt p {
-webkit-line-clamp: 4;
}
}
.ins-main .ins-service .img-box {
margin-bottom: 2%;
}
.ins-main .ins-service img {
width: 100%;
}
.ins-main .ins-about {
padding: 3% 0 4%;
}
.ins-main .ins-about .content .img-box .left {
float: left;
width: 49.58%;
}
.ins-main .ins-about .content .img-box .left img {
width: 100%;
}
.ins-main .ins-about .content .img-box .right {
float: right;
width: 49.58%;
}
.ins-main .ins-about .content .img-box .right img {
width: 100%;
}
.ins-main .ins-about .content .txt-box {
margin: 3% 0;
}
.ins-main .ins-about .content .txt-box p {
font-size: 1.6rem;
color: #28262b;
text-indent: 32px;
line-height: 240%;
margin-bottom: 3%;
}
.ins-main .ins-about .honor {
margin-top: 50px;
}
.ins-main .ins-about .honor h6 {
width: 170px;
text-align: center;
height: 55px;
line-height: 55px;
background: #ed7020;
color: #fff;
font-size: 1.8rem;
margin-bottom: 40px;
}
.ins-main .ins-about .honor .honor-box {
padding: 10px;
border: 1px solid #f5f5f5;
position: relative;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor {
overflow: hidden;
position: relative;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide {
cursor: pointer;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide:hover .masking {
opacity: 1;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img-box {
padding: 10px 8px;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img-bg img {
width: 100%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img {
width: 76.9%;
position: absolute;
top: 8%;
left: 11.5%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img img {
width: 100%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .masking {
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
opacity: 0;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .masking img {
width: 100%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide p {
font-size: 1.6rem;
color: #242424;
text-align: center;
margin-top: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-about .honor .honor-box .swiper-button-next-honor {
position: absolute;
top: 40%;
right: 0px;
cursor: pointer;
z-index: 2;
width: 42px;
height: 42px;
background: url("../images/honor-next_03.png") no-repeat center;
}
.ins-main .ins-about .honor .honor-box .swiper-button-next-honor:hover {
background: url("../images/honor-next2_03.png") no-repeat center;
}
.ins-main .ins-about .honor .honor-box .swiper-button-prev-honor {
position: absolute;
top: 40%;
left: 0px;
cursor: pointer;
z-index: 2;
width: 44px;
height: 44px;
background: url("../images/honor-prev_03.png") no-repeat center;
}
.ins-main .ins-about .honor .honor-box .swiper-button-prev-honor:hover {
background: url("../images/honor-prev2_03.png") no-repeat center;
}
@media (max-width: 1200px) {
.ins-main .ins-about {
padding: 3% 0 4%;
}
.ins-main .ins-about .honor {
margin-top: 50px;
}
.ins-main .ins-about .honor h6 {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
}
}
@media (max-width: 768px) {
.ins-main .ins-about {
padding: 3% 0 4%;
}
.ins-main .ins-about .content .img-box .left {
float: left;
width: 100%;
margin-bottom: 10px;
}
.ins-main .ins-about .content .img-box .right {
float: right;
width: 100%;
}
.ins-main .ins-about .honor {
margin-top: 20px;
}
.ins-main .ins-about .honor h6 {
width: 100px;
text-align: center;
height: 35px;
line-height: 35px;
background: #ed7020;
color: #fff;
font-size: 1.6rem;
margin-bottom: 40px;
}
.ins-main .ins-about .honor .honor-box {
padding: 10px;
border: 1px solid #f5f5f5;
position: relative;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor {
overflow: hidden;
position: relative;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide {
cursor: pointer;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide:hover .masking {
opacity: 1;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img-box {
padding: 10px 8px;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img-bg img {
width: 100%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img {
width: 76.9%;
position: absolute;
top: 8%;
left: 11.5%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .img img {
width: 100%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .masking {
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
opacity: 0;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide .masking img {
width: 100%;
}
.ins-main .ins-about .honor .honor-box .swiper-container-honor .swiper-slide p {
font-size: 1.6rem;
color: #242424;
text-align: center;
margin-top: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-about .honor .honor-box .swiper-button-next-honor {
position: absolute;
top: 40%;
right: 0px;
cursor: pointer;
z-index: 2;
width: 42px;
height: 42px;
background: url("../images/honor-next_03.png") no-repeat center;
}
.ins-main .ins-about .honor .honor-box .swiper-button-next-honor:hover {
background: url("../images/honor-next2_03.png") no-repeat center;
}
.ins-main .ins-about .honor .honor-box .swiper-button-prev-honor {
position: absolute;
top: 40%;
left: 0px;
cursor: pointer;
z-index: 2;
width: 44px;
height: 44px;
background: url("../images/honor-prev_03.png") no-repeat center;
}
.ins-main .ins-about .honor .honor-box .swiper-button-prev-honor:hover {
background: url("../images/honor-prev2_03.png") no-repeat center;
}
}
.ins-main .ins-culture {
padding: 3% 0 3%;
}
.ins-main .ins-culture .value {
padding-bottom: 2%;
}
.ins-main .ins-culture .value h5 {
width: 170px;
text-align: center;
height: 55px;
line-height: 55px;
background: #ed7020;
color: #fff;
font-size: 1.8rem;
margin-bottom: 40px;
}
.ins-main .ins-culture .value .list-box li {
width: 31.8333333%;
float: left;
text-align: center;
margin-right: 2.25%;
}
.ins-main .ins-culture .value .list-box li .img img {
width: 100%;
}
.ins-main .ins-culture .value .list-box li .txt {
margin: 8% 0;
}
.ins-main .ins-culture .value .list-box li .txt h6 {
font-size: 1.8rem;
color: #1d1d1d;
}
.ins-main .ins-culture .value .list-box li .txt p {
font-size: 1.4rem;
color: #717171;
}
.ins-main .ins-culture .value .list-box li:nth-child(3n+3) {
margin-right: 0;
}
.ins-main .ins-culture .xundao {
height: 460px;
background: url("../images/xundao_02.jpg") no-repeat center;
}
.ins-main .ins-culture .xundao h5 {
width: 170px;
text-align: center;
height: 55px;
line-height: 55px;
background: #ed7020;
color: #fff;
font-size: 1.8rem;
margin: 70px 0 50px;
}
.ins-main .ins-culture .xundao li {
width: 31.8333333%;
float: left;
text-align: center;
margin-right: 2.25%;
height: 52px;
line-height: 52px;
background: #fff;
transition: 0.4s;
font-size: 1.6rem;
color: #454545;
margin-bottom: 28px;
}
.ins-main .ins-culture .xundao li:hover {
background: #ed7020;
color: #fff;
}
.ins-main .ins-culture .xundao li:nth-child(3n+3) {
margin-right: 0;
}
.ins-main .ins-culture .xintai h5 {
width: 170px;
text-align: center;
height: 55px;
line-height: 55px;
background: #ed7020;
color: #fff;
font-size: 1.8rem;
margin: 70px 0 50px;
}
.ins-main .ins-culture .xintai li {
float: left;
height: 120px;
margin-bottom: 28px;
margin-right: 40px;
}
.ins-main .ins-culture .xintai li .number {
width: 120px;
height: 120px;
border-radius: 120px;
float: left;
background: #ed7020;
text-align: center;
color: #fff;
}
.ins-main .ins-culture .xintai li .number p {
font-size: 1.6rem;
padding: 33px 0 0px;
margin-bottom: 6px;
}
.ins-main .ins-culture .xintai li .number h4 {
font-size: 3rem;
font-weight: 600;
margin-top: 6px;
}
.ins-main .ins-culture .xintai li .txt {
width: 503px;
background: #f7f7f7;
margin-left: 60px;
height: 120px;
}
.ins-main .ins-culture .xintai li .txt p {
font-size: 1.6rem;
color: #454545;
line-height: 30px;
padding: 32px 35px 0 90px;
}
.ins-main .ins-culture .xintai li:nth-child(2n+2) {
margin-right: 0;
}
@media (max-width: 1200px) {
.ins-main .ins-culture .value h5 {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
}
.ins-main .ins-culture .xundao h5 {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
}
.ins-main .ins-culture .xintai h5 {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
}
.ins-main .ins-culture .xintai li {
float: left;
height: 100px;
margin-bottom: 28px;
margin-right: 40px;
}
.ins-main .ins-culture .xintai li .number {
width: 100px;
height: 100px;
border-radius: 100px;
float: left;
background: #ed7020;
text-align: center;
color: #fff;
}
.ins-main .ins-culture .xintai li .number p {
font-size: 1.6rem;
padding: 26px 0 0px;
margin-bottom: 6px;
}
.ins-main .ins-culture .xintai li .number h4 {
font-size: 3rem;
font-weight: 600;
margin-top: 6px;
}
.ins-main .ins-culture .xintai li .txt {
width: 400px;
background: #f7f7f7;
margin-left: 50px;
height: 100px;
}
.ins-main .ins-culture .xintai li .txt p {
font-size: 1.6rem;
color: #454545;
line-height: 30px;
padding: 20px 35px 0 80px;
}
.ins-main .ins-culture .xintai li:nth-child(2n+2) {
margin-right: 0;
}
}
@media (max-width: 992px) {
.ins-main .ins-culture .value h5 {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
}
.ins-main .ins-culture .xundao h5 {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
}
.ins-main .ins-culture .xintai h5 {
width: 130px;
text-align: center;
height: 50px;
line-height: 50px;
}
.ins-main .ins-culture .xintai li {
float: left;
height: 80px;
margin-bottom: 28px;
margin-right: 40px;
}
.ins-main .ins-culture .xintai li .number {
width: 80px;
height: 80px;
border-radius: 80px;
float: left;
background: #ed7020;
text-align: center;
color: #fff;
}
.ins-main .ins-culture .xintai li .number p {
font-size: 1.6rem;
padding: 20px 0 0px;
margin-bottom: 6px;
}
.ins-main .ins-culture .xintai li .number h4 {
font-size: 3rem;
font-weight: 600;
margin-top: 6px;
}
.ins-main .ins-culture .xintai li .txt {
width: 300px;
background: #f7f7f7;
margin-left: 40px;
height: 80px;
}
.ins-main .ins-culture .xintai li .txt p {
font-size: 1.6rem;
color: #454545;
line-height: 23px;
padding: 20px 35px 0 50px;
}
.ins-main .ins-culture .xintai li:nth-child(2n+2) {
margin-right: 0;
}
}
@media (max-width: 768px) {
.ins-main .ins-culture .value h5 {
width: 100px;
text-align: center;
height: 35px;
line-height: 35px;
background: #ed7020;
color: #fff;
font-size: 1.6rem;
margin-bottom: 40px;
}
.ins-main .ins-culture .value .list-box li {
width: 100%;
float: left;
text-align: center;
margin-right: 0%;
}
.ins-main .ins-culture .value .list-box li .img img {
width: 100%;
}
.ins-main .ins-culture .value .list-box li .txt {
margin: 5% 0;
}
.ins-main .ins-culture .value .list-box li .txt h6 {
font-size: 1.8rem;
color: #1d1d1d;
}
.ins-main .ins-culture .value .list-box li .txt p {
font-size: 1.4rem;
color: #717171;
}
.ins-main .ins-culture .value .list-box li:nth-child(3n+3) {
margin-right: 0%;
}
.ins-main .ins-culture .value .list-box li:nth-child(2n+2) {
margin-right: 0%;
}
.ins-main .ins-culture .xundao {
padding-bottom: 15px;
height: auto;
background: url("../images/xundao_02.jpg") no-repeat center;
background-size: cover;
}
.ins-main .ins-culture .xundao h5 {
width: 100px;
text-align: center;
height: 35px;
line-height: 35px;
background: #ed7020;
color: #fff;
font-size: 1.6rem;
margin: 30px 0;
}
.ins-main .ins-culture .xundao li {
width: 49%;
float: left;
text-align: center;
margin-right: 2%;
height: 35px;
line-height: 35px;
background: #fff;
transition: 0.4s;
font-size: 1.6rem;
color: #454545;
margin-bottom: 18px;
}
.ins-main .ins-culture .xundao li:hover {
background: #ed7020;
color: #fff;
}
.ins-main .ins-culture .xundao li:nth-child(3n+3) {
margin-right: 2%;
}
.ins-main .ins-culture .xundao li:nth-child(2n+2) {
margin-right: 0%;
}
.ins-main .ins-culture .xintai h5 {
width: 100px;
text-align: center;
height: 35px;
line-height: 35px;
background: #ed7020;
color: #fff;
font-size: 1.6rem;
margin: 30px 0;
}
.ins-main .ins-culture .xintai li {
float: left;
height: 80px;
margin-bottom: 28px;
margin-right: 40px;
}
.ins-main .ins-culture .xintai li .number {
width: 80px;
height: 80px;
border-radius: 80px;
float: left;
background: #ed7020;
text-align: center;
color: #fff;
}
.ins-main .ins-culture .xintai li .number p {
font-size: 1.6rem;
padding: 17px 0 0px;
margin-bottom: 6px;
}
.ins-main .ins-culture .xintai li .number h4 {
font-size: 3rem;
font-weight: 600;
margin-top: 6px;
}
.ins-main .ins-culture .xintai li .txt {
width: 290px;
background: #f7f7f7;
margin-left: 40px;
height: 80px;
}
.ins-main .ins-culture .xintai li .txt p {
font-size: 1.6rem;
color: #454545;
line-height: 23px;
padding: 20px 35px 0 50px;
}
.ins-main .ins-culture .xintai li:nth-child(2n+2) {
margin-right: 0;
}
}
.ins-main .ins-contact {
padding: 3% 0;
}
.ins-main .ins-contact .contact-top .lf {
width: 50%;
float: left;
}
.ins-main .ins-contact .contact-top .lf h6 {
font-size: 2.4rem;
color: #ed7020;
}
.ins-main .ins-contact .contact-top .lf b {
display: block;
width: 65px;
height: 1px;
background: #ed7020;
margin: 25px 0 20px;
}
.ins-main .ins-contact .contact-top .lf ul {
margin: 30px 0;
}
.ins-main .ins-contact .contact-top .lf li {
font-size: 1.6rem;
color: #404040;
line-height: 220%;
}
.ins-main .ins-contact .contact-top .lf p {
font-size: 1.6rem;
color: #404040;
}
.ins-main .ins-contact .contact-top .rt {
width: 50%;
float: right;
}
.ins-main .ins-contact .contact-top .rt img {
width: 100%;
}
.ins-main .ins-contact .map-box {
padding: 3% 0;
background: #f7f7f7;
}
.ins-main .ins-contact .map-box .amap-toolbar {
display: none;
}
.ins-main .ins-contact .map-box .amap-overviewcontrol {
display: none;
}
.ins-main .ins-contact .map-box .map-one {
padding: 14px;
background: #fff;
width: 49%;
float: left;
}
.ins-main .ins-contact .map-box .map-one p {
font-size: 1.6rem;
color: #404040;
text-align: center;
margin: 18px 0 10px;
}
.ins-main .ins-contact .map-box .map-two {
padding: 14px;
background: #fff;
width: 49%;
float: right;
}
.ins-main .ins-contact .map-box .map-two p {
font-size: 1.6rem;
color: #404040;
text-align: center;
margin: 18px 0 10px;
}
.ins-main .ins-contact .map-box .my-map {
margin: 0 auto;
width: 100%;
height: 400px;
}
.ins-main .ins-contact .map-box .my-map .icon {
background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.ins-main .ins-contact .map-box .my-map .icon-cir {
height: 31px;
width: 28px;
}
.ins-main .ins-contact .map-box .my-map .icon-cir-red {
background-position: -11px -5px;
}
.ins-main .ins-contact .map-box .amap-container {
height: 100%;
}
.ins-main .ins-contact .message h5 {
font-size: 2.4rem;
color: #ffffff;
margin: 5% 0;
background: #ed7020;
width: 200px;
height: 55px;
line-height: 55px;
text-align: center;
}
.ins-main .ins-contact .message ul:nth-child(1) {
width: 100%;
}
.ins-main .ins-contact .message ul:nth-child(1) li {
width: 33.33333333%;
float: left;
margin-bottom: 3%;
}
.ins-main .ins-contact .message ul:nth-child(1) li input:focus {
border: 1px solid #ed7020;
}
.ins-main .ins-contact .message ul:nth-child(1) li span {
display: inline-block;
*display: inline;
*zoom: 1;
width: 15%;
}
.ins-main .ins-contact .message ul:nth-child(1) li span sup {
color: #ff0000;
}
.ins-main .ins-contact .message ul:nth-child(1) li .txt {
width: 80%;
height: 38px;
line-height: 38px;
padding: 0 10px;
border: 1px solid #efefef;
}
.ins-main .ins-contact .message ul:nth-child(1) li:nth-child(3) {
margin-right: 0;
}
.ins-main .ins-contact .message ul:nth-child(2) {
clear: both;
}
.ins-main .ins-contact .message ul:nth-child(2) li {
margin-bottom: 3%;
}
.ins-main .ins-contact .message ul:nth-child(2) li span {
display: inline-block;
*display: inline;
*zoom: 1;
float: left;
width: 5%;
}
.ins-main .ins-contact .message ul:nth-child(2) li span sup {
color: #ff0000;
}
.ins-main .ins-contact .message ul:nth-child(2) li textarea {
width: 93.3%;
height: 120px;
border: 1px solid #efefef;
padding: 10px;
float: left;
}
.ins-main .ins-contact .message ul:nth-child(2) li textarea:focus {
border: 1px solid #ed7020;
}
.ins-main .ins-contact .message ul:nth-child(3) {
clear: both;
text-align: center;
}
.ins-main .ins-contact .message ul:nth-child(3) .submit {
width: 150px;
height: 40px;
cursor: pointer;
border: none;
margin: 3% auto 0;
background: #ed7020;
font-size: 1.4rem;
color: #fff;
}
@media (max-width: 768px) {
.ins-main .ins-contact {
padding: 3% 0;
}
.ins-main .ins-contact .contact-top .lf {
width: 100%;
float: left;
}
.ins-main .ins-contact .contact-top .lf h6 {
font-size: 2.4rem;
color: #ed7020;
}
.ins-main .ins-contact .contact-top .lf b {
display: block;
width: 65px;
height: 1px;
background: #ed7020;
margin: 25px 0 20px;
}
.ins-main .ins-contact .contact-top .lf ul {
margin: 30px 0;
}
.ins-main .ins-contact .contact-top .lf li {
font-size: 1.6rem;
color: #404040;
line-height: 220%;
}
.ins-main .ins-contact .contact-top .lf p {
font-size: 1.6rem;
color: #404040;
}
.ins-main .ins-contact .contact-top .rt {
width: 100%;
float: right;
}
.ins-main .ins-contact .contact-top .rt img {
width: 100%;
}
.ins-main .ins-contact .map-box {
padding: 3% 0;
background: #f7f7f7;
}
.ins-main .ins-contact .map-box .amap-toolbar {
display: none;
}
.ins-main .ins-contact .map-box .amap-overviewcontrol {
display: none;
}
.ins-main .ins-contact .map-box .map-one {
padding: 14px;
background: #fff;
width: 100%;
float: left;
margin-bottom: 15px;
}
.ins-main .ins-contact .map-box .map-one p {
font-size: 1.6rem;
color: #404040;
text-align: center;
margin: 18px 0 10px;
}
.ins-main .ins-contact .map-box .map-two {
padding: 14px;
background: #fff;
width: 100%;
float: right;
}
.ins-main .ins-contact .map-box .map-two p {
font-size: 1.6rem;
color: #404040;
text-align: center;
margin: 18px 0 10px;
}
.ins-main .ins-contact .map-box .my-map {
margin: 0 auto;
width: 100%;
height: 250px;
}
.ins-main .ins-contact .map-box .my-map .icon {
background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.ins-main .ins-contact .map-box .my-map .icon-cir {
height: 31px;
width: 28px;
}
.ins-main .ins-contact .map-box .my-map .icon-cir-red {
background-position: -11px -5px;
}
.ins-main .ins-contact .map-box .amap-container {
height: 100%;
}
.ins-main .ins-contact .message h5 {
font-size: 2rem;
color: #ffffff;
margin: 5% 0;
background: #ed7020;
width: 100px;
height: 45px;
line-height: 45px;
text-align: center;
}
.ins-main .ins-contact .message ul:nth-child(1) {
width: 100%;
}
.ins-main .ins-contact .message ul:nth-child(1) li {
width: 100%;
float: left;
margin-bottom: 3%;
}
.ins-main .ins-contact .message ul:nth-child(1) li input:focus {
border: 1px solid #ed7020;
}
.ins-main .ins-contact .message ul:nth-child(1) li span {
display: inline-block;
*display: inline;
*zoom: 1;
width: 15%;
}
.ins-main .ins-contact .message ul:nth-child(1) li span sup {
color: #ff0000;
}
.ins-main .ins-contact .message ul:nth-child(1) li .txt {
width: 80%;
height: 38px;
line-height: 38px;
padding: 0 10px;
border: 1px solid #efefef;
}
.ins-main .ins-contact .message ul:nth-child(1) li:nth-child(3) {
margin-right: 0;
}
.ins-main .ins-contact .message ul:nth-child(2) {
clear: both;
}
.ins-main .ins-contact .message ul:nth-child(2) li {
margin-bottom: 3%;
}
.ins-main .ins-contact .message ul:nth-child(2) li span {
display: inline-block;
*display: inline;
*zoom: 1;
float: left;
width: 15%;
}
.ins-main .ins-contact .message ul:nth-child(2) li span sup {
color: #ff0000;
}
.ins-main .ins-contact .message ul:nth-child(2) li textarea {
width: 80%;
height: 120px;
border: 1px solid #efefef;
padding: 10px;
float: left;
}
.ins-main .ins-contact .message ul:nth-child(2) li textarea:focus {
border: 1px solid #ed7020;
}
.ins-main .ins-contact .message ul:nth-child(3) {
clear: both;
text-align: center;
}
.ins-main .ins-contact .message ul:nth-child(3) .submit {
width: 150px;
height: 40px;
cursor: pointer;
border: none;
margin: 3% auto 0;
background: #ed7020;
font-size: 1.4rem;
color: #fff;
}
}
.ins-main .ins-huanjing {
padding: 3% 0;
}
.ins-main .ins-huanjing .content li {
width: 24%;
float: left;
margin-right: 1.33333333%;
margin-bottom: 2%;
position: relative;
text-align: center;
}
.ins-main .ins-huanjing .content li .img-box {
cursor: pointer;
}
.ins-main .ins-huanjing .content li .img-box:hover .masking {
opacity: 1;
}
.ins-main .ins-huanjing .content li img {
width: 100%;
}
.ins-main .ins-huanjing .content li .masking {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.4s;
}
.ins-main .ins-huanjing .content li p {
font-size: 1.6rem;
color: #28262b;
margin: 15px 0 0;
}
.ins-main .ins-huanjing .content li:nth-child(4n+4) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-huanjing .content li {
width: 49%;
float: left;
margin-right: 2%;
margin-bottom: 2%;
position: relative;
text-align: center;
}
.ins-main .ins-huanjing .content li .img-box {
cursor: pointer;
}
.ins-main .ins-huanjing .content li .img-box:hover .masking {
opacity: 1;
}
.ins-main .ins-huanjing .content li img {
width: 100%;
}
.ins-main .ins-huanjing .content li .masking {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.4s;
}
.ins-main .ins-huanjing .content li p {
font-size: 1.6rem;
color: #28262b;
margin: 15px 0 0;
}
.ins-main .ins-huanjing .content li:nth-child(4n+4) {
margin-right: 0;
}
.ins-main .ins-huanjing .content li:nth-child(2n+2) {
margin-right: 0;
}
}
.ins-main .ins-baozhang .img img {
width: 100%;
}
.ins-main .ins-baozhang .txt {
border-bottom: 1px dotted #ececec;
padding: 3% 0;
}
.ins-main .ins-baozhang .txt h6 {
font-size: 1.8rem;
color: #000;
font-weight: 600;
}
.ins-main .ins-baozhang .txt p {
font-size: 1.6rem;
color: #474747;
margin-top: 3%;
}
.ins-main .ins-baozhang .txt:last-child {
border-bottom: none;
}
.ins-main .ins-jianjie .img img {
width: 100%;
}
.ins-main .ins-jianjie .txt {
border-bottom: 1px dotted #ececec;
padding: 3% 0;
}
.ins-main .ins-jianjie .txt p {
font-size: 1.6rem;
color: #474747;
margin-top: 1.5%;
line-height: 180%;
}
.ins-main .ins-jianjie .txt:last-child {
border-bottom: none;
}
.ins-main .ins-download {
padding: 2% 0;
}
.ins-main .ins-download .list {
margin-bottom: 25px;
border: 1px solid #ececec;
font-size: 1.6rem;
color: #969696;
}
.ins-main .ins-download .list ul {
margin: 0;
}
.ins-main .ins-download .list li:nth-child(1) {
background: #f3f3f3;
text-align: center;
height: 60px;
line-height: 60px;
border-bottom: 1px solid #ececec;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(1) {
width: 47%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(2) {
width: 20%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(3) {
width: 20%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(4) {
width: 13%;
float: left;
}
.ins-main .ins-download .list li:nth-child(2) {
text-align: center;
height: 60px;
line-height: 60px;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(1) {
width: 47%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(2) {
width: 20%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(3) {
width: 20%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(4) {
width: 13%;
float: left;
background: url("../images/download_03.jpg") no-repeat center;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(4) a {
height: 60px;
display: block;
}
@media (max-width: 768px) {
.ins-main .ins-download {
padding: 2% 0;
}
.ins-main .ins-download .list {
margin-bottom: 15px;
border: 1px solid #ececec;
font-size: 1.6rem;
color: #969696;
}
.ins-main .ins-download .list ul {
margin: 0;
}
.ins-main .ins-download .list li:nth-child(1) {
background: #f3f3f3;
text-align: center;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ececec;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(1) {
width: 37%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(2) {
width: 22.5%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(3) {
width: 22.5%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(1) span:nth-child(4) {
width: 18%;
float: left;
}
.ins-main .ins-download .list li:nth-child(2) {
text-align: center;
height: 40px;
line-height: 40px;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(1) {
width: 37%;
float: left;
border-right: 1px solid #e0e0e0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(2) {
width: 22.5%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(3) {
width: 22.5%;
float: left;
border-right: 1px solid #e0e0e0;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(4) {
width: 18%;
float: left;
background: url("../images/download_03.jpg") no-repeat center;
}
.ins-main .ins-download .list li:nth-child(2) span:nth-child(4) a {
height: 40px;
display: block;
}
}
.ins-main .ins-case {
margin-bottom: 2%;
}
.ins-main .ins-case ul {
margin: 0;
}
.ins-main .ins-case li {
width: 32.333333%;
float: left;
margin: 0 1.5% 1.5% 0;
position: relative;
}
.ins-main .ins-case li:hover .img img {
transform: scale(1.1);
}
.ins-main .ins-case li:hover .masking {
opacity: 1;
}
.ins-main .ins-case li .img {
overflow: hidden;
}
.ins-main .ins-case li .img img {
cursor: pointer;
width: 100%;
transition: 0.3s;
}
.ins-main .ins-case li .masking {
transition: 0.3s;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(193, 0, 2, 0.6);
}
.ins-main .ins-case li .masking .txt {
text-align: center;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.ins-main .ins-case li .masking .txt p {
font-size: 2.4rem;
color: #fff;
margin-bottom: 15%;
}
.ins-main .ins-case li:nth-child(3n+3) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-case ul {
margin: 0;
}
.ins-main .ins-case li {
width: 49%;
float: left;
margin: 0 2% 2% 0;
}
.ins-main .ins-case li:hover .img img {
transform: scale(1.1);
}
.ins-main .ins-case li .img {
overflow: hidden;
}
.ins-main .ins-case li .img img {
cursor: pointer;
width: 100%;
transition: 0.3s;
}
.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-zhichi {
margin-bottom: 2%;
}
.ins-main .ins-zhichi li {
border: 1px solid #ececec;
margin-bottom: 20px;
}
.ins-main .ins-zhichi li a {
display: block;
padding: 3%;
}
.ins-main .ins-zhichi li:hover {
border: 1px solid #c10002;
}
.ins-main .ins-zhichi li:hover .date {
background: #c10002;
}
.ins-main .ins-zhichi li:hover .date h5 {
color: #fff;
}
.ins-main .ins-zhichi li:hover .date p {
color: #fff;
}
.ins-main .ins-zhichi li:hover .txt h6 {
color: #c10002;
}
.ins-main .ins-zhichi li:hover .txt span {
color: #fff;
border-color: #c10002;
background: #c10002;
}
.ins-main .ins-zhichi li .date {
height: 132px;
background: #f9f9f9;
transition: 0.4s;
text-align: center;
width: 20%;
float: left;
}
.ins-main .ins-zhichi li .date h5 {
font-size: 3.6rem;
color: #c10002;
padding: 20px 0 10px;
}
.ins-main .ins-zhichi li .date p {
font-size: 1.6rem;
color: #474747;
}
.ins-main .ins-zhichi li .txt {
width: 75%;
float: right;
}
.ins-main .ins-zhichi li .txt h6 {
font-size: 1.8rem;
color: #474747;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 5px;
}
.ins-main .ins-zhichi li .txt p {
font-size: 1.4rem;
color: #474747;
line-height: 180%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ins-main .ins-zhichi li .txt span {
display: block;
height: 33px;
line-height: 33px;
width: 113px;
text-align: center;
border: 1px solid #ececec;
font-size: 1.4rem;
color: #474747;
}
@media (max-width: 768px) {
.ins-main .ins-zhichi {
margin-bottom: 2%;
}
.ins-main .ins-zhichi li {
border: 1px solid #ececec;
margin-bottom: 20px;
}
.ins-main .ins-zhichi li a {
display: block;
padding: 1% 0;
}
.ins-main .ins-zhichi li:hover {
border: 1px solid #c10002;
}
.ins-main .ins-zhichi li:hover .date {
background: #c10002;
}
.ins-main .ins-zhichi li:hover .date h5 {
color: #fff;
}
.ins-main .ins-zhichi li:hover .date p {
color: #fff;
}
.ins-main .ins-zhichi li:hover .txt h6 {
color: #c10002;
}
.ins-main .ins-zhichi li:hover .txt span {
color: #fff;
border-color: #c10002;
background: #c10002;
}
.ins-main .ins-zhichi li .date {
height: 111px;
background: #f9f9f9;
transition: 0.4s;
text-align: center;
width: 25%;
float: left;
}
.ins-main .ins-zhichi li .date h5 {
font-size: 3.6rem;
color: #c10002;
padding: 20px 0 10px;
}
.ins-main .ins-zhichi li .date p {
font-size: 1.6rem;
color: #474747;
}
.ins-main .ins-zhichi li .txt {
width: 70%;
float: right;
}
.ins-main .ins-zhichi li .txt h6 {
font-size: 1.8rem;
color: #474747;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 5px;
}
.ins-main .ins-zhichi li .txt p {
font-size: 1.4rem;
color: #474747;
line-height: 180%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ins-main .ins-zhichi li .txt span {
display: block;
height: 28px;
line-height: 28px;
width: 93px;
text-align: center;
border: 1px solid #ececec;
font-size: 1.4rem;
color: #474747;
}
}
.ins-main .ins-recruit {
padding: 3% 0;
}
.ins-main .ins-recruit .table .tit2 {
height: 60px;
line-height: 60px;
background: #ed7020;
}
.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: #ed7020;
}
.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: 1px solid #cdcdcd;
clear: both;
border-top: none;
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: #ed7020;
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: #ed7020;
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 .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: #ed7020;
}
.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: #ed7020;
}
.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: 1px solid #b5b3b3;
clear: both;
border-top: none;
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: #ed7020;
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: #ed7020;
font-size: 1.6rem;
margin: 3% 0 2%;
color: #fff;
}
}
.ins-main .ins-question {
padding: 3% 0;
}
.ins-main .ins-question .list-box li {
padding: 17px 22px;
border: 1px solid #f5f5f5;
transition: 0.4s;
margin-bottom: 2%;
}
.ins-main .ins-question .list-box li:hover {
background: #ed7020;
}
.ins-main .ins-question .list-box li:hover h6 {
color: #fff;
background: url("../images/question-img_08.jpg") no-repeat left center;
}
.ins-main .ins-question .list-box li:hover p {
color: #fff;
background: url("../images/question-img_10.jpg") no-repeat left 5px;
}
.ins-main .ins-question .list-box li h6 {
font-size: 1.8rem;
color: #1c1c1c;
height: 35px;
line-height: 35px;
padding-left: 60px;
background: url("../images/question-img_03.jpg") no-repeat left center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-question .list-box li p {
font-size: 1.6rem;
color: #787878;
line-height: 200%;
padding-left: 60px;
background: url("../images/question-img_06.jpg") no-repeat left 5px;
}
.ins-main .ins-news {
padding: 2% 0;
}
.ins-main .ins-news li {
transition: 0.4s;
background: #f7f7f7;
width: 32.3333333%;
float: left;
margin-right: 1.5%;
margin-bottom: 2%;
}
.ins-main .ins-news li:hover {
background: #ed7020;
}
.ins-main .ins-news li:hover .txt h6 {
color: #fff;
}
.ins-main .ins-news li:hover .txt p {
color: #fff;
}
.ins-main .ins-news li .img img {
width: 100%;
}
.ins-main .ins-news li .txt {
padding: 3% 4% 5%;
}
.ins-main .ins-news li .txt h6 {
font-size: 1.8rem;
color: #171717;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-news li .txt p {
font-size: 1.4rem;
color: #747474;
line-height: 180%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.ins-main .ins-news li .txt span {
display: block;
font-size: 1.4rem;
color: #2e2e2e;
border: 1px solid #efefef;
margin-top: 15px;
width: 108px;
height: 28px;
line-height: 28px;
text-align: center;
background: #fff;
}
.ins-main .ins-news li:nth-child(3n+3) {
margin-right: 0;
}
@media (max-width: 768px) {
.ins-main .ins-news {
padding: 2% 0;
}
.ins-main .ins-news li {
transition: 0.4s;
background: #f7f7f7;
width: 100%;
float: left;
margin-right: 0%;
margin-bottom: 4%;
}
.ins-main .ins-news li:hover {
background: #ed7020;
}
.ins-main .ins-news li:hover .txt h6 {
color: #fff;
}
.ins-main .ins-news li:hover .txt p {
color: #fff;
}
.ins-main .ins-news li .img img {
width: 100%;
}
.ins-main .ins-news li .txt {
padding: 3% 4% 5%;
}
.ins-main .ins-news li .txt h6 {
font-size: 1.8rem;
color: #171717;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .ins-news li .txt p {
font-size: 1.4rem;
color: #747474;
line-height: 180%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.ins-main .ins-news li .txt span {
display: block;
font-size: 1.4rem;
color: #2e2e2e;
border: 1px solid #efefef;
margin-top: 15px;
width: 108px;
height: 28px;
line-height: 28px;
text-align: center;
background: #fff;
}
.ins-main .ins-news li:nth-child(3n+3) {
margin-right: 0;
}
}
.ins-main .news-show {
padding: 2% 0 3%;
background: #f6f6f6;
}
.ins-main .news-show .content {
padding: 3% 7%;
background: #fff;
margin-top: 2%;
}
.ins-main .news-show .content .tit {
text-align: center;
margin: 4% 0 1%;
}
.ins-main .news-show .content .tit h5 {
font-size: 2.4rem;
color: #474747;
text-align: center;
margin: 2% 0;
}
.ins-main .news-show .content .tit p {
font-size: 1.4rem;
color: #8b8a8a;
text-transform: uppercase;
}
.ins-main .news-show .content .txt .img {
margin: 3% 0;
text-align: center;
}
.ins-main .news-show .content .txt .img img {
max-width: 100%!important;
}
.ins-main .news-show .content .txt p {
font-size: 1.6rem;
color: #5a5a5a;
line-height: 220%;
margin-bottom: 3%;
}
.ins-main .news-show .link {
margin: 5% 0;
}
.ins-main .news-show .link .left {
width: 50%;
float: left;
height: 50px;
line-height: 50px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .news-show .link .left a {
display: block;
font-size: 1.4rem;
color: #2a2a2a;
background: #eee;
padding-left: 20px;
}
.ins-main .news-show .link .left a:hover {
color: #fff;
background: #ed7020;
}
.ins-main .news-show .link .right {
width: 50%;
float: right;
height: 50px;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .news-show .link .right a {
display: block;
font-size: 1.4rem;
color: #2a2a2a;
background: #eee;
padding-left: 20px;
}
.ins-main .news-show .link .right a:hover {
color: #fff;
background: #ed7020;
}
@media (max-width: 768px) {
.ins-main .news-show {
padding: 2% 0 3%;
background: #f6f6f6;
}
.ins-main .news-show .content {
padding: 3% 2%;
background: #fff;
margin-top: 2%;
}
.ins-main .news-show .content .tit {
text-align: center;
margin: 4% 0 1%;
}
.ins-main .news-show .content .tit h5 {
font-size: 2.4rem;
color: #474747;
text-align: center;
margin: 2% 0;
}
.ins-main .news-show .content .tit p {
font-size: 1.4rem;
color: #8b8a8a;
text-transform: uppercase;
}
.ins-main .news-show .content .txt .img {
margin: 3% 0;
text-align: center;
}
.ins-main .news-show .content .txt .img img {
max-width: 100%!important;
}
.ins-main .news-show .content .txt p {
font-size: 1.6rem;
color: #5a5a5a;
line-height: 220%;
margin-bottom: 3%;
}
.ins-main .news-show .link {
margin: 5% 0;
}
.ins-main .news-show .link .left {
width: 100%;
float: left;
height: 50px;
line-height: 50px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .news-show .link .left a {
display: block;
font-size: 1.4rem;
color: #2a2a2a;
background: #eee;
padding-left: 20px;
}
.ins-main .news-show .link .left a:hover {
color: #fff;
background: #ed7020;
}
.ins-main .news-show .link .right {
width: 100%;
float: right;
height: 50px;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ins-main .news-show .link .right a {
display: block;
font-size: 1.4rem;
color: #2a2a2a;
background: #eee;
padding-left: 20px;
}
.ins-main .news-show .link .right a:hover {
color: #fff;
background: #ed7020;
}
}
.ins-main .ins-product {
margin-bottom: 2%;
}
.ins-main .ins-product ul {
margin: 0;
}
.ins-main .ins-product li {
position: relative;
width: 32.3333333%;
float: left;
margin-right: 1.5%;
border: 1px solid #f5f5f5;
margin-bottom: 2%;
}
.ins-main .ins-product li:hover .img img {
transform: scale(1.1);
}
.ins-main .ins-product li:hover p {
color: #fff;
background: #ed7020;
}
.ins-main .ins-product li .img {
overflow: hidden;
}
.ins-main .ins-product li .img img {
width: 100%;
transition: 0.4s;
}
.ins-main .ins-product li p {
font-size: 1.6rem;
color: #616161;
margin: 0;
padding: 5% 0;
text-align: center;
border-top: 1px solid #f5f5f5;
transition: 0.4s;
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 {
margin-bottom: 2%;
}
.ins-main .ins-product ul {
margin: 0;
}
.ins-main .ins-product li {
position: relative;
width: 49%;
float: left;
margin-right: 2%;
border: 1px solid #f5f5f5;
margin-bottom: 2%;
}
.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: 2% 2% 4%;
background: #f8f8f8;
}
.ins-main .product-show .top-show {
padding: 3% 2%;
background: #fff;
margin: 2% 0;
}
.ins-main .product-show .top-show .left {
width: 47%;
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% 6%;
position: relative;
background: #fafafa;
border: 1px solid #e9e9e9;
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 .arrow-left {
background: url("../images/pro-prev_03.png") no-repeat center;
position: absolute;
left: 10px;
top: 50%;
margin-top: -11px;
width: 12px;
height: 22px;
z-index: 2;
}
.ins-main .product-show .top-show .left .preview .arrow-left:hover {
background: url("../images/pro-prev2_03.png") no-repeat center;
}
.ins-main .product-show .top-show .left .preview .arrow-right {
background: url("../images/pro-next_03.png") no-repeat center;
position: absolute;
right: 10px;
top: 50%;
margin-top: -11px;
width: 12px;
height: 22px;
z-index: 2;
}
.ins-main .product-show .top-show .left .preview .arrow-right:hover {
background: url("../images/pro-next2_03.png") no-repeat center;
}
.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 #cf7474;
}
.ins-main .product-show .top-show .right {
width: 49%;
float: right;
}
.ins-main .product-show .top-show .right .txt h5 {
font-size: 1.8rem;
color: #ed7020;
margin: 0% 0 10px;
}
.ins-main .product-show .top-show .right .txt .download {
margin: 20px 0;
}
.ins-main .product-show .top-show .right .txt .download a {
font-size: 1.6rem;
color: #393939;
padding-left: 50px;
height: 35px;
line-height: 35px;
background: url("../images/download_03.jpg") no-repeat left center;
display: block;
}
.ins-main .product-show .top-show .right .txt p {
margin: 4px 0;
line-height: 180%;
font-size: 1.6rem;
}
.ins-main .product-show .top-show .right .txt .link {
margin-top: 30px;
}
.ins-main .product-show .top-show .right .txt .link a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 20px;
}
.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 h6 {
height: 49px;
line-height: 49px;
width: 182px;
background: #ed7020;
font-size: 1.6rem;
color: #fff;
text-align: center;
margin: 0;
}
.ins-main .product-show .recomend .swiper-container-recomend {
overflow: hidden;
position: relative;
padding: 2% 2% 3%;
}
.ins-main .product-show .recomend .swiper-slide:hover .img img {
transform: scale(1.1);
}
.ins-main .product-show .recomend .swiper-slide:hover p {
color: #ed7020;
}
.ins-main .product-show .recomend .swiper-slide .img {
overflow: hidden;
border: 1px solid #efefef;
}
.ins-main .product-show .recomend .swiper-slide .img img {
width: 100%;
transition: 0.4s;
}
.ins-main .product-show .recomend .swiper-slide p {
font-size: 1.4rem;
color: #7a7a7a;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
margin-top: 15px;
text-transform: capitalize;
}
.ins-main .product-show .recomend .swiper-pagination-bullet-active {
background: #ed7020;
}
.ins-main .product-show .recomend .swiper-pagination-bullets {
bottom: 20px;
}
.ins-main .product-show .inquire {
background: #fff;
margin-top: 3%;
}
.ins-main .product-show .inquire .recomend-tit {
border-bottom: 1px solid #eee;
}
.ins-main .product-show .inquire .recomend-tit h6 {
height: 49px;
line-height: 49px;
width: 182px;
background: #ed7020;
font-size: 1.6rem;
color: #fff;
text-align: center;
margin: 0;
}
.ins-main .product-show .inquire .bot-box {
background: #fff;
}
.ins-main .product-show .inquire .bot-box .contact {
width: 50%;
float: left;
padding: 2% 3% 3%;
}
.ins-main .product-show .inquire .bot-box .contact h6 {
font-size: 1.6rem;
color: #222222;
margin-bottom: 4%;
}
.ins-main .product-show .inquire .bot-box .contact li {
font-size: 1.4rem;
color: #222222;
margin: 0;
line-height: 220%;
}
.ins-main .product-show .inquire .bot-box .message {
width: 50%;
float: right;
padding: 2% 5% 3%;
}
.ins-main .product-show .inquire .bot-box .message h6 {
font-size: 1.6rem;
color: #222222;
margin-bottom: 4%;
text-transform: capitalize;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(1) li {
float: left;
width: 50%;
margin-bottom: 12px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(1) li span {
width: 25%;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 1.4rem;
color: #5d5d5d;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(1) li span sup {
color: #ed7020;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(1) li .txt {
width: 75%;
height: 34px;
line-height: 34px;
border: 1px solid #f5f5f5;
padding: 0 6px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(2) li {
float: left;
width: 100%;
margin-bottom: 12px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(2) li span {
width: 12.5%;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 1.4rem;
color: #5d5d5d;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(2) li span sup {
color: #ed7020;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(2) li .txt {
width: 87.5%;
height: 34px;
line-height: 34px;
border: 1px solid #f5f5f5;
padding: 0 6px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(3) li {
float: left;
width: 100%;
margin-bottom: 12px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(3) li span {
width: 12.5%;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 1.4rem;
color: #5d5d5d;
float: left;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(3) li span sup {
color: #ed7020;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(3) li textarea {
width: 87.5%;
float: right;
height: 100px;
line-height: 28px;
border: 1px solid #f5f5f5;
padding: 0 6px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(4) li {
float: left;
width: 100%;
margin-bottom: 12px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(4) li .submit {
width: 30%;
height: 30px;
line-height: 30px;
background: #ed7020;
text-align: center;
font-size: 1.4rem;
color: #fff;
border: none;
float: left;
margin-left: 12.5%;
}
@media (max-width: 768px) {
.ins-main .product-show {
padding: 2% 0% 4%;
background: #f8f8f8;
}
.ins-main .product-show .top-show {
padding: 3% 2%;
background: #fff;
margin: 2% 0;
}
.ins-main .product-show .top-show .left {
width: 100%;
float: left;
}
.ins-main .product-show .top-show .right {
width: 100%;
float: right;
margin-top: 20px;
}
.ins-main .product-show .top-show .right .link {
margin-top: 30px;
}
.ins-main .product-show .top-show .right .link a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 10px;
margin-bottom: 10px;
}
.ins-main .product-show .recomend .recomend-tit h6 {
height: 40px;
line-height: 40px;
width: 102px;
}
.ins-main .product-show .recomend .swiper-container-recomend {
overflow: hidden;
position: relative;
padding: 2% 2% 0%;
}
.ins-main .product-show .inquire {
background: #fff;
margin-top: 3%;
}
.ins-main .product-show .inquire .recomend-tit h6 {
height: 40px;
line-height: 40px;
width: 102px;
}
.ins-main .product-show .inquire .bot-box {
background: #fff;
}
.ins-main .product-show .inquire .bot-box .contact {
width: 100%;
float: left;
padding: 2% 3% 3%;
}
.ins-main .product-show .inquire .bot-box .contact h6 {
font-size: 1.6rem;
color: #222222;
margin-bottom: 4%;
}
.ins-main .product-show .inquire .bot-box .contact p {
font-size: 1.4rem;
color: #686868;
margin: 0;
line-height: 200%;
}
.ins-main .product-show .inquire .bot-box .message {
width: 100%;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(3) li {
float: left;
width: 100%;
margin-bottom: 12px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(3) li span {
margin-bottom: 5px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(3) li textarea {
width: 87.5%;
float: right;
line-height: 28px;
border: 1px solid #f5f5f5;
padding: 0 6px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(4) li {
float: left;
width: 100%;
margin-bottom: 12px;
}
.ins-main .product-show .inquire .bot-box .message ul:nth-child(4) li .submit {
width: 30%;
height: 30px;
line-height: 30px;
background: #ed7020;
text-align: center;
font-size: 1.4rem;
color: #fff;
border: none;
float: left;
margin-left: 12.5%;
}
}
.page-num {
clear: both;
text-align: center;
vertical-align: middle;
line-height: 20px;
padding: 3% 0 2%;
}
.page-num span {
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
margin: 0 2px;
background-color: #ed7020;
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: #fff;
color: #333;
font-size: 14px;
}
.page-num a:hover {
color: #fff;
border-color: #ed7020;
background-color: #ed7020;
}
@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: #ed7020;
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: #fff;
color: #333;
font-size: 14px;
margin-bottom: 1%;
}
.page-num a:hover {
color: #fff;
border-color: #ed7020;
background-color: #ed7020;
}
}
/*å¼¹çªâ€â€Âæ ·å¼ÂÂÂ*/
.layui-layer-page .layui-layer-content {
height: auto!important;
}
.layui-layer .layui-layer-title {
font-size: 0;
background-color: #fff;
border-bottom: 0;
}
.layui-layer .layui-layer-title {
background: transparent;
}
@media (max-width: 768px) {
.layui-layer {
width: 96%!important;
}
.mod_player {
width: 96%!important;
}
.layui-layer-photos {
width: auto!important;
}
}