@charset "utf-8";

@import url(../css/common.css);

@import url(../css/iconfont.css);



/*滚动条样式*/

body {

    min-height: 100vh;

    /*font-family: "MiSans-Regular" !important;*/

    font-family:  "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑" !important;

    font-size: 16px;

    color: #000;

    background: #fff;

    min-width: 320px;

    margin: 0 auto;

    overflow-x: hidden;

}



img,

a,

div,

b,

em,

i,

li,

p,

h3,

span,

h1,

h2,

h4,

h5,

h6 {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-transform: capitalize;
}



a {

    color: #000;

    letter-spacing: 1px;

}



a:hover {

    color: #333;

}



.con {

    width: 83.33%;

    min-width: 1200px;

    max-width: 1600px;

    margin: 0 auto;

}



::-webkit-scrollbar {

    width: 8px;

    height: 10px;

}



::-webkit-scrollbar-thumb {

    background: #555;

}



::-webkit-scrollbar-track {

    background: #ddd;

}



/*头部样式*/

header {

    border-bottom: 1px solid transparent;

}



.header-logo {

    width: 1.1146rem;

    height: .3229rem;

    background-image: url(../images/logo.png);

}



nav {

    padding-left: 1.5833rem;

    padding-right: .3646rem;

}


nav>ul>li{
    padding: 0 6px;
}


nav>ul>li>a {

    color: #fff;

    font-size: .0938rem;

    line-height: 1.2;

    padding: .2083rem 0;

    text-transform: uppercase;

}



nav>ul>li>a:hover {

    color: #fff;

}



nav>ul>li>a::after {

    content: '';

    display: block;

    width: 0;

    left: 0;

    bottom: 0;

    height: 3px;

    opacity: 0;

    border-radius: 10px;

    background-color: #fff;

    transition: all .3s;

    position: absolute;

}



nav>ul>li>a:hover::after,

nav>ul>li>a.active::after {

    opacity: 1;

    background-color: #fff;

    width: 100%;

}





.header-search a span {

    font-size: .1146rem;

    color: #fff;

    line-height: 1;

}



.header-line {

    border-left: 2px solid #fff;

    height: .125rem;

    margin: 0 .1563rem;

}



.header-lang {

    margin-left: .2083rem;

    align-items: center;

}



.header-lang a,.header-lang em {

    font-size: .0938rem;

    color: #fff;

    line-height: normal;

}
.header-lang em{
    margin: 0 .0625rem;
}
.header-lang span {

    font-size: .1146rem;

    color: #fff;

    margin-right: .0521rem;

}
.header-lang a:hover{
    text-decoration: underline;
}


.header-active .header-lang em{
    color: #000;
}




.header-btn a {

    background-color: #91A5A6;

    color: #fff;

    font-size: .0938rem;

    line-height: 1;

    padding: .1042rem .1563rem;

}



.header-btn a:hover {

    background-color: #91A5A6;

}



.header-lang a:hover {

    color: #91a5a6;

}





.header-active {

    background-color: #fff;

    border-bottom: 1px solid #ccc;

}





.header-active .header-logo {

    background-image: url(../images/logo01.png);

}



.header-active .header-search a span {

    color: #000;

}



.header-active .header-lang span {

    color: #000;

}



.header-active .header-lang a {

    color: #000;

}



.header-active .header-line {

    border-left: 2px solid #000;

}





.header-active nav>ul>li>a {

    color: #000;

}



.header-active nav>ul>li>a:hover::after,

.header-active nav>ul>li>a.active::after {

    opacity: 1;

    background-color: #000;

    width: 100%;

}



.nav-sub-box {

    background: transparent;

    top: .55rem;

}



.search-sub-box {

    background: transparent;

    top: .55rem;

}



.header-pro-nav {

    background-color: rgba(0, 0, 0, 0.75);

    top: .5rem;

    padding: .3125rem 0;

    border-top: 1px solid #ccc;

    z-index: 200;

    display: none;

}

.header-pro-item{

   

}



.header-pro-item h4 {

    font-size: .0938rem;

    opacity: 0.8;

    font-weight: lighter;

    margin-bottom: .1563rem;

   color: #efefef;

}



.header-pro-item a {

    font-weight: 400;

    line-height: 1;

    margin-bottom: .1042rem;

    font-size: .1042rem;

    color: #fff;

}



.header-pro-item a:hover {

    color: #91A5A6;

}



.header-pro-nav-r {

    margin-left: 1.1979rem;

}



.header-pro-nav-a {

    width: 1.8229rem;

}



.header-pro-nav-txt span {

    color: #fff;

    display: block;

    font-size: .1458rem;

    padding-bottom: .1042rem;

    padding-left: .1042rem;

    line-height: 1;

}



.mask {

    position: fixed;

    background-color: rgba(0, 0, 0, 0.8);

}





/*首页样式*/

/*广告样式*/

.index-banner .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    bottom: 10%;

    left: 0;

}



.index-banner .swiper-pagination .swiper-pagination-bullet {

    background-color: rgba(255, 255, 255, 1);

    border-radius: 0;

    width: .2083rem;

    height: .0208rem;

    display: block;

    opacity: 0.6;

}



.index-banner .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #fff;

    opacity: 1;

}



.index-bo div {

    height: .3125rem;

    z-index: 2;

}



.index-bo1 {

    background: url(../images/water-1.svg) repeat-x;

    background-size: 600px;

    -webkit-animation: wave-animation-1 3.5s infinite linear;

    animation: wave-animation-1 3.5s infinite linear;

}



.index-bo2 {

    background: url(../images/water-2.svg) repeat-x;

    background-size: 600px;

    -webkit-animation: wave-animation-2 6s infinite linear;

    animation: wave-animation-2 6s infinite linear;



}



@keyframes wave-animation-1 {

    0% {

        background-position: 0 top

    }



    100% {

        background-position: 600px top

    }

}



@keyframes wave-animation-2 {

    0% {

        background-position: 0 top

    }



    100% {

        background-position: 600x top

    }

}









/*产品分类样式*/

.index-cate {

    padding: .5rem 0 .625rem;

}



