/*初始化样式*/
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: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;}



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


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



.roll_product {float: left;}


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


.top2{position: fixed;top:0;left:50%;width: 1920px;margin-left:-960px;z-index: 999;height:107px;background:#fff;box-shadow: 0px 0px 31.68px 0.32px rgba(0, 0, 0, 0.16);}
.logo{float:left;line-height:107px;}



.k2{font-size:14px;color:#000000;line-height:107px;background: url(//cdn.myxypt.com/99b57ef5/21/04/de1bb6d15abc61fe1d101726b898e0dafd767369.png) no-repeat left center;padding-left:25px;margin-top:31px;}
.k2 p{line-height:20px!important;}






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


#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#009b4c;color:#fff;border:none;cursor:pointer;font-size: 12px;}



/*搜索和热门搜索*/
.hotSearch{float:left;font-weight:normal;}
.hotSearch a{padding:0 6px 0 8px;}
.hotSearch a:nth-child(1){padding-left:0;}
.hotSearch a+a{background: url(../images/aa.png) no-repeat left bottom;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}

#formsearch{float:right;background: url(../images/ss.png) no-repeat;width:471px;height:46px;}
#formsearch input{}
#formsearch input#keyword{height:46px;line-height:46px;padding-left:15px;float:left;color:#5c5c5c;font-size:14px;background:none;border:none;outline:none;}
#formsearch input#s_btn{width:70px;height:46px;line-height:46px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}
#formsearch input::-webkit-input-placeholder {color:#ffffff;}
#formsearch textarea::-webkit-input-placeholder {color: #ffffff;}






/* 导航样式 */
.x-menu {margin-top:25px;width:775px;float:left;margin-left:0px;}

.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:109px;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height:56px;
}

.x-menu > li > a:hover {
 background: url(//cdn.myxypt.com/99b57ef5/21/04/30801fd7651756b86670577f919490085ea989b8.png) no-repeat center bottom;
  color: #d70010;font-size:18px;
}

.x-menu > li.active > a {

}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

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

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 150%;
  left: -25%;
  top: 80px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  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: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}

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






.section{width: 1920px;margin-left:-960px;left:50%;position: relative;height:100vh!important;}
.section1{background: url(//cdn.myxypt.com/99b57ef5/21/04/f8d8c233aac8abec9bde9dbafc8e8c82f81a9136.jpg) no-repeat center top;background-size:cover;}
.about{width:536px;margin-top:110px;}
.abtt{color:#d70010;font-size:24px;text-transform:uppercase;}
.abtt p{color:#d70010;font-size:30px;font-weight:normal;margin-top:3px;}
.abwz{color:#999999;font-size:16px;line-height:24px;margin-top:43px;text-align:justify;}
a.am{display:block;color:#d70010;font-size:16px;text-align:center;border:1px solid #d70010;width:127px;line-height:40px;margin-top:50px;}






.section2{background: url(//cdn.myxypt.com/99b57ef5/21/04/0559b3ede4d4cfea7d06d71328a5a2e4a4b69145.jpg) no-repeat center top;}
.cp{}
.bt{color:#d70010;font-size:36px;text-align:center;text-transform:uppercase;}
.bt span{color:#d70010;font-size:17px;display:block;}


.prolist{text-align:center;margin-top:40px;}
.prolist li{text-align:center;display:inline-block;line-height:32px;width:151px;color:#7f7f7f;font-size:16px;margin:0 9px;cursor:pointer;margin-bottom:52px;background:#ffffff;}
.prolist li a{color:#8b8b8b;}
.prolist li.cur{color:#fff;background:#d70010;}
.prolist li.cur a{color:#fff;}
.prolist li:hover a{color:#fff;}
.prolist li:hover{background:#d70010;}



.proimg{display:none;}
.proimg.clicked{display:block;}
.product_list1{}
.product_list1 li{_display:inline;position: relative;float:left;width:278px;margin-right:28px;}
.product_list1 li .bj1{text-align: center;position: absolute;z-index: 9999;width: 100%; transition: color .3s;display: block;top:0;left: 0;color: #fff;}
.product_list1 li .bj1 dd{display: none; position: relative;z-index: 999;font-size: 16px;padding: 86px 0 25px 0;margin-bottom: 25px;background: url(//cdn.myxypt.com/99b57ef5/21/04/3d254b848335bd78a05f6cafa8bb2ac60c75cf64.png) no-repeat bottom center;}
.product_list1 li .bj1 dt{display: none; font-size: 14px;position: relative;z-index: 999;font-weight:normal;}
.product_list1 li .imgaa{border:1px solid #d2d2d2;}
.product_list1 li .imgaa img{width: 276px;height: 239px;}
.product_list1 li h3{text-align:center;padding-top:5px;line-height: 56px;}
.product_list1 li h3 a{font-weight:normal;color: #000000;font-size: 16px;}
.product_list1 li a.img{display:block;}
.product_list1 li:after {position: absolute;width: 100%;height: 0%;left: 0;bottom: 0;background: rgba(215,0,16,.80);content: "";transition: .3s;z-index: 99;}
.product_list1 li:hover:after {height: 100%;transition: .3s;}
.product_list1 li:hover .bj1 dd{display: block;}
.product_list1 li:hover .bj1 dt{display: block;}
.product_list1 li:nth-child(4){margin-right:0;}
a.pm{margin:0 auto;display:block;color:#d70010;font-size:16px;text-align:center;border:1px solid #d70010;width:127px;line-height:40px;margin-top:68px;}




.section3{background: url(//cdn.myxypt.com/99b57ef5/21/04/b6bc6f4dac4fc3584d14225beebf9697fd06b39f.jpg) no-repeat center top;}
.anli{margin-top:100px;}
.albt{color:#d70010;font-size:36px;}
.albt span{color:#5e5e5e;font-size:16px;padding-left:25px;}
.albt2{color:#ffffff;font-size:16px;display:block;text-align:center;background:#d70010;width:90px;line-height:37px;margin:32px 0 42px;}

.anli1{width:555px;}
.anli1 li{_display:inline;position: relative;float:left;width:278px;margin-right:28px;}
.anli1 li .bj1{text-align: center;position: absolute;z-index: 9999;width: 555px; transition: color .3s;display: block;top:0;left: 0;color: #fff;}
.anli1 li .bj1 dd{display: none; position: relative;z-index: 999;font-size: 24px;padding: 160px 0 19px 0;margin-bottom: 18px;background: url(//cdn.myxypt.com/99b57ef5/21/04/ae05143e0dc99dfc6e17a46cf90e5dea9c7966ec.png) no-repeat bottom center;}
.anli1 li .bj1 dt{display: none; font-size: 18px;position: relative;z-index: 999;font-weight:normal;}
.anli1 li .imgaa{}
.anli1 li .imgaa img{width:555px;height:431px;}
.anli1 li h3{text-align:center;padding-top:5px;line-height: 56px;}
.anli1 li h3 a{font-weight:normal;color: #000000;font-size: 16px;}
.anli1 li a.img{display:block;}
.anli1 li:after {position: absolute;width:555px;height: 0%;left: 0;bottom: 0;background: rgba(215,0,16,.80);content: "";transition: .3s;z-index: 99;}
.anli1 li:hover:after {height: 100%;transition: .3s;}
.anli1 li:hover .bj1 dd{display: block;}
.anli1 li:hover .bj1 dt{display: block;}


.anli2{width:594px;float:right;}
.anli2 li{_display:inline;position: relative;float:left;width:279px;margin-right:36px;margin-bottom:24px;}
.anli2 li .bj1{text-align: center;position: absolute;z-index: 9999;width: 279px; transition: color .3s;display: block;top:0;left: 0;color: #fff;}
.anli2 li .bj1 dd{display: none; position: relative;z-index: 999;font-size: 16px;padding: 66px 0 25px 0;margin-bottom: 25px;background: url(//cdn.myxypt.com/99b57ef5/21/04/3d254b848335bd78a05f6cafa8bb2ac60c75cf64.png) no-repeat bottom center;}
.anli2 li .bj1 dt{display: none; font-size: 14px;position: relative;z-index: 999;font-weight:normal;}
.anli2 li .imgaa{}
.anli2 li  img{width: 279px;height: 203px;display:block;}
.anli2 li h3{text-align:center;padding-top:5px;line-height: 56px;}
.anli2 li h3 a{font-weight:normal;color: #000000;font-size: 16px;}
.anli2 li a.img{display:block;}
.anli2 li:after {position: absolute;width: 279px;height: 0%;left: 0;bottom: 0;background: rgba(215,0,16,.80);content: "";transition: .3s;z-index: 99;}
.anli2 li:hover:after {height: 100%;transition: .3s;}
.anli2 li:hover .bj1 dd{display: block;}
.anli2 li:hover .bj1 dt{display: block;}
.anli2 li:nth-child(2n){margin-right:0;}


.x-banner img{height:100vh;}





.lxt{background:url(//cdn.myxypt.com/99b57ef5/21/04/d481a2dc32b270aef9d901a65f511238f21ea910.png) no-repeat top center;background-size: cover;height:460px;margin-bottom: 20px;padding-top:230px;}
.lxt .bt1{text-align: left;background: url(//cdn.myxypt.com/99b57ef5/21/04/a2bfe17b0668f53d73a00a39e13c99e360bf67ab.png) no-repeat left bottom;margin-top: 0;color:#ffffff;font-size:36px;padding-bottom:20px;}


.lxt .bt1 span{font-size:16px;padding-left:25px;}

.section4 .fp-tableCell{vertical-align: top;}















/*友情链接*/
.f_link{width: 1200px;line-height: 30px;margin:0 auto;color: #666;}
.f_link a{color: #666;}
.footer{color: #666;}
.footer a{color: #666;}



.lx{width: 438px;padding-right: 15px;margin-bottom:20px;}
.lx h3{color: #d70010;font-size:20px;font-weight: normal;}
.xx{color: #323232;font-size: 16px;line-height: 30px;margin-top:12px;}
.tewm{text-align:left;margin-top:15px;}
.ewmbt{color: #323232;margin-top: 24px;font-size:16px;}
.tewm img{margin-top:18px;}


.yan{width: 761px;margin-top: 40px;}
.yan li{width: 232px;margin-right: 23px;}
.yan li:last-child{margin-right: 0;}
.yan li input{outline: none;line-height: 36px;width: 232px; border:none;background: none;border-bottom: 1px solid #d5d5d5;color: #626262;font-size: 16px;}
.yan textarea{outline: none;line-height: 36px;width: 758px;resize:none;height: 100px;margin-top: 20px;margin-bottom: 28px; border:none;background: none;border-bottom: 1px solid #d5d5d5;color: #626262;font-size: 16px;}
.yz{color: #626262;font-size: 16px;margin-right: 21px;line-height: 36px;}
.yan #checkcode{outline: none;line-height: 36px;width: 118px;background: none;border: solid 1px #d5d5d5;border-radius: 10px;margin-right: 22px;}
.yan #change_code{color: #000000;font-size: 14px;margin-left: 9px;line-height: 36px;}
.yan .x-submit{width: 761px;line-height: 37px;border:none;outline: none; text-align: center;color: #ffffff;font-size: 14px; height: 37px; background-color: #d70010;box-shadow: 3px 5px 9px 1px rgba(4, 0, 0, 0.2);margin-top: 28px;}




/*底部*/
.foot{color:#b0b0b0;font-size: 14px;height: 55px;line-height: 55px;border-top:1px solid #b0b0b0;text-transform:uppercase;}
.foot a{color:#b0b0b0;}












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




.sun-delay0 {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }

    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }

    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
    }

    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s;
    }

    .sun-delay4 {
        -webkit-transition-delay: 1s;
                transition-delay: 1s;
    }

    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s;
    }

    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
                transition-delay: 1.4s;
    }

    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
                transition-delay: 1.6s;
    }

    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
                transition-delay: 1.8s;
    }

    .sun-delay9 {
        -webkit-transition-delay: 2s;
                transition-delay: 2s;
    }

    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
                transition-delay: 2.2s;
    }

    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
                transition-duration: .7s;
    }

    .sun-ani-left {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
    }

    .sun-ani-down {
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
    }



.sun-ani-up {
        -webkit-transform: translateY(-100px);
                transform: translateY(100px);
    }

    .sun-ani-right {
        -webkit-transform: translatex(100px);
                transform: translatex(100px);
    }

    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-left,
    .active2 .sun-ani-left{
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-up,
    .active2 .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-right,
    .active2 .sun-ani-right{
        opacity: 1;
        -webkit-transform: translatex(0);
                transform: translatex(0);
    }