446 lines
17 KiB
CSS
446 lines
17 KiB
CSS
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);
|
|
}
|
|
}
|