@charset "gb2312";
*{   font-family: 'Roboto Regular','arial',Microsoft Yahei;color:#333;border-color: #fff;}
ul,li{list-style:none;padding:0;margin:0;}
a:hover{ text-decoration:none;color: #7fbee1;}
a:focus, a:hover {}
.container {width:92%;padding:0;margin: 0 auto;}
.navbar .container { width: 92%; margin: 0 auto;}
.navbar-nav li a {padding-left: 12px;padding-right: 12px; }
body { background: #fff; color:#333;}
img{max-width: 100%;}

.bgi-yd {    overflow: hidden; padding: 100px 0 20px 0;padding: 6% 0 1% 0;}
.bgi-yd .content {    margin: 0 auto;    width: 1100px; overflow: hidden;   }
.ydlogo {text-align: center;padding-bottom: 70px;padding-bottom: 6%;animation: animate__shakeY; /* referring directly to the animation's @keyframe declaration */  
animation-duration: 2s; /* don't forget to set a duration! */ --animate-duration: 800ms;
  --animate-delay: 0.9s;}
.ydgsmc {   text-align: center;}
.ydbtn {    margin: 0 auto;    width: 310px;    padding-bottom: 120px;padding-bottom: 9%;}
.ydgsmc {    text-align: center;    padding-bottom: 90px;  padding-bottom: 6%;  animation: animate__rubberBand; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */}
.ydcnbtn {    float: left;    padding-right: 80px;    animation: animate__rubberBand; /* referring directly to the animation's @keyframe declaration */  animation-duration: 4s; /* don't forget to set a duration! */}
.ydenbtn {animation: animate__rubberBand; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 4s; /* don't forget to set a duration! */}
.ydpic {    width: 940px;    margin: 0 auto;}
.ydpic ul li {    width: 20%; float: left;
   /*animation: animate__wobble;*/ /* referring directly to the animation's @keyframe declaration */  animation-duration: 4s; /* don't forget to set a duration! */}
.ydfooter{padding:40px;animation-duration: 4s;}
.ydfooter .content {    width: 1100px;    margin: 0 auto;    text-align: center;}
.ydbg{background:url(../ydbj.jpg) no-repeat  top;padding-bottom: 0%;}
@media (max-width:1200px) {
.bgi-yd .content{width: 90%;}
.ydfooter .content {
    width: 56%;}
.ydbg{background:url(../ydbj1200.jpg) no-repeat  top;}
}
@media (max-width:768px) {
.bgi-yd .content{width: 90%;}
.ydpic{width: 94%;}
.ydfooter .content {
    width: 56%;}
}
@media (max-width:480px) {
.bgi-yd .content{width: 90%;}
.ydpic{width: 94%;}
.ydfooter .content {width: 86%;}
.ydlogo img{width: 50%;}
.ydgsmc img{width: 80%;}
.ydgsmc{padding-bottom: 10%;}
.ydlogo{padding-bottom: 10%;}
.bgi-yd{padding: 12% 0 2% 0;}
.ydbtn{padding-bottom: 12%;width: 76%;}
.ydcnbtn{padding-right: 8%;}

}