/*风格酷模板网 做优质整站模板下载网站 www.fenggeku.com*/
html,
body {
position: relative;
height: 100%;
background: #1f1f1f;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.menu {
width: 300px;
color: #fff;
}
.c-img img,
.c-video img {
width: 100%;
}
.content {
width: 100%;
}
.menu-button {
position: absolute;
z-index: 11;
top: 50%;
width: 39px;
height: 79px;
left: 0;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: 0.5s all;
}
.menu-button.active {
opacity: 1;
visibility: visible;
}
.cross .bar:nth-of-type(1) {
-webkit-transform: translateY(15px) rotate(-45deg);
-ms-transform: translateY(15px) rotate(-45deg);
transform: translateY(15px) rotate(-45deg);
}
.cross .bar:nth-of-type(2) {
opacity: 0;
}
.cross .bar:nth-of-type(3) {
-webkit-transform: translateY(-15px) rotate(45deg);
-ms-transform: translateY(-15px) rotate(45deg);
transform: translateY(-15px) rotate(45deg);
}
.cross:hover .bar:nth-of-type(1) {
-webkit-transform: translateY(13.5px) rotate(-40.5deg);
-ms-transform: translateY(13.5px) rotate(-40.5deg);
transform: translateY(13.5px) rotate(-40.5deg);
}
.cross:hover .bar:nth-of-type(2) {
opacity: .1;
}
.cross:hover .bar:nth-of-type(3) {
-webkit-transform: translateY(-13.5px) rotate(40.5deg);
-ms-transform: translateY(-13.5px) rotate(40.5deg);
transform: translateY(-13.5px) rotate(40.5deg);
}
.c-box>.swiper-wrapper>.swiper-slide {
overflow: hidden;
}
.c-banner {
width: 100%;
height: 100%;
}
.c-banner .swiper-slide img {
width: 100%;
vertical-align: top;
}
.c-banner .swiper-pagination2 {
bottom: 8%;
}
.c-banner .swiper-pagination2 .swiper-pagination-bullet {
width: auto;
font-size: 24px;
height: 24px;
color: #fff;
opacity: 1;
background: transparent;
cursor: pointer;
position: relative;
transition: 0.5s all;
text-align: left;
vertical-align: top;
line-height: 24px;
}
.c-banner .swiper-pagination2 .swiper-pagination-bullet-active {
color: #ffe401;
width: 180px;
}
.c-banner .swiper-pagination2 .swiper-pagination-bullet:after {
content: "";
position: absolute;
left: 34px;
top: 12px;
width: 0;
height: 1px;
background: #ffe401;
transition: width 0.5s;
transition-timing-function: ease-out;
visibility: hidden;
}
.c-banner .swiper-pagination2 .swiper-pagination-bullet-active:after {
width: 146px;
visibility: visible;
}
.c-banner .swiper-pagination2 .swiper-pagination-bullet:last-of-type {
text-align: right;
}
.c-banner .swiper-pagination2 .swiper-pagination-bullet:last-of-type:after {
left: auto;
right: 34px;
}
.c-box .swiper-pagination1 .swiper-pagination-bullet {
width: 6px;
height: 6px;
border-radius: 50%;
background: #b5b6b7;
margin: 10px 4px;
}
.c-box .swiper-pagination1 .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
border: 2px solid #b5b6b7;
background: transparent;
margin: 10px 0;
}
.c-box .c-header {
position: absolute;
top: 0;
left: 0;
width: 94%;
min-height: 96px;
background: #000000;
border-bottom: 1px solid #666666;
z-index: 10;
padding: 0 3%;
}
.c-box .c-header .c-logo {
float: left;
width: 268px;
/* height: 46px;
margin-top: 25px; */
}
.c-box .c-header .c-searchBtn {
position: absolute;
left: 50%;
top: 37px;
width: 22px;
height: 22px;
margin-left: -11px;
cursor: pointer;
display: none;
}
.c-box .c-header .c-nav {
float: right;
}
.c-box .c-header .c-nav dl {
line-height: 96px;
}
.c-box .c-header .c-nav h3 {
color: #b2b2b2;
}
.c-box .c-header .c-nav h3:hover {
color: #ffc000;
}
.c-box .c-header .c-nav dd {
float: left;
position: relative;
}
.c-box .c-header .c-nav dd a {
padding: 0 20px;
display: block;
color: white;
}
.c-box .c-header .c-nav dd i {
width: 8px;
height: 5px;
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/icon2.png);
display: inline-block;
vertical-align: middle;
margin-left: 15px;
transition: 0.5s all;
}
.c-box .c-header .c-nav1 dd:hover i {
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/icon3.png);
transform: rotate(180deg);
}
.c-box .c-header .c-nav2 dd.active i {
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/icon3.png);
transform: rotate(180deg);
}
.c-box .c-header .c-nav dt {
float: left;
}
.c-box .c-header .c-nav dt:last-child{
display: none;
}
.c-box .c-header .c-nav ul {
width: 200px;
background: #272727;
position: absolute;
left: 50%;
margin-left: -100px;
top: 96px;
border-top: 3px solid #ffc000;
display: none;
z-index: 11;
}
.c-box .c-header .c-nav li a {
display: block;
height: 64px;
line-height: 64px;
text-align: center;
font-size: 14px;
color: #b2b2b2;
transition: 0.5s all;
}
.c-box .c-header .c-nav li a:hover {
background: #ffc000;
color: #060b0e;
}
#c-searchLayer {
display: none;
padding: 0 4%;
height: 100%;
}
.c-searchLayer {
background: rgba(255, 255, 255, .9);
}
.c-searchLayer .box {
width: 100%;
height: 100%;
display: table;
position: relative;
}
.c-searchLayer .box .c-search {
display: table-cell;
vertical-align: middle;
width: 100%;
font-size: 0;
}
.c-searchLayer .box .c-search img {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: -3px;
}
.c-searchLayer .c-x {
border-bottom: 3px solid #000000;
width: 100%;
}
.c-searchLayer .box .c-search input {
width: calc(100% - 122px);
height: 72px;
line-height: 72px;
color: #070707;
border: 0;
background: transparent;
font-size: 36px;
color: #070707;
text-align: center;
}
.c-searchLayer .box .c-search a {
width: 100px;
height: 72px;
display: inline-block;
line-height: 72px;
color: #070707;
font-size: 26px;
font-weight: bold;
}
.c-searchLayer .box .c-close {
width: 38px;
height: 38px;
position: absolute;
top: 7%;
left: 50%;
margin-left: -19px;
}
.c-box .c-sHeader {
height: 90px;
position: absolute;
top: 0;
left: 0;
background: #333333;
width: 94%;
padding: 0 3%;
color: #e5e5e5;
text-align: left;
font-size: 0;
z-index: 10;
}
.c-box .c-sHeader .c-l {
float: left;
}
.c-box .c-sHeader .c-l h2 {
font-size: 24px;
line-height: 30px;
margin-top: 17px;
}
.c-box .c-sHeader .c-l p {
font-size: 14px;
color: #b2b2b2;
text-transform: uppercase;
}
.c-box .c-sHeader .c-r {
float: right;
overflow: hidden;
}
.c-box .c-sHeader .c-r dd,
.c-box .c-sHeader .c-r dt {
float: left;
line-height: 90px;
}
.c-box .c-sHeader .c-r dt:last-child{
display: none;
}
.c-box .c-sHeader .c-r dd a {
font-size: 16px;
color: #e5e5e5;
font-weight: bold;
}
.c-box .c-sHeader .c-r dt {
font-size: 14px;
color: #cccccc;
padding: 0 22px;
}
.c-box .c-sHeader .c-r dd a:hover {
color: #ffe401;
}
.second .swiper-container {
padding: 0 2%;
width: 96%;
height: auto;
padding-top: 90px;
padding-bottom: 120px;
}
.second .swiper-slide {
height: auto;
}
.second .box {
border: 4px solid transparent;
overflow: hidden;
position: relative;
transition: 0.5s all;
height: auto;
width: 100%;
}
.second .box:hover {
border: 4px solid #ffe401;
border-radius: 5px;
}
.second .box .c-tit {
position: absolute;
bottom: -100px;
left: 0;
width: 66%;
height: 85px;
text-align: left;
padding: 0 29% 0 5%;
transition: 0.5s all;
background-color: rgba(0, 0, 0, .5);
}
.second .box .c-tit h2 {
font-size: 22px;
color: #e5e5e5;
transition: 0.5s all;
}
.second .box .c-tit:hover h2 {
color: #ffc000;
}
.second .box .c-tit p {
font-size: 14px;
color: #e5e5e5;
}
.second .box>a>img {
width: 100%;
}
.second .box .c-tit img {
position: absolute;
bottom: 0;
right: 35px;
}
.second .box:hover .c-tit {
bottom: 0;
}
.c-more {
height: 100px;
width: 100%;
position: absolute;
left: 0;
background: #333333;
bottom: 50px;
z-index: 10;
}
.c-more a {
display: block;
text-align: center;
line-height: 100px;
color: #ffe401;
font-size: 14px;
text-transform: uppercase;
}
.c-more a:hover {
color: #1f1f1f;
background: #ffe401;
}
.c-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 11;
height: 40px;
line-height: 40px;
background: #333333;
text-align: center;
}
.c-footer p {
font-size: 14px;
color: #999999;
}
.c-footer .c-icon {
position: absolute;
right: 0;
bottom: 0;
line-height: normal;
}
.c-footer .c-icon li {
float: left;
}
.c-footer .c-icon li>img {
width: 18px;
height: 18px;
padding: 11px;
cursor: pointer;
display: none;
}
.c-footer .c-icon li a>img {
width: 18px;
height: 18px;
padding: 11px;
cursor: pointer;
}
.c-footer .c-icon dl {
position: absolute;
bottom: -500px;
right: 0;
width: 190px;
text-align: left;
background: #535353;
}
.c-footer .c-icon dt {
font-size: 14px;
color: #ffffff;
background: #363636;
padding: 0 15px;
line-height: 50px;
}
.c-footer .c-icon dt>img {
float: right;
margin-top: 19px;
cursor: pointer;
}
.c-footer .c-icon dd a {
display: block;
padding: 10px 0 10px 25px;
color: #a7a7a7;
font-size: 14px;
}
.c-footer .c-icon dd:hover a {
background: #ffc000;
color: #1f1f1f;
}
.c-footer .c-icon dd a.phonex {
display: none;
}
.c-footer .c-icon dd i {
display: inline-block;
width: 14px;
height: 16px;
vertical-align: -2px;
margin-right: 5px;
}
.c-footer .c-icon dd .qq {
background: url(../image/icon9.png);
}
.c-footer .c-icon dd .phone {
background: url(../image/icon10.png);
}
.c-footer .c-icon dd:hover .qq {
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/icon9-hover.png);
}
.c-footer .c-icon dd:hover .phone {
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/icon10-hover.png);
}
.c-footer .c-icon dd .mc {
font-size: 18px;
}
.third .box {
width: 700px;
text-align: left;
position: relative;
margin: 0 auto;
}
.third .box .mt {
margin-bottom: 60px;
}
.third .box .mt h2 {
font-size: 18px;
color: #ffffff;
}
.third .box .mt p {
font-size: 14px;
color: #7f7f7f;
}
.third .box .mc {
font-size: 19px;
color: #b2b2b2;
line-height: 22px;
margin-bottom: 205px;
}
.third .box .mc p:first-child {
margin-bottom: 30px;
}
.third .box .mb li {
width: 33%;
float: left;
text-align: center;
position: relative;
}
.third .box .mb li:after {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 1px;
height: 40px;
background: #fff;
}
.third .box .mb li:first-of-type:after {
width: 0;
}
.third .box .mb li .boxx {
display: inline-block;
text-align: right;
color: #fff;
}
.third .box .mb li h2 {
font-weight: lighter;
font-size: 48px;
position: relative;
line-height: 54px;
}
.third .box .mb li h2 span {
position: absolute;
top: 4px;
font-size: 14px;
right: -22px;
line-height: normal;
}
.third .box .mb li p {
font-size: 14px;
}
.third .box .c-img {
position: absolute;
left: -260px;
top: 0;
width: 120px;
height: 348px;
}
.fourth .swiper-container {
margin: 0 7%;
width: 86%;
}
.fourth .box {
position: relative;
width: 100%;
}
.fourth .box>a>img {
width: 100%;
}
.fourth .box .c-tit {
position: absolute;
bottom: 0;
left: 0;
width: 72%;
padding: 22px 14% 32px 14%;
background: rgba(31, 31, 31, .69);
z-index: 10;
}
.fourth .box .c-tit h2 {
text-align: center;
font-size: 16px;
color: #ffc000;
margin-bottom: 16px;
}
.fourth .box .c-tit p {
color: #b1b1b2;
font-size: 14px;
line-height: 22px;
text-align: left;
height: 44px;
overflow: hidden;
}
.fourth .box .whiteBox {
border: 1px solid #fff;
z-index: 9;
position: absolute;
top: 20px;
left: 20px;
height: calc(100% - 40px);
width: calc(100% - 40px);
box-shadow: 0 0 9px 5px rgba(0, 0, 0, .35);
transition: 0.5s all;
opacity: 0;
}
.fourth .box:hover .whiteBox {
opacity: 1;
}
.fourth .swiper-pagination3 {
bottom: 150px;
}
.fourth .swiper-container .swiper-pagination3 span {
vertical-align: top;
width: 50px;
height: 6px;
border-radius: 3px;
background: #cccccc;
opacity: 1;
margin: 0 12px;
}
.fourth .swiper-container .swiper-pagination3 .swiper-pagination-bullet-active {
background: #ffc000;
}
.fifth {}
.c-h2 {
position: absolute;
top: 12%;
left: 50%;
width: 50%;
margin-left: -25%;
z-index: 9;
}
.c-h2 h2 {
font-size: 46px;
color: #fff;
margin-bottom: 15px;
}
.c-h2 p {
font-size: 16px;
color: #b2b2b2;
line-height: 32px;
}
.fifth .c-video {
position: absolute;
z-index: 10;
cursor: pointer;
top: 30%;
left: 0;
width: 100%;
height: 70%;
}
#c-video {
font-size: 0;
height: 100%;
display: none;
}
#c-video iframe {
width: 100%;
height: 100%;
}
.sixth .box {
width: 100%
}
.c-h3 {
position: absolute;
top: 0;
left: 50%;
width: 50%;
padding: 0 25%;
margin-left: -50%;
z-index: 9;
height: 207px;
line-height: 207px;
}
.c-h3 .c-sbox {
vertical-align: middle;
display: inline-block;
}
.c-h3 h2 {
font-size: 24px;
color: #fff;
line-height: 36px;
}
.c-h3 p {
font-size: 14px;
color: #808080;
line-height: 22px;
}
.sixth .c-lianxi {
overflow: hidden;
}
.sixth .c-lianxi .c-l {
float: left;
text-align: left;
width: 22%;
margin-left: 17%;
}
.sixth .c-lianxi .c-l dt {
font-size: 18px;
color: #e5e5e5;
margin-bottom: 20px;
}
.sixth .c-lianxi .c-l dd,.sixth .c-lianxi .c-l p{
font-size: 14px;
color: #b2b2b2;
line-height: 38px;
}
.sixth .c-lianxi .c-l dd a {
color: #b2b2b2;
}
.sixth .c-lianxi .c-l dd a:hover {
color: #ffc000;
}
.sixth .c-lianxi .c-l dd span {
margin: 0 12px;
}
.sixth .c-lianxi .c-l dd.last {
margin-top: 70px;
}
.sixth .c-lianxi .c-r {
float: right;
width: 40%;
margin-right: 17%;
}
.sixth .c-lianxi .c-r .mt {
overflow: hidden;
}
.sixth .c-lianxi .c-r li {
width: 32%;
margin-left: 2%;
float: left;
overflow: hidden;
font-size: 0;
position: relative;
}
.sixth .c-lianxi .c-r li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #b3b3b3;
z-index: 8;
}
.sixth .c-lianxi .c-r li:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: #ffc000;
z-index: 9;
transition: 1s all;
}
.sixth .c-lianxi .c-r li:hover:before {
width: 100%;
}
.sixth .c-lianxi .c-r li:first-of-type {
margin-left: 0;
}
.sixth .c-lianxi .c-r li span {
position: absolute;
left: 0;
top: 0;
line-height: 40px;
font-size: 14px;
color: #b2b2b2;
width: auto;
}
.sixth .c-lianxi .c-r li input {
line-height: 40px;
height: 40px;
border: 0;
width: calc(100% - 50px);
padding-left: 42px;
padding-right: 8px;
font-size: 14px;
background: transparent;
color: #fff;
}
.sixth .c-lianxi .c-r .mc {
margin-top: 15px;
margin-bottom: 52px;
}
.sixth .c-lianxi .c-r .mc li {
width: 100%;
float: none;
padding-top: 40px;
}
.sixth .c-lianxi .c-r .mc li textarea {
height: 70px;
width: 100%;
background: transparent;
resize: none;
padding: 10px 0;
border: 0;
font-size: 14px;
color: #fff;
}
.sixth .c-lianxi .c-r .mb {
text-align: left;
}
.sixth .c-lianxi .c-r .mb a {
display: block;
width: 158px;
height: 48px;
border: 1px solid #b3b3b3;
float: left;
margin-right: 50px;
text-align: center;
line-height: 48px;
color: #fff;
font-size: 18px;
}
.sixth .c-lianxi .c-r .mb a:hover {
background: #ffc000;
border: 1px solid #ffc000;
color: #1f1f1f;
}
.c-logo2 {
width: 100%;
background: #333333;
}
.c-logo2 img {
width: 100%;
}
.menu {
display: block;
position: relative;
z-index: 12;
background: rgba(255, 255, 255, .9);
}
.menu .c-main {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.menu h3 {
background: url(../image/bg5.jpg) repeat;
height: 86px;
line-height: 86px;
border-bottom: 1px solid #ededed;
transition: 0.5s all;
position: relative;
}
.menu h3 a {
display: block;
height: 100%;
color: #333333;
}
.menu h3 span {
width: 0;
height: 0;
border-radius: 3px;
display: inline-block;
background: #333333;
vertical-align: 3px;
}
.menu h3 i {
width: 5px;
height: 8px;
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/icon12.png);
display: inline-block;
vertical-align: middle;
transition: 0.5s all;
position: absolute;
right: 100px;
top: 40px;
}
.menu h3:hover i {
right: 76px;
}
.menu h3:hover {
background: #ffe401;
padding-left: 24px;
}
.menu h3:hover span {
width: 6px;
height: 6px;
margin-right: 12px;
}
.menu ul {
display: none;
}
.menu ul li {
line-height: 50px;
}
.menu ul li a {
display: block;
}
.menu ul li a:hover {
color: #333333;
background: #ffe401;
}
.menu .c-menuSearch {
cursor: pointer;
margin: 30px auto;
width: 22px;
height: 22px;
}
.menu ol li {
overflow: hidden;
width: 175px;
margin: 0 auto 8px auto;
}
.menu ol li .c-l {
float: left;
width: 42px;
}
.menu ol li .c-l span {
width: 4px;
height: 4px;
border-radius: 50%;
background: #000;
display: inline-block;
vertical-align: 6px;
margin: 0 5px;
}
.menu ol li .c-r {
float: left;
width: 133px;
text-align: left;
font-size: 14px;
color: #333333;
}
.menu .c-menuFooter {
padding-left: 66px;
font-size: 14px;
color: #333333;
line-height: 28px;
text-align: left;
margin-top: 30px;
}
#phoneHtml {
display: none;
}
.c-aboutUs {
width: 100%;
height: 100%;
overflow: hidden;
}
.c-aboutUs .box {
padding: 120px 10% 80px 10%;
height: calc(100% - 200px);
}
.c-aboutUs .c-sbox {
width: calc(100% - 90px);
height: 100%;
padding: 0 45px;
}
.c-aboutUs .mt {
margin-top: 35px;
margin-bottom: 55px;
}
.c-aboutUs .mt h2 {
font-size: 24px;
color: #e5e5e5;
}
.c-aboutUs .mt p {
font-size: 14px;
color: #b2b2b2;
text-transform: uppercase;
}
.c-aboutUs .mc {
overflow: hidden;
width: 100%;
padding-bottom: 36px;
border-bottom: 2px solid #404040;
}
.c-aboutUs .mc .c-img {
width: 40%;
float: left;
height: 360px;
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/img5.jpg) no-repeat center top / cover;
}
.c-aboutUs .c-tit {
width: 100%;
text-align: left;
font-size: 12px;
color: #808080;
line-height: 30px;
}
.c-aboutUs .mc .c-tit {
float: none;
}
.c-contact .c-h3 {
background: none;
top: 60px;
}
.c-gallery {
padding: 150px 5% 50px 5%;
width: 90%;
overflow: hidden;
height: calc(100% - 200px);
}
.c-gallery .c-lnav {
float: left;
width: 17%;
text-align: left;
}
.c-gallery .c-lnav .c-top {
padding: 0 16px;
margin-bottom: 45px;
}
.c-gallery .c-lnav .c-top h2 {
font-size: 24px;
color: #e5e5e5;
}
.c-gallery .c-lnav .c-top p {
font-size: 14px;
color: #b2b2b2;
text-transform: uppercase;
}
.c-gallery .c-lnav a {
display: block;
font-size: 14px;
padding: 0 35px;
}
.c-gallery .c-lnav dl {
background: #333333;
min-height: 560px;
}
.c-gallery .c-lnav dd>a {
height: 50px;
line-height: 50px;
color: #e5e5e5;
white-space: nowrap;
}
.c-gallery .c-lnav dd>a.phone {
display: none;
}
.c-gallery .c-lnav dd>a:hover {
background: #ffc000;
color: #333333;
}
.c-gallery .c-lnav dd.active>a {
height: 60px;
line-height: 60px;
background: #404040;
color: #ffc000;
}
.c-gallery .c-lnav dd.active a:hover {
background: #ffc000;
color: #404040;
}
.c-gallery .c-lnav ul {
display: none;
}
.c-gallery .c-lnav li a {
height: 40px;
line-height: 40px;
color: #7f7f7f;
position: relative;
padding-left: 75px;
}
.c-gallery .c-lnav li a:after {
content: "";
position: absolute;
bottom: 15px;
left: 52px;
width: 14px;
height: 1px;
background: #7f7f7f;
}
.c-gallery .c-lnav li a:hover {
color: #e5e5e5;
}
.c-gallery .c-lnav li a:hover:after {
background: #e6e6e6;
}
.c-gallery .c-rmain {
float: right;
width: 80%;
height: 100%;
}
.c-gallery .c-rmain li {
height: auto;
width: 30%;
margin: 0 1% 2% 1%;
float: left;
}
.c-gallery .box {
border: 4px solid transparent;
overflow: hidden;
position: relative;
transition: 0.5s all;
}
.c-gallery .box:hover {
border: 4px solid #ffe401;
border-radius: 5px;
}
.c-gallery .box .c-tit {
position: absolute;
bottom: -100px;
left: 0;
width: 66%;
height: 85px;
text-align: left;
padding: 0 29% 0 5%;
transition: 0.5s all;
background-color: rgba(0, 0, 0, .5)
}
.c-gallery .box .c-tit h2 {
font-size: 22px;
color: #e5e5e5;
transition: 0.5s all;
}
.c-gallery .box .c-tit:hover h2 {
color: #ffc000;
}
.c-gallery .box .c-tit p {
font-size: 14px;
color: #e5e5e5;
}
.c-gallery .box>a>img {
width: 100%;
}
.c-gallery .box .c-tit img {
position: absolute;
bottom: 0;
right: 35px;
}
.c-gallery .box:hover .c-tit {
bottom: 0;
}
.c-list .c-rmain {
padding: 0;
margin: 0;
}
.c-list .c-rmain li {
width: 96%;
margin: 0;
background: #2b2b2b;
overflow: hidden;
margin-right: 4%;
margin-bottom: 3%;
transition: 0.5s all;
}
.c-list .c-rmain li a {
width: 94%;
padding: 3%;
display: block;
overflow: hidden;
}
.c-list .c-rmain li .c-img {
width: 360px;
height: 255px;
float: left;
overflow: hidden;
position: relative;
}
.c-list .c-rmain li .c-tit {
float: right;
width: calc(100% - 420px);
display: table;
height: 255px;
overflow: hidden;
}
.c-list .c-rmain li .c-img .whiteBox {
border: 1px solid #fff;
z-index: 9;
position: absolute;
top: 20px;
left: 20px;
height: calc(100% - 40px);
width: calc(100% - 40px);
box-shadow: 0 0 9px 5px rgba(0, 0, 0, .35);
transition: 0.5s all;
opacity: 0;
}
.c-list .c-rmain li:hover .c-img .whiteBox {
opacity: 1;
}
.c-list .c-rmain li .c-tit .c-sbox {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.c-list .c-rmain li .c-tit h2 {
font-size: 18px;
color: #b2b2b2;
margin-bottom: 22px;
transition: 0.5s all;
}
.c-list .c-rmain li .c-tit p {
font-size: 14px;
color: #808080;
line-height: 30px;
height: 60px;
overflow: hidden;
}
.c-list .c-rmain li .c-tit .c-time {
transition: 0.5s all;
height: 0;
overflow: hidden;
position: relative;
}
.c-list .c-rmain li .c-tit .c-time:after {
content: "";
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 0;
background: #595959;
}
.c-list .c-rmain li:hover .c-tit h2 {
color: #ffc000;
}
.c-list .c-rmain li:hover .c-tit .c-time {
padding-top: 28px;
margin-top: 35px;
height: auto;
}
.c-list .c-rmain li:hover .c-tit .c-time:after {
height: 1px;
}
.c-listshow {
padding: 12% 10% 8% 10%;
width: 80%;
height: 80%;
}
.c-listshow .c-l {
float: left;
width: 27%;
padding-left: 3%;
text-align: left;
max-height: 328px;
padding-right: 3%;
}
.c-listshow .c-l .mt {
padding-bottom: 48px;
border-bottom: 1px solid #4d4d4d;
}
.c-listshow .c-l .mt h2 {
font-size: 22px;
color: #e5e5e5;
line-height: 24px;
}
.c-listshow .c-l .mt .c-time {
font-size: 14px;
color: #b2b2b2;
margin-bottom: 45px;
}
.c-listshow .c-l .mt p {
font-size: 12px;
color: #808080;
line-height: 30px;
margin-bottom: 35px;
}
.c-listshow .c-l .mt a {
display: block;
width: 300px;
height: 40px;
line-height: 40px;
text-align: center;
background: #303030;
color: #b2b2b2;
font-size: 14px;
}
.c-listshow .c-l .mt a:hover {
background: #ffe401;
color: #303030;
}
.c-listshow .mc {
float: left;
width: 27%;
padding-left: 3%;
text-align: left;
padding-right: 3%;
height: calc(100% - 328px);
}
.c-listshow .mc h3 {
font-size: 14px;
color: #999999;
padding-top: 30px;
}
.c-listshow .mc li {
padding-top: 30px;
padding-bottom: 26px;
border-bottom: 1px solid #4d4d4d;
}
.c-listshow .mc h2 {
font-size: 14px;
color: #b2b2b2;
margin-bottom: 20px;
transition: 0.5s all;
}
.c-listshow .mc p {
font-size: 12px;
color: #808080;
line-height: 30px;
height: 60px;
overflow: hidden;
margin-bottom: 25px;
}
.c-listshow .mc span {
display: inline-block;
font-size: 14px;
padding: 0 24px;
line-height: 34px;
color: #808080;
border: 1px solid #808080;
transition: 0.5s all;
}
.c-listshow .c-r {
width: 61%;
padding-right: 3%;
float: right;
text-align: left;
height: 95%;
margin-bottom: 5%;
color: white;
}
.c-listshow .c-r .c-img {
overflow: hidden;
border-bottom: 1px solid #404040;
margin-bottom: 30px;
}
.c-listshow .c-r .c-img img {
width: 32%;
margin-left: 2%;
float: left;
}
.c-listshow .c-r .c-img img:first-of-type {
margin-left: 0;
}
.c-listshow .c-r p {
font-size: 12px;
color: #808080;
line-height: 30px;
border-bottom: 1px solid #404040;
padding-bottom: 30px;
/* margin-bottom: 30px; */
}
.c-listshow .mc li:hover h2 {
color: #ffe401;
}
.c-listshow .mc li:hover span {
color: #cccccc;
border: 1px solid #cccccc;
}
.c-show .c-l {
width: 23%;
padding-right: 2%;
}
.c-show .mc {
width: 23%;
padding-right: 2%;
}
.c-show .c-l .mt a {
width: 100%;
}
.suoluetu img {
/* float: left; */
width: 62%;
padding-right: 3%;
background: #1f1f1f;
}
.nei_pic img {
display: block;
width: 48%;
float: left;
margin: 1% 1% 1% 0;
}
.c-show .mc .c-t {
overflow: hidden;
padding-top: 24px;
}
.c-show .mc .c-t a {
float: left;
margin-right: 20px;
font-size: 14px;
color: #e6e6e6;
}
.c-show .mc .c-t a:hover {
color: #ffc000;
}
.c-show .mc .c-b {
overflow: hidden;
}
.c-show .mc .c-b li {
width: 46%;
float: left;
border: 0;
margin: 0;
padding: 0;
margin-right: 8%;
margin-top: 20px;
}
.c-show .mc .c-b li:nth-child(2n) {
margin-right: 0;
}
.c-show .mc .c-b li p {
height: 36px;
line-height: 36px;
padding: 0 8px;
background: #000;
font-size: 14px;
color: #fff;
margin: 0;
transition: 0.5s all;
}
.c-show .mc .c-b li:hover p {
color: #ffc000;
}
.c-show .mc .c-b li img {
width: 100%;
}
#pcHtml .c-banner .swiper-slide {
background: url(http://anli.mobanzhongxin.com/yl589//skin/img/banner.jpg) no-repeat center top / cover;
}
.c-box .c-header .clearfix {
display: none;
}
.c-box .c-header .c-btn {
display: none;
}
.c-box .c-header .c-nav2 {
display: none;
}
.c-gallery .c-lnav .dl2 {
display: none;
}
@media(max-width:1600px) {
.c-box .c-header .c-searchBtn {
position: static;
margin: 0;
float: right;
margin-top: 37px;
}
}
@media(max-width:1440px) {
.c-h2 {
width: 76%;
left: 12%;
margin-left: 0;
}
.c-h2 h2 {
font-size: 40px;
}
.c-h2 p {
font-size: 14px;
}
}
@media(max-width:1366px) {
.sixth .c-lianxi .c-l {
width: 28%;
margin-left: 10%;
}
.sixth .c-lianxi .c-r {
width: 48%;
margin-right: 10%;
}
.c-gallery {
padding: 150px 3% 50px 3%;
width: 94%;
}
}
@media(max-width:1280px) {
.c-box .c-header .c-nav dd a {
padding: 0 10px;
}
.c-gallery .c-lnav {
width: 25%;
}
.c-gallery .c-rmain {
width: 72%;
}
.c-gallery .c-rmain li {
height: auto;
width: 48%;
margin: 0 1% 2% 1%;
float: left;
}
.c-list .c-rmain li .c-img {
width: 100%;
height: auto;
float: none;
}
.c-list .c-rmain li .c-img img {
width: 100%;
}
.c-list .c-rmain li .c-tit {
float: none;
width: 100%;
height: auto;
display: block;
height: ;
}
.c-list .c-rmain li .c-tit .c-sbox {
width: 100%;
display: block;
padding-top: 10px;
}
.c-list .c-rmain li .c-tit .c-time {
padding-top: 10px;
margin-top: 10px;
height: auto;
}
.c-list .c-rmain li:hover .c-tit .c-time {
padding-top: 10px;
margin-top: 10px;
height: auto;
}
.c-list .c-rmain li .c-tit .c-time:after {
height: 1px;
}
.c-list .c-rmain li .c-tit h2 {
margin-bottom: 15px;
}
.c-listshow {
width: 90%;
padding-left: 5%;
padding-right: 5%;
}
}
@media(max-width:1024px) {
.c-listshow .c-l .mt a {
width: 100%;
}
.second .box .c-tit {
width: 100%;
}
}
@media(max-width:1024px) {
.c-searchBtn {
margin-right: 10px;
}
.menu-button {
opacity: 0.5;
}
.second2 .c-sHeader,.fourth2 .c-sHeader{
height:110px!important;
}
.c-box .c-sHeader .c-l,.c-box .c-sHeader .c-r{
display:block;
text-align:center;
width:100%;
}
.c-box .c-sHeader .c-r dl{
width:320px;
text-align: center;
}
.c-box .c-sHeader .c-l h2 {
font-size: 16px;
}
.c-box .c-sHeader .c-l p {
font-size: 12px;
}
.c-box .c-sHeader .c-r dt {
padding: 0 4px;
}
.c-h2 {
width: 100%;
margin: 0;
position: initial;
}
.c-h2 h2 {
font-size: 18px;
}
.c-h2 p {
font-size: 12px;
padding: 0 15px;
line-height: 24px;
}
.second .swiper-container {
padding: 0;
height: 100%;
}
.third .box {
width: 100%;
}
.third .box .mt {
padding: 0 15px;
margin-bottom: 10px;
}
.third .box .mc {
padding: 0 15px;
margin: 0;
}
.third .box .mb {
display: none;
}
.sixth .c-lianxi .c-l {
width: 100%;
margin: 10px;
margin-bottom: 20px;
}
.sixth .c-lianxi .c-l dl {
padding: 0 15px;
}
.sixth .c-lianxi .c-l dd.last {
margin: 0;
}
.sixth .c-lianxi .c-r {
width: 100%;
margin: 0;
}
.sixth .c-lianxi .c-r .mt,
.sixth .c-lianxi .c-r .mc,
.sixth .c-lianxi .c-r .mb {
padding: 0 15px;
}
.sixth .c-lianxi .c-r .mc li textarea {
padding: 4px 0;
height: 40px;
}
.sixth .c-lianxi .c-l dt {
margin-bottom: 0;
}
.c-h3 {
width: 100%;
margin: 0;
margin-bottom: 20px;
position: initial;
padding: 30px 0;
height: auto;
line-height: normal;
}
.sixth .c-lianxi .c-r .mb a {
float: right;
margin: 0;
}
.sixth .c-lianxi .c-r .mb a:first-of-type {
float: left;
}
.sixth .c-lianxi .c-r .mc {
margin: 5px 0 10px 0;
}
.c-more {
height: 50px;
position: initial;
margin: 15px 0;
}
.c-more a {
line-height: 50px;
}
.c-searchLayer .box .c-search input {
font-size: 24px;
}
.c-searchLayer .box .c-search a {
font-size: 16px;
text-align: center;
}
#phoneHtml {
display: block;
}
#pcHtml {
display: none;
}
.c-footer {
position: fixed;
bottom: 0;
left: auto;
width: 100%;
z-index: 11;
height: 40px;
line-height: 40px;
background: #333333;
text-align: center;
}
.c-footer .c-icon dl {
position: absolute;
bottom: -500px;
right: 0;
width: 190px;
text-align: left;
background: #535353;
}
.sixth .c-lianxi .c-r .mb a:last-of-type {
background: #ffc000;
border: 1px solid #ffc000;
color: #1f1f1f;
}
.swiper-container-w640 {
overflow: auto;
height: 100% !important;
}
.swiper-wrapper-w640 {
display: block;
transform: none !important;
height: auto;
}
.c-banner {
height: auto;
}
.first {
display: block;
height: auto;
}
.second {
display: block;
height: auto;
}
.fourth {
display: block;
height: auto;
}
.fourth .swiper-container {
margin: 0;
}
.third {
display: block;
height: auto;
margin-bottom: 15px;
}
.fifth {
display: block;
height: auto;
margin-bottom: 15px;
}
.sixth {
display: block;
height: auto;
padding-bottom: 60px;
}
.second .swiper-container {
width: 100%;
height: auto;
}
.c-box .c-sHeader {
position: initial;
}
.menu-button2 {
top: 50%;
left: 0;
visibility: visible;
margin-top: -40px;
}
.fifth .c-video {
width: 100%;
height: auto;
position: initial;
}
.fifth .c-video img {
width: 100%;
}
.fifth .c-h2 {
padding: 15px 0;
}
.sixth .c-lianxi .c-r li {
width: 100%;
margin-left: 0;
margin-bottom: 15px;
}
.second .box .c-tit {
position: initial;
height: auto;
padding: 5px 10px;
background-color: rgba(0, 0, 0, .5);
}
.second .box .c-tit h2 {
font-size: 18px;
}
.second .box .c-tit P {
font-size: 12px;
}
.second .box .c-tit img {
display: none;
}
.c-aboutUs .mc .c-img {
width: 100%;
float: none;
margin-bottom: 15px;
}
.c-aboutUs .mc .c-tit {
width: 100%;
float: none;
}
.c-aboutUs .mc .c-tit img {
width: 100%;
}
.c-aboutUs .box {
padding: 30px 15px 80px 15px;
}
.c-aboutUs .c-sbox {
padding: 0;
width: 100%;
}
.c-gallery .c-lnav {
float: none;
width: 100%;
min-height: auto;
margin-bottom: 20px;
}
.c-gallery .c-rmain li {
width: 100%;
margin: 0;
margin-bottom: 2%;
float: left;
}
.c-gallery {
padding: 40px 3% 50px 3%;
height: calc(100% - 160px);
}
.c-gallery .c-rmain {
float: none;
width: 100%;
}
.c-gallery .c-lnav dl {
min-height: auto;
}
.c-gallery .c-lnav .c-top {
padding: 0 3%;
margin-bottom: 20px;
}
.c-gallery .c-rmain .box .c-tit {
position: initial;
height: auto;
width:100%;
padding: 5px 10px;
}
.c-gallery .c-rmain .box .c-tit h2 {
font-size: 18px;
}
.c-gallery .c-rmain .box .c-tit P {
font-size: 12px;
}
.c-gallery .c-rmain .box .c-tit img {
display: none;
}
.nicescroll-rails {
display: none;
}
.first {
height: auto !important;
}
.c-listshow .c-l {
width: 100%;
float: none;
padding: 0;
}
.c-listshow .c-l .mt {
padding-bottom: 20px;
margin-bottom: 20px;
}
.c-listshow .mc {
width: 100%;
float: none;
padding: 0;
}
.c-listshow .c-r {
width: 100%;
float: none;
padding: 0;
}
.c-listshow {
padding: 40px 5% 8% 5%;
height: calc(9% - 110px);
}
.c-show .c-l {
width: 100%;
}
.c-show .mc {
width: 100%%;
}
.c-show .c-r img {
float: none;
width: 100%;
padding-right: 0;
margin-bottom: 10px;
}
.c-listshow .c-r p {
padding-bottom: 10px;
margin-bottom: 10px;
}
.c-show .mc .c-b {
padding-bottom: 10px;
}
.c-gallery .c-lnav dd>a.phone {
display: none;
}
.c-gallery .c-lnav dd>a.pc {
display: block;
}
.c-box .c-header {
overflow: hidden;
position: static;
}
.c-box .c-header .c-searchBtn {
display: none;
}
.c-box .c-header .c-nav dd {
float: none;
}
.c-box .c-header .c-nav dt {
display: none;
}
.c-box .c-header .c-btn {
display: block;
float: right;
margin-top: 30px;
width: 45px;
height: 45px;
margin-bottom: 5px;
}
.c-box .c-header .c-nav {
float: none;
display: none;
}
.c-box .c-header .clearfix {
display: block;
}
.c-box .c-header .c-nav dd a {
line-height: 45px;
}
.c-box .c-header .c-nav ul {
position: static;
margin: 0;
width: 100%;
z-index: 11;
}
.c-box .c-header .c-nav li a {
line-height: 64px;
}
.c-box .c-header .c-nav1 {
display: none !important;
}
.c-gallery .c-lnav .dl1 {
display: none !important;
}
.c-gallery .c-lnav .dl2 {
display: block;
}
.c-footer .c-icon dd a.pc {
display: none;
}
.c-footer .c-icon dd a.phonex {
display: block;
}
html,
body {
height: 100% !important;
overflow: auto !important;
}
.c-gallery .c-rmain {
overflow: auto !important;
height: auto;
}
.c-box>.swiper-wrapper>.swiper-slide {
height: auto;
}
.c-box .c-sHeader .c-r dd,
.c-box .c-sHeader .c-r dt {
line-height: 40px;
}
.fourth .swiper-container {
width: 100%;
}
}
/*风格酷模板网新增翻页样式 www.fenggeku.com*/
.pagess {clear: both;padding-top:0px;padding-bottom:60px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess span a { display:inline-block;border: 1px solid #333333;padding: 4px 11px;margin: 0 3px!important;line-height: 20px;color:#999;width:auto!important;float:none!important;}
.pagess a:hover{ background:#333333; color:#fff;border: 1px solid #333333}
.pagess a:hover a{color:#fff;}
.pagess a{ display:block;color:#999}
.pagess a:hover {color: #fff;}
.pagess .page-num-current{display:inline-block;background: #333333;color: #fff;}
.pagess .page-status{display: none}
/*产品详细页*/
.showpic_box,.proinfo_box{
margin: 30px 0px 20px 0px;
}
.proinfo_box {
margin-bottom: 80px;
}
.showpic_box,.proinfo_box{
margin: 30px 0px 20px 0px;
}
#pic-page{
text-align: center;
margin-top:10px;
}
#pic-page a{
margin: 0 2px;
}
#pic-page a img
{
width:40px;
padding: 2px;
border: solid #ccc 1px;
margin-bottom:5px;
}
#pic-page a:hover img,
#pic-page a.active img {
border: solid #5280DD 1px;
}
.c-listshow .c-l{max-height:300px!important;overflow-y:scroll;}
.c-listshow .c-l .mt .c-time{margin-bottom:0px;}
.product_memo{margin-bottom:0px!important;line-height:32px!important;}
.product_con{
margin-bottom:40px;
line-height:32px;word-wrap:break-word; }
.c-listshow .c-r .showpic_box{
text-align:center;
}
.to_prev{float:left;}
.to_next{float:right;}
.bx-viewport ul li{
width: 100%;
line-height: 300px;
text-align: center;
}
.bx-viewport ul li img{
max-width: 100%;
display: inline-block;
vertical-align: line-height
}