@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;letter-spacing:1px;}
h1,h2,h3,h4,h5,h6 { font-weight: bold;color:#fff;}

body { font-size:16px;  word-wrap:break-word; overflow:hidden;color:#fff;}
a {text-decoration:none; color:#fff;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#ed1c24; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1320px; padding:0 10px;height:auto; margin: 0 auto;   }
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
@media screen and (max-width:1600px) {

.wrap{padding:0 30px;}

}

@media screen and (max-width: 500px) {

.wrap{ padding: 0 10px;}

body { 
font-size:14px;

}
}


.fl { float:left;}
.fr { float:right;}

.block {
    display: block;
}

.about_xps{ width:100%; background:url(../images/bg1.jpg) top center no-repeat;background-size:cover; }
.category_xps{ width:100%; background:url(../images/bg2.jpg) top center no-repeat;background-size:cover; }
.pro_xps{ width:100%; background:url(../images/bg3.jpg) top center no-repeat;background-size:cover ;}
.new_xps{ width:100%; background:url(../images/bg4.jpg) top center no-repeat;background-size:cover ;}
.con_xps{ width:100%; background:url(../images/bg5.jpg) top center no-repeat;background-size:cover ;}





@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}

/*标题*/
.tits{margin-bottom:4%; overflow:hidden;text-align:center;letter-spacing:2px;}
.tits h1{font-size: 36px;}
.tits p{ font-size:18px;margin-top:1%;position:relative;}
.tits p:before{position:absolute;content:"";top:50%;left:42%;width:30px;height:1px;background:#fff;}
.tits p:after{position:absolute;content:"";top:50%;width:30px;height:1px;background:#fff;right:42%}

@media screen and (max-width: 1320px) {
.tits h1{font-size: 30px;}
.tits p:before{left:40%;}
.tits p:after{right:40%}
}

@media screen and (max-width: 1024px) {
.tits h1{font-size: 24px;}
.tits p{ font-size:16px;}
.tits p:before{left:36%;}
.tits p:after{right:36%}
}

@media screen and (max-width:600px) {

.tits h1{font-size: 22px;}
.tits p:before , .tits p:after{display:none;}
}

/*关于我们*/
.about{overflow:hidden}
.about_c .left{width:35%;}

.about_c .video {position: relative;overflow: hidden;}
.about_c .video a {z-index: 100;left:45%;right:45%;top: 45%;position: absolute; display: block;width: 48px; height: 48px;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/index01.png);}
.about_c .right{width:60%;margin-top:2%;}
.about_c .right h1{font-size:34px;font-weight:400;position:relative;}
.about_c .right h1:after{position:absolute;content:"";left:0;width:16%;height:5px;background:#ed1c24;bottom:0;margin-bottom: -3%;}
.about_c .right .con{margin:7% 0 10% 0;overflow:hidden;}
.about_c .right .con p{line-height:34px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.about_c .right .video{display:none;}
.about_c .ab{overflow:hidden;}
.about_c .ab a{display:block;text-align:center;}
.about_c .ab a h4{margin-top:5%;letter-spacing:1px;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.about_c .ab a img{display:inline-block;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.about_c .ab a:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.about_c .ab a:hover h4{color:#ed1c24;letter-spacing:3px;}


@media screen and (max-width: 1320px) {

.about_c .right h1{font-size:30px;}

}


@media screen and (max-width: 1024px) {

.about_c .right h1{font-size:24px;}
.about_c .right .con p{-webkit-line-clamp:3;}
}
@media screen and (max-width:700px) {
.about_c .left{display:none;}
.about_c .right .video{display:block;text-align: center;}
.about_c .right{width:100%;margin-top:0;}
.about_c .right h1{font-size:20px;}
.about_c .right .con p{line-height:24px;-webkit-line-clamp:2;}
.about_c .right .con {margin: 5% 0 3% 0;}
.about_c .ab{margin-top:2%;}
.about_c .video a{top:35%;width: 35px; height:35px;}
}


/*产品分类*/
.category_xps{overflow:hidden;}
.category_xps .cate_c{overflow:hidden;height:950px !important;}
.cate_c a{display:block;position:relative;border-right:1px solid rgb(255,255,255,.3);height:950px !important;}
.cate_c a:before{position:absolute;content:"";top:0;z-index: -1;left:0;background:url(../images/index14.png);width:100%;height:0;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.cate_c a:hover:before{height:100%;}
.cate_c a .cc{position:absolute;height:100%;top:0;bottom:0;left:0;z-index:333;width:100%;}
.cate_c a .cc .des{padding: 0 2%;text-align:center;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.cate_c a:hover .cc .des{transform:translateY(-70px);-webkit-transform:translateY(-70px);-moz-transform:translateY(-70px);-o-transform:translateY(-70px);}
.cate_c a .cc .des h2{font-size:20px;}
.cate_c a .cc .des p{margin:4% 0;font-size:14px;color:#ccc;line-height:26px;text-transform:uppercase;letter-spacing:0}
.cate_c a .cc .des img{opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);transition: all 0.6s ease 0s; transform:translateY(40px);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-o-transform:translateY(40px);
-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.cate_c a:hover .cc .des img{ opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100); transform:translateY(30px);-webkot-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);}
.cate_c a .pic{    position: absolute;top: 0; z-index: -2;-webkit-transition: all 2s ease;transition: all 2s ease;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0); width: 100%;height: 100%;}
.cate_c a:hover .pic{    opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}
.cate_c a .pic img{width:100%;height:950px !important;}

@media screen and (max-height: 900px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 900px !important;}
}

@media screen and (max-height: 800px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 800px !important;}
}
@media screen and (max-height: 700px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 700px !important;}
}
@media screen and (max-height: 600px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 600px !important;}
}
@media screen and (max-height: 500px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 500px !important;}
}
@media screen and (max-height: 400px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 400px !important;}
}
@media screen and (max-height: 300px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 300px !important;}
}
@media screen and (max-height: 250px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 250px !important;}
}
@media screen and (max-height: 200px){
.category_xps .cate_c , .cate_c a , .cate_c a .pic img{height: 200px !important;}
}
@media screen and (max-width: 1320px) {

.cate_c a .cc .des h2{font-size:18px;}

}