.cate-swiper {

    width: 6.6563rem;

    margin: 0;

    overflow: unset;

}



.index-cate-tit {

    margin-bottom: .5208rem;

}



.index-cate-tit p {

    font-size: .0938rem;

    opacity: 0.7;

    line-height: 1.6;

}





.cate-swiper .cate-swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    bottom: 0;

    left: 0;

    padding: .3021rem 0 0;

}



.cate-swiper .cate-swiper-pagination span {

    display: flex;

    align-items: center;

    justify-content: space-between;


    background-color: #fff;

    border-radius: 0;

    opacity: 1;

    cursor: pointer;

}



.cate-swiper .cate-swiper-pagination span em {

    flex: 1;

    margin-left: .0833rem;

}


.cate-swiper .cate-swiper-pagination span i {

    width: .0833rem;

    height: .0833rem;

    border-radius: 50%;

    overflow: hidden;

    border: .026rem solid #fff;

}



.cate-swiper .cate-swiper-pagination span em{


    font-size: .1354rem;

    line-height: 1.3;

    color: #000;

    opacity: 0.8;

}


.cate-swiper .cate-swiper-pagination span.active em{

    font-weight: bold;

    opacity: 1;

}



.cate-swiper .cate-swiper-pagination span.active i {

    width: .0833rem;

    height: .0833rem;

    border-radius: 50%;

    overflow: hidden;

    border: .026rem solid #92A6A6;

}





.index-tit h4 {

    font-size: .2344rem;

    font-weight: 400;

    line-height: 1.3;

    color: #000;

}



/*index 关于我们*/

.index-about-txt {

    padding-bottom: .9375rem;
    flex: 1;

}



.index-about-txt p {

    font-size: 18px;

    color: #fff;

    line-height: 1.6;

    margin-bottom: .2396rem;

    width: 70%;


}



.index-btn {

    width: 1.0938rem;

    padding: .1042rem;

    border: 2px solid #fff;

    border-radius: 0px .1042rem 0px 0px;

    color: #fff;

    font-size: .0833rem;

}



.index-btn:hover {

    background-color: #92A6A6;

    border: 2px solid #92A6A6;

    color: #fff;

}



.index-a-num {

    width: 2.3438rem;

}



.index-a-num img {

    width: 100%;

}



.index-about-con {

    align-items: flex-end;

}



.index-a-num-txt {

    padding-top: .6771rem;

}



.index-a-num-item {

    width: 50%;

    margin-bottom: .4167rem;

}



.index-a-num-item h4 {

    color: #fff;

    margin-bottom: .1146rem;

    font-size: .2083rem;

}



.index-a-num-item p {

    font-size: .0938rem;

    color: #fff;

    line-height: 1;

    text-align: center;

}



/*index space*/

.index-space {

    padding: .2917rem 0 .7604rem;

}



.index-space-tit {

    margin-bottom: .3906rem;

}



.space-swiper {

    width: 7.2917rem;

    margin: 0;

    overflow: unset;

    border-radius: .1042rem 0 0 .1042rem;

}



.space-swiper img {

    width: 100%;

}



.space-swiper .swiper-slide-active {

    border-radius: .1042rem 0 0 .1042rem;

    overflow: hidden;

}



.space-dot {

    width: auto;

    height: .2604rem;

    background: #91a5a6;

    border-radius: .1198rem .1198rem .1406rem 0px;

    padding: 0 .0729rem;

}



/*.space-dot:nth-child(2) {

    top: 64.28%;

    left: 41.57%;

}



.space-dot:nth-child(3) {

    top: 64.28%;

    left: 68.35%;

}*/



.space-dot em {

    color: #fff;

    font-size: .0938rem;

    line-height: 1;

    margin-left: .0781rem;

    flex: 1;

    display: none;

    text-align: center;

}



.space-dot span {

    color: #fff;

    font-size: .2083rem;

    line-height: 1;

}



.space-dot:hover em {

    display: block;

}



.index-space-b {

    padding: .4167rem 0 0;

}



.index-space-b-tit h4 {

    margin-bottom: .3333rem;

    font-size: .1563rem;

    font-weight: 400;

}



.index-space-b-item {

    width: 1.6771rem;

    background: rgba(145, 165, 166, 0.25);

    border-radius: .4167rem .1563rem .4167rem .1563rem;

    margin: 0 .0885rem;

    padding: .1667rem .2083rem;

}



.index-space-img {

    width: .3802rem;

    height: .3802rem;

    padding: .0729rem;

    border-radius: .1042rem;

    background-color: #fff;

}



.index-space-img img {

    width: 100%;

}



.index-space-b-item span {

    margin-top: .2708rem;

    margin-bottom: .1563rem;

    font-size: .1042rem;

}



.index-space-b-item p {

    font-size: .0833rem;

    text-align: left;

    opacity: 0.8;

}



.index-team-txt {

    width: 3.0625rem;

}



.index-team-txt h4 {

    font-size: .2344rem;

    margin-bottom: .1771rem;

    font-weight: 400;

}



.index-team-txt p {

    font-size: .0938rem;

    opacity: 0.7;

    text-align: justify;

    margin-bottom: .3854rem;

}



.index-team-btn {

    color: #000;

    border: 2px solid #000;

}



.index-brand {

    padding: .75rem 0;

}



.index-brand-con {

    padding: 0 .4792rem;

}



.index-brand-l h4 {

    line-height: 1.3;

    font-weight: 400;

    font-size: .2344rem;

}



.index-brand-l p {

    font-size: .125rem;

    margin-top: .1823rem;

    margin-bottom: .3646rem;

    opacity: 0.7;

}



.index-brand-btn {

    color: #000;

    border: 2px solid #000;

}



.index-brand-list {

    margin-top: .1146rem;

}



.index-brand-list h4 {

    font-weight: 400;

    margin-bottom: .2344rem;

    font-size: .1354rem;

}



.index-brand-swiper {

    padding: .0729rem;

}



.index-brand-item {

    border-radius: .1042rem;

    overflow: hidden;

}



.index-brand-fy div {

    width: .2813rem;

    height: .2813rem;

    cursor: pointer;

    top: 50%;

}



