/*fp-seed:ldvs9e60u4jl v2.27 mqkiifg6*/
/*初始化样式*/
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
  
    text-decoration: none;
    outline: none;
}

p {
    margin: 0;
}

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

dt {
    font-weight: normal;
}

/*----- Common css ------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wh {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 0;
}

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}



/*头部样式*/
.top1 {
    height: 27px;
    background: #e6e6e6;
    color: #595959;
    line-height: 27px;
    overflow: hidden;
    font-size: 13px;
}

.top2 {
    height: 82px;
    position: absolute;
    top:0;
    width: 100%;
    z-index: 9999999;
}

.top2 .wh{
    display: flex;
    justify-content: space-between;
}

#header {
    width: 1000px;
    margin: 0 auto;
}


.top2 .k2 {
    margin-top: 35px;
    font-size: 16px;
    color: #333333;
    line-height: 35px;
    background: url() no-repeat left center;
    padding-left: 40px;
}

.nnav{
    width: 60%;
}

/*热门搜索*/
.sou {
    margin: 15px 0;
}

.hotSearch a {
    margin-right: 6px;
}

.hotSearch {
    float: left;
    font-weight: normal;
}

/*搜索和热门搜索*/
.ss-btn,.dimg{line-height: 82px;cursor: pointer;}
.dian{background: rgba(255,255,255,.6);color: #000;font-size: 16px;border-radius: 10px;padding: 5px 0;position: absolute;right: 0;top:62px;width: 148px;text-align: center;display: none;}
.dimg{margin-left: 30px;}
.ss{position: relative;}
.dh{position: relative;}


.ss #formsearch {
    position: absolute;width: 189px;top:62px;right: 0;display: none;
}

.ss #formsearch input {
    height: 30px;
    background: #fff;
    border: 1px solid #c8c8c8;
    line-height: 30px;
}

.ss #formsearch input#keyword {
    height: 30px;
    line-height:30px;
    padding-left: 4px;
    color: #666;
    outline: none;
}

.ss #formsearch input#s_btn {
    width: 46px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #3ed1cb;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
}





/*  */
.x-banner{position: relative;}
.slider{position: absolute;bottom: 5%;right: 7.6vw;z-index: 99;}

