/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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:#333;}
a:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




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


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}





.wh{max-width:1630px;margin: 0 auto;padding-left: 15px;padding-right: 15px;}




.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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}




/*头部样式*/
.top1{background:#21ad42;color:#ffffff;height:32px;line-height:32px;font-size:12px;}
.top1 a{color:#ffffff;}
.hotSearch{margin-left:3%;}
.hotSearch a{padding:0 5px;}



/*热门搜索*/
.search {
    position: relative;
    float: right;
    width:18px;
    height:32px;
    cursor: pointer;
    z-index: 99999;margin-right:6px;
  
}

.search1 {
    width:18px;
    height:32px;
    background: url(//cdn.myxypt.com/6830a736/21/06/c5a9dbe1b1c4529b1904712df32d4f78403434e0.png) no-repeat;
}

#formsearch1 {
    position: absolute;
    z-index: 20;
    top:32px;
    right:0;
    display: none;
    width: 350px;
    margin-left:-20px;
    padding:10px;
    border: 1px solid #e0e0e0;
    background: #fff;z-index:999;
}

#formsearch1 input {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 34px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#formsearch1 input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.sinput {
    position: relative;
    height: 36px;
}

#formsearch1 input#keyword {
    outline: none;text-indent:10px;color:#333;font-size:13px;
}

#formsearch1 input#s_btn {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: -1px;
    width: 39px;
    height: 34px;
    border: 0;
   outline:none;color:#fff;background:#21ad42;
    cursor: pointer;font-size:13px;
}


.search .triangle {
    position: absolute;
    top: -15px;
    right: 0;
    display: none9;
    overflow: hidden;
    width: 320px;
    height: 15px;
}








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