.index-brand-fy div i {

    color: #000;

    font-size: .1354rem;

    opacity: 0.6;

}



.index-brand-prev {

    left: -0.2813rem;



}



.index-brand-next {

    right: -0.2813rem;

}



.index-case {

    background-color: #91a5a6;

    padding: .5208rem 0;

}



.index-case-span h4 {

    opacity: 0.05;

    font-size: 270px;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    padding-top: .5208rem;

}



.index-case-swiper {

    margin: 0 .4792rem;

}



.index-case-item-l {

    border-bottom: 2px solid #fff;

    flex: 1;

    position: relative;

    margin-right: -0.7813rem;

}



.index-case-item-l h4 {

    font-size: .2344rem;

    color: #fff;

    margin-bottom: .4427rem;

    font-weight: 500;

}



.index-case-item-l span {

    font-size: .1667rem;

    color: #fff;

    line-height: 1;

    margin-bottom: .1771rem;

}



.index-case-item-l p {

    font-size: .0938rem;

    color: #fff;

    text-align: justify;

    width: 62%;

    padding-bottom: .5208rem;

    opacity: 0.8;

}



.index-case-item-r {

    width: 2.6042rem;

    height: 2.6042rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

}



.index-case-item-r img {

    width: 100%;

    height: 100%;

}



.index-case-fy {

    background-color: #91a5a6;

    padding: .2083rem;

    z-index: 999;

}



.index-case-fy div {

    width: .2604rem;

    height: .2604rem;

}



.index-case-fy div i {

    font-size: .1563rem;

    color: #fff;

    cursor: pointer;

}



.index-news {

    padding: .5104rem .4792rem;

}

.index-news-item{

    width: 31%;

}

.index-news-item img {

    width: 100%;

    opacity: 0;

}



.index-news-time {

    background-color: transparent;

    width: .6771rem;

    height: .6771rem;

}



.index-news-time h4 {

    color: #000;

    font-size: .2865rem;

    line-height: 1;

    margin-bottom: .0677rem;

    opacity: 0.3;

}



.index-news-time p {

    font-size: .0625rem;

    color: #000;

    line-height: 1;

    opacity: 0.3;

}



.index-news-item-con>h4 {

    font-weight: 400;

    font-size: .1094rem;

    line-height: 1;

    margin-top: .2083rem;

    margin-bottom: .1302rem;

    padding-left: .1771rem;

}



.index-news-item-con>p {

    font-size: .0938rem;

    text-align: justify;

    opacity: 0.6;

    color: #000;

    padding-left: .1771rem;

    -webkit-line-clamp: 2;

}



.index-news-item-con>span {

    font-size: .1042rem;

    color: #000;

    opacity: 0.6;

    margin-top: .3646rem;

    padding-left: .1771rem;

}



.index-news-item:hover img {

    opacity: 1;

}



.index-news-item:hover .index-news-time {

    background-color: #91A5A6;

}



.index-news-item:hover .index-news-time h4 {

    color: #fff;

    opacity: 1;

}



.index-news-item:hover .index-news-time p {

    color: #fff;

    opacity: 1;

}



.index-news-item:hover .index-news-item-con>h4 {

    opacity: 0;

}



.index-news-item:hover .index-news-item-con>p {

    opacity: 0;

}



.index-news-item:hover .index-news-item-con>span {

    opacity: 0;

}





/*底部样式*/

footer {

    background-color: #232323;

}



.footer-t {

    padding: .3854rem 0;

}



.footer-t-ca {

    padding: 0 .4792rem;

}



.footer-t-ca-l h4 {

    font-size: .2396rem;

    line-height: 1;

    margin-bottom: .0521rem;

    color: #f9f9f9;

}



.footer-t-ca-l p {

    font-size: .0833rem;

    color: #bdbdbd;

}



.footer-t-ca-r p {

    color: #bdbdbd;

    font-size: .0833rem;

    margin-right: .1354rem;

}



.footer-t-ca-r a {

    color: #fff;

    background-color: #91a5a6;

    border-radius: .0521rem;

    font-size: .0833rem;

    padding: .0521rem .125rem;

}



.footer-t-ca-r a span {

    margin-right: .0521rem;

}



.footer-t-list {

    padding: 0 .4792rem;

    margin-top: .4167rem;

}



.footer-t-item h4 {

    font-size: .1146rem;

    margin-bottom: .1302rem;

    color: #f9f9f9;

    font-weight: 400;

}



.footer-t-item p {

    font-size: .0833rem;

    color: #bdbdbd;

}



.footer-t-item span {

    color: #f9f9f9;

    font-size: .1042rem;

}



.footer-t-sc a {

    border-radius: 50%;

    width: .2188rem;

    height: .2188rem;

    margin-right: .0833rem;

    border: 1px solid #bdbdbd;

    display: flex;

    align-items: center;

    justify-content: center;

}



.footer-t-sc a:hover span {

    color: #bdbdbd;

}



.footer-b {

    padding: 0 .4792rem;

    background-color: #000;

}



.footer-b-con {

    padding: .1563rem 0;

}



.footer-b-con-l,

.footer-b-con-r a {

    font-size: .0833rem;

    color: #bdbdbd;

    line-height: 1

}
.footer-b-con-r a{
    margin-left: 12px;
}


.footer-b-con-r a:hover {

    color: #fff;

}



#sidebar {

    position: fixed;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

}



#sidebar ul li {

    margin-bottom: 5px;

    position: relative;

}



#sidebar ul li:last-child {

    margin-bottom: 0;

}



#sidebar ul li i {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #91a5a6;

    font-size: 18px;

    transition: .5s;

    cursor: pointer;

    color: #fff;

}



#sidebar ul li i:hover {

    color: white;

    background: black;

}



#sidebar ul li dl {

    position: absolute;

    top: 0;

    padding: 15px 25px;

    background: white;

    width: auto;

    white-space: nowrap;

    right: 0;

    transform: translateX(100%);

    transition: .5s;

    opacity: 0;

}



#sidebar ul li dl dt {

    font-size: 18px;

    font-weight: 500;

    margin: 2px 0;

}