.box1{background: url(../images/bdedb537_8f655a69f4d9a1d5118e71e981eb272c4774875b.png) no-repeat top center;background-size: cover;padding: 5.2% 0 7.47%;}
.pul li .img{width: 40.56%;display: block;text-align: center;}
.pul li .img img{max-width: 100%;}
.pcon{width: 47.5%;}
.pul li{align-items: center;}
.pcon h3 a{display: block;color: #1a1a1a;font-size: 36px;}
.pcon p{color: #666666;font-size: 15px;line-height: 34px;margin: 30px 0 37px;}
.pmore a{display: block;width: 238px;height: 57px;border: solid 1px #1a1a1a;line-height: 55px;text-align: center;letter-spacing: 2px;color: #1a1a1a;font-size: 16px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.pul  li a img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pul  li a img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.pmore a:hover{background: #3ed1cb;border-color: #3ed1cb;color: #fff;}

/*  */
.box2{background: url(../images/fd1ad14f_6a3cb99491b51e6c33128d6d96453bcdad23b867.png) no-repeat top center;background-size: cover;padding: 5.7% 0 4.2%;}
.box2 .pul li .img{width: 48%;}


/*  */
.box3{background: url(../images/3c4494f0_04bf9ecebfd5d61d23f7c18da75ed45d051858a3.png) no-repeat top center;background-size: cover;padding: 10% 0 8.25%;}
.abox{width: 34%;margin-right: 3.9%;}
.abox h3{color: #1a1a1a;font-size: 36px;}
.abox h2{color: #1a1a1a;font-size: 32px;margin: 31px 0;}
.acon{color: #666666;font-size: 15px;line-height: 34px;}
.abox a{display: block;width: 239px;height: 57px;background-color: #3ed1cb;line-height: 57px;text-align: center;letter-spacing: 2px;margin-top: 35px; color: #ffffff;font-size: 16px;}



/*  */
.box4{padding: 5.2% 0 9.2%;}
.bt1{text-align: center;color: #1a1a1a;font-size: 36px;font-weight: bold;line-height: 1;}
.plist{margin-top: 3.6%;}
.plist .slick-slide{margin:0 28px;position: relative;}
.plist li a.img{display: block;opacity: 0.1;}
.plist li a.img img{width: 100%;}
.plist li h3 a{display: block;color: #1a1a1a;font-size: 24px;text-align: center;width: 100%;margin-top: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.plist .slick-current .img{opacity: 1;}



/*  */
.mySwiper{overflow: hidden;margin-top: 4.3%;}
.xbt{max-width: 621px;}
.xbt h3{color: #1a1a1a;font-size: 36px;}
.xbt p{color: #666666;line-height: 26px;font-size: 14px;margin-top: 26px;}
.jian{margin-top: 55px;}
.prev2,.next2{width: 79px;height: 41px;}
.prev2{background: url(../images/3dc78feb_10c09bf6c37f7f3e1bab206df6c566036bae2ff4.png) no-repeat center;margin-right: 5px;}
.next2{background: url(../images/7b9a2454_9bec9765f69aaea1afe61d810aa90fd7e3c9c695.png) no-repeat center;}
.prev2:hover{background: url(../images/1e06ab8d_cd8d3b8b2dd83866b1d8747f3bf79da32d28487f.png) no-repeat center;}
.next2:hover{background: url(../images/1d74ecb0_9d195b04b98abc633e3ec26cd9fc15321fd249ef.png) no-repeat center;}
.mySwiper .swiper-slide .img img{display: block;width: 100%;}
.nn{margin: 22px 0;}/*bundle-e6l816wz3j*/
.shi{padding-left: 22px;color: #1a1a1a;font-size: 14px;font-family: 'Arial';background: url(../images/702b28d8_4bebe68c22496bcda4d62f9cb668f9a2b704542a.png) no-repeat left center;}
.fen{padding-left: 25px;color: #1a1a1a;font-size: 14px;font-family: 'Arial';background: url(../images/6fb1f8b8_f8223ce226b7b14a592b21b20bda45e9ee2c1e8f.png) no-repeat left center;}
.nn img{margin: 5px 10px 0 10px;}

.mySwiper .swiper-slide h3 a{display: block;color: #1a1a1a;font-size: 24px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}
.mySwiper p{color: #666666;line-height: 22px;font-size: 14px;margin-top: 12px;}
.mySwiper .swiper-slide:hover h3 a{color: #3ed1cb;}


.sou{margin-top: 30px;}
.box5{margin-bottom: 5%;}


/*  */
.ft1{background-color: #2c2c2c;padding: 4.6% 0 6.5%;}
.ft2{background-color: #3ed1cb;color: #ffffff;font-size: 14px;line-height: 24px;padding: 20px 0;}
.ft2 a{color: #fff;}
.dao{width: 41%;}
.dao li dd{color: #ffffff;font-size: 16px;font-weight: bold;margin-bottom: 25px;}
.dao li a{display: block;color: #666666;font-size: 14px;line-height: 36px;}
.lx{color: #666666;font-size: 16px;text-align: right;}
.lx p:nth-child(2){color: #3ed1cb;font-size: 22px;margin: 1.4vw 0 1.8vw;}
.dao li a:hover{color: #3ed1cb;}




@media(max-width: 1200px){
    .abox h3,.bt1,.xbt h3{font-size: 30px;}
    .abox h2{font-size: 26px;margin: 20px 0;}
    .plist li h3 a{font-size: 18px;}
    .mySwiper .swiper-slide h3 a{font-size: 20px;}
}






@media(max-width: 1024px){
    .pul li .img img{max-width: 70%;}
    .pcon h3 a{font-size: 30px;}
    .pcon p{line-height: 30px;margin: 20px 0 27px;}
    .abox a{width: 180px;height: 42px;line-height: 42px;}
    
    .lx{font-size: 14px;}
    .lx p:nth-child(2){font-size: 20px;}
}




@media(max-width:768px){
    .pul li .img img{max-width: 70%;}
    .pcon h3 a,.bt1{font-size: 24px;}
    .pcon p{line-height: 26px;margin:10px 0 17px;font-size: 14px;}
    .pmore a{width: 200px;height: 42px;line-height: 40px;}
    .abox h3{font-size: 20px;}
    .acon{font-size: 14px;line-height: 26px;}
    .abox h2{font-size: 18px;margin: 15px 0;}
    .xbt{max-width: 60%;}
    .dao{display: none;}
    .lx{text-align: center;width: 100%;float: none;}

}


@media(max-width:640px){
    .pul li .img,.pcon,.box2 .pul li .img{width: 100%;}
    .bt1,.xbt h3{font-size: 24px}
    .pul li .img{margin-bottom: 20px;}
    .pul li .img img{max-width: 50%;}
    .box1{padding: 30px 0;}
    .pcon h3 a{font-size: 20px;}
    .box2 .pul li{flex-direction: column-reverse;}
    .pmore a{width: 160px;}
    .box3{background: none;}
    .abox{width: 100%;padding: 0 15px;margin:  0;}
    .abox a{width: 160px;}
    .box4{padding: 0 0 30px 0;}
    .plist li h3 a{margin-top: 10px;font-size: 14px;}
    .plist .slick-slide{margin: 0 10px;}
    .plist{margin-top: 25px;}
    .xbt,.jian{float: none;max-width: 100%;}
    .xbt h3{text-align: center;}
    .xbt p{margin-top: 10px;text-align: center;}
    .jian{margin-top: 20px;}
    .mySwiper .swiper-slide h3 a{font-size: 16px;}
    .nn{margin: 15px 0;}
    .lx{font-size: 12px;line-height: 20px;}
    .bq{float: none;text-align: center;font-size: 12px;line-height: 22px;}
    .box5{margin-bottom: 30px;}
}











/* 友情链接 */


.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;
    width: 200px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    padding-left: 10px;
    background: url(../images/27f3a238_4ca2fb17b35544cee2d66bb60ca9639a33ee531c.png) no-repeat center;
}

.c-link dd{
    width:calc(100% - 70px);
}

.c-link .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    min-width:100%;
}

.c-link a {
    color: #2a333c;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}




@media(max-width: 640px){
    .slider{display: none;}
    .x-banner .owl-carousel .owl-dots{background: none;border: none;padding: 0;}
}


/*内页左侧样式*/


.page-product-inquiry a {
    color: #fff;
}





@media (max-width: 992px) {
    body {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .wh{ max-width: 95%; margin: 0 auto;font-size: 14px;}
    .page-wrap{ padding-bottom: 45px;}
}