@CHARSET "UTF-8";
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: #e87518;
    text-decoration: none;
    outline: none;
}

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

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

.com-img img {
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

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


/* 插件整体样式修改 */


/* 插件整体修改 */

.slick-arrows {
    outline: none;
}

.slick-slide {
    outline: none;
}

.swiper-button-prev,
.swiper-button-next {
    outline: none;
}

.swiper-button-prev,
.swiper-button-next {
    outline: none;
    display: flex;
    width: 24px;
    height: 44px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
    background: none;
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: 12px;
    top: 50%;
    margin-top: -20px;
}

.swiper-button-next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.swiper-pagination {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5%;
}

.swiper-pagination .swiper-pagination-bullet {
    outline: none;
    margin: 0 1em;
}

@media(max-width:992px) {
    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }
}


/* 头部 和 导航 */


/* banner */

#banners {
    position: relative;
}

#banners li a {
    display: block;
}

#banners li a img {
    width: 100%;
    height: auto;
}

#banners .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
}

#banners .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FF4500;
}

#banners .swiper-button-prev,
#banners .swiper-button-next {
    width: 50px;
    height: 65px;
    background-color: rgba(255, 255, 255, 0.5);
}

#banners .swiper-button-prev:hover,
#banners .swiper-button-next:hover {
    background-color: #FF4500;
}

#banners .swiper-button-prev::after,
#banners .swiper-button-next::after {
    width: 16px;
    height: 16px;
    border-color: transparent transparent #4d4d4d #4d4d4d;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
}

#banners .swiper-button-prev:hover::after,
#banners .swiper-button-next:hover::after {
    border-color: transparent transparent #ffffff #ffffff;
}

#banners .swiper-button-prev {
    left: 0;
}

#banners .swiper-button-next {
    right: 0;
}


/* 热门和搜索 */

#formsearch {}

.hotSearch a {}

#formsearchs input {}

#formsearchs input#keyword {}

#formsearchs input#s_btn {}