#sidebar ul li dl dd {

    font-size: 16px;

    display: block;

}



#sidebar ul li dl img {

    width: 120px;

    max-width: none;

}



#sidebar ul li:hover dl {

    right: 40px;

    transform: translateX(0);

    opacity: 1;

}









/*关于我们样式*/





.ab1 {

    padding: .4792rem 0;

    background-color: #91a5a6;

}



.ab1-l {

    width: 52.5%;

}



.ab1-l h4 {

    color: #fff;

    font-size: .2344rem;

    font-weight: normal;

    margin-bottom: .2396rem;

}



.ab1-l p {

font-size: .1042rem;

color: #fff;

opacity: 0.8;

text-align: left;

margin-bottom: .1979rem;
}



.ab1-r {

    width: 30%;

}



.ab1-r-item {

    width: 45%;

    border: 1px solid #fff;

    margin-bottom: .0833rem;

}



.ab1-r-item:nth-child(1),

.ab1-r-item:nth-child(2) {

    border-radius: .526rem .526rem .1042rem .1042rem;

    padding: .4375rem 0 .3646rem;

}



.ab1-r-item:nth-child(3),

.ab1-r-item:nth-child(4) {

    border-radius: .1042rem .1042rem .526rem .526rem;

    padding: .3646rem 0 .4375rem;

}



.ab1-r-item h4 {

    text-align: center;

    color: #fff;

    font-size: .2344rem;

    margin-bottom: .1042rem;

}



.ab1-r-item p {

font-size: .0938rem;

color: #fff;

line-height: 1;

text-align: center;

width: 90%;
}



.ab1-b {

    background: url(../images/water-2.svg);

    height: .2969rem;

    background-repeat: repeat-x;

}



.ab2 {

    padding-top: .4792rem;

}



.ab2-con {

    align-items: flex-end;

}



.ab2-l {

    padding-bottom: 1.4219rem;

    width: 31.37%;

}



.ab2-l h4 {

    font-size: .2344rem;

    line-height: 1.3;

    margin-bottom: .2917rem;

    font-weight: normal;

}



.ab2-l p {

font-size: .0938rem;

opacity: 0.8;

text-align: left;
}



.ab2-r {

    width: 70.43%;

}



.ab2-r img {

    width: 100%;

}



.ab-txt {

    width: 33.75%;

}



.ab-txt h4 {

    font-size: .2344rem;

    line-height: 1.3;

    font-weight: normal;

    margin-bottom: .1563rem;

}



.ab-txt p {

font-size: .0938rem;

text-align: left;

opacity: 0.8;
}



.ab-pic img {

    width: 100%;

}



.ab3 {

    background-color: #f5f5f5;

}



.ab5 {

    background-color: #e0e8e8;

}



.ab3,

.ab4,

.ab5 {

    padding: .4792rem 0;

}





.ab3-con-l,.ab4-con-l,.ab5-con-l {

    width: 55.31%;

}



.ab3-con-r-pic {

    width: 1.4271rem;

    border-radius: .0521rem .4167rem .0521rem .4167rem;

    overflow: hidden;

    margin-top: .4948rem;

}



.ab4-con-r-pic {

    width: 1.2083rem;

    border-radius: .0521rem .2604rem .0521rem .2604rem;

    overflow: hidden;

    margin-top: .2813rem;

}



.ab5-con-r-pic {

    width: 1.2396rem;

    margin-top: .4427rem;

    border-radius: .1042rem .4063rem .1042rem .4063rem;

    overflow: hidden;

}



.ab6 {

    padding: .4792rem 0;

}



.ab6-tit h4 {

    font-weight: 600;

    font-size: .2344rem;

}



.ab6-swiper {

    margin-top: .4063rem;

}



.ab6-pic {

    padding: .2865rem .4948rem;

    border-radius: .1563rem;

    background-color: #eee;

}



.ab6-swiper p {

    font-size: .0938rem;

    margin-top: .0781rem;

}



.ab6-swiper .swiper-pagination {

    position: relative;

    background-color: #eee;

    height: 3px;

    margin-top: .4167rem;

}



.ab6-swiper .swiper-scrollbar-drag {

    background-color: #91a5a6;

    opacity: 1;

    height: 3px;

}



.ab7 {

    padding-bottom: .4792rem;

}



.ab7-tit h4 {

    font-weight: 600;

    font-size: .2344rem;

}



.ab7-list {

    margin-top: .4583rem;

}



.ab7-item {

    background: #91a5a6;

    padding: .4688rem .2865rem;

    width: 30.62%;

    overflow: hidden;



}



.ab7-item:hover {

    box-shadow: -0.0938rem 0px .2813rem .0938rem rgba(0, 0, 0, 0.25);

    border-radius: .1042rem 1.0417rem 1.0417rem 1.0417rem;

}



.ab7-item-txt h4 {

    color: #fff;

    line-height: 1.3;

    font-weight: 600;

    font-size: .2344rem;

    margin-bottom: 1.3229rem;

}



.ab7-item-txt p {

font-size: .0938rem;

color: #fff;

opacity: 0.8;

text-align: left;
}



.ab7-item-pic {

    top: .2604rem;

    right: -0.1563rem;

}



.ab7-item-pic span {

    font-size: 1.0417rem;

    line-height: 1;

    color: #fff;

    opacity: 0.05;

    font-weight: bold;

}





/*联系我们样式*/

.ca-1 {

    padding: .5521rem 0 .625rem;

}



.ca-1-con {padding-top: 1.24479rem;padding-left: .4688rem;}