@media screen and (max-width: 1024px) {

.cate_c a .cc .des h2{font-size:18px;}

}

@media screen and (max-width: 500px) {

.cate_c a .cc .des h2{font-size:16px;}
.cate_c a .cc .des p{font-size:12px;line-height:18px;}
}

/*产品展示*/

.pro_xps .product{overflow:hidden;}
.product .tits h1{color:#000;}
.product .tits p:before , .product .tits p:after{background:#262626;}
.product .tits p{color:#262626}

.pro_c{position:relative;padding: 0 5%;}
.pro_c .pr{overflow:hidden;position:relative;}
.pro_c .pr a{display:block;width:100%;height:100%;background:#fff;position:relative;}
.pro_c .pr a:before{position:absolute;content:"";left:0;top:0;width:100%;height:0;background:url(../images/index10.png);transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.pro_c .pr a:hover:before{height:100%;}
.pro_c .pr .pic{overflow:hidden;}
.pro_c .pr .pic img{width:100%;}
.pro_c .pr .tt{padding:4% 0;color:#000;text-align:center;}
.pro_c .swiper-button-next {background-image: url(../images/index08.png);right: 0;}
.pro_c .swiper-button-prev {background-image: url(../images/index07.png);left: 0;}
.pro_c .swiper-button-next, .pro_c .swiper-button-prev {position: absolute;z-index: 334;top: 30%; width: 50px;height: 120px;cursor: pointer; background-size: 100%; background-position: center;background-repeat: no-repeat;}

.yu{position:absolute;right:17%;bottom:8%;background:url(../images/index09.png) no-repeat right center;width: 135px; height:135px;animation: roate 8s infinite linear;-webkit-animation: roate 8s infinite linear;-moz-animation: roate 8s infinite linear;-o-animation: roate 8s infinite linear;}


/*旋转360度的设定，动画开始时0%，为0度，到动画结束时100%，为360度*/
@keyframes roate {
         0% {
                transform: rotateZ(0);
				-webkit-transform: rotateZ(0);
				-moz-transform: rotateZ(0);
				-o-transform: rotateZ(0);
         }
         100% {
             transform: rotateZ(360deg);
			 -webkit-transform: rotateZ(360deg);
			 -moz-transform: rotateZ(360deg);
			 -o-transform: rotateZ(360deg);
          }
 }
 
 @-webkit-keyframes roate {
         0% {
                transform: rotateZ(0);
				-webkit-transform: rotateZ(0);
				-moz-transform: rotateZ(0);
				-o-transform: rotateZ(0);
         }
         100% {
             transform: rotateZ(360deg);
			 -webkit-transform: rotateZ(360deg);
			 -moz-transform: rotateZ(360deg);
			 -o-transform: rotateZ(360deg);
          }
 }
 
 @media screen and (max-width: 800px) {
 .pro_c .swiper-button-next, .pro_c .swiper-button-prev {width: 35px;height: 90px;}
 .yu{background-size: 80%;}
}

 /*新闻资讯*/
.new_xps .news , .news .new_c{overflow:hidden;}
.news .tits {margin-bottom:3%;}
.news .tits p:before{left:45%;}
.news .tits p:after{right:45%;}
 
 
.new_c a{display:block;}
.new_c a .n2{position:relative;width:100%;}
.new_c a .n2 .pic_n {overflow:hidden;}
.new_c a .n2 .pic_n img{width:100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;max-height:440px;min-height:440px;}
.new_c a:hover .n2 .pic_n img{transform:scale(1.1)}
.new_c a .n2 .des{position:absolute;background:#fff;width:85%;bottom:0;left:0;padding:3%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
 
.new_c a .n2 .tit_n b{display:inline-block;float:left;color:#000;width:80%;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.new_c a .n2 .tit_n span{display:inline-block;float:right;color:#000;font-weight:800;overflow:hidden;letter-spacing:0;}
.new_c a .n2 .des p{margin-top:2%;color:#2b2b2b;line-height:26px;font-size:14px;    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.new_c a:hover .des{width:100%;}
.new_c a:hover .n2 .tit_n b{color:#ed1c24}
.new_c .swiper-slide {    padding: 0px calc((100vw - 750px) * 0.0127604166666667);width: 750px;}
 
 
.new_footer .new_footer_left {background-image: url(../images/index11.png);left: 28%;}
.new_footer .new_footer_right {background-image: url(../images/index12.png);right:28%;}
.new_footer .new_footer_left , .new_footer .new_footer_right{position: absolute;z-index: 334;top: 30%; width:59px;height: 129px;cursor: pointer; background-size: 100%; background-position: center;background-repeat: no-repeat;}
.new_footer2{display:none;}

.more{text-align:center;margin:2% 0;}
.more a{display:inline-block;padding:0.5% 3%;color:#fff;background:#ed1c24;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;}
.more a:hover{box-shadow:0 0 10px #f57979;-webkit-box-shadow:0 0 10px #f57979;-moz-box-shadow:0 0 10px #f57979;-o-box-shadow:0 0 10px #f57979;}



@media screen and (max-width: 1440px) {
.new_footer .new_footer_left{left:20%;}
.new_footer .new_footer_right {right:20%;}
.new_c a .n2 .pic_n img{max-height:380px;min-height:380px;}
}

@media screen and (max-width: 1320px) {

.news .tits p:before{left:43%;}
.news .tits p:after{right:43%;}

}
@media screen and (max-width: 1024px) {
.news .tits p:before{left:40%;}
.news .tits p:after{right:40%;}

.new_footer .new_footer_left{left:12%;}
.new_footer .new_footer_right {right:12%;}

}
@media screen and (max-width:800px) {
.new_footer{display:none;}
.new_footer2{display:block;}
.new_c .nn{padding-bottom:3%;}
.new_c a .n2{margin:0 1em;width:auto}
}
@media screen and (max-width:560px) {
.new_c a .n2 .des{width:100%;}
.new_c a .n2 .tit_n b{width:70%;}
.new_c a .n2 .des p{line-height:20px;}
.new_c .nn{padding-bottom:6%;}
.new_c a .n2 .des {position: static;}
.new_c a .n2 .pic_n img{max-height:230px;min-height:230px;}
}
 /*联系我们*/

.con_xps .contact{overflow:hidden;position:relative;}
.contact .tits h1{color:#000;}
.contact .tits p:before , .contact .tits p:after{background:#262626;}
.contact .tits p{color:#262626}
.contact_c{overflow:hidden;}
.contact_c .lx{overflow:hidden;width:80%;background:url(../images/index14.png);padding:5%;margin:0 auto;}
.contact_c .lx .left h1{font-size:26px;}
.contact_c .lx .left ul{overflow:hidden;margin-top:5%;}
.contact_c .lx .left li{margin-bottom:3%;}
.contact_c .lx .right .r2{  margin-left:20px;}
.contact_c .lx .right img{display:block;width:100%;}
.contact_c .lx .right p{text-align:center;font-size:14px;margin-top:5%;}
.contact_c .lx_2{margin:3% 0 1% 0;text-align:center;}
.contact_c .lx_2 a{display:inline-block;border:1px solid #c5d7c5;margin:0 2%;padding:0.6% 3.5%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;}
.contact_c .lx_2 a:hover{background:#ed1c24;border:1px solid #ed1c24;color:#fff;text-decoration: none;box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;-moz-box-shadow:0 0 10px #fff;-o-box-shadow:0 0 10px #fff;}


.con_xps .foot{position:absolute;left:0;right:0;bottom:0;border-top:1px solid #c5d7c5;}
.con_xps .foot .f2{padding:0.6% 0;overflow:hidden;}
.con_xps .foot span,  .foot span a {color: #fff;display: inline-block;text-decoration: none;font-size:14px;}
.con_xps .foot span a:hover{color: #ed1c24;text-decoration: none;}

@media screen and (max-width: 1024px) {
.contact_c .lx{width:90%;}
.contact_c .lx .left h1{font-size:20px;}

}

@media screen and (max-width: 890px) {
.contact_c .lx{width:100%;}
.contact_c .lx .right img{width:110px;height:110px ;margin: 0 auto; }

}

@media screen and (max-width: 750px) {
.contact_c .lx .left{float:left;}
.contact_c .lx .right{width:100%;float:left;margin-top:2%;}
.contact_c .lx .left ul{margin-top:2%;}
.contact_c .lx .left li{margin-bottom:1%;}

.contact_c .lx .right img{width:100px;height:100px; }
.con_xps .foot .f2{text-align:center}
.con_xps .foot .s1 , .con_xps .foot .s2{float:none;}



}
@media screen and (max-width: 500px) {
.contact_c .lx .right{display:none;}
.contact_c .lx .left h1{font-size:18px;}
.contact_c .lx_2 a{border:1px solid #fff;}
}


/*悬浮*/
.side{position:fixed;width:70px;right:0;bottom:15%;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index:9999;}
.side ul li{width:70px;height:70px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#fff;font-size:14px;line-height:35px;text-align:center;transition:all .3s;cursor:pointer;background: #ed1c24;}
.side ul li a{color:#fff;font-size:0.8rem}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:11px;transition:all .3s}
.side ul li i.bgs3{background-image:url(../images/index18.png)}
.side ul li i.bgs4{background-image:url(../images/index19.png)}


.side ul li.sideewm .ewBox.son{width:134px;display:none;color:#363636;text-align:center;position:absolute;left:-134px;height:134px;top:0;background-image:url(../images/wx.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:210px;display:none;color:#fff;text-align:left;position:absolute;left:-210px;top:-70px;background:#d03333;}
.side ul li.sideetel .telBox dd{display:block;height:70px;overflow:hidden;padding-left: 45px;line-height:24px;font-size: 14px;    background: url(../images/index20.png) 15px center no-repeat;}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height: 24px;overflow:hidden;margin-top: 12px;font-size: 14px;}
.side ul li.sideetel .telBox dd.bgs1{background-color:#f73c3c}
.side ul li.sideetel .telBox dd.bgs3{background-color:#05652a}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}

.phone{display:none;}

@media screen and (max-width: 500px) {
.side{display:none;}
.phone{display:block;position:fixed;right:0;bottom:5%;z-index:9999; background:url(../images/index10.png) top center;}
.phone li{border-bottom:1px solid #e0e0e0;width:50px;padding: 2% 0;    text-align: center;}
.phone li:last-child{border-bottom:none;}
.phone li a{display:inline-block;color: #fff;font-size:0.75rem;}
.phone li i{background: url(../images/index20.png) top center no-repeat;margin:6px 0;height:20px;display:block;overflow:hidden;}

}