body{background-color:#a4a4a4;} .contentWrapper2 { margin:0 auto; width:980px; overflow:hidden; } header{height:71px;background:#2c2c2c url(../images/englistheader.gif) repeat-x left top;} footer{ background-color:#525252;} .englistproductsbox1{ width:100%; background-color:#fff;} .englistproductsbox2{ width:100%; background-color:#2c2c2c;} .englistproductsbox3{ width:100%; background-color:#fff;} .leftproductimg{ float:left; width:60%;} .leftproductfont{ float:left; width:39%;} .englistproductsbox2 .leftproductfont h2{color:#fff;} .leftproductfont h2{margin-left:30px;margin-top:100px;width:100%;height:35px; line-height:35px; font-size:40px; color:#000; font-weight:bold;} .leftproductfont h3{margin-left:30px;margin-top:10px; width:100%;height:35px; line-height:35px; font-size:20px; color:#ff0000; font-weight:bold;} .leftproductfont h4{margin-left:30px;margin-top:10px;width:100%;height:35px; line-height:35px;} .leftproductfont h4 a,.leftproductfont h4 a:visited{width:200px; line-height:35px; font-size:16px; color:#000; font-weight:bold; background-color:transparent; border:1px solid #127298; text-align:center; display:inline-block;} .leftproductfont h4 a:hover{background-color:#127298;} .englistproductsbox2 .leftproductfont h4 a,.englistproductsbox2 .leftproductfont h4 a:visited{color:#fff;} .englisfooterLink{width:940px; margin:10px auto;} .footer-navigation-links{float:left; width:770px; text-align:left;} .footer-navigation-links ul{float:left;width:100%;} .footer-navigation-links ul li{float:left; width:25%;} .footer-navigation-links-title{float:left; width:100%; height:30px; color:#fff; font-size:14px; font-weight:bold;} .footer-navigation-links-title a,.footer-navigation-links-title a:visited{color:#fff;} .footer-navigation-links ul li ul{float:left; width:100%;} .footer-navigation-links ul li ul li{float:left; width:100%; height:30px; line-height:30px;} .footer-navigation-social{ float:right; margin-top:20px; width:160px;overflow:hidden;} .footer-navigation-social .social{ float:left; width:100%;} .footer-navigation-social .social h2{ float:left; width:100%;color:#fff; font-size:14px; font-weight:bold;} .footer-navigation-social .social h2 a,.footer-navigation-social .social h2 a:visited{color:#fff;} .footer-navigation-social .social ul{float:left; width:100%; height:25px; position:relative;} .footer-navigation-social .social ul li{float:left; height:25px;width:25px; text-indent:-1000px; overflow:hidden;} .social-link{display:block;height:25px;width:25px;} .icons-facebook,.icons-flickr,.icons-googlePlus,.icons-lenovoForums,.icons-pinterest,.icons-twitter,.icons-youtube{background:url('/images/icons-s1e68df8d7c.png') no-repeat} .icons-facebook{background-position:0 -50px} .icons-flickr{background-position:0 -125px} .icons-googlePlus{background-position:0 -100px} .icons-lenovoForums{background-position:0 -75px} .icons-pinterest{background-position:0 -25px} .icons-twitter{background-position:0 -150px} .icons-youtube{background-position:0 0} .indbanner{ position:relative; margin:10px auto; width:1220px; height:416px; background-color:#eee; -webkit-box-shadow:0 0 15px #555; -moz-box-shadow:0 0 15px #555; box-shadow:0 0 15px #555; background-color:#fff; } .indbanner .slide{ width:100%; height:100%; overflow:hidden; zoom:1; } .indbanner .item{ position:relative; overflow:hidden; zoom:1; width:100%; height:100%; } .indbanner .img{ position:relative; overflow:hidden; zoom:1; display:block; /*margin-left:440px;*/ height:100%; } .indbanner .img img{ width:100%; /*position:absolute; left:50%; top:0; display:block; margin-left:-50%;*/ } .indbanner .item .info{ overflow:hidden; zoom:1; float:left; height:100%; width:440px; background:#fba94e; text-align:center; } .indbanner .item .text{ display:block; position:relative; margin:75px 0 10px; height:170px; } .indbanner .item .btn{ display:block; position:relative; background:none;/*for ie6*/ } .indbanner .item .text img{} .indbanner .item .btn img{filter:Alpha(opacity=70);opacity:0.7;} .indbanner .item .btn a:hover img { filter:Alpha(opacity=100);opacity:1;} *+html .indbanner .item .btn img{filter:none;} *+html .indbanner .item .btn a:hover img{filter:none;} .indbanner .ctrl{ position:absolute; z-index:199; left:0; bottom:5px; width:100%; text-align:center; } .indbanner .ctrl span{ overflow:hidden; zoom:1; display:inline-block; margin-left:5px; width:16px; height:16px; background:url(../images/ico_ctrl.png) no-repeat left -20px; text-indent:-99px; cursor:pointer; } .indbanner .ctrl .cycle-pager-active{ background-position:left 0; } .indbanner_prev{ position:absolute; left:0px; top:40%; width:50px; height:80px; z-index:200; background:#fff url(../images/ico_prev.png) no-repeat 50% 50%; opacity:0.5; } .indbanner_next{ position:absolute; right:0px; top:40%; width:50px; height:80px; z-index:200; background:#fff url(../images/ico_next.png) no-repeat 50% 50%; opacity:0.5; } .icon-slides { margin-top:180px; width:41px; height:69px; position:absolute; overflow:hidden; background-image:url("../images/icon-slides.png"); background-repeat:no-repeat; _filter:alpha(opacity=40); text-indent:1000px; } .icon-slides:hover { opacity:.6; filter:alpha(opacity=60) } .icon-slides:focus { outline:0 } .icon-slides-prev { left:5%; background-position:-84px center } .icon-slides-prev:hover { background-position:0 center } .icon-slides-next { right:5%; background-position:-125px center } .icon-slides-next:hover { background-position:-42px center } .englishbox{ margin-top:10px; overflow:hidden;border-bottom:1px solid #DFDFDF;background-color:#fff;} .englishbox ul{float:left; width:1260px;} .englishbox ul li{ float:left;margin-right:15px; margin-top:10px; width:298px; height:300px;} .englishbox ul li{ position:relative; display:block; } .englishbox ul li:before{ position:absolute; z-index:-1; content:""; width:50%; height:50%; left:0; top:50%; box-shadow:-15px 30px 10px rgba(0,0,0,0.3); -moz-transform:skewX(-3deg) skewY(-3deg) translate(20px,-30px); -webkit-transform:skew(-3deg,-3deg) translate(20px,-30px); -ms-transform:skew(-3deg,-3deg) translate(20px,-30px); -o-transform:skew(-3deg,-3deg) translate(20px,-30px); transform:skew(-3deg,-3deg) translate(20px,-30px); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; } .englishbox ul li:after{ position:absolute; z-index:-1; content:""; width:50%; height:50%; right:0; top:50%; box-shadow:15px 30px 10px rgba(0,0,0,0.3); -webkit-transform:skew(3deg,3deg) translate(-20px,-30px); -moz-transform:skewX(3deg) skewY(3deg) translate(-20px,-30px); -ms-transform:skew(3deg,3deg) translate(-20px,-30px); -o-transform:skew(3deg,3deg) translate(-20px,-30px); transform:skew(3deg,3deg) translate(-20px,-30px); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; } .englishbox ul li:hover:before{ box-shadow:-15px 30px 10px rgba(0,0,0,0.5); } .englishbox ul li:hover:after{ box-shadow:15px 30px 10px rgba(0,0,0,0.5); } .englishbox ul li img{ position:relative; width:290px; height:290px; border:1px solid #127298; /*-webkit-box-shadow:2px 2px 4px #aaa; -moz-box-shadow:2px 2px 4px #aaa; box-shadow:2px 2px 4px #aaa;*/ -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; } .englishbox ul li img:hover{ /*-webkit-box-shadow:2px 2px 6px #777; -moz-box-shadow:2px 2px 6px #777; box-shadow:2px 2px 6px #777;*/ } .englishcplist{ margin-top:10px; height:500px;border-bottom:1px solid #DFDFDF;} .englishcplistpages{ margin-top:10px; height:50px;border-bottom:1px solid #DFDFDF; text-align:center;} .englishcplist ul{ width:1000px;} .englishcplist ul li{ float:left; margin-left:10px;margin-right:10px; margin-top:10px; width:224px; height:260px;text-align:center; line-height:30px;} .englishcplist ul li{ position:relative; display:block; } .englishcplist ul li img{ position:relative; width:218px; height:218px; padding:2px; border:1px solid #ccc; /*-webkit-box-shadow:2px 2px 4px #aaa; -moz-box-shadow:2px 2px 4px #aaa; box-shadow:2px 2px 4px #aaa;*/ -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; } .englishbox2{ margin-top:20px; height:392px; overflow:hidden;} .englishbox2 h3{ float:left; width:608px; height:40px; overflow:hidden;} .englishbox2 h3.newstitle{ float:right;} .englishbox2 h3 a:link,.englishbox2 h3 a:visited{ float:left; font-size:20px; font-weight:bold; display:block; width:auto;} .englishbox2 h3 span{ float:right; display:block; width:auto;} .englishbox2 h3 span a:link,.englishbox2 h3 span a:visited{ font-size:14px; font-weight:bold;} .englishbox2 ul.introbox{float:left; width:582px;height:320px; overflow:hidden; display:inline;border:6px solid #DFDFDF;padding:10px;} .englishbox2 ul.introbox li{ float:left; width:582px; height:320px; text-align:center; line-height:28px; text-align:left;overflow:hidden; } .englishbox2 ul.introbox li img{width:200px;border:1px solid #DFDFDF; padding:2px; float:left; margin:5px;} /*.englishbox2 ul.introbox li:hover{border:6px solid #FF6600;}*/ .englishbox2 ul.newslist{float:right; width:584px; height:320px; border:6px solid #DFDFDF; padding:10px; overflow:hidden; display:inline;} .englishbox2 ul.newslist li{ float:left; width:580px; height:25px;text-align:center; line-height:25px; background:url(../images/dot2.gif) no-repeat 0 8px; border-bottom:1px solid #DFDFDF} .englishbox2 ul.newslist li a:link,.englishbox2 ul.newslist li h3 a:visited{ float:left; margin-left:15px; display:block;} .englishbox2 ul.newslist li span{ float:right; display:block;} .englishbox2 ul.newslist li span a:link,.englishbox2 ul.newslist li span a:visited{ } /*.englishbox2 ul.newslist:hover{border:6px solid #FF6600;}*/ .englishabouttitle{margin:20px 0; line-height:40px; font-size:30px; font-weight:bold; color:#000;} .englishaboutbox{ margin:20px 0; margin-right:3px; min-height:400px; overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #fff; background-color:#fff;box-shadow:1px 2px 2px 1px #ffffff; -webkit-box-shadow:1px 2px 2px 1px #ffffff; -moz-box-shadow:1px 2px 2px 1px #ffffff; -o-box-shadow:1px 2px 2px 1px #ffffff;} .englishbody{ margin:20px; position:relative;} .englishbody_left{ float:left; width:880px; overflow:hidden;} .englishbody h2{ margin:0; overflow:hidden; font-size:30px; text-align:center; color:#000; line-height:30px;} .englishbody h3{ margin:0; overflow:hidden; font-size:14px; text-align:center;} .englishbody img{ float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #ccc;} .englishbody2{ margin:20px; position:relative;} .englishbody2_left{ float:left; width:940px; overflow:hidden;} .englishbody2 h2{ margin:0; overflow:hidden; text-align:center; font-style:normal; line-height:30px; color:#000; font-size:20px; font-family:Times New Roman;} .englishbody2 h3{ margin:0; overflow:hidden; font-size:14px; text-align:center;} .englishbody2 img{ float:left; max-width:940px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #ccc;} .englishbody_right{float:right;width:300px;overflow:hidden;} .englishbody_right ul{} .englishbody_right ul li{margin-bottom:15px;} .englishbody_right ul li img{width:296px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #ccc;} .englishaboutbox p{color:#000;line-height:30px;} .englishaboutbox p strong,.englishaboutbox p b,.englishaboutbox p strong span,.englishaboutbox h1,.englishaboutbox h2,.englishaboutbox h3,.englishaboutbox h4{font-weight:bold;} .englishnewsbox{ margin:20px 0; min-height:400px; overflow:hidden;} .englishnewsbox ul{float:left; width:98%;padding:10px;} .englishnewsbox ul li{ float:left; width:100%; height:25px;text-align:center; line-height:25px; background:url(../images/dot2.gif) no-repeat 0 8px; border-bottom:1px solid #DFDFDF} .englishnewsbox ul li a:link,.englishbox2 ul.newslist li h3 a:visited{ float:left; margin-left:15px; display:block; color:#000; font-size:20px; font-family:Times New Roman;} .englishnewsbox ul li span{ float:right; display:block;} @media screen and (max-width:1260px) { .contentWrapper2{width:930px;} .leftproductimg{ float:left; width:60%;} .leftproductimg img{ float:left; width:538px; height:300px;} .leftproductfont{ float:left; width:39%;} .indbanner{width:910px;height:416px;} .indbanner .img img{margin-left:-150px;width:1238px;height:423px;} .englishbox{ margin-top:10px; overflow:hidden;border-bottom:1px solid #DFDFDF;} .englishbox ul{ width:950px;} .englishbox ul li{ float:left;margin-top:10px; width:220px; height:230px;} .englishbox ul li img{width:220px;height:220px;} .englishbox2 h3{width:440px;} .englishbox2 h3.abouttitle{width:460px;} .englishbox2 ul.introbox{width:430px;} .englishbox2 ul.introbox li{ width:433px;height:316px;} .englishbox2 ul.newslist{width:420px;} .englishbox2 ul.newslist li{ width:380px;} .englishcplist ul{ width:950px;} .englishcplist ul li{ float:left; margin-left:5px;margin-right:5px; margin-top:5px; width:220px; height:260px;text-align:center; line-height:30px;} .englishcplist ul li img{width:210px; height:210px;} } @media screen and (max-width:800px) { .contentWrapper2{width:618px;} header{height:108px;} .englistmenu { height:108px; } .englistmenu ul { margin-top:10px; width:648px; } .englistmenu ul li { } .englistmenu ul li a:link,.englistmenu ul li a:visited { padding:0 35px; } .emenusbox { margin-top:28px; background-color: rgba(0,0,0,1); } .englisfooterLink{width:618px; margin:10px auto;} .footer-navigation-links{float:left; width:618px; text-align:left;} .footer-navigation-links ul{float:left;width:100%;} .footer-navigation-links ul li{float:left; width:25%;} .footer-navigation-links-title{float:left; width:100%; height:30px; color:#fff; font-size:14px; font-weight:bold;} .footer-navigation-links-title a,.footer-navigation-links-title a:visited{color:#fff;} .footer-navigation-links ul li ul{float:left; width:100%;} .footer-navigation-links ul li ul li{float:left; width:100%; height:30px; line-height:30px;} .footer-navigation-social{ float:right; margin-top:20px; margin-bottom:20px; width:160px;overflow:hidden;} .leftproductimg{ float:left; width:100%;} .leftproductimg img{ float:left; width:618px; height:345px;} .englishbody img{ float:left; max-width:578px;} .englishbody2 img{ float:left; max-width:578px;} .leftproductfont{ float:left; width:100%;} .leftproductfont h2{ margin-top:20px;} .leftproductfont h4{ margin-bottom:20px;} .indbanner{width:600px;height:416px;} .indbanner .img img{margin-left:-300px;width:1238px;height:423px;} .englishbox{ margin-top:10px; overflow:hidden;border-bottom:1px solid #DFDFDF;} .englishbox ul{ width:650px;} .englishbox ul li{ float:left;margin-right:20px; margin-top:10px; width:298px; height:308px;} .englishbox ul li img{width:298px;height:298px;} .icon-slides { display:none;} .slider{ height:248px;} .slider .items-container .items .item{ height:248px;} } @media screen and (max-width:620px) { .contentWrapper2{width:310px;} .indbanner{ display:none;} header{height:190px;} .englistmenu { height:190px; } .englistmenu ul { margin-top:0px; width:310px; height:60px; } .englistmenu ul li { } .englistmenu ul li a:link,.englistmenu ul li a:visited { padding:0 15px; } .englisfooterLink{width:310px; margin:10px auto;} .footer-navigation-links{float:left; width:310px; text-align:left;} .footer-navigation-links ul{float:left;width:100%;} .footer-navigation-links ul li{float:left; width:25%;} .footer-navigation-links-title{float:left; width:100%; height:30px; color:#fff; font-size:14px; font-weight:bold;} .footer-navigation-links-title a,.footer-navigation-links-title a:visited{color:#fff;} .footer-navigation-links ul li ul{float:left; width:100%;} .footer-navigation-links ul li ul li{float:left; width:100%; height:30px; line-height:30px;} .footer-navigation-social{ float:right; margin-top:20px; margin-bottom:20px; width:160px;overflow:hidden;} .leftproductimg{ float:left; width:100%;} .leftproductimg img{ float:left; width:310px; height:173px;} .englishbody img{ float:left; max-width:270px;} .englishbody2 img{ float:left; max-width:270px;} .leftproductfont{ float:left; width:100%; margin-left:0px;} .leftproductfont h2{ margin-top:20px; margin-left:0px;height:auto;} .leftproductfont h3{ margin-left:0px;height:auto;} .leftproductfont h4{ margin-bottom:20px; margin-left:0px;} .englishbox{ margin-top:10px; overflow:hidden;border-bottom:1px solid #DFDFDF;} .englishbox ul{ width:309px;} .englishbox ul li{ float:left; margin-left:0;margin-right:0; margin-top:10px; width:308px; height:318px;} .englishbox ul li img{width:308px;height:308px;} .englishbox{height:auto;} .englishbox ul{ width:310px;} .englishbox ul li{ margin-top:10px;} .englishaboutbox img{ max-width:310px; width:expression(this.width > 310 ? "310px" : this.width); } }