.ca-1-con h4 {color: #fff;font-size: .2604rem;line-height: 1.3;font-weight: normal;margin-bottom: .2813rem;width: 50%;}



.ca-1-con p {

    width: 3.0208rem;

    text-align: justify;

    color: #fff;

    font-size: .0938rem;

    line-height: 1.6;

    opacity: 0.8;

}



.ca-2-t {

    padding-bottom: .3281rem;

}



.ca-2-t h4 {

    font-size: .2344rem;

    font-weight: 600;

    line-height: 1.3;



}



.ca-2-t p {width: 3.0833rem;font-size: .0938rem;line-height: 1.6;text-align: left;}



.ca-2-b-item {padding-top: .3229rem;padding-right: .0833rem;width: 48.56%;padding-bottom: 10px;}



.ca-2-b-txt {

    background-color: #fff;

    border-radius: .5208rem .5208rem .5208rem .1042rem;

    padding: .5rem .3854rem 0;

    min-height: 2.1563rem;

}



.ca-2-b-txt h4 {font-size: .1563rem;font-weight: 600;margin-bottom: .3552rem;}



.ca-2-b-txt p {font-size: .0938rem;line-height: 1.5;text-align: left;margin-bottom: .1563rem;font-weight: 400;opacity: 0.8;width: 80%;}



.ca-2-water {

    width: 1.0156rem;

}



.ca-2-earth {

    width: 1.4583rem;

}



.ca-2-b-r-txt p {

    width: 88%;

}



.ca-3 {

    margin-top: 1.2rem;

    padding-bottom: .3958rem;

}



.ca-3-tit h4 {

    color: #fff;

    font-size: .1458rem;

    line-height: 1.5;

    font-weight: normal;

    margin-bottom: .4688rem;

}



.ca3-con {

    border-radius: .2083rem;

    background-color: #fff;

    padding: .4167rem .5417rem .3125rem;



}



.ca3-con-l h4 {

    font-size: 32px;

    font-weight: 600;

    margin-bottom: .2188rem;

}



.ca3-con-l-item p {

    font-size: .0938rem;

    line-height: 1.5;

    font-weight: 500;

    margin-bottom: .0521rem;

}



.ca3-con-r {

    width: 46.25%;

}



.ca3-con-form input {

    background: #fff;

    border: 1px solid #dadada;

    color: #333;

    padding: .1042rem;

    font-size: .0938rem;

    width: 49%;

}



.ca3-con-form textarea {

    background: #fff;

    border: 1px solid #dadada;

    padding: .1042rem;

    font-size: .0938rem;

    width: 100%;

    margin-top: .1042rem;

    min-height: .8438rem;

    color: #333;

}



.ca3-btn {

    background-color: #6c6c6c;

    color: #fff;

    font-size: .0938rem;

    line-height: 1;

    padding: .0885rem .2865rem;

    cursor: pointer;

    margin-top: .1823rem;

}



.ca3-btn:hover {

    background-color: #91a5a6;

}



/*产品页样式*/

/*产品列表样式*/

.pro-list-top {

    margin-bottom: .2604rem;

}



.pro-t-box {

    bottom: .6146rem;

}



.pro-t-txt h4 {

    color: #333;

    font-size: .2188rem;

    font-weight: 400;

    letter-spacing: 1px;

}



.pro-t-txt p {

    color: #fff;

    font-size: .1146rem;

}



.pro {

    padding: .1563rem 0 .3906rem;

}



.pro-top {

    margin-bottom: .4167rem;

}





.pro-top-menu a,

.pro-top-menu em,

.pro-top-menu span {

    font-size: .0938rem;

    line-height: 1;

    opacity: 0.7;

}



.pro-top-menu span {

    color: #000;

    opacity: 1;

    font-size: .0885rem;

}



.pro-top-menu a:hover {

    color: #91A5A6;

    opacity: 1;

}



.pro-top-menu em {

    padding: 0 .0521rem;

}



.pro-top-tit {

    margin-top: .0938rem;

}



.pro-top-tit h4 {

    font-size: .3125rem;

    font-weight: normal;

}





.pro-list-bar {

    margin-top: 0;

    margin-bottom: .2865rem;

}







.pro-list-page-nav-item {

    background-color: #ccc;

    color: #fff;

    padding: .125rem .0521rem;

    font-size: .125rem;

    line-height: 1;

    letter-spacing: 1px;

    margin-right: .0833rem;

    width: 1.0417rem;

}



.pro-list-page-nav-item:hover,

.pro-list-page-nav-item.active {

    background-color: #91a5a6;

    color: #fff;

}

.sub-nav{

    top: .3646rem;

    z-index: 10;

    display: none;

}

.sub-item{

    background-color: #bfbfbf;

    color: #fff;

    padding: .125rem .0521rem;

    font-size: .1042rem;

    line-height: 1;

    letter-spacing: 1px;

    margin-right: .0833rem;

    width: 1.0417rem;

    display: block;

    margin-top: .0521rem;

}

.sub-item:hover,.sub-item.active{

    background-color: #91a5a6;

    color: #fff;

}











.pro-list-page-search {

    background-color: #fff;

    line-height: .2604rem;

    width: 2.0208rem;

}



.pro-page-form-box input[type=text] {

    font-size: 14px;

    line-height: 1;

    flex: 1;

    line-height: .2604rem;

    padding: 0 .0938rem;

}



.pro-page-form-box input[type=submit] {

    background-color: #ED9517;

    color: #fff;

    width: .3646rem;

    height: .2604rem;

}



.pro-top-search {

    border: 2px solid #93939a;

}



.pro-top-search input[type=text] {

    font-size: .0885rem;

    width: 100%;

    padding: 0 .0833rem;

}



.pro-top-search input[type=submit] {

    width: .3646rem;

    height: .2604rem;

    background-image: url(../images/serach-ico02.png);

    background-repeat: no-repeat;

    background-size: .1563rem .1563rem;

    background-position: center center;

    appearance: none;

    background-color: transparent;

    opacity: 0.7;

}



.pro-search-form {

    background-color: #fff;

    width: 1.875rem;

}



.pro-search-form img {

    width: .1458rem;

    margin-right: .1042rem;

    opacity: 0.6;

}



.pro-search-input {

    padding: .0885rem .0677rem;

}



.pro-search-input input[type=text] {

    font-size: .0938rem;

    width: 100%;

}



.pro-search-form input[type=submit] {

    width: .3021rem;

    height: .3021rem;

    background-image: url(../images/serach-ico.png);

    background-repeat: no-repeat;

    background-size: .1354rem .1354rem;

    background-position: center center;

    appearance: none;

    background-color: #333;

    opacity: 0.7;

}



.pro-side {

    width: 1.4688rem;

}



.pro-side-tit h4 {

    font-size: .1146rem;

    margin-bottom: .1354rem;

}



.pro-side-item {

    border-top: 1px solid #ccc;

    padding-top: .2083rem;

    margin-bottom: .2083rem;

}



.pro-side-item i.on {

    transform: rotate(90deg);

}



.pro-side-item-tit {

    cursor: pointer;

}



.pro-side-item-tit h4 {

    font-size: .0938rem;

    font-weight: bold;

    line-height: 1.2;

}



.pro-side-item-tit i {

    font-size: .0938rem;

    line-height: 1;

}



.pro-side-sub {

    display: none;

}



.pro-side-sub.on {

    display: block;

}



.pro-side-sub a {

    font-size: .0885rem;

    margin-top: .1042rem;

    padding-left: .0521rem;

}



.pro-side-sub a.on {

    color: #91A5A6;

}



.pro-side-sub a:hover {

    color: #91A5A6;

}



.pro-list-con {

    width: 100%;

}



.pro-list-page-item {

    width: 24%;

    margin-bottom: .4167rem;

}



.pro-list-page-item img {

    width: 100%;

}



/* 如果最后一行是3个元素 */

.pro-list-page-item:last-child:nth-child(4n - 1) {

    margin-right: calc(24% + 4% / 3);

}



/* 如果最后一行是2个元素 */

.pro-list-page-item:last-child:nth-child(4n - 2) {

    margin-right: calc(48% + 8% / 3);

}



.pro-list-page-item-btn {

    background: #91A5A6;

    color: #fff;

    font-size: .0938rem;

    width: 85%;

    margin: 0 auto .1146rem;

    border-radius: 5px;

    line-height: 1;

    padding: .1146rem 0;

    opacity: 0;

}



.pro-list-page-item:hover .pro-list-page-item-btn {

    opacity: 1;

}



.pro-list-page-item-txt {

    margin-top: .1563rem;

}



.pro-list-page-item-txt h4 {

    font-size: .1042rem;

    margin-bottom: 0.0781rem;

    text-align: center;

}



.pro-list-page-item-txt p {

    font-size: .0885rem;

    line-height: 1;

    opacity: 0.7;

    text-align: center;

}



.pro-list-page-list::after {

    content: '';

    width: 31%;

}



.pro-list-page-item-tag {

    color: #fff;

    font-size: .0729rem;

    padding: .0365rem .0521rem;

    top: .0625rem;

    left: .0625rem;

    background: #91A5A6;

}



.pro-ca-con {

    background-color: #292929;

    padding: .3646rem 0;

    margin-bottom: .3646rem;

}



.pro-ca-con p {

    font-size: .1042rem;

    color: #fff;

    margin-bottom: .1771rem;

    line-height: 1;

}



.pro-ca-con h4 {

    font-size: .1667rem;

    line-height: 1.2;

    margin-bottom: .2708rem;

    color: #fff;

}



.pro-ca-con a {

    color: #fff;

    font-size: .0885rem;

    padding: .0833rem .5208rem;

    background-color: #616161;

}



.pro-ca-con a:hover {

    background-color: #fff;

    color: #000;

}



/*产品详情样式*/

.pro-show {

    padding: .2083rem 0 .2083rem;

}



.pro-show-con {

    padding: 0 .4167rem;

}



.pro-show-con-l {

    width: 30.78%;

}



.product-show-img-top .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    bottom: .1042rem;

    left: 0;

}



