*{padding: 0;margin: 0;font-family: 'microsoft yahei'}
        li{list-style: none}
        #ys{width: 1175px;height:380px;margin: 0 auto}
        #ystdBox{margin:0 auto;width: 1175px;height: 364px;background: url('../images/ysbj.png'); }
        #ystdBox li{float: left}
        #ystdBox #ystdBoxBig{cursor:pointer;float:left; display:inline-block;height: 364px ;width: 575px;overflow: hidden}
        #ystdBox #ystdBoxBig ul{overflow: hidden}
        #ystdBox #ystdBoxBig li{overflow: hidden}
        #ystdBox #ystdBoxBig li .p2-left-left{width: 350px;  float: left;}
        #ystdBox #ystdBoxBig li .p2-left-left img {  width: 350px;  }
        #ystdBox #ystdBoxBig li .p2-left-right{ width:190px; height:210px; margin-top:60px;  padding-left: 20px; float:left; font-size:14px; color:#646464;/*-webkit-animation: bounceInDown 1s ease 0s 1 both;*/}
        #ystdBox  #ystdBoxBig .p2-left-right .zjli-2{ margin-top:30px; font-size:18px; color:#165aa5; font-weight:bold;display:inline-block;}
        #ystdBox  #ystdBoxBig .p2-left-right .zjli-3{ display:inline-block; margin-left:10px}
        #ystdBox  #ystdBoxBig .p2-left-right .zjli-4{/* margin:10px 0;*/}
        #ystdBox  #ystdBoxBig .p2-left-right .zjli-5 a {
    width: 120px;
    height: 40px;
    margin-top: 10px;
    background: #e4007f;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-radius: 25px;
    border: none;
}
        #ystdBox #ystdLb{position:relative;float:left;display:inline-block;height: 364px;width:600px;overflow: hidden}
        #ystdBox #ystdLb li{width:150px }
        #ystdBox #ystdLb li img{width:150px}
        #ystdBox #ystdLb .picList li{position:relative;cursor:pointer;float: left;}
        #ystdBox #ystdLb .picList li:nth-child(odd){background:#eeedee }
        #ystdBox #ystdLb .picList li:nth-child(even){background:#fff;}
        #ystdBox #ystdLb #ystdBtn div{float: left;cursor: pointer}
        #ystdBox #ystdLb .picList li {position: relative;cursor: pointer}
        #ystdBox #ystdLb .picList li .zc{position: absolute; display:inline-block;left: 0;bottom: 0;width:100%;text-align:center;background:rgba(255,255,255,0.7); font-size: 16px}
        #ystdBox #ystdLb .zc span{font-size: 16px;font-weight:700}
        #ystdBox #ystdLb .picMarquee-left .hd{ overflow:hidden;  height:130px;  padding:50px 10px 10px 10px;  }
        /*#ystdBox #ystdLb .picMarquee-left .bd{    margin-left: 30px; }*/
        #ystdBox #ystdLb .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
        #ystdBox #ystdLb .picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 150px }
        /*左右按钮*/
        #ystdBox #ystdLb .picMarquee-left .hd .next{float: right;  margin-top: 20px;  margin-left: 20px;  width: 30px;  height: 30px;  background: url(../images/zj_right.png);  background-position: 30px 0px;  cursor: pointer;}
        #ystdBox #ystdLb .picMarquee-left .hd .next:hover{animation:myyst 0.3s;animation-fill-mode: forwards;}
        #ystdBox #ystdLb .picMarquee-left .hd .prev{float: right;  margin-top: 20px;  width: 30px;  height: 30px;  background: url(../images/zj_left.png);  background-position: 0px 0px;  cursor: pointer; }
        #ystdBox #ystdLb .picMarquee-left .hd .prev:hover{animation:myyst2 0.3s;animation-fill-mode: forwards;}
        @keyframes myyst { from { background-position:30px 0px;} to { background-position:0px 0px;} }
        @keyframes myyst2 { from { background-position:0px 0px;} to { background-position:30px 0px;} }

        @-webkit-keyframes bounceInDown{
            0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
            0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
            60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
            75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
            90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
            100%{-webkit-transform:none;transform:none}
        }
        @-o-keyframes bounceInDown{
            0%,60%,75%,90%,100%{-o-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
            0%{opacity:0;-o-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
            60%{opacity:1;-o-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
            75%{-o-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
            90%{-o-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
            100%{-o-transform:none;transform:none}
        }
        @-ms-keyframes bmsunceInDmswn{
            0%,60%,75%,90%,100%{-ms-transitimsn-timing-functimsn:cubic-bezier(0.215,.610,.355,1.000);transitimsn-timing-functimsn:cubic-bezier(0.215,.610,.355,1.000)}
            0%{mspacity:0;-ms-transfmsrm:translate3d(0,-3000px,0);transfmsrm:translate3d(0,-3000px,0)}
            60%{mspacity:1;-ms-transfmsrm:translate3d(0,25px,0);transfmsrm:translate3d(0,25px,0)}
            75%{-ms-transfmsrm:translate3d(0,-10px,0);transfmsrm:translate3d(0,-10px,0)}
            90%{-ms-transfmsrm:translate3d(0,5px,0);transfmsrm:translate3d(0,5px,0)}
            100%{-ms-transfmsrm:nmsne;transfmsrm:nmsne}
        }
        @-moz-keyframes bmozunceInDmozwn{
            0%,60%,75%,90%,100%{-moz-transitimozn-timing-functimozn:cubic-bezier(0.215,.610,.355,1.000);transitimozn-timing-functimozn:cubic-bezier(0.215,.610,.355,1.000)}
            0%{mozpacity:0;-moz-transfmozrm:translate3d(0,-3000px,0);transfmozrm:translate3d(0,-3000px,0)}
            60%{mozpacity:1;-moz-transfmozrm:translate3d(0,25px,0);transfmozrm:translate3d(0,25px,0)}
            75%{-moz-transfmozrm:translate3d(0,-10px,0);transfmozrm:translate3d(0,-10px,0)}
            90%{-moz-transfmozrm:translate3d(0,5px,0);transfmozrm:translate3d(0,5px,0)}
            100%{-moz-transfmozrm:nmozne;transfmozrm:nmozne}
        }


        @keyframes bounceInDown{
            0%,60%,75%,90%,100%{transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
            0%{opacity:0;transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
            60%{opacity:1;transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
            75%{transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
            90%{transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
            100%{transform:none;transform:none}
        }
        .bounceInDown{-webkit-animation-name:bounceInDown;-o-animation-name:bounceInDown;-ms-animation-name:bounceInDown;-moz-animation-name:bounceInDown;animation-name:bounceInDown}