/*导航栏样式*/
#menu{float:right;width:60%;}
.navs li{text-align:center;float:left;position:relative;z-index:999;width:14.285%;}
.navs li a{display:block;line-height:21px;color:#666666;height:100px;padding-top:33px;font-size:15px;}
.navs li p{color:#b0b0b0;font-size:12px;font-family:"Arial";}
.navs li:hover a{color:#fff;text-decoration:none;background-color:#21ad42;}
.navs li:hover p{color:#94d09f;}

.navs .sec{height:0;background:#009b4c;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:100px;left:0px;width: 100%;}
.navs .sec a{background:#009b4c;color:#fff;height:38px;line-height:38px;overflow:hidden;font-size: 14px;padding-top:0!important;}
.navs .sec a:hover{background:#21ad42;text-decoration:none;}





/*主体样式*/
.box1{margin:3% 0;overflow:hidden;}
.box1 .cont{background:#f1f1f1;}
.abpic{width:50%;}
.abpic img{width:100%;}
.about{width:50%;}
.ab{margin:7% 5%;}
.abtt{color:#666666;font-size:25px;background: url(//cdn.myxypt.com/6830a736/21/06/1fb6a6e4a713b510985f0530a58f14be93b81ad8.png) no-repeat left bottom;position:relative;padding-bottom:25px;background-size:100%;}
.abtt a{position:absolute;right:5px;top:0;}
.abwz{color:#666666;font-size:14px;line-height:30px;margin-top:20px;}

.ads{margin-top:10px;}
.ads li{float:left;margin-right:5%;text-align:center;background: url(//cdn.myxypt.com/6830a736/21/06/37467d37bb4995b7f65f4531c362ed0ec619b096.png) no-repeat;background-size:100% 100%;width:110px;height:110px;padding:15px 0;}
.ads li .img{width:40%;margin:0 auto;}
.ads li .img img{width:100%;margin:0 auto;}
.ads li h3{color:#666666;font-size:14px;margin-top:10px;}





.box2 .cont{position:relative;display: flex;justify-content: space-between;flex-wrap: wrap;overflow:hidden;}
.sort1{width:16%;}
.sort1 li{width:100%;position:relative;}
.sort1 li img{width:100%;}
.sort1 li h3{color:#fff;font-size:32px;position:absolute;right:12%;top:20%;background: url(//cdn.myxypt.com/6830a736/21/06/3e98487f29a9c302dd553e54d8dabea6283e6b0a.png) no-repeat right bottom;padding-bottom:55px;}
.product_list1{width:81%;;display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_list1 li{width:23.4%;position:relative;}
.product_list1 li img{width:100%;display:block;}
.product_list1 li h3{position:absolute;background:rgba(243,112,34,.8);width:55%;line-height:3;height:3;overflow:hidden;right:0;bottom:8%;text-align:center;color:#fff;font-size:18px;opacity:0;}
.product_list1 li:hover h3{opacity:1;}





.box3{width:100%;margin:3% auto;background: url(//static.xypt.net.cn/6830a736/21/07/5daeaa966128fd20acf564df595cc6e5cedd0aa0.jpg) no-repeat;background-size:100% 100%;padding:5% 0;overflow:hidden;}
.box3 .cont{float:right;margin-right:7%;}
.hwz{color:#21ad42;font-size:54px;text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF;}
.hwz2{color:#000000;font-size:18px;margin:12px 0 36px;}
.hdh{width:92%;border:1px solid #21ad42;line-height:50px;height:50px;}
.hdh i{width:30%;color:#fff;font-size:18px;text-align:center;background:#21ad42;float:left;font-style:normal;}
.hdh span{width:70%;color:#f37022;font-size:38px;text-align:center;float:right;text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF;}


.box33{width:100%;margin:3% auto;}
.box33 img{width:100%;display:block;}


.sort12 li h3{color:#fff;font-size:32px;position:absolute;left:12%;top:20%;background: url(//cdn.myxypt.com/6830a736/21/06/66f97b38de68336db66710c414519a058bf33c63.png) no-repeat left bottom;padding-bottom:55px;}
.product_list12 li h3{background:rgba(33,173,66,.8);}






.box5{margin:3% 0;overflow:hidden;}
.xbt{}
.xtt{float:left;color:#333333;font-size:32px;text-transform:uppercase;}
.xtt p{background:#999999;width:37px;height:1px;margin:10px 0;}
.xtt span{color:#999999;display:block;color:#999999;font-size:14px;}

.xall{color:#fff;font-size:18px;background:#21ad42;text-align:center;width:92px;line-height:40px;margin-top:26px;}
.xsort{margin-top:26px;}
.xsort li{float:left;line-height:40px;font-size:18px;padding:0 22px;}
.xsort li a{color:#999999;}
.xsort li a:hover{color:#21ad42;}
.xsort li+li{background: url(//cdn.myxypt.com/6830a736/21/06/053bd303a785d3761f9fc54053a9f80617142047.png) no-repeat left center;}
.xsort li:last-child{padding-right:0;}



.xlist1{margin-top:3%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.xlist1 li{width:23%;margin-bottom:20px;}
.xlist1 li img{width:100%;display:block;}
.xlist1 li h3{color:#333333;font-size:18px;margin:8% 0 6%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.xlist1 li span{color:#999999;font-size:13px;line-height:28px;display:block;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.xlist1 li h4{width:26px;height:26px;margin:0 auto;display:block;background: url(//cdn.myxypt.com/6830a736/21/06/9811a7f7ca17a5c4c565add8f0c3166c4a00d061.png) no-repeat;margin-top:7%;}
.xlist1 li:hover h4{display:block;background: url(//cdn.myxypt.com/6830a736/21/06/182a9e6744521144955d924f1b82c5bcb5a82287.png) no-repeat;}









.box6{width:100%;margin:3% auto 0;background: url(//cdn.myxypt.com/6830a736/21/06/f18c62b2b4e9ff3689410fc77f9047da83e78ca2.png) no-repeat;background-size:100% 100%;padding:5% 0;overflow:hidden;}
.box6 .cont1{width:30%;}
.fdh{background: url(//cdn.myxypt.com/6830a736/21/06/0fef140ca7239b9d472f710aedd2a821d2a316aa.png) no-repeat left center;padding-left:70px;color:#666666;font-size:15px;margin-top:18px;}
.fdh span{color:#21ad42;font-size:26px;font-weight:bold;display:block;}
.adds{border-top:1px solid #e2e3e3;margin-top:18px;padding-top:20px;color:#666666;font-size:14px;line-height:30px;}


.wei{width:10%;margin-left:8%;margin-top:6%;}
.wei img{width:100%;display:block;}


.x-message {width:41%;margin-top:30px;}

.x-message-wrap{}


.x-message-wrap .row {
 
  font-size: 0;
 
}

.x-message .m_label{position:absolute;text-align:left;line-height:65px;color:#313131;z-index:1;cursor:text;font-size:16px;}
.x-message .m_label span{color:#a9a9a9;padding-left:8px;}

.x-message-wrap div[class^='col-'] {
  padding-left:15px;
  padding-right:15px;
  position: relative;
}

.x-message-wrap input[type='text'],
.x-message-wrap textarea {
  width: 100%;
  height: 65px;
  border:none;
  font-size: 16px;
  color:#313131;
  background:none;
  outline: none;
  margin-bottom: 10px;
}

.x-message #name{border-bottom:1px solid #e2e3e3;}
.x-message #contact{border-bottom:1px solid #e2e3e3;}
.x-message #content{border-bottom:1px solid #e2e3e3;}
.x-message #checkcode{border-bottom:1px solid #e2e3e3;}
.x-message #checkCodeImg{margin-left:3%;margin-top:20px;}





.x-message-wrap input[type='text']::-webkit-input-placeholder,
.x-message-wrap textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap input[type='text']:-ms-input-placeholder,
.x-message-wrap textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap input[type='text']::-ms-input-placeholder,
.x-message-wrap textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap input[type='text']::placeholder,
.x-message-wrap textarea::placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap textarea {
  padding-top: 5px;
  height: 95px;
  resize: none;
}

.x-message-wrap #checkcode {
  float: left;
  width: 42.29813665%;
  margin-bottom: 0;
}



.x-message-wrap .checkCodeImg {
  float: left;
  display: block;
  text-align: center;
  width: 17.39130435%;
  height: 42px;
  font-size: 0;
  background: #e7e4e4;
  padding: 5px 10px;
}

.x-message-wrap .checkCodeImg img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg img {
  cursor: pointer;
}

.x-message-wrap .x-submit {
  float: right;
  width: 20%;
  height: 42px;
  background: #21ad42;
  color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;margin-top:20px;
}

.x-message-wrap .x-submit:hover {
  background: #21ad42;
}





/*页面底部*/
.foot{text-align:center;color:#fff;font-size:12px;line-height:30px;background:#21ad42;padding:25px 0;overflow:hidden;}
.foot a{color:#fff;}
.fnav a+a{background: url(//cdn.myxypt.com/6830a736/21/06/f7e939f77e2f946387e006883c8f119a9a789e28.png) no-repeat left center;}
.fnav a{padding:0 12px 0 16px;}

























@media (max-width: 1440px) {
  .ab{margin:4% 5%;}
  .abtt{padding-bottom:20px;font-size:22px;}
  .abwz{margin-top:15px;line-height:28px;}

}




@media (max-width:1024px) {
.abpic{width:100%;float:none;}
.about{width:100%;float:none;}
.sort1 li h3{font-size:20px;}
.product_list1 li h3{height:2;line-height:2;font-size:16px;}
.box3 .cont{float:right;margin-right:4%;}
.hwz{font-size:45px;}
.hwz2{color:#000000;font-size:15px;}
.hdh{width:92%;border:1px solid #21ad42;line-height:50px;height:50px;}
.hdh i{font-size:15px;}
.hdh span{font-size:28px;}
.x-message-wrap #checkcode {
  float: left;
  width: 36.29813665%;
  margin-bottom: 0;
}









}


@media (max-width:768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .box1{margin:5% 0;}
 .sort1{display:none;}
 .product_list1{width:100%;flex-wrap: wrap;}
 .product_list1 li{width:49%;margin-bottom:15px;}
 .product_list1 li h3{height:3;line-height:3;font-size:18px;}
 .box3 .cont{width:100%;margin-right:0;text-align:center;}
 .hdh{width:50%;margin:0 auto;}
 .box6{background:#f3f4f4;}
 .box6 .cont1{width:100%;float:none;}
 .wei{display:none;}
 .x-message{width:100%;float:none;}
 .xtt{font-size:25px;}
 .xtt span{font-size:12px;}
 .xlist1{width:100%;flex-wrap: wrap;}
 .xlist1 li{width:49%;}
 .xall{font-size:16px;}
 .xall{font-size:16px;}
 .xsort{font-size:16px;}
 .xlist1 li h3{font-size:16px;}
 .xypg-right-content img{width:100%!important;margin:0 auto;height:auto!important;}
}



@media (max-width:500px) {
   .abtt{font-size:18px;}
   .abtt a{display:none;}
   .ads li{width:80px;height:80px;margin-right:1.5%;padding:10px 0;}
   .ads li h3{margin-top:6px;}
   .product_list1 li h3{height:2;line-height:2;font-size:16px;}
   .x-message-wrap .x-submit{float:left;}
   .xsort{width:100%;float:none;clear:left;}
   .xsort li{font-size:16px;}
   .xsort li:first-child{padding-left:0;}

}


@media (max-width:400px) {
   .ads li{width:60px;height:60px;margin-right:1.5%;padding:10px 0;}
   .ads li h3{margin-top:4px;font-size:12px;}

}








/*内页左侧样式*/
.container{max-width:1230px;margin: 0 auto;padding:0 15px;}
.page-product-inquiry a{color: #fff;}



/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #21ad42;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #21ad42;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(//cdn.myxypt.com/6830a736/21/06/81adac7f8b47243deb0e23c966540d07ee6226bd.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(//cdn.myxypt.com/6830a736/21/06/24e28def30313f33de3a23cad554e34806243e1b.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(//cdn.myxypt.com/6830a736/21/06/17eab8af05b67e08d4d768130c13e6557e806127.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(//cdn.myxypt.com/6830a736/21/06/3ccd854f0abba2758ceb9eab111cf921f641d697.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}