.product-show-img-top.swiper-pagination .swiper-pagination-bullet {

    background-color: rgba(255, 255, 255, 1);

    border-radius: 50%;

    width: .0729rem;

    height: .0729rem;

    display: block;

    opacity: 0.3;

    margin: 0 .0521rem;

}



.product-show-img-top .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #fff;

    opacity: 1;

}









.pro-show-con-r {

    width: 65.22%;

    background-color: #fff;

    padding: .3125rem;

}



.pro-show-con-r img {

    margin: 0 auto;

}



.pro-show-top-txt {

    padding: 0 .4167rem;

}



.pro-show-top-tit {

    border-bottom: 1px solid #ccc;

    margin-bottom: .25rem;

}



.pro-show-top-tit h4 {

    font-size: .1458rem;

    font-weight: 400;

    margin-bottom: .0833rem;

    margin-top: .2865rem;

    line-height: 1.2;

}



.pro-show-top-tit p {

    font-size: .1146rem;

    margin-bottom: .1667rem;

    color: #000;

    opacity: 0.7;

}



.pro-show-con-l-txt {

    margin-bottom: .3229rem;



}



.pro-show-con-l-txt p {

    font-size: .0938rem;

    color: #505050;

    line-height: 1.8;

    width: 80%;

    word-break: break-all;

    letter-spacing: 1px;

    margin-bottom: 10px;



}







.pro-show-btn {

    margin-bottom: .1042rem;

    font-size: .0938rem;

    line-height: 1;

    padding: .1146rem 0;

    cursor: pointer;

    width: 45%;

}



.add-cart {

    background-color: #91A5A6;

    color: #fff;

}



.add-cart:hover {

    background-color: #91A5A6;

    color: #fff;

}



.p-order {

    background-color: #fff;

    color: #000;

    border: 1px solid #fff;

}



.p-order:hover {

    background-color: #f7f7f7;

    color: #000;

}



.pro-show-list {

    margin-top: .3802rem;



}



.pro-show-list h4 {

    font-size: .125rem;

    margin-bottom: .1719rem;

}



.pro-show-list-item {

    background-color: #fff;

    margin-bottom: .1042rem;

    padding: .0938rem;

}



.pro-show-list-item-pic {

    width: .8542rem;

    margin-right: .1667rem;

}



.pro-show-list-item-txt h4 {

    font-size: .1458rem;

    margin-bottom: .1146rem;

}



.pro-show-list-item-txt p {

    opacity: 0.7;

    font-size: .0938rem;

}



/*搜索框样式*/

.pro-show-search {

    background-color: #fff;

    padding: 0;

    width: 1.6667rem

}