.box1{overflow:hidden;background:url(//cdn.myxypt.com/eb9b8f43/21/11/4f0607c0a4e21bd763d3a7e5c32a058bb31d9300.jpg) no-repeat;background-size:100% 100%;padding-bottom:70px;}



@media (max-width: 768px) {
  .box1{padding-bottom:40px;}
  .cate-left{width:100%;float:none;}
  .cate-img{width:100%;float:none;margin-top:30px;}
  .catetext h4{line-height:70px;margin-top:30px;}
  .catetext span{padding:0 20px;}
}



@media (max-width:640px) {
  .catetext .intro{font-size:14px;}
}

.box2{overflow:hidden;background:url(//cdn.myxypt.com/eb9b8f43/21/11/0eb20078b652c67524cf69757523a8a6b1bee45d.jpg) no-repeat;background-size:100% 100%;padding:38px 0 90px;}
.pbt{text-align:center;color:#fff;background:url(//cdn.myxypt.com/eb9b8f43/21/11/39076ed870b4e9dbdbb4edc4e0765c174a5ba9cc.png) no-repeat center center;font-size:41px;height:107px;}
.pbt span{font-weight:bold;}
.pbt p{font-size:16px;padding-top:6px;}


.box3{overflow:hidden;margin-top:30px;}
.product_list11{display: flex; justify-content: space-between;flex-wrap:wrap;}
.product_list11 li{width:23%;text-align:center;margin-bottom:40px;}
.product_list11 li .img img{width:100%;display:block;}
.product_list11 li h3{font-weight:normal;color:#666666;line-height:50px;height:50px;overflow:hidden;font-size:20px;}


@media (max-width: 768px) {
  .box2{padding:38px 0 60px;}
  .pbt{background:none;font-size:35px;height:auto;}
  .pbt p{font-size:14px;}
  .product_list11 li{margin-bottom:30px;}
  .product_list11 li h3{font-size:16px;height:40px;line-height:40px;}
}


@media (max-width:640px) {
  .box2{padding:5% 0 9%;}
  .pbt{background:none;font-size:28px;height:auto;}
  .pbt p{font-size:14px;}
  .product_list11 li{margin-bottom:15px;width:32%;}
  .product_list11 li h3{font-size:14px;height:40px;line-height:40px;}
}



@media (max-width:1440px) {
 .abouttext{padding:148px 0 88px 80px;}
  .about{padding-right:15px;}
}


@media (max-width:768px) {
  .aboutimg{display:none;}
  .about{padding-right:0;}
  .abouttext{padding:40px 0;}
  .abouttext .tit2 p{padding-bottom:0;margin-bottom:0;}
  .abouttext .content{margin:15px 0;}
  .abouttext .more{margin-top:30px;}
}


@media (max-width:640px) {
  .abouttext .tit2 p{font-size:35px;margin-bottom:12px;}
}


.box4{background:#f7f7f7;padding:3.5vw 0;overflow:hidden;}
.nbox4{max-width:1496px;margin:0 auto;padding:0 15px;}
.ysbt{text-align:center;color:#2b2b2b;font-size:50px;}
.ysbt span{color:#f06716;}
.ysbt p{color:#2b2b2b;font-size:24px;font-weight:normal;margin-top:10px;}

.you{display:flex;justify-content:space-between;margin-top:3vw;}
.you li{width:32%;text-align:center;background:url(//cdn.myxypt.com/eb9b8f43/21/11/41e2d2e25184591fbe1b63005375e30cf30c8719.png) no-repeat;background-size:100% 100%;padding-bottom:5%;}
.you li .tu{width:26%;margin:0 auto;}
.you li img{width:100%;}
.you li .img{display:block;}
.you li .img2{display:none;}
.you li h3{color:#2b2b2b;font-size:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:15px 0;}
.you li h4{color:#251f19;font-size:20px;line-height:32px;padding:0 9%;font-weight:normal;}
.you li:hover{background:url(//cdn.myxypt.com/eb9b8f43/21/11/e1b6f96c8dec2994420a722482a3edeba8041210.png) no-repeat;background-size:100% 100%;}
.you li:hover .img{display:none;}
.you li:hover .img2{display:block;}



@media (max-width:1440px) {
  .you li h4{padding:0 6%;}
}


@media (max-width:1024px) {
  .box4{padding:5vw 0;}
  .ysbt{font-size:40px;}
  .ysbt p{font-size:20px;}
  .you li h3{font-size:28px;}
  .you li h4{padding:0 6%;font-size:14px;line-height:25px;}
}


@media (max-width:768px) {
  .ysbt{font-size:30px;}
  .ysbt p{font-size:16px;}
  .you li{padding-bottom:3%;}
  .you li h3{font-size:23px;}
}




@media (max-width:425px) {
  .box4{padding:8vw 0;}
  .ysbt{font-size:23px;}
  .ysbt p{font-size:14px;}
  .you{flex-wrap:wrap;margin-top:5vw;}
  .you li{padding-bottom:3%;width:100%;}
  .you li+li{margin-top:15px;}
  .you li h3{font-size:18px;margin:10px 0 8px;}
}



.box5{padding:3vw 0 5vw;display:block;background:url(//cdn.myxypt.com/eb9b8f43/21/11/45c6a9b513b89ed0f8c2c7df55db430a95e97bc3.jpg) no-repeat;background-size:100% 100%;}
.nbox5{max-width:1590px;margin:0 auto;padding:0 15px;}
.cbt{text-align:center;color:#fff;background:url(//cdn.myxypt.com/eb9b8f43/21/11/48ed930772dad4af5d4e2510e5b3322c13ec754d.png) no-repeat center center;height:67px;font-size:36px;}
.cbt p{font-size:18px;font-weight:normal;margin-top:10px;}
.line{background:#f06716;margin:20px auto 38px;width:63px;height:2px;}


.prolist{text-align:center;}
.prolist li{text-align:center;display:inline-block;line-height:59px;width:213px;color:#595959;font-size:24px;border-radius:35px;margin:0 10px;cursor:pointer;background:#fff;}
.prolist li.cur{color:#fff;background:#f06716;}

.proimg{display:none;margin-top:42px;}
.proimg.clicked{display:block;}

.proimg ul{display:flex;justify-content:space-between;}
.proimg li{width:24%;text-align:center;}
.proimg li .img img{width:100%;display:block;}
.proimg li h3{line-height:63px;text-align:center;color:#333333;font-size:22px;background:#fff;height:63px;overflow:hidden;font-weight:normal;}


@media (max-width:1024px) {
   .cbt{font-size:32px;}
   .cbt p{font-size:16px;margin-top:15px;} 
   .prolist li{line-height:50px;width:180px;font-size:20px;}  
   .proimg li h3{line-height:50px;font-size:18px;height:50px;}
}


@media (max-width:768px) {
   .box5{padding:5vw 0 7vw;}
   .cbt{font-size:28px;background:none;height:auto;}
   .cbt p{margin-top:12px;}
   .prolist li{line-height:45px;width:160px;font-size:18px;}  
   .line{margin:15px auto 22px;}
   .proimg{margin-top:30px;}
}


@media (max-width:640px) {
   .box5{padding:7vw 0 8vw;}
   .cbt{font-size:28px;background:none;height:auto;}
   .cbt p{font-size:16px} 
   .prolist li{line-height:40px;width:140px;font-size:16px;}  
   .proimg ul{flex-wrap:wrap;}
   .proimg li{width:48%;margin-bottom:10px;}
   .proimg li h3{line-height:45px;font-size:14px;height:45px;}
}

.foot-up{padding-bottom:50px!important;}
.foot-bottom a{color:#fff;}


@media (max-width:640px) {
   .foot-bottom{line-height:24px;padding:15px 0;}
 
}



/* 友情链接 */

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

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

.c-link .con a{ color: #fff;}

.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;
    z-index: 999;
}

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

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