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: #22346c;
    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: 1430px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.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);
}

/* .xypg-case-detail{overflow: hidden;} */

/*澶撮儴鏍峰紡*/
.top1 {
    height: 27px;
    background: #e6e6e6;
    color: #595959;
    line-height: 27px;
    overflow: hidden;
    font-size: 13px;
}

.top2 {transition: all 0.7s ease;z-index: 9999;padding: 10px 0;background:#fff url(//cdn.myxypt.com/2257c9ab/23/05/c1caeec5c83d4b194cd123b72cd2b30bf8a1501d.png) no-repeat top center;position: fixed;width: 100%;top:0;
}
.top2.cur{position: fixed;padding: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#header {
    width: 1000px;
    margin: 0 auto;
}
/*.x-banner,.page-banner{margin-top: 100px;}*/

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

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



/*鐑棬鎼滅储*/
.sou {
    margin: 15px 0;
}

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

.hotSearch {
    float: left;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}






/* 瀵艰埅鏍峰紡 */
.topr{width: 67%;}
#menu {
    background-color: #019350;
}

.x-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.x-menu>li {
    position: relative;
}

.x-menu>li>a {
    display: block;
    font-size: 18px;
    color: #262f36;
    white-space: nowrap;
    line-height: 80px;
    padding: 0 1.5vw;
    height: 80px;
    text-align: center;
}



.x-menu>li>a:hover {
    color: #ee7b10;
}



.x-menu>li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: #fff;
}

.x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 130%;
    left: -15%;
    top: 80px;
    background: rgba(255,255,255,.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}



.x-sub-menu>li>a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 3.4;
}