.pro-list-page-search {

    background-color: #fff;

    line-height: .2604rem;

    width: 2.0208rem;

}



.pro-page-form-box input[type=text] {

    font-size: 14px;

    line-height: 1;

    flex: 1;

    line-height: .2604rem;

    padding: 0 .0938rem;

    width: 100%;

}



.pro-page-form-box input[type=submit] {

    background-color: #ccc;

    color: #fff;

    width: .3646rem;

    height: .2604rem;

    background-image: url(../images/serach-ico02.png);

    background-repeat: no-repeat;

    background-size: .1563rem .1563rem;

    background-position: center center;

}



.pro-show-can {

    margin-top: .5417rem;

    padding: .6458rem 0;

    background-color: rgba(0, 0, 0, 0.03);

}



.pro-show-can-l {

    width: 2.3438rem;

}



.pro-show-can-l h4 {

    font-size: .1979rem;

    margin-bottom: .1563rem;

}



.pro-show-can-l p {

    font-size: .0833rem;

    opacity: 0.7;

}



.pro-show-can-i {

    padding-bottom: .1563rem;

    margin-bottom: .1563rem;

    border-bottom: 1px solid #ccc;

}



.pro-show-can-i h4 {

    font-size: .0885rem;

    margin-right: .3542rem;

    flex: 1;

}



.pro-show-can-i p {

    font-size: .0833rem;

    flex: 3;

}



.pro-show-can-i:last-child {

    margin-bottom: 0;

}



.pro-show-detail {

    margin: .4792rem 0 0;

    background-color: #eee;

    padding: .3125rem 0;

}



.pro-show-detail-tit h4 {

    font-size: .2188rem;

    line-height: 1;

    margin-bottom: .2708rem;

}



.pro-show-detail-con {

    background-color: #fff;

    width: 7.2917rem;

    margin: 0 auto;

    padding: .1563rem;

}



.pro-show-detail-con img {

    margin: 0 auto;

}



.pro-show-relate {

    padding: .5833rem 0 1.1302rem;

}



.pro-show-questions {

    margin-top: .7813rem;

}



.index-ca-fy div {

    background-color: #fff;

    width: .4167rem;

    top: 50%;

    font-size: .1563rem;

    font-weight: bold;

    line-height: 1;

    color: #000;

    border: 1px solid #000;

    margin: 0 .0521rem;

    padding: .0781rem 0;

}



.index-ca-fy div:hover {

    background-color: #91A5A6;

    color: #fff;

    border: 1px solid #fff;

}



/*新闻样式*/

.news-page {

    margin-top: .4688rem;

    padding-bottom: .4167rem;

}



.news-con-tit {

    font-size: .1563rem;

    letter-spacing: .0104rem;

    font-weight: 500;

    margin-bottom: .3125rem;

    margin-top: .7813rem;

}



.news-con-tit a {

    margin: 0 50px;

    padding-bottom: 15px;

    border-bottom: 2px solid #fff;

    font-weight: bold;

}



.news-con-tit a:hover,

.news-con-tit a.active {

    border-bottom: 2px solid #000000;

    color: #000000;

}



.news-con-item {

    background-color: #fff;

    padding: .1563rem;

    margin-bottom: 3%;

}



.news-item-pic {

    width: 25%;

}



.news-item-txt {

    padding: 3% 3%;

    flex: 1;

}



.news-item-txt h4 {

    font-size: .1563rem;

    margin-bottom: .1563rem;

    line-height: 1.2;

}



.news-item-txt p {

    font-size: .099rem;

    line-height: 1.5;

    text-align: justify;

    color: #999;

}



.news-item-date {

    font-size: .1458rem;

    padding: 2% 0;

    text-align: center;

}



.news-con-item:hover img {

    transform: scale(1.1, 1.1);

}



.news-con-item:hover h4 {

    color: #000000;

}



.news-con-item:hover .news-item-txt {

    padding: 3% 2%;

}



.news {

    background-color: #eee;

    padding: .3125rem 0;

    min-height: 3.125rem;

}



.news-show-con-left {

    width: 30.26%;

}



.news-show-con-right {

    width: 66.62%;

    background-color: #fff;

    padding: 2% 2%;

}



.news-show-tit {

    width: 100%;

    background-color: #fff;

    padding: 5%;

}



.news-show-tit h4 {

    line-height: 1.5;

    font-size: .1979rem;

    font-weight: 700;

    margin-bottom: .1563rem;

}



.news-show-tit p {

    font-size: .1042rem;

    color: #999;

    margin-bottom: .1042rem;

    line-height: 1;

}



.news-show-btn {

    margin: .1042rem auto;

    padding: .0938rem .3646rem;

    color: #fff;

    background-color: #000;

}



.news-show-btn:hover {

    background-color: #91A5A6;

    color: #fff;

}



/*faq*/

.faq-list {

    padding: 5% 0;

    background-color: #fff;

}



.faq-list ul {

    margin-bottom: 4%;

    border-top: 1px solid #cbd5da;

}



.faq-list ul li {

    position: relative;

    cursor: pointer;

    padding: .1042rem .2083rem .1042rem .4167rem;

    border-bottom: 1px solid #cbd5da;

}



.faq-list ul li h3 {

    font-size: .1042rem;

    line-height: 2.5;

    color: #000;

}



.faq-list ul li p {

    max-height: 0;

    width: 80%;

    height: auto;

    overflow: hidden;

    font-size: .1042rem;

    color: #565c5f;

    opacity: 0;

    line-height: .1667rem;

    transition: all 0.6s;

}



.faq-list ul li.on {

    padding-bottom: .2083rem;

}



.faq-list ul li.on p {

    opacity: 1;

    max-height: 1.5625rem;

}



.faq-list ul li i {

    position: absolute;

    display: block;

    width: .1042rem;

    height: .1042rem;

    left: .1563rem;

    top: .1823rem;

}



.faq-list ul li i::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    display: block;

    width: 100%;

    height: 2px;

    background-color: #000;

}



.faq-list ul li i::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    display: block;

    width: 2px;

    height: 100%;

    background-color: #000;

}



