.screen-main { width:100%; height:849px; overflow:hidden; } .screen-main .sc-main-bg { width:1220px; margin:0 auto; overflow:hidden; position:relative; left:0 } .screen-main span { display:inline-block; position:absolute } .screen-main .shi1 { width:467px; height:220px; left:-501px; top:-455px; z-index:4; background:url(images/home1.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/home1.png" ,sizingMethod="crop"); -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; transition:transform 1s ease-out; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg) } .screen-main .shi2 { width:390px; height:101px; left:1387px; z-index:1; top:-359px; background:url(images/home2.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/home2.png" ,sizingMethod="crop"); -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; transition:transform 1s ease-out } .screen-main .ji1 { width:235px; height:252px; left:-327px; z-index:2; top:-589px; background:url(images/home3.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/home3.png" ,sizingMethod="crop"); -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; transition:transform 1s ease-out } .screen-main .ji2 { width:337px; height:242px; left:1648px; z-index:2; top:-487px; background:url(images/home4.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/home4.png" ,sizingMethod="crop"); -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; transition:transform 1s ease-out } .clear{clear:both;width:100%;height:0px;} .homeintro{width:780px;margin:0 auto;margin-top:340px;} .screen-main .homep span{float:left;line-height:50px;color:#0f65ad; position:relative;font-size:18px; font-family:Arial, Helvetica, sans-serif;} .screen-main .homep p{float:left;width:580px;line-height:26px;margin-left:20px; display:inline; color:#333;font-size:14px;} .homebtn{width:780px;margin: 20px auto 0px auto; overflow:hidden; clear:both;} .homebtn li{float:left;width:140px;height:156px;margin-left:10px; cursor:pointer;} .homefoot{*display:none;font-size:12px;width:800px;z-index:2; position:absolute;left:50%;top:657px;margin-left:-400px;padding-bottom:60px; background:url(images/footbg.jpg) left top;} .homefl{padding-left:80px;text-align:right;color:#58595b;float:left;background:url(images/homefg.jpg) no-repeat top right;padding-right:30px;line-height:22px;} .homefl img{margin-bottom:5px;} .homefr{width:306px;float:left;padding-left:25px;} .homefr img{border:1px solid #f0f0f0;padding:4px;float:left;margin-right:15px;} .homefr p{margin-top:25px;line-height:26px;} .social-item { position: relative; width: 140px; height: 156px; cursor:pointer; } .social-info{ position: absolute; width: 140px; height: 156px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .social-info > div { display: block; position: absolute; width: 100%; height: 100%; backface-visibility:hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .social-info .social-info-back { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); } .social-item:hover .social-info-wrap { box-shadow: 0 0 0 0 rgba(0,0,0,0.8), inset 0 0 3px rgba(115,114, 23, 0.8); } .social-item:hover .social-info { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } .social1 {background:url(images/homebtn1.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn1.png" ,sizingMethod="crop");} .social1hover {background:url(images/homebtn1.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn1.png" ,sizingMethod="crop");} .social2 {background:url(images/homebtn2.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn2.png" ,sizingMethod="crop");} .social2hover {background:url(images/homebtn2.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn2.png" ,sizingMethod="crop");} .social3 {background:url(images/homebtn3.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn3.png" ,sizingMethod="crop");} .social3hover {background:url(images/homebtn3.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn3.png" ,sizingMethod="crop");} .social4 {background:url(images/homebtn4.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn4.png" ,sizingMethod="crop");} .social4hover {background:url(images/homebtn4.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn4.png" ,sizingMethod="crop");} .social5 {background:url(images/homebtn5.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn5.png" ,sizingMethod="crop");} .social5hover {background:url(images/homebtn5.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/special/2014year/images/homebtn5.png" ,sizingMethod="crop");}