@import url("css/bootstrap.css?4.1.3");
@import url("css/font-awesome.css?4.70");
@import url("css/material-icons.css");
@import url("css/icofont.css?1.0");
@import url("css/carousel.css");
@import url("css/animate.css");
@import url("css/header.css");
@import url("css/footer.css");
@import url("css/themes.css");
@import url("css/nav.css");
@import url("css/jquery.fancybox.css");
/*  
Theme Name: 广州华侨减振科技网站
Description: 本网站由小罗同学开发定制.
Version: 1.0
Author: 小罗同学

*/
#jb_class_box{height:;margin:5px 0;}
.jb_class_txt{ background:#fff;  line-height:26px;float:left;padding:8px 0 8px 10px;width:100%; border: solid 1px #59b2f2;  }
.jb_class_txt a{color:#686669;padding:0 10px 0 11px;background:url(https://sc.chinaz.com/style/images/jb_class_a.jpg) no-repeat 0 9px; white-space:nowrap;font-size:12px; display: inline-block;*padding-right:7px;}
.layui-layer {box-shadow: none;background: none;}

.div1 {
    padding: 15.15% 0 0;
    position: relative;
}
.div1 > img {
    position: absolute;
    width: 100%; height: 100%;
    left: 0; top: 0;
}



@charset "utf-8"; 
/* www.w3cschool.cn */ 
body, div, ul, li{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif} 
ol, ul ,li{list-style:none} 
img {border: 0; vertical-align:middle} 
body{color:#000000;background:#FFF; text-align:center} 
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px} 
a{color:#000000;text-decoration:none}  
a:hover{color:#BA2636;text-decoration:underline} 
#mrq{width:900px; margin:20px auto;border:1px solid #000; padding:2px} 
#Marquee_x { overflow:hidden; width: 900px }  
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} 
#Marquee_x ul li div{ float:left;line-height:25px;height:130px; width:140px; overflow:hidden} 
#Marquee_x ul li div img{ border:1px solid #DADADA; width:130px; height:100px; display:block} 
#Marquee_x ul li div span{ display:block;} 


.swiper {
   position: relative;
   margin: 60px auto;
   width: 600px;
   height: 600px;
   text-align: center;
   font-family: Arial;
   color: #FFF;
   overflow: hidden;
}

/*自动播放*/
.swiper .swiper-wrapper {
   margin-left: -600px;
   animation: swiperAnim 9s infinite;
   padding: 0;
   width: 3000px;
   height: 100%;
}

.swiper li {
   float: left;
   width: 600px;
   list-style: none;
   line-height: 600px;
   font-size: 100px;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
}
.swiper li:nth-child(1) {
   background: blue;
   /*background-image: url(../img/pic_8.png);*/
}
.swiper li:nth-child(2) {
   background: red;
   /*background-image: url(../img/pic_1.png);*/
}

.swiper li:nth-child(3) {
   background: green;
   /*background-image: url(../img/pic_2.png);*/
}

.swiper li:nth-child(4) {
   background: blue;
   /*background-image: url(../img/pic_8.png);*/
}
.swiper li:nth-child(5) {
   background: red;
   /*background-image: url(../img/pic_1.png);*/
}

/*动画*/
@keyframes swiperAnim {
   0% {
       margin-left: -600px;
   }
   28.5% {
       margin-left: -600px;
   }
   33.3% {
       margin-left: -1200px;
   }
   62% {
       margin-left: -1200px;
   }
   66.7% {
       margin-left: -1800px;
   }
   95.2% {
       margin-left: -1800px;
   }
   100% {
       margin-left: -2400px;
   }
}