.faq-list ul li.on i::after {

    width: 0;

}



/*分页查询样式*/

.pagination {

    display: flex;

    align-items: center;

    justify-content: center;

}



.pagination li a,

.pagination li span {

    width: 30px;

    height: 30px;

    margin: 0 4px;

    background-color: #fff;

    color: #000;

    display: flex;

    font-size: 14px;

    border-radius: 5px;

    justify-content: center;

    align-items: center;

    line-height: 1;

    border: 1px solid #000;

}



.pagination li a:hover,

.pagination li.active a,

.pagination li.active span {

    background-color: #000;

    color: #fff;

}



.pagination li.disabled a,

.pagination li.disabled span {

    background-color: #999;

    cursor: no-drop;

    color: #fff;

    border: 1px solid #999;

}



.pro-tip {

    color: #ccc;

    font-size: .1563rem;

    margin-top: .2083rem;

}





/*工程案例*/

.cases-con {

    padding: .4688rem 0;

    min-height: 4rem;

}



.cases-tit h4 {

    font-size: .3125rem;

    font-weight: 400;

    margin-bottom: .4167rem;

}



.cases-nav-item {

    margin-right: .2604rem;

}

.cases-list::after{

    content: '';

    width: 32%;

    display: block;

}



.cases-item {

    margin-bottom: .3125rem;

    width: 32%;

}



.cases-item img {

    width: 100%;

}



.cases-item p {

    font-size: .1146rem;

    font-weight: 400;

    margin-top: .2083rem;

}



/*空间样式*/

.space-item {

    width: 48%;

    margin-bottom: .3021rem;

}



.space-item-txt {

    padding: .1979rem .2292rem;

    background-color: transparent;

}



.space-item-txt h4 {

    font-size: .1354rem;

    font-weight: 400;

    margin-bottom: .1563rem;

}



.space-item-txt p {

    font-size: .0938rem;

    opacity: 0.7;

    text-align: justify;

}



.space-item:hover {

    background-color: #91a5a6;

}



.space-item:hover h4,

.space-item:hover p {

    color: #fff;

}



.space-show-con {

    padding: .4792rem 0;

}



.space-show-menu {

    margin-bottom: .2083rem;

}



.space-show-menu a,

.space-show-menu em,

.space-show-menu span {

    font-size: .0938rem;

    color: #000;

    opacity: 0.7;

}



.space-show-menu em {

    margin: 0 .0781rem;

    ;

}



.space-show-menu a:hover {

    opacity: 1;

}



.space-show-top {

    background-color: #fff;

}



.space-show-pic {

    width: 66%;

}



.space-show-pic img {

    width: 100%;

}



.space-show-txt {

    padding: .4167rem .4167rem 0;

}



.space-show-txt-top h4 {

    font-size: .1354rem;

    font-weight: 400;

    margin-bottom: .1563rem;

}



.space-show-txt-top h4::after {

    content: '';

    display: block;

    margin-top: .1302rem;

    width: .3229rem;

    height: .026rem;

    background: #91a5a6;

}



.space-show-txt-top p {

    opacity: 0.7;

    font-size: .0938rem;

    text-align: justify;

}



.space-show-txt-num {

    margin-top: .5729rem;

}



.space-show-txt-num p {

    opacity: 0.7;

    font-size: .0833rem;

    margin-bottom: .0521rem;

}



.space-show-txt-num p span {

    padding-left: .026rem;

}



.space-pro {

    margin-top: .375rem;

}



.space-pro>h4 {

    font-size: .1823rem;

    font-weight: 400;

}

.space-pro-list{

    margin-top: .2917rem;

}

.space-pro-item{

    width: 23%;

}

.space-pro-pic img{

    width: 100%;

}

.space-pro-txt{

    margin-top: .1458rem;

}

.space-pro-txt h4{

    font-size: .1042rem;

    margin-bottom: 0.0781rem;

}

.space-pro-txt P{

    font-size: .0885rem;

    line-height: 1;

    opacity: 0.7;

}









@media screen and (max-width:1440px) {



    .index-co-t-txt p,

    .index-te-c span,

    .index-te-c a,

    .ab-t-con p,

    .pro-top-menu a,

    .pro-top-menu em,

    .pro-top-menu span,

    .pro-side-sub a,

    .index-ca-btn,

    .pro-ca-con a,

    .ab-4-con p,

    .ab-2-l p,

    .p-4-txt p,

    .ab-6-r p,

    .ab-1-l-txt p,

    .ca-1-txt p,

    .ca-1-label span,

    .ca-2 .ab-2-l p,

    .faq-list ul li p,

    .com-txt p,

    .order-form .order-section span,

    .index-why-item p,

    .ca-1-label input,

    .ca-1-label textarea,

    .ab3-txt p,

    .ab5-txt p,

    .ly-con-l-txt p,

    .pro-show-btn {

        font-size: 16px;

    }



    nav>ul>li>a,

    .index-ab-i p,

    .index-ab-i p,

    .index-te-c p,

    .index-ce-con p,

    .index-co-b-con p,

    .footer-b p,

    .footer-b a,

    .footer-t-i a,

    .pro-list-page-item-txt p,

    .sc-txt p,

    .sc-tc-txt p,

    .sc-tc-i-txt p,

    .news-item-txt p,

    .footer-t-i a,

    .footer-t-i p,

    .footer-b-con-l,

    .pro-list-page-item-tag,

    .ab-txt-r p,

    .ab6-txt p,

    .se1-l p,

    .se2-txt p,

    .se3-item p,

    .ca-1-r-tit p {

        font-size: 15px;

    }



    .index-co-b-con h4,

    .pro-side-item-tit h4,

    .sc-tc-pro-tit h4,

    .ca-1-txt h4,

    .faq-list ul li h3 {

        font-size: 18px;

    }



    .footer-t-i h4,

    .sc-tc-i-txt h4,

    .pro-list-page-item-txt h4 {

        font-size: 17px;

    }



    .pro-side-tit h4,

    .news-con-tit a {

        font-size: 20px;

    }



    .footer-b-sc a {

        font-size: 20px;

    }

}

#translate{
    display: none !important;
}