.x-sub-menu>li>a:hover {
    background: #ee7b10;
    color: #fff;

}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
    display: none;
}
.dian,.tewm{position: absolute;z-index: 9999;}
.er {margin: 0 0 0 20px;position: relative;line-height: 80px;}
.tewm{top:80px;left: 50%;transform: translateX(-50%);display: none;}
.wx{cursor: pointer;line-height: 80px;}
.er:hover .tewm{display: block;}
.dh{position: relative;}
.dian{color: #ee7b10;font-weight: bold;font-size: 18px;width: 161px;text-align: center;left: 50%;transform: translateX(-50%);top:60px;display: none;}
.dh:hover .dian{display: block;}
/* .she{margin-left: 40px;} */



/*  */
.box1{background-size: cover;padding: 75px 0 82px;overflow: hidden;background-position: top center;background-repeat: no-repeat;}
.pp h3{color: #000000;font-size: 46px;line-height: 1;}
.pp a{display: block;color: #888888;font-size: 18px;padding-right: 35px;line-height: 45px; background: url(../images/pro_more.png) no-repeat right center;transition: all 0.5s;}
.pp a:hover{color: #22346c;}
.psort{margin: 36px 0;}
.psort li{margin-right: 10px;}
.psort li a{display: block;height: 44px;background-color: #ffffff;border-radius: 22px;border: solid 1px #666666;color: #333333;font-size: 18px;text-align: center;line-height: 42px;padding: 0 23px;min-width: 140px;transition: all 0.5s;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.psort li.cur a{background-color: #22346c;color: #fff;border-color: #22346c;}
.tab1 .img{display: block;width: 33%;}
.tab1 .img img{display: block;width: 100%;}
.pleft{width: 56%;}
.pleft h3 a{display: block;font-weight: normal;color: #262f36;font-size: 36px;}
.pleft p{color: #555555;font-size: 17px;line-height: 34px;margin: 2.5vw 0 20px;height: 208px;overflow: hidden;}
.m1 a{display: block;width: 190px;height: 58px;background-color: #ffffff;border-radius: 29px;border: solid 2px #22346c;line-height: 54px;text-align: center;color: #333333;font-size: 18px;margin-right: 40px;transition: all 0.5s;}
.m1 a:hover{background-color: #22346c;color: #fff;border-color: #22346c;}
.logo img{max-width: 100%;}




/*  */
.box2{ width: 100%;position: relative;overflow: hidden;}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; 
/* transition: all .5s ease; */
 }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }
.tab-con .tab-main .img{height: 778px;}
.jbox{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding-top: 88px;z-index: 99;}
.jbt{padding-left: 25px;background: url(../images/case_title.png) no-repeat left center;}
.jbt dd{color: #ffffff;font-size: 46px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.jbt dt{color: #ffffff;font-size: 24px;font-weight: lighter;}
.tab-con2 { position: relative;width: 66%;margin-top: 12px;}
.tab-con2 .tab-main2 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con2 .tab-main2 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con2 .tab-main2.active { position: static; opacity: 1; visibility: visible;  }

.jsort li a{display: block;color: #ffffff;font-size: 18px;line-height: 60px;padding-left: 27px;}
.jsort li.active a{color: #5574d5;background: url(../images/case_li.png) no-repeat left center;}
.jbox2{width: 59%;margin-top: 94px;align-items:flex-start;}
.tab-con2 .tab-main2 h3{color: #ffffff;font-size: 36px;}
.tab-con2 .tab-main2 p{color: #ffffff;font-size: 18px;line-height: 34px;margin: 1.8vw 0 20px;height: 220px;overflow: hidden;}
.tab-con2 .tab-main2 a{display: block;width: 174px;height: 58px;background-color: #22346c;box-shadow: 6px 10px 12px 0px rgba(34, 52, 108, 0.2);
border-radius: 32px;text-align: center;color: #fff;font-size: 18px;line-height: 58px;}






/*  */
.box3{background-size: cover;padding: 84px 0 149px;text-align: center;overflow: hidden;background-position: top center;background-repeat: no-repeat;}
.bt1 dd{font-size: 46px;font-weight: bold;color: #000000;margin: 18px 0 26px;}
.zwz{color: #333333;font-size: 18px;line-height: 32px;max-width: 1032px;margin: 0 auto;}
.hmore a{display: block;width: 150px;height: 54px;background-color: #22346c;line-height: 54px;text-align: center;margin: 0 auto;color: #ffffff;font-size: 16px;margin-top: 3vw;}


/*  */
.box4{margin: 72px 0 114px;}
.box4 .pp h3{text-align: center;}
.nul{margin-top: 4.4%;}
.nul li{width: 30.9%;background-color: #ffffff;box-shadow: 0 0 15px rgba(38, 47, 54, 0.2);padding: 26px 28px 45px 28px;}
.nul li .img {margin: 0;display: block;overflow: hidden;}
.nul li .img img{width: 100%;transition: all 0.5s;}
.nul li h3 a{display: block;transition: all 0.5s;font-weight: normal;color: #333333;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 26px 0 23px;}
.nul li p{color: #888888;font-size: 16px;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul li:hover h3 a{color: #22346c;}
.nul li:hover .img img{transform: scale(1.1);}



/*  */
.foot{background-color: #262f36;padding-top: 70px;}


.ft2{font-size: 14px;color: rgba(255,255,255,.6);line-height: 24px;border-top: 1px solid rgba(255,255,255,.1);padding: 30px 0;}
.ft2 a{color: rgba(255,255,255,.6);}
.ft2 a:hover{
    color: rgba(255,255,255,.9);
}
.dao li dd{color: #ffffff;font-size: 18px;margin-bottom: 32px;}
.dao li a{
    display: block;line-height: 32px;font-size: 14px;color: rgba(255,255,255,.6);
    transition: all .3s;
}
.dao li a:hover{
    color:#698bf6;
}
.dao{width: 50.7%;}
.d1{font-size: 14px;color: rgba(255,255,255,.6);line-height: 20px;}
.dtel{padding-left: 49px;background: url(../images/fot_hotline.png) no-repeat left center;}
.dtel2{color: #ffffff;font-size: 36px;font-weight: bold;margin-left: 22px;line-height: 1;}
.tul li{color: #ffffff;font-size: 14px;line-height: 22px;width: 230px;}
.tright{width: 468px;}
.tul li:nth-child(2n){float: right;width:auto;}
.tul{margin: 26px 0 14px;}
.dz{font-size: 14px;line-height: 24px;color: rgba(255,255,255,.6);margin-bottom: 28px;margin-top: 20px}
.er2{text-align: center;font-size: 14px;line-height: 40px;color: rgba(255,255,255,.6);}
.er2 li img{width: 112px;}
.er2 li:first-child{margin-right: 30px;}
.xypg-news-list li .img{display: block;overflow: hidden;}
.xypg-news-list li:hover .img img{transform: scale(1.1);}
.xypg-news-list li .img img{width: 300px;transition: all 0.5s;}
.con1{width: calc(100% - 330px);}
.con1 h3 a{
        display: block;
    font-weight: normal;
    color: #262f36;
    font-size: 26px;
}
.con1 p{color: #555555;font-size: 16px;line-height:28px;margin: 20px 0 10px;overflow: hidden;}








@media(max-width: 1300px){
    .pp h3,.jbt dd,.bt1 dd{font-size: 36px;}
    .jbt dt{font-size: 20px;}
    .pp a{font-size: 15px;line-height: 36px;}
    .psort li a{padding: 0 10px;font-size: 16px;}
    .pleft h3 a{font-size: 30px;}
    .pleft p{font-size: 16px;line-height: 30px;}
    .m1 a{width: 150px;height: 50px;line-height: 46px;font-size: 16px;}
    .sp img{height: 46px;}
    .logo{width: 24%;}
    .tab-con2 .tab-main2 h3{font-size: 30px;}
    .box4{margin: 50px 0 90px;}
    /* .she{margin-left: 10px;} */
    .x-menu>li>a{font-size: 16px;}
}

@media(max-width: 1140px){
    .psort li a{min-width: 100px;}
    .x-menu>li>a{font-size: 16px;}
    .er{margin: 0 20px;}
    .dao{width: 43%;}
    .bq,.x-region{float: none;width: 100%;text-align: center;}
    /* .she{margin-left: 5px;} */
}

@media(max-width: 1024px){
    .top2{height: 80px;}
    .logo,.wx{line-height: 80px;}
    .x-menu>li>a{height: 80px;line-height: 80px;}
    .x-sub-menu,.tewm{top: 80px;}
    .dian{top:50px;}
    .tab-con2 .tab-main2 p{font-size: 16px;line-height: 28px;}
    .box4{margin: 50px 0 ;}
    
}

@media(max-width: 991px){
    .dao{display: none;}
    .tright{float: none;}
    .foot{padding-top: 30px;}
    .x-banner, .page-banner{margin-top: 0;}
}
@media(max-width: 768px){
    .pp h3,.jbt dd,.bt1 dd{font-size: 30px;}
    .jbt dd{margin-bottom: 10px;}
    .jbt dt{font-size: 18px;}
    .pp a{font-size: 14px;line-height: 30px;}
    .psort li a{min-width: auto;font-size: 14px;height: 38px;line-height: 36px;}
    .pleft h3 a{font-size: 26px;}
    .pleft p{font-size: 14px;line-height: 24px;}
    .jbox2{width: 70%;}
    .box3{padding: 50px 0 100px;}
    .zwz{font-size: 14px;line-height: 28px;}
}

@media(max-width: 640px){
    .box1{padding: 30px 0;}
    .psort{margin: 20px 0;}
    .pp h3{font-size: 26px;line-height: 30px;}
    .psort li{width: 48%;margin:0 1% 5px 1%;}
    .psort li a{padding: 0 3px;}
    .pleft{margin-bottom: 20px;}
    .pleft,.tab1 .img{width: 100%;}
    .pleft p{margin: 15px 0 25px;height: auto;}
    .m1 a{width: 120px;height: 40px;line-height: 36px;margin-right: 20px;}
    .sp img{height: 40px;}
    .pleft h3 a{font-size: 24px;}
    .jbox{padding: 50px 0;}
    .tab-con .tab-main .img{height: 400px;}
    .jbt dd{margin-bottom: 10px;font-size: 26px;}
    .jbt dt{font-size: 16px;}
    .jbox2{width: 100%;margin-top: 30px;}
    .jsort li a{font-size: 15px;padding-left: 20px;line-height: 30px;}
    .tab-con2{width: calc(100% - 130px);margin-bottom: 10px;}
    .tab-con2 .tab-main2 h3{font-size: 24px;}
    .tab-con2 .tab-main2 p{font-size: 12px;line-height: 22px;height: 133px;}
    .tab-con2 .tab-main2 a{width: 130px;height: 40px;line-height: 40px;font-size: 14px;}
    .box3{padding: 30px 0 80px;}
    .bt1 img{max-width: 100px;}
    .bt1 dd{font-size: 24px;margin: 10px 0 16px;}
    .hmore a{margin-top: 30px;width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
    .box4{margin: 30px 0 ;}
    .nul{margin-top: 30px;}
    .nul li{width: 100%;margin-bottom: 25px;padding: 20px 28px;}
    .nul li h3 a{font-size: 18px;margin: 15px 0;}
    .nul li p{font-size: 14px;line-height: 24px;}
    .tright{width: 100%;}
    .dtel{padding-left: 43px;}
    .dtel2{font-size: 26px;margin-left: 10px;line-height: 40px;}
    .tul li,.tul li:nth-child(2n){float: none;width: 100%;}
    .tul li{margin-bottom: 5px;}
    .ft2{padding: 15px 0;font-size: 12px;line-height: 22px;}
}






/* 鍙嬫儏閾炬帴 */

.c-link {
    padding: 20px 0;
    font-size: 14px;
    color: rgba(255,255,255,.3);
    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: rgba(255,255,255,.3);
    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;
    }
}
.xypg-right-content{margin-top: 60px;;}
@media (min-width: 992px) {
    .xdao {
        position: absolute;z-index: 999;width: 100%; margin-top: -13%;max-width: 1430px;
    }

    .xdao .xypg-left-nav {
        display: flex;
        margin: 0;
            justify-content: center;
    }

    .xdao .xypg-left-nav>li {
        width: 14.285%;
        text-align: center;
        background-color: rgba(0, 0, 0, .25);
        /* background-color: #9d9d9d; */
        border-bottom: none;
        position: relative;
        max-width: 164px;
        margin-right: 10px;
        
    }

    .xdao .xypg-left-nav>li .first-nav-btn {
        display: none;
    }

    .xdao .xypg-left-nav>li>a {
        color: #ffffff;
        line-height: 56px;
        font-size: 16px;
        padding: 0;
    }

    .xdao .xypg-left-nav>li>a:hover {
       background-color: #ee7b10;
    }

    .xdao .xypg-left-nav>li.clicked>a {
        background-color: #ee7b10;
        color: #fff;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav {
        padding: 0;
        position: absolute;
        top: 55px;
        left: 0;
        width: 100%;
        z-index: 111;
        display: none;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav li {
        width: 100%;
        line-height: 55px;
        background: #f4f4f4;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav li a {
        display: block;
        color: #a8a8a8;
    }

    .xdao .xypg-left-nav>li .xypg-left-subnav li a:hover {
        color: #eb6e12;
    }

    .xdao .xypg-left-nav>li:hover .xypg-left-subnav {
        display: block;
    }
    
}
.ppp1{position: relative;}
.nycp{margin-top: 7%;overflow: hidden;}
.nycp li{
    /* background-color: #f4f4f4; */
    border: solid 1px #e7e7e7;
}
.nycp li:hover{
    border-color: #ee7b10;
}
.nycp li .img {display: block;padding: 8px 11px 0 11px;}
.nycp li .img img{width: 100%;}
.nycp li h3 a{display: block;font-weight: normal;line-height: 56px;color: #666666;font-size: 16px;text-align: center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nycp li:hover h3 a{
    color: #ee7b10;
}
.cbt{color: #333333;font-size: 16px;}
.cul{font-size: 0;margin: 0 -0.5%;margin-top: 73px;margin-bottom: 12%;}
.cul li{display: inline-block;width: 19%;margin: 0 .5%;vertical-align: text-top;}
.cul li .img{display: block;}
.cul li .img img{width: 100%;}
.cul li h3 a{display: block;color: #333333;font-size: 22px;font-weight: bold;margin: 39px 0 30px;}
.hang p{color: #666666;font-size: 16px;line-height: 2;cursor: pointer;}
.hang p:hover{color: #ee7b10;}
.ppp1 .swiper-button-next,.ppp1  .swiper-button-prev{background: none;outline: none;width: 35px;height:58px;margin-top: -29px;}
.ppp1 .swiper-button-next img,.ppp1  .swiper-button-prev img{width: 35px;opacity: 0.2;}
.ppp1 .swiper-button-next{right: -80px;}
.ppp1 .swiper-button-prev{left: -80px;}
.ppp1 .swiper-button-next img:hover,
.ppp1  .swiper-button-prev img:hover{opacity: 0.5;}


/*  */

#main{ margin: 0px auto;}

#main .titleH1{height: 24px; line-height: 24px; padding-left: 30px; background: url(//cdn.myxypt.com/2257c9ab/23/06/d3b7adb739abe4693c3ab14a66fae9b4d788dcfa.jpg) left no-repeat; color: #404040; font-size: 20px; font-weight: bold; }

#main .mainLeft{ float: left; width: calc(100% - 240px); overflow: hidden;}

#main .mainLeft .prolist{ padding-top: 24px;}

#main .mainLeft .prolist dl{ height: 130px; padding-top: 24px; overflow: hidden;}

#main .mainLeft .prolist img{ float: left; width: 128px; height: 128px; border: 1px #E4E4E4 solid;}

#main .mainLeft .prolist dt{ float: right; font-weight: bold; width: 570px; line-height: 36px; height: 36px; font-size: 15px; overflow: hidden;}

#main .mainLeft .prolist dd{ float: right; width: 570px; line-height: 30px; height: 90px; padding-top: 8px;}


@media(max-width: 640px){
    /* .materialsR table{overflow-x: scroll;width: 100%;} */
}


#main .materialsNav{ float: left; width: 252px; border: 3px #E1E1E1 solid; background: #fff;}

#main .materialsNav h2{ background: #F88300; font-size: 22px; line-height: 62px; color: #fff; padding-left: 25px;}

#main .materialsNav dl{ border-top: 1px #F1F1F1 solid; border-bottom: 1px #D9D9D9 solid;}
#main .xypg-left-nav > li > a{padding: 0;}
#main .materialsNav .xypg-left-nav>li>a{background-image: linear-gradient(180deg, 
    #fefefe 0%, 
    #f0f0f0 50%, 
    #e1e1e1 100%), 
  linear-gradient(
    #737373, 
    #737373);
  background-blend-mode: normal, 
    normal;
  border: solid 1px #e1e1e1;line-height: 46px; font-weight: bold;}

#main .materialsNav li a span{ display: block;font-size: 16px;color: #404040;font-weight: bold; padding-left:24px; background: url(//cdn.myxypt.com/2257c9ab/23/06/7bcc8ee40d40b2daa65872ebc131d31eb17a2f41.jpg) right no-repeat;height: 46px;line-height: 46px;}
#main .xypg-left-nav .xypg-left-subnav{padding: 0;}
#main .xypg-left-nav .xypg-left-subnav > li{border: none;}
#main .xypg-left-nav .xypg-left-subnav > li>a{display: block;font-size: 14px;line-height: 32px;padding: 0;padding-left: 25px;}
#main .materialsNav dt a:hover{ text-decoration: none;}

#main .materialsNav dd{ display: none; padding-left: 24px; color: #666666;font-size: 14px;line-height: 32px;}
#main .materialsNav dd a{font-size: 14px;}
#main .materialsNav .show{ padding-bottom: 20px;}

#main .materialsNav .xypg-left-nav> li.cliked > a{ display: block; padding-left: 25px; background: url(//cdn.myxypt.com/2257c9ab/23/06/41eac1d686786261d83059f54ce5adb0c12f4379.jpg) right no-repeat;}
#main .materialsNav .show dd a:hover{color: #ee7b10!important;text-decoration: underline;}
#main .materialsNav .show dd{ display: block;}

#main .materialsNav .cur{ color: #E46E2E}

#main .materialsR{ float: right; width: calc(100% - 270px); padding-right: 20px;}

#main .materialsR .materialsC{ line-height: 200%; padding-top: 32px;}
#main .materialsR .materialsC img{max-width: 100%;height: 100%!important;}

#main .mainRight{ float: right; width: 220px; overflow: hidden;}

#main .mainRight h3{ background: #E4883E; padding: 6px; border: 1px #E36C31 solid; color: #fff; font-size: 16px; margin-top: 24px;}

#main .mainRight .ToolRight{ border: 1px #C5C5C5 solid; border-top: 0px none; padding: 12px;}

#main .mainRight .ToolRight li{ line-height: 32px; padding-left: 30px; font-weight: bold;}

#main .mainRight .ToolRight li:hover a{
        text-decoration: underline;
    color: #E46E2E;
}

#main .mainRight .faqRight{ border: 1px #C5C5C5 solid; border-top: 0px none; padding: 12px;}

#main .mainRight .faqRight li{ padding-top: 6px;}

#main .mainRight .inputTxt{ margin: 0px; padding:0px; border: 1px #D7D7D7 solid; line-height: 24px; background: #fff; color: #666; height: 24px; padding-left: 5px; width: 186px;}

#main .mainRight .inputTxt2{ margin: 0px; padding:0px; border: 1px #D7D7D7 solid; line-height: 24px; background: #fff; color: #666; height: 96px; padding-left: 5px; width: 186px;}

#main .mainRight .inputBtn{ background: #919191; border: 5px #919191 solid; border-radius: 5px; font-size: 15px; font-weight: bold; color: #fff;}
















@media(max-width: 1580px){
    .ppp1 .swiper-button-next{right: -60px;}
    .ppp1 .swiper-button-prev{left: -60px;}
}

@media(max-width: 1530px){
    .ppp1 .swiper-button-next{right: 0px;}
    .ppp1 .swiper-button-prev{left: 0px;}
    .nycp{margin:7% 50px 0 50px;}
}

@media(max-width: 1300px){
    .xdao .xypg-left-nav>li>a{line-height: 40px;font-size: 14px;}
    .xdao .xypg-left-nav>li{max-width: 120px;}
    .xypg-detail-title{font-size: 30px;}
}
@media(max-width: 990px){
    .page-banner .nybt{display: none;}
    .xypg-right-content{margin-top: 20px;}
    .nycp li h3 a{font-size: 14px;line-height: 40px;height: 40px;}
    .xypg-detail-title{font-size: 24px;}
}
@media(max-width: 1300px){
    .cleft .xypg-detail-con{line-height: 2;}
}

@media(max-width: 1100px){
    .cleft .xypg-detail-con{line-height: 2;font-size: 14px;}
    .hang p{font-size: 14px;}
    .cul li h3 a{margin: 20px 0 15px;font-size: 20px;}
    #main .mainRight{width: 170px;}
    #main .mainLeft{width: calc(100% - 176px);}
    #main .materialsNav{width: 230px;}
    #main .materialsR{width: calc(100% - 250px);}
}

@media(max-width: 768px){
    .cleft{margin-bottom: 20px;}
    .cleft,.cimg{width: 100%;}
    .cimg{margin-top: 10px;}
    .cul{margin: 0 -1%;margin-top: 20px;margin-bottom: 20px;}
    .cul li{width: 48%;margin: 0 1%;margin-bottom: 16px;}
    .cbt{font-size: 14px;}
    #main .mainRight{display: none;}
    #main .mainLeft{width: 100%;}
}


@media(max-width: 640px){
    .miao,.tu{width: 100%;}
    .miao{font-size: 14px;margin-bottom: 15px;}
    .cul li h3 a{font-size: 18px;}
    .ppp1 .swiper-button-next img, .ppp1 .swiper-button-prev img{width: 25px;}
    .nycp{margin: 7% 30px 0 30px;}
    .ppp1 .swiper-button-next, .ppp1 .swiper-button-prev{width: 25px;height: 41px;margin-top: -20px;}
    #main .mainLeft,#main .mainRight,#main .materialsNav,#main .materialsR{float: none;width: 100%;}
    #main .materialsR{margin-top: 20px;}
    #main .materialsNav h2{font-size: 20px;line-height: 40px;}
}