/*鍒濆鍖栨牱寮�*/
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 {
    color: #009b4c;
    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;
    align-items: center;
    flex-wrap: wrap;
}

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

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

.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 {
    position: fixed;
    top:0;
    width: 100%;
    height: 70px;
    z-index: 99999;
    transition-duration: 1s;
    transition-property: all;
    border-bottom: 1px solid transparent;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.top2.cur{background: #fff;transform: translateY(-100%);}
#header {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    float: left;
    line-height: 70px;
}



.ly{margin: 0 25px;}
.dh {position: relative;margin-right: 25px;}
.dh a{color: #ffffff;font-size: 14px;cursor: pointer;height: 70px;display: flex;align-items: center;padding-top: 4px;}
.dh dd{color: #ffffff;font-size: 14px;cursor: pointer;height: 70px;display: flex;align-items: center;}
.dh dd span{transition-property: all;border-left: 1px solid transparent;overflow: hidden;flex-shrink: 0;display: inline-block;
    transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: 1s;white-space: nowrap;max-width: 0;}
.dh:hover dd span{border-left-color: #ffff;padding-left: 9px;margin-left: 8px;max-width: 40px;}

.dh dt{position: absolute;width: auto;max-height: 0;overflow: hidden;background-color: #ffffff;text-align: center;color: #111111;font-size: 14px;left: 0;top:70px;transition-property: all;    white-space: nowrap;--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .1s;}
.dh dt p{padding: 20px ;}
.yu a{display: block;line-height: 70px;}
.dh:hover dt{max-height:86px;}
.lastli{position: relative;}
.top2.active{background: #fff;border-color: #eee;}
.top2.active .x-menu > li:after{background: #000;}
.gong .img2{display: none;}
.top2.active .gong .img1{display: none;}
.top2.active .gong .img2{display: inline-block;}
.top2.active .x-menu>li>a{color: #666;}
.top2.active .dh:hover dd span{color: #666;border-left-color: #666;}
.header_search_fix {
    position: fixed;
    z-index: 999;
    top: 70px;
    left: 0;
    width: 100%;
    height: 70%;
    background: #fff;
    color: #000;
    display: none;
}

.header .header_logo {
    z-index: 100;
}

.header .header_logo a {
    display: block;
    text-align: left;
}

.header_search_fix .search {
    font-size: 18px;
    margin-bottom: 10px;
}

.search_box{margin-top: 70px;
   width: 70%;}

.header_search_fix input[type="text"] {
    background: none;
    width:100%;
    border: 0;
    outline: 0;
    font-size: 30px;
    color: #6f6f6f;
    font-weight: 300;
    border-bottom: 1px solid #6f6f6f;
}

.header_search_fix input[type="text"]::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #6f6f6f;
}

.header_search_fix input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #6f6f6f;
}

.header_search_fix input[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #6f6f6f;
}

.header_search_fix input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6f6f6f;
     
}


.header_search_fix .search_box {
    line-height:42px;
    height: 42px;
    position: relative;
}
.s_btn{background: url(../image/81a20b5f341c5544f3239f3b173a3c88a51bc4ab.png) no-repeat center;width: 20px;height: 20px;outline: none;border: none;opacity: 0.5;margin-top: 10px;position: absolute;right: 0;top:0;}
.header_search_fix:focus input[type="submit"]{opacity: 1;}
.header_search_fix input[type="text"]:focus{border-bottom-color: #111111;}
.header_search_fix .submit {
    width: 125px;
    height: 45px;
    line-height: 41px;
    font-size: 14px;
    color: #666;
    border: 2px solid #666;
    border-radius: 20px;
    background: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 0;
    -webkit-appearance: none;
    outline: none;
}

.header_search_fix .close {
    position: absolute;
    width: 88px;
    height: 88px;
    font-size: 12px;
    line-height: 92px;
    border: 1px solid #666;
    right: 60px;
    top: 20px;
    text-align: center;
    cursor: pointer;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    background: #0e68b0;
}

.header_search_fix .close:hover {
    background: #0e68b0;
}

/*body .search_hover.header .header_logo .logo{background-image: url(../img/logo_w.png);}*/
.search_hover .header_logo:after {
    display: none;
}

.header_search_fix .pro_list {
    color: #6f6f6f;font-weight: 300;margin-top: 100px;font-size: 16px;
}
.header_search_fix .wh{position: relative;}
.header_search_fix .pro_list .t {
    font-size: 18px;
    color: #fff;
    padding-bottom: 10px;
}

.header_search_fix .pro_list a {
    display: block;
    font-size: 14px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #fff;
}
.guan{position: absolute;right: 0;top:10px;cursor: pointer;}


.x-menu {
   margin-left: 60px;
}

.x-menu>li {
    position: static;
    padding: 0 22px;
    float: left;
}

.x-menu>li>a {
    display: block;
    font-size: 15px;
    color: #ffffff;
    white-space: nowrap;
    line-height: 70px;
    height: 70px;
    text-align: center;
}


.x-menu > li:after{
content: '';
width:0px;
height: 2px;
background-color: #fff;
transition: all ease .3s;
margin:0 auto;
display: block;
bottom: 3px;
position: relative;
}
.x-menu > li:hover:after{
 width: 100%;
}
.wena {
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 50%;
    top: 70px;
    background: #fff;
    padding: 5vw 0;
    transform: translateX(-50%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
}
.dbt{font-size: 24px;font-weight: 300;color: #666;margin-bottom: 20px;}
.xleft{width: 25%;}
.dao1{width: 30%;margin-top: -30px;}
.dao1 a{display: block;padding: 32px 0 8px;font-size: 20px;font-weight: 300;border-bottom: 1px solid #eee;position: relative;}
.dao1 a:after{content: '';display: block;width: 0;height: 2px;background: #000;transition: all 0.5s;position: absolute;left: 0;bottom: 1px;}
.dao1 a:hover:after{width: 100%;}
.dao1 a:hover{color: #000;}
.xleft .mao{font-size: 14px;line-height: 24px;color: #666;}
.xleft  a{color: #000;font-size: 14px;padding: 0 8px;position: relative;border-bottom: 1px solid #666;margin-top: 20px;display: inline-block;}

.xleft  a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 25%;
    width: 1px;
    content: "";
    background-color: #000;
}
.x-sub-menu {
    font-size: 0;
}
.x-sub-menu .img{width: 30%;}
.x-sub-menu .img img{width: 100%;}
.x-sub-menu>li {
    width: 16.666%;
    display: inline-block;
}

.x-sub-menu>li>a {
    display: block;
    line-height: 2em;
    font-size: 16px;
    color: #333;
    text-align: left;
    padding-top: 15px;
    /*margin-bottom: 35px;*/
    position: relative;
}

.x-sub-menu>li>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background: #000;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    visibility: visible;
}

.x-sub-menu>li:hover>a:before {
    width: 50%;
    background: #00479d;
}

.x-sub-menu>li>a:hover {
   
    color: #00479d;
}



/*  */
.box1{padding: 4.4% 0 5.9%;}
.aleft{width: 43%;margin-top: 5.3%;}
.aimg {width: 49.2%;}
.aimg img{width: 100%;}
.abt dd{color: #111111;font-size: 15px;}
.line1{width: 32px;height: 2px;background-color: #111111;margin: 20px 0 27px;}
.abt dt{letter-spacing: 2px;color: #111111;font-size: 54px;font-weight: bold;line-height: 1;}
.acon{color: #616161;font-size: 16px;line-height: 30px;margin-top: 26px;}




.mySwiper{overflow: hidden;height: 100vh;position: relative;}
.mySwiper .swiper-slide{position: relative;}
.bj1{position: absolute;width: 100%;height: 100%;top:0;}
.bj1 .wh{height: 100%;}
.bj11{height: 85%;}
.bleft dd{color: #ffffff;font-size: 16px;margin-bottom: 18px;}
.line2{width: 33px;height: 2px;background-color: #ffffff;}
.bleft h3{color: #ffffff;font-size: 64px;line-height: 80px;font-weight: bold;margin: 20px 0 38px;}
.bleft p{color: #fff;font-size: 20px;}
.bleft a{display: block;width: 138px;color: #111111;height: 56px;background-color: #ffffff;line-height: 56px;text-align: center;font-size: 16px;transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);border: 1px solid transparent;margin-top: 33px;
    transition-duration: .15s;}
.bleft{width: 50%;}
.bimg{width: 39.4%;margin-top: 9%;}
.bimg img{width: 100%;}
.bleft a:hover{background: none;border-color: #fff;color: #fff;}
.bj2{position: absolute;bottom: 6%;z-index:9;width: 100%;}
.sort1 li a{font-size: 16px;color: rgba(255,255,255,.5);}
.xian{position: relative;height: 2px;background: rgba(255,255,255,.5);}
.sort1{width: 91%;margin-top: 18px;}
.sort1 li{width: 30.3%;}
.sort1 li.on a{color: #fff;}
.xian{width: 100%;height: 2px;}
.xian:before{ content: ''; position: absolute; left: 0; bottom:0; z-index: 1;
	width: 0; height: 2px; background-color: #fff;}
.sort1 li.on .xian:before{
	-webkit-transition: linear 5.5s; -moz-transition: linear 5.5s; -ms-transition: linear 5.5s;
	-o-transition: linear 5.5s; transition: linear 5.5s; width: 100%;}
.sort1 li p{margin: 20px 0 10px;}
.sort1 li .xian1{width: 32px;height: 2px;background:rgba(255,255,255,.5)}
.sort1 li.on .xian1{background: #fff;}
.swiper-button-prev1,.swiper-button-next1{width: 36px;height: 36px;border: solid 1px #ffffff;line-height: 34px;text-align: center;    transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;}
.swiper-button-next1{margin-left: 8px;}
.swiper-button-prev1{background: url(../image/15d171742d5339b81b01f234ff3232110282ed2a.png) no-repeat center;}
.swiper-button-prev1:hover{background:#fff url(../image/0c33932da6eff0e2ed0c64da6ee8e655fe935e18.png) no-repeat center;}
.swiper-button-next1{background: url(../image/551faa57ea605d17cf4ba706e654c458539ee1c4.png) no-repeat center;}
.swiper-button-next1:hover{background:#fff url(../image/ec38c11199089f1bd89dcc8edc39fa18be68c19e.png) no-repeat center;}




/*  */
.box2 .wh{max-width: 1474px;}
.pimg{overflow: hidden;width: 56%;transition: clip-path 1000ms ease-in-out 0ms;clip-path: inset(0% 0% 0% 99%); opacity: 0;}
.pimg.active{
    transition: clip-path 1000ms ease-in-out 0ms;
    clip-path: inset(0%);
    opacity: 1;
}  
.pimg img{
    width: 100%;
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.pimg img:hover{transform: scale(1.1);}
.cp{position: relative;}
.pleft{background-color: #1ab298;width:48.9%;position: absolute;left: 0;z-index: 999;top:7.55%;height: 84.9%;display:flex;justify-content:center;align-items: center;padding: 0 7%;}
.box2 .abt dd{color: #fff;}
.box2 .line1{background: #fff;margin-bottom: 18px;}
.box2 .abt dt{line-height: 72px;letter-spacing: 3px;color: #ffffff;}
.box2 .abt> p{color: #ffffff;font-size: 16px;line-height: 26px;margin: 35px 0;}
.ftel{color: #fff;font-size: 15px;width: 220px;height: 56px;border: solid 1px #ffffff;line-height: 54px;text-align: center;    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;}
.ftel:hover{background: #fff;color: #111111;}



/*  */
.box3{margin: 5.1% 0 9.6%;}
.mySwiper2{overflow: hidden;position: relative;}
.mySwiper2 .swiper-slide .img{display: block;overflow: hidden;background: #f8f8f8;}
.mySwiper2 .swiper-slide .img img{transition-property: transform;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .5s;width: 100%;}
.mySwiper2 .swiper-slide .img img:hover{transform: scale(1.05);}
.line4{margin: 32px 0 20px;width: 33px;height: 2px;background-color: #111111;transition-property: transform;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .5s;}
.mySwiper2 .swiper-slide h3 a{display: block;font-size: 16px;color: #111111;line-height: 1;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all 0.5s;}
.mySwiper2 .swiper-slide p{color: #616161;font-size: 15px;line-height: 24px;margin: 10px 0 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mySwiper2 .swiper-slide:hover .line4{background: #1ab298;}
.mySwiper2 .swiper-slide:hover h3 a{color: #1ab298;}

.line5{background: #eeeded;height: 1px;width: 100%;position: relative;}
.line5:after{content: '';position: absolute;left: 0;top:0;background: #1ab298;width: 0;transition: all 0.5s;display: block;height: 1px;}
.mySwiper2 .swiper-slide:hover .line5:after{width: 100%;}


/*  */
.gleft{position: relative;width: 48.4%;}
.gimg2{margin-left: calc(621px - 50vw);}
.gimg2 img{width: 89.5%;}
.gimg1{position: absolute;top:50%;transform: translateY(-50%);right: 0;}
.gright{width: 46%;margin-right: 4%;}
.acon2{width: calc(100% - 102px);}
.jie{color: #111111;line-height: 56px;font-size: 40px;font-weight: lighter;}
.qi{color: #616161;font-size: 15px;line-height: 26px;margin-top: 30px;}
.gimg1 img{max-width: 100%;}




/*  */
.box5{margin: 5.5% 0 7.3%;}
.mySwiper3{overflow: hidden;position: relative;}
.mySwiper3 .swiper-slide .img{display: block;overflow: hidden;}
.mySwiper3 .swiper-slide .img img{transition-property: transform;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .5s;width: 100%;}
.mySwiper3 .swiper-slide .img img:hover{transform: scale(1.05);}
.nbt{color: #111111;font-size: 16px;margin: 27px 0 20px;line-height: 1;}
.mySwiper3 .swiper-slide h3 a{display: block;font-size: 24px;color: #111111;line-height: 1;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all 0.5s;margin-top: 28px;}
.mySwiper3 .swiper-slide p{color: #616161;font-size: 15px;line-height: 24px;margin: 16px 0 34px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.nmore a{display: inline-block;color: #111111;font-size: 16px;padding: 0 9px;border-bottom: 1px solid #111;padding-bottom: 3px;position: relative;}
.nmore a:after{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 25%;
    width: 1px;
    content: '';
    background: #111;
}
.mySwiper3 .swiper-slide:hover  h3 a,.mySwiper3 .swiper-slide:hover .nmore a{color: #1ab298;}




/*  */
.himg img{width: 100%;}
.mySwiper4{position: relative;overflow: hidden;margin-top: 6%;padding: 0 15px;}
.he{background: #fff;position: relative;z-index: 9999;margin-top: -14.7%;padding: 86px 0 68px;}
.he .abt{margin-left: 17.8%;}
.mySwiper4 .swiper-slide{margin: 15px 0 20px;}
.mySwiper4 .swiper-slide .img img{width: 100%;}
.mySwiper4 .swiper-slide{box-shadow: 0 0 15px rgba(0,0,0,.1);}



/*  */
.foot{background-color: #1ab28b;padding: 4.3% 0 6%;position: relative;z-index: 9999;}
.ft1{padding-bottom: 21px;border-bottom: 1px solid #ffffff;margin-bottom: 5%;}
.xmore {position: relative;}
.tewm{position: absolute;bottom: 30px;right: 0;z-index: 999;    transition-property: all;
    white-space: nowrap;
    transition: all 0.5s;width: auto;
    max-height: 0;
    overflow: hidden;}

.tewm img{height: 120px;}
.xmore:hover .tewm{max-height:120px;}
.xmore a{display: block;color: #ffffff;font-size: 20px;padding-right: 42px;background: url(../image/0f009b59e43ff69b84d7f297e695520e0b851451.png) no-repeat right center;margin-top: 10px;}
.lx{color: #ffffff;font-size: 16px;line-height: 36px;}
.lx2{margin-left: 3.5vw;}
.ban{color: #ffffff;font-size: 16px;line-height: 30px;text-align: right;max-width: 460px;}
.ban a{color: #fff;}
.tlogo img{max-width: 100%;}






/*  */
.cpbox1{background:url(../image/d715b1f80e73ff3e65549aa8935ecfc590b44059.png) no-repeat top center;background-size: cover; padding-bottom: 7.8%;margin-top: 70px;}
.cpbox2{max-width: 1452px;padding: 0 15px;margin: 0 auto;margin-top: 60px;}
.fen{width: 21.9%;margin-right: 4.3%;}

.fen .xypg-left-nav {
    margin: 0;
}

.fen .xypg-left-nav > li {
    position: relative;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 37px;
    margin-bottom: 37px;
}


.fen .xypg-left-nav > li > a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #111111;
    padding: 0;
}

.fen .xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: -6px;
    right: 20px;
    transition: all 0.5s;
    cursor: pointer;
    background: url(../image/0f8ae2c13ce2dda1f25f22f26e032cf1df4625b9.png) center no-repeat;
}

.fen .xypg-left-nav > li .first-nav-btn.clicked {
    transform: rotate(180deg);
}

.fen .xypg-left-nav > li:hover > a,.fen  .xypg-left-nav > li.clicked > a {
    color: #1ab298;
}

.fen .xypg-left-nav > li:hover .first-nav-btn,.fen  .xypg-left-nav > li.clicked .first-nav-btn {
    color: #1ab298;
}

.fen .xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 0 10px;
    
    padding-top: 30px;
}

.fen .xypg-left-nav .xypg-left-subnav > li {
    margin-bottom: 12px;border-bottom: none;border-top: none;
}

.fen .xypg-left-nav .xypg-left-subnav > li > a {
    display: block;
    line-height: 18px;
    padding: 0;
    color: #111111;
    padding-left: 31px;
    font-size: 14px;
    background: url(../image/d6413ad0016c7252265e58fbf3e30ce93f9b2441.png) no-repeat left center;
}

.cpbox3{background: url(../image/6b66a67a436a00768d067339f981033fc85b5852.png) no-repeat center 100px;position: relative;padding-bottom: 100px;transition: all 0.5s;background-size: 100% 70%;}
.cpbox3.cur{background-size: 100% 80%;}
.yimg2{width: 41.8%;position: relative;}
.yimg2 img{width: 100%;}
.ytt{position: absolute;width: 208px;height: 208px;background-color: #1ab299;right: -110px;top:-20px;padding: 46px 0 0 28px;}
.ytt h3{color: #ffffff;font-size: 16px;font-weight: normal;}
.line21{width: 32px;height: 2px;background-color: #ffffff;margin-top: 20px;}
.yan2{position: absolute;right: 0;top: 309px;background-color: #ffffff;width: 61%;padding:5% 17.4% 5.6% 5%;}
.yan2 h3{color: #111111;font-size: 30px;line-height: 1;margin-bottom: 40px;}
.yan2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.yan2 ul li input,.lynr textarea{display: block;color: #666666;font-size: 16px;outline: none;border: none;width: 100%;padding: 10px 0;resize: none;}
.yan2 ul li,.lynr{width: 47.6%;border-bottom: 1px solid #111111;margin-bottom: 40px;}
.yzm #checkcode{display: block;color: #666666;font-size: 16px;outline: none;border: none;padding: 0 0 25px 0;width: 47.6%;border-bottom: 1px solid #111111;}
.yzm #codeimg{margin-top: 10px;margin-left: 10px;}
.yzm a{color: #666666;font-size: 12px;margin-left: 10px;margin-top: 12px;}
.lynr{width: 100%;}
.yzm{margin-bottom: 38px;}
.lynr{margin-bottom: 76px;}
.tj input{display: block;width: 140px;height: 57px;line-height: 57px;color: #fff;font-size: 16px;background: #1ab298 url(../image/393c7c9181d6e1bcd8e1a4b7904ceb4509ae5056.png) no-repeat 86px center;padding-left: 38px;text-align: left;outline: none;border:1px solid #1ab298;transition: all 0.5s;}
.yan2 form{height: 146px;overflow: hidden;transition: all 0.5s;}
.yan2 ul li,.yzm ,.lynr{opacity: 0.4;transition: all 0.5s;}
.yan2 ul li:nth-child(2),.yan2 ul li:first-child{opacity: 1;}
.tj input:hover{background:#fff url(../image/2899938a7ea2eb9771f07c8ed32401da81a1da82.png) no-repeat 86px center;color: #1ab298;}

/*  */
.xq1{background: #f8f8f8;margin-top: 70px;}
.xqcp2{background: #f8f8f8;padding:5% 0 65px;}
.xqcp2 .abt dt{font-size: 50px;letter-spacing: 0;}
.xqcp2 .abt dd{font-size: 16px;color: #000000;}
.jian22{font-size: 16px;color: #000;line-height: 28px;margin: 1.5vw 0;}
.cpzu{width: 54%;margin-top: 16px;}
.pimg3{width: 41.5%;}
.pimg3 img{width: 100%;}


.xqcp3{margin: 5% 0 3.3%;}
.mao1{color: #616161;font-size: 16px;line-height: 28px;width: 49%;}
.pei{width: 38.7%;}
.pei h3{border-bottom: 1px solid #eeeded;color: #111111;font-size: 16px;padding-bottom: 5px;margin-bottom: 12px;}
.tuw img{width: 80px;margin-right: 10px;}
.tuw table{width: 100%;}
.tuw h2{margin-bottom: 5px;}
.tuw h2,.tuw h2 a{color: #111111;font-size: 14px;font-weight: bold;}
.tuw{color: #616161;font-size: 14px;line-height: 20px;padding-bottom: 12px;margin-bottom: 30px;border-bottom: 1px solid #eeeded;}
.gjc{margin-top: 26px;}
.xx1{width: 32px;height: 2px;border: solid 1px #616161;}
.gjc a{display: block;height: 26px;background-color: #ffffff;border: solid 1px #616161;line-height: 24px;margin: 0 8px 8px 0;padding: 0 10px;transition: all 0.5s;}
.gjc a:hover{background: #1ab299;color: #fff;border: 1px solid #1ab299;}
.nmore a:hover{opacity: .8;color: #111111;}
.mySwiperp{overflow: hidden;background-color: #eeeded;padding: 8% 0 9%;}
.mySwiperp .swiper-slide{text-align: center;position: relative;height: auto;display: flex;align-items: center;justify-content: center;}
.mySwiperp .swiper-slide img{max-width: 100%;}
.jia1{position: absolute;bottom: 0;right: 0;}

.xqcp4{padding: 4.3% 0;background-color: #1ab299;}
.xqcp4 h3{color: #ffffff;font-size: 30px;margin-bottom: 25px;}
.liang{width: 41.6%;}
.liang p{color: #ffffff;font-size: 16px;padding: 1.4vw 0 1.5vw;border-bottom: 1px solid rgba(255,255,255,.3);}
.yig p{padding-left: 32px;background: url(../image/718838c496c1560cd1ba3e8b852491109c715a36.png) no-repeat left center;}

.xqcp5{background: url(../image/268a11223efd062e6346574f2e2b33a6afa5f2e2.jpg) no-repeat top center;background-size: cover;padding: 11.4% 0;}
.plx{margin-right: 40px;width: 384px;}
.plx .abt dd{font-size: 16px;color: #000;}
.plx .abt dt{font-size: 36px;}
.plx .acon{margin: 35px 0 26px;}

.xqcp6{margin: 5% 0 3%;}
.xqcp6 h3{color: #111111;font-size: 38px;}
.cpxq7{background-color: #1ab299;padding: 4.6% 0;margin-bottom: 6.2%;}
.cpxq7 .abt dt,.cpxq7 .abt dd{color: #fff;}
.cpxq7 .line1{background: #fff;}
.cpxq7 .abt dd{font-size: 16px;}
.cpxq7 .abt dt{font-size: 36px;}
.cpxq7 .acon{color: #fff;}
.xleft1{width: 33%;}
.xright2{width: 40.3%;}
.xxz li{border-bottom: 1px solid rgba(255,255,255,.3);padding: 22px 0;}
.xxz li a{display: block;color: #ffffff;font-size: 16px;}
.xxz li a span{color: #ffffff;opacity: 0.4;}
.xxz li img{transition: all 0.5s;}
.xxz li:hover img{transform: translateY(5px);}
.xxz dd{width: calc(100% - 80px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.mySwiperx{position: relative;overflow: hidden;}
.mySwiperx .swiper-slide{width: 34.65%;}
.mySwiperx .swiper-slide .img{background-color: #efedee;display: block;overflow: hidden;}
.mySwiperx .swiper-slide .img img{width: 100%;transition: all 0.5s;}
.mySwiperx .swiper-slide:hover .img img{transform: scale(1.1);}
.mySwiperx h3{color: #111111;font-size: 18px;margin: 30px 0 33px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mySwiperx p{color: #111111;font-size: 16px;line-height: 28px;}
.mySwiperx .swiper-slide:hover h3{color: #1ab298;}
.xgcp{position: relative;margin-top: 38px;}
.xgcp .swiper-pagination-progressbar{position: relative;background-color: #d4d4d4;height: 2px;width: 70.34%;margin-top: 19px;margin-right: 55px;}
.xgcp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #1ab298;}
.xgcp .swiper-button-prev11,.xgcp .swiper-button-next11{width: 40px;height: 40px;border: solid 1px #1ab298;transition: all 0.5s;}
.xgcp .swiper-button-prev11{background:#ffffff url(../image/ff59c30ab1dd1d310008eb8b3c7dd47327ebf1cd.png) no-repeat center;margin-right: 5px;}
.xgcp .swiper-button-prev11:hover{background:#1ab298 url(../image/dd8689dbd45ea44df82203667251c40e150a7dd4.png) no-repeat center;}
.xgcp .swiper-button-next11{background:#ffffff url(../image/4e5b0900d31b18c23a88f7ccd492827499aefc24.png) no-repeat center;}
.xgcp .swiper-button-next11:hover{background:#1ab298 url(../image/00da4d29e8116a16fbdcee9f96818129e7ff8fe4.png) no-repeat center;}

/*  */
.njian{color: #000000;font-size: 24px;line-height: 30px;margin-top: 65px;padding-right: 60px;}
.nbox1{margin: 7.9% 0 7.6%;}
.nbox1 .abt dt{font-size: 60px;}
.nbox1 .abt dd{font-size: 16px;}
.nbox2{background: url(../image/271b2868b91d808ca396f5e6a51073a61d97fc85.png) no-repeat top center;background-size: cover;padding: 6.9% 0 3.6%;}
.sousuo{max-width: 1476px;margin: 0 auto;padding: 0 15px;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.ss1{width: 31.6%;position: relative;}
.ss1 dd{border-bottom: 1px solid #616161;height: 44px;line-height: 44px;cursor: pointer;position: relative;}
.ss1 dd img{position: absolute;right: 0;top:20px;transition: all 0.5s;}
.ss1 #formsearch{ border-bottom:1px solid #616161;}
.ss1 #formsearch input{height:44px;background:transparent;border: none;outline: none;line-height:44px;}
.ss1 #formsearch input#keyword{height:44px;line-height:44px;padding-left:4px;color:#666;width: calc(100% - 50px);}
.ss1 #formsearch input#s_btn{width:46px;height:44px;line-height:44px;text-align:center;background:url(../image/a38a9ce4b1a84f97b778034062056d9df547ade6.png) no-repeat right center;color:#fff;border:none;cursor:pointer;font-size: 12px;}
.sec2{box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display: none;position: absolute;top:44px;left: 0;width: 100%;background: #fff;z-index: 99;}
.sec2 li a{display: block;padding: 16px 20px;font-size: 16px;color: #666;}
.ss1 dd.cur img{transform: rotate(180deg);}
.sec2 li a:hover{color: #1ab298;}


.nbox3{padding-top: 10%;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.nul1{width: 48%;}
.nul2{width: 48.6%;}
.nul1 li{position: relative;}
.nbj1{position: absolute;bottom: 3.8vw;left: 28px;margin-right: 28px;}
.flm1{color: #ffffff;font-size: 16px;}
.nbj1 h3{font-size: 24px;color: #fff;margin: 10px 0 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nbj1 p{color: #ffffff;font-size: 16px;line-height: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.shi{color: #ffffff;font-size: 16px;padding-top: 13px;border-top: 1px solid #ffffff;margin-top: 2.5vw;}
.nul2 li .img img{width: 184px;height: 184px;}
.nul1 li .img img{width: 100%;}
.nul2 li{padding-bottom: 32px;margin-bottom: 32px;border-bottom: 1px solid #cfcfcf;}
.nbj2 {width: calc(100% - 216px);}
.nshi{color: #616161;font-size: 16px;}
.nbj2 h3{color: #111111;font-size: 24px;line-height: 30px;margin: 7px 0 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nbj2 p{color: #616161;font-size: 16px;line-height: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.nul2 li  .img,.nul1 li .img{display: block;overflow: hidden;}
.nul2 li  .img img,.nul1 li .img img{transition-property: transform;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .5s;}
.nul2 li img:hover,.nul1 li:hover .img img{transform: scale(1.05);}
.nul2 li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}

.nbox44{padding: 4.5% 0;background-color: #fcfcfc;margin-top: 5%;}
.nn1 h3{color: #000000;font-size: 40px;line-height: 1;}
.nn1 p{color: #616161;font-size: 16px;line-height: 24px;margin-top: 1.8vw;}
.nn1{width: 37.4%;}
.qi2{width: 38.4%;border-bottom: 1px solid #b0b0b0;padding-bottom: 24px;margin-top: 23px;}
.qi2 h3{color: #000000;font-size: 16px;font-weight: normal;}


.geng{margin-bottom: 30px;}
.nbox5{padding:4.5% 0 4% 0;background-color: #f8f8f8;}
.nbox5 h3{color: #616161;font-size: 24px;}
.gright2{width: 57.5%;padding-left: 65px;position: relative;}
.gright2::before{content: '';background: #b2b2b2;transition: all 0.5s;height: 98px;width: 1px;display: block;position: absolute;left: 0;top: 0;}
.dbt2 dd{color: #111111;font-size: 24px;font-weight: bold;line-height: 1;margin: 8px 0 21px;}
.dbt2 dt{color: #616161;font-size: 16px;}
.dj{width: 106px;height: 56px;color: #ffffff;background-color: #1ab299;border: 1px solid #1ab299; font-size: 16px;line-height: 56px;text-align: center;cursor: pointer;transition: all 0.5s;}
.dj:hover{background: #fff;color: #1ab299;}
.sec6{display: none;}
.sec6 .yan2{position: static;background: transparent;width: 100%;padding: 0;}
.sec6 .yan2 ul li input,.sec6  .lynr textarea,.sec6 .yzm #checkcode{background: none;}
.sec6 .yan2 ul li, .yzm,.sec6  .lynr{opacity: 1;}
.sec6 .yan2 form{height: auto;}
.gright2.cur::before{height: 100%;}

.nbox4{padding-top: 3.3%;}



.xypg-news-detail{margin: 0 auto; margin-top: 8%;max-width: 1018px;padding: 0 15px;}
.flm2,.shij{color: #616161;font-size: 16px;}
.xwxq1{max-width: 800px;margin: 0 auto;}
.miao3{color: #616161;font-size: 16px;line-height: 24px;}
.fuzhi {margin: 50px 0 76px;}
.fuzhi .social-share .social-share-icon{border-color: #1ab299;border-radius: 0;color: #1ab299;width: 44px;height: 44px;line-height: 42px;font-size: 24px;}
.fuzhi .social-share .social-share-icon:hover{background: #1ab299;}
.xian1{background: #eeeded;height: 1px;width: calc(100% - 109px);margin-top: 23px;float: left;}
.xypg-news-detail .xypg-detail-pn{margin-top: 15%;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.xypg-news-detail .xypg-detail-pn div{width: 48.3%;background-color: #f8f8f8;padding: 28px 28px 28px 128px;border: none;}
.xypg-news-detail .xypg-detail-pn div b{float: none;color: #111111;font-size: 20px;font-weight: bold;display: block;margin-bottom: 7px;}
.xypg-news-detail .xypg-detail-pn div a{color: #616161;font-size: 16px;float: none;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.xypg-news-detail .xypg-detail-pn div span{display: none;}
.xypg-news-detail .xypg-detail-pn div + div{margin-top: 0;}
.sx{width: 80px;height: 80px;background-color: #1ab299;text-align: center;line-height: 76px;display: block;position: absolute;left: 24px;top:-40px;}

.gylh{margin:6vw auto 4.3vw;border-top: 1px solid #eeeded;border-bottom: 1px solid #eeeded;padding: 4vw 15px;max-width: 988px;}
.gylh h3{color: #111111;font-size: 40px;padding-left: 8%;}
.gywm{width: 61%;color: #616161;line-height: 20px;font-size: 14px;}

.relate-title2{font-size: 40px;color: #111111;line-height: 1;}
.mySwiperxw {margin-top: 5%;}
.mySwiperxw .swiper-slide{width: 23.3%;}
.mySwiperxw .swiper-slide h3 a{color: #111111;line-height: 40px;font-size: 28px;height: 82px; font-weight: bold;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mySwiperxw .swiper-slide p{color: #616161;line-height: 28px;font-size: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;margin: 22px 0;}
.mySwiperxw .swiper-slide span{color: #616161;font-size: 16px;}
.relate-news{margin:65px 0 5.5% 17.8%;overflow: hidden;}


/*  */
.libox1{margin-top: 80px;}
.libox1 dd{color: #000000;font-size: 60px;font-weight: bold;line-height: 1;}
.cc{margin: 13vw 0  5vw 11vw;}
.cc h3{color: #111111;font-size: 30px;line-height: 40px;max-width: 270px;margin-right: 35px;}
.cc p{color: #616161;font-size: 16px;line-height: 28px;max-width:449px;}

/*  */
.libox2{background: url(../image/67d094c6b00406d990248a9195b27819c601a4d6.jpg) no-repeat top center;background-size: 100% 92%;padding-top: 88px;position: relative;}
.hui{background-color: #f8f8f8;width: 44.6%;float: right;padding: 8.4vw 8vw 8vw 150px;position: relative;}
.hui h3{color: #111111;font-size: 54px;line-height: 72px;}
.hui p{color: #111111;font-size: 16px;margin: 2.5vw 0 1.7vw;}
.hui a{display: block;width: 138px;height: 56px;background-color: #f8f8f8;border: solid 1px #111111;line-height: 54px;color: #111111;font-size: 16px;text-align: center;transition: all 0.5s;}
.hui a:hover{background-color: #1ab299;border-color: #1ab299;color:#fff;}
.lbj{width: 209px;height: 208px;background-color: #1ab299;padding: 48px 0 0 29px;position: absolute;top:-28px;left: -97px;}
.lbj dd{color: #ffffff;font-size: 16px;margin-bottom: 20px;}
.lline {width: 33px;height: 2px;background-color: #ffffff;}
.sj22{color: #ffffff;font-size: 16px;padding-top: 20px;border-top: 1px solid #ffffff;position: absolute;bottom: 6.5vw;left:17.2%;width: 30.5%;}






/*  */
.xypg-case-list2{max-width: 1195px;margin: 11vw auto 25vw;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.csort{width: 31.5%;    transform: translatex(-6.4vw);}
.xypg-case-list2> li{width: 31.5%;position: relative;margin-bottom: 32px;overflow: hidden;}
.xypg-case-list2> li video{object-fit: cover;height: 35vw;}
/* .cbj{position: absolute;top:0;left: 0;background: url(//cdn.myxypt.com/dacd5a9e/23/10/2699f650790cbb9a412651cfab486e824a122748.png) no-repeat top center;background-size: 100% 100%;width: 100% ;height: 100%;} */
.cbj2{position: absolute;left: 2vw;bottom: 5.8vw;padding-right: 2vw;}
.snme1{color: #ffffff;font-size: 16px;line-height: 1;}
.xypg-case-list2 li h3 {color: #ffffff;font-size: 30px;line-height: 40px;font-weight: normal;height: 80px;display: block;}
.cbj .line1{background: #fff;}
.xypg-case-list2 >li:nth-child(3n){transform: translateY(15vw);}
.xypg-case-list2 >li:nth-child(3n+1){transform: translateY(15vw);}
.csort h3{color: #111111;font-size: 46px;font-weight: bold;line-height: 72px;}
.csort p{color: #111111;font-size: 16px;margin-top: 25px;}
.xypg-case-list2> li img{width: 100%;}

.csort .xypg-left-nav {
    margin-top: 4vw;
}

.csort .xypg-left-nav > li {
    position: relative;
    border-bottom: 1px solid #616161;
    margin-bottom: 2vw;
}

.csort .ss1{width: 100%;}

.csort .xypg-left-nav > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 10px 0;
}

.csort .xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 20px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 0;
    cursor: pointer;
    background: url(../image/icon_spirit.png) 0 -240px no-repeat;
}
.csort .ss1 #formsearch input#s_btn{background: url(../image/7110a31072c58b41ec867a6b0980bb7eae38870f.png) no-repeat center;width: 16px;}
.csort .ss1 #formsearch input#keyword{width: calc(100% - 20px);}

.csort .xypg-left-nav > li .first-nav-btn.clicked {
    background-position: 0 -270px;
}

.csort .xypg-left-nav > li:hover > a,.csort  .xypg-left-nav > li.clicked > a {
    color: #1ab298;
}

.csort .xypg-left-nav > li:hover .first-nav-btn,.csort  .xypg-left-nav > li.clicked .first-nav-btn {
    color: #1ab298;
}

.csort .xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 0 10px;
}

.csort .xypg-left-nav .xypg-left-subnav > li {
    border-top: 1px dashed #eeeeee;
}

.csort .xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
}

.csort .xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: #1ab298;
}



@media(max-width: 1600px){
    .xypg-relate .relate-product,.relate-news{margin-left: 7%;}
    .xypg-relate{background-position: 10% top;}
    .hui h3{font-size: 48px;line-height: 65px;}
    .sj22{left: 7%;}
}



@media(max-width: 1430px){
    .csort{transform: translatex(-2.4vw);}
}




@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img,.aimg img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
     .lynr{margin-bottom: 30px;}
     .xqcp4 h3{font-size: 24px;}
     .nn1 h3{font-size: 30px;}
     .xypg-case-list2 li h3{font-size: 26px;line-height: 36px;}

}





@media(max-width: 1380px){
    .jie{font-size: 35px;line-height: 50px;}
    .mySwiperp .swiper-slide img{max-width: 80%;}
    .xypg-detail-title{font-size: 50px;line-height: 70px;}
    .csort{transform: translatex(0);}
    .csort h3{font-size: 36px;line-height: 52px;}
}




@media(max-width: 1280px){
   .aleft{margin-top: 3%;}
   .acon{font-size: 16px;line-height: 24px;}
   .abt dt,.xqcp2 .abt dt,.nbox1 .abt dt,.xypg-detail-title{font-size: 40px;}
   .xypg-detail-title{line-height: 60px;}
   .box2 .abt dt{font-size: 40px;line-height: 60px;}
   .gimg2{display: none;}
   .mySwiper3 .swiper-slide h3 a{font-size: 22px;}
   .relate-title{font-size: 40px;margin-bottom: 20px;}
   .xypg-relate{margin-top: 0;}
   .xypg-relate .relate-product,.relate-news{margin-left: 40px;}
   .sj22{left: 40px;bottom: 9vw;}
   .xypg-relate { background-position: 15px top;}
   .nbj2 h3{font-size: 20px;line-height: 26px;}
   .nul2 li{padding-bottom: 1.6vw;margin-bottom: 1.6vw;}
   .hui h3{font-size: 36px;line-height: 50px;}
   .libox1 dd{font-size: 40px;}
   
}




@media(max-width: 1200px){
    .bleft h3{font-size: 40px;line-height: 60px;}
    .njian{font-size: 20px;line-height: 28px;margin-top: 30px;}
    .relate-title2{font-size: 30px;}
    .mySwiperxw .swiper-slide h3 a{font-size: 20px;line-height: 30px;height: 60px;}
}

@media(max-width: 1080px){
    .x-menu>li{padding: 0 15px;}
    .bleft p{font-size: 16px;}
    .acon{font-size: 14px;line-height: 24px;}
    .pleft{padding: 0 5%;}
    .jie{font-size: 30px;line-height: 45px;}
    .mySwiper3 .swiper-slide h3 a{font-size: 20px;}
    .yan2 ul li, .lynr{margin-bottom: 20px;}
    .yan2 form{height: 120px;}
    .mySwiperp{padding: 50px 0;}
    .relate-title{font-size: 30px;}
    .xypg-relate{padding-top: 2%;background-size: 41% 32%;}
    .nul2 li .img {width: 158px;}
    .nbj2{width: calc(100% - 176px);}
    .nbj2 p{font-size: 14px;line-height: 22px;}
    .nbj2 h3{font-size: 16px;line-height: 22px;margin-bottom: 18px;}
}

@media(max-width: 991px){
    .box2 .abt dt{font-size: 30px;line-height: 40px;}
    .mySwiper3 .swiper-slide h3 a{font-size: 18px;}
    .tleft,.ban{float: none;width: 100%;}
    .ban{margin-top: 20px;max-width: 100%;text-align: center;}
    .ban{font-size: 14px;line-height: 1.5;}
    .yan2 h3{font-size: 24px;}
    .yan2{padding-right: 10%;}
    .lynr textarea{height: 60px;}
    .yan2 h3{margin-bottom: 20px;}
    .product-detail-tab .product-detail-tabcon,.mySwiperx p{font-size: 14px;line-height: 24px;}
    .xqcp6 h3{font-size: 30px;}
    .mySwiperx h3{margin: 15px 0;}
    .xgcp{margin-top: 20px;}
    .nn1 p{font-size: 14px;line-height: 22px;}
    .nn1{width: 50%;}
    .dbt2 dt{font-size: 14px;}
    .nbox5 h3,.dbt2 dd{font-size: 20px;}
    .gright2{padding-left: 30px;}
    .cpbox1,.xq1{margin-top: 0;}
    .libox1{margin-top: 0;}
    
    
}

@media(max-width: 768px){
    .aleft,.aimg{width: 100%;float: none;}
    .aleft{margin-bottom: 20px;}
    .abt dt,.xqcp2 .abt dt,.nbox1 .abt dt,.xypg-detail-title,.gylh h3,.libox1 dd{font-size: 27px;letter-spacing: 0;}
    .xypg-detail-title{line-height: 37px;}
    .mySwiper3 .swiper-slide h3 a{margin-top: 20px;}
    .line4{margin-top: 20px;}
    .line1{margin: 10px 0 17px;}
    .jie{font-size: 24px;line-height: 40px;}
    .gleft,.gright{width: 100%;}
    .gright{margin-bottom: 20px;margin-right: 0;}
    .gimg1{position: static;transform: translateY(0);text-align: center;}
      .box4 .wh{flex-direction: column-reverse;}
      .yin,.acon2{width: 100%;float: none;}
      .yan2 ul li{margin-bottom: 10px;}
      .yan2 form{height: 92px;}
      .plx .abt dt,.cpxq7 .abt dt{font-size: 30px;}
      .product-detail-tab{margin-top: 20px;}
      .nul1,.nul2{width: 100%;}
      .nul1{margin-bottom: 20px;}
      .nul1 li .img img{width: 100%!important;}
      .nbj1 h3{font-size: 16px;}
      .nbj1 p{font-size: 14px;line-height: 22px;}
      .shi{font-size: 14px;}
      .mySwiperxw .swiper-slide{width: 30%;}
      .xypg-news-detail{margin-top: 20px;}
      .fuzhi{margin: 20px 0 30px;}
      .cc h3 {
        font-size: 24px;
        line-height: 36px;
        max-width: 219px;
    }
    .cc p{width: calc(100% - 270px);}
    .hui{padding:60px;}
    .hui h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .lbj{width: 150px;height: 149px;padding: 20px 0 0 20px;}
}

@media(max-width: 640px){
    .mySwiper{height: 63vh;}
    .sort1 li .xian1{margin-top: 5px;}
    .sort1 li p{margin-top: 10px;}
    .bleft p{font-size: 14px;}
    .bleft h3{font-size: 20px;line-height: 30px;margin: 10px 0 28px;}
    .bj11{padding-bottom: 30px;}
    .bleft a{height: 46px;line-height: 46px;}
    .jian{display: none;}
    .sort1 li a{font-size: 14px;}
    .sort1{width: 100%;}
    .pimg{float: none;width: 100%;}
    .pleft{position: relative;margin-top: -36px;z-index: 99;width: 100%;left: 0;top:0;height: auto;padding: 0 15px;background: none;}
    .pleft .abt{background-color: #1ab298;padding: 40px 15px;}
    .box2 .abt dt{letter-spacing: 2px;font-size: 26px;line-height: 36px;}
    .box2 .abt> p,.jian22{font-size: 14px;line-height: 24px;margin: 20px 0;}
    .mySwiper2 .swiper-slide,.mySwiper3 .swiper-slide  {
        width: 90%;
      }
      .jie{font-size: 20px;line-height: 34px;}
      .mySwiper2,.mySwiper3{padding-bottom: 40px;}
      .mySwiper4{padding-bottom: 20px;}
      .mySwiper2 .swiper-pagination2,.mySwiper3 .swiper-pagination2,.mySwiper4 .swiper-pagination2{bottom: 0;top:auto;height: 2px;background: rgba(0,0,0,.17);position:absolute;}
       .mySwiper2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.mySwiper3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.mySwiper4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;}
       .he{padding: 30px 0;}
       .he .abt{margin-left: 10%;}
       .xmore{display: none;}
       .tlogo{float: none;width: 100%;}
       .foot{padding-top: 30px;}
       .lx{width: 100%;float: none;}
       .lx2{margin-left: 0;}
       .xypg-product-list li{margin-bottom: 20px;}
       .cpbox2{margin-top:0px;}
       .yimg2{width: 100%;float: none;}
       .yan2{position: static;width: 100%;padding: 20px;}
       .ytt{height: 150px;}
       .cpbox3{padding-bottom: 0!important;}
       .yan2 h3{font-size: 20px;}
       .yan2 form{height: auto!important;}
       .xqcp2 .abt dt{font-size: 22px;}
       .cpzu,.pimg3{width: 100%;float: none;}
       .pimg3{margin-top: 20px;}
       .xqcp2{padding: 0 0 30px 0;}
       .xqcp3{margin: 30px 0;}
       .mao1,.pei{width: 100%;float: none;}
       .mao1{font-size: 14px;line-height: 24px;}
       .pei{margin-top: 20px;}
       .mySwiperp{padding: 20px 0;}
       .xqcp4{padding: 30px 0;}
       .liang{width: 100%;}
       .xqcp4 h3{margin-bottom: 10px;font-size: 22px;}
       .yig{margin-top: 20px;}
       .liang p{font-size: 14px;padding: 10px 0;}
       .plx .abt dt,.xqcp6 h3,.cpxq7 .abt dt{font-size: 20px;}
       .plx{width: 100%;margin-right: 0;}
       .xqcp6{margin: 30px 0;}
       .xleft1,.xright2{width: 100%;float: none;}
       .cpxq7{padding: 30px 0;}
       .xxz li a{font-size: 14px;}
       .xxz li{padding: 10px 0;}
       .xxz dd{width: calc(100% - 37px);}
       .xypg-relate{padding-top: 25px;display: none;}
       .relate-title{font-size: 23px;}
       .njian{font-size: 14px;line-height: 2;padding-right: 0;}
       .sec2 li a{
           padding: 9px 3px;
             font-size: 12px;
       }
       .xypg-news-list li .img img{width: 100%;height: 100%;}
       .nei3,.xypg-news-list li .img{float: none;width: 100%;}
        .xlef {width: calc(100% - 60px);}
        .nei3 h3{font-size: 18px;}
        .flm{font-size: 12px;}
        .xypg-news-list li .info{font-size: 14px;line-height: 22px;margin: 10px 0 20px;}
        .xypg-news-list li .date{font-size: 14px;}
        .xypg-news-list li{padding-bottom: 20px;margin-bottom: 20px;}
        .nshi{font-size: 12px;}
        .nbj2 h3{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
        .nul2 li .img{width: 142px;}
        .nbj2{width: calc(100% - 156px);}
        .nul2 li{margin-bottom: 15px;padding-bottom: 15px;}
        .nbox44{padding: 20px 0;}
        .nn1 h3{font-size: 20px;}
        .nn1,.qi2{width: 100%;float: none;}
        .nn1 p{margin-top: 15px;}
        .nbox5 h3{margin-bottom: 15px;}
        .nbox5 h3,.gright2{float: none;width: 100%;}
        .dbt2 dd{margin: 4px 0 15px;}
        .gright2::before{height: 73px;}
        .relate-news{display: none;}
        .xypg-detail-title{font-size: 20px;line-height: 30px;margin-bottom: 20px;}
        .sx{display: none;}
        .xypg-news-detail .xypg-detail-pn div{padding: 10px;}
        .xypg-news-detail .xypg-detail-pn div a{width: 100%;font-size: 14px;}
        .xypg-news-detail .xypg-detail-pn div b{font-size: 16px;}
        .gylh h3,.gywm{width: 100%;float: none;}
        .gylh h3{padding-left: 0;margin-bottom: 20px;}
        .libox1 dd{font-size: 20px;}
        .cc h3,.cc p{float: none;width: 100%;}
        .cc h3{font-size: 18px;line-height: 26px;}
        .cc p{font-size: 14px;line-height: 24px;}
        .hui{width: 90%;right: 5%;padding: 30px 20px;}
        .lbj{display: none;}
        .hui p{font-size: 14px;margin: 10px 0;}
        .hui a{width: 120px;height: 40px;line-height: 38px;font-size: 14px;}
        .csort{width: 100%;margin-bottom: 20px;}
        .xypg-case-list2> li{width: 100%;}
        .xypg-case-list2 >li:nth-child(3n),.xypg-case-list2 >li:nth-child(3n+1){transform: translateY(0);}
        .csort h3{font-size: 24px;line-height: 36px;}
        .xypg-case-list2 li h3{font-size: 18px;line-height: 24px;height: 36px;}
        .cpodf .ytt{padding-left: 10px;}
        .xypg-case-list2> li video{height: 500px;}
   
}



/* 鍙嬫儏閾炬帴 */

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

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

.c-link span {
    cursor: pointer;
    display: block;
}

.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:120px;
}

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



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


@media (max-width: 992px) {
    body {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}

.page-banner,.xypg-pagination{display: none;}