.site-wrapper{width:100%;height:100%}.site-left{width:50%;float:left;overflow:hidden}.site-left img{width:auto;height:500px}.site-right{width:49.99%;background-color:#222;float:left;height:500px;display:flex;display:-webkit-flex;align-items:center}.site-right:after{clear:both}.site-content{padding-left:60px}.site-title{font-size:28px;color:#fff;font-weight:bold;letter-spacing:0;line-height:2.2em;text-align:left;margin-top:-10px;display:inline-block}.site-title:after{display:block;clear:both;height:2px;width:80px;background-color:#f36919;content:" ";transition:ease-in-out .8s}.site-title:hover:after{transform:rotateY(360deg)}.site-des{font-size:10.5pt;letter-spacing:0;line-height:1.4em;text-align:left;font-family:宋体;margin-bottom:20px;margin-top:20px;color:#ccc;padding-right:10px}.site-icon{float:left}.site-icon .backstage-componet-bd a{width:54px;height:54px;text-align:center;line-height:80px;margin-right:40px;box-sizing:border-box;display:block}.site-icon .backstage-componet-bd a img{max-width:54px;max-height:54px}.site-lis-content{float:left}.site-lis{margin-top:10px;clear:both;height:62px}.site-lis-content:after{clear:both}.site-lis-title{font-size:20px;color:#eee;font-weight:bold;letter-spacing:0;line-height:1.8em;text-align:left;display:inline-block}.site-lis-des{font-size:10.5pt;letter-spacing:0;line-height:1.5em;text-align:left;font-family:宋体;margin-bottom:10px;color:#ccc}@-moz-keyframes tada{0%{-moz-transform:scale(1);-moz-transform-origin:top center}10%,20%{-moz-transform:rotate(-3deg);-moz-transform-origin:top center}30%,50%,70%,90%{-moz-transform:rotate(3deg);-moz-transform-origin:top center}40%,60%,80%{-moz-transform:rotate(-3deg);-moz-transform-origin:top center}100%{-moz-transform:scale(1) rotate(0);-moz-transform-origin:top center}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);-webkit-transform-origin:top center}10%,20%{-webkit-transform:rotate(-6deg);-webkit-transform-origin:top center}30%,50%,70%,90%{-webkit-transform:rotate(6deg);-webkit-transform-origin:top center}40%,60%,80%{-webkit-transform:rotate(-6deg);-webkit-transform-origin:top center}100%{-webkit-transform:rotate(0);-webkit-transform-origin:top center}}.site-icon .backstage-componet-bd a:hover{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both}@media(min-width:1400px){.site-lis-des{max-width:520px}}@media(min-width:1200px)and (max-width:1400px){.site-left img{height:400px;width:auto;margin-left:-70px}.site-right{height:400px}.site-content{padding-left:30px}.site-lis-des{max-width:450px}}@media(min-width:1024px)and (max-width:1200px){.site-left img{height:400px;width:auto;margin-left:-100px}.site-right{height:400px}.site-content{padding-left:30px}.site-icon .backstage-componet-bd a{margin-right:25px}.site-lis-des{max-width:390px}}@media(min-width:990px)and (max-width:1024px){.site-left img{height:380px;width:auto;margin-left:-110px}.site-right{height:380px}.site-lis-des{//width:300px}.site-content{padding-left:20px}.site-icon .backstage-componet-bd a{margin-right:15px}.site-lis-des{max-width:400px}}@media(min-width:750px)and (max-width:990px){.site-left{width:100%}.site-right{width:100%}.site-left img{height:auto;width:100%}.site-lis-des{max-width:550px}}@media(min-width:100px)and (max-width:750px){.site-left{width:100%}.site-right{width:100%;height:600px}.site-left img{height:auto;margin-bottom:-4px;width:100%}.site-icon{float:none}.site-icon .backstage-componet-bd a{margin:0 auto}.site-lis-content{text-align:center;margin:auto;float:none}.site-content{width:90%;margin:auto;padding-left:0}.site-lis{height:auto;text-align:center}.site-lis-des{text-align:center}}