/* slide */ .slide-main{height:850px;position:relative;} .prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;} .prev{left:70px;} .next{right:70px;} .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} .item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:720px;left:0;text-align:center;} .item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;} .item a.cur{background:#fff;} .slide-box,.slide{display:block;width:100%;height:850px;overflow:hidden;} .slide-box{position:relative;} .slide{display:none;height:850px;padding-top:30px;background:#ff6900;position:relative;position:absolute;z-index:8;} #bgstylea{background:#eaf4f6; background-image:url(../images/banner_bj01.jpg);background-position:center top;} #bgstyleb{background:#eaf4f6; background-image:url(../images/banner_bj02.jpg);background-position:center top;} #bgstylec{background:#eaf4f6; background-image:url(../images/banner_bj03.jpg);background-position:center top;} #bgstyled{background:#eaf4f6; background-image:url(../images/banner_bj04.jpg);background-position:center top;} .slide a{display:block;width:100%;height:590px;cursor:pointer;} .obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g,.obj-h,.obj-x,.obj-z{position:absolute;z-index:9;left:50%;} .obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;} .obj-a{display:block;height:352px;top:100px;} .obj-b{top:406px;height:100px;} .obj-c{width:366px;height:170px;margin-left:-660px;top:340px;z-index:12;} .obj-c p{ color:#2a80dd; font-weight:bold; font-size:32px;} .obj-d{width:366px;height:170px;margin-left:-660px;top:310px;z-index:12;} .obj-d h3{display:block;padding-top:20px;font-size:40px;color:#000;clear:both; } .obj-e{width:500px;margin-left:-660px;top:400px;z-index:12;} .obj-e p{color:#666;font-size:24px;line-height:24px;} .obj-f{width:1230px;height:420px;top:500px;margin-left:-410px; z-index:12;} .obj-g{width:590px;height:373px;top:300px;margin-left:-30px;z-index:12; } .obj-h{width:446px;height:433px;top:240px;margin-left:90px;z-index:12; } .obj-z {width:460px;margin-left:-660px;top:510px;z-index:12;} .obj-z p{ color:#fff; font-size:18px; background-color:#2a80dd; border-radius:6px; width:160px; height:56px; line-height:56px; text-align:center;} .banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;} @-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} } @-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} } @keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} } .banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;} @-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} } @-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} } @keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} } .watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;} @-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} } @-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} } @keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} } .banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;} @-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} } @-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} } @keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} } .banAnimate .obj-d,.banAnimate .obj-f.obj-g{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;} @-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} } @-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} } @keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} } /* 懒人图库 搜集整理 www.lanrentuku.com */ @media (max-width: 1366px) { .slide-main{height:850px;position:relative;} .prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;} .prev{left:70px;} .next{right:70px;} .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} .item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:720px;left:0;text-align:center;} .item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;} .item a.cur{background:#fff;} .slide-box,.slide{display:block;width:100%;height:850px;overflow:hidden;} .slide-box{position:relative;} .slide{display:none;height:850px;padding-top:30px;background:#ff6900;position:relative;position:absolute;z-index:8;} #bgstylea{background:#eaf4f6; background-image:url(../images/banner_bj01.jpg);} #bgstyleb{background:#eaf4f6; background-image:url(../images/banner_bj02.jpg);} #bgstylec{background:#eaf4f6; background-image:url(../images/banner_bj03.jpg);} #bgstyled{background:#eaf4f6; background-image:url(../images/banner_bj04.jpg);} .slide a{display:block;width:100%;height:590px;cursor:pointer;} .obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g.obj-x,.obj-z{position:absolute;z-index:9;left:50%;} .obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;} .obj-a{display:block;height:352px;top:100px;} .obj-b{top:406px;height:100px;} .obj-c{width:366px;height:170px;margin-left:-560px;top:320px;z-index:12;} .obj-c p{ color:#2a80dd; font-weight:bold; font-size:28px;} .obj-d{width:366px;height:170px;margin-left:-560px;top:310px;z-index:12;} .obj-d h3{display:block;padding-top:20px;font-size:40px;color:#000;clear:both; } .obj-e{width:500px;margin-left:-560px;top:370px;z-index:12;} .obj-e p{color:#666;font-size:16px;line-height:24px;} .obj-f{width:1000px;top:480px;margin-left:-350px; } .obj-f img{width:100%;max-width:1000px;} .obj-z {width:460px;margin-left:-560px;top:460px;z-index:12;} .obj-z p{ color:#fff; font-size:18px; background-color:#2a80dd; border-radius:6px; width:160px; height:56px; line-height:56px; text-align:center;} } @media (max-width: 767px) { .slide-main{height:450px;position:relative;} .prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;} .prev{left:70px; display:none;} .next{right:70px;display:none;} .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} .item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:400px;left:0;text-align:center;} .item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;} .item a.cur{background:#fff;} .slide-box,.slide{display:block;width:100%;height:450px;overflow:hidden;} .slide-box{position:relative;} .slide{display:none;height:450px;padding-top:30px;background:#ff6900;position:relative;position:absolute;z-index:8;} #bgstylea{background:#eaf4f6; background-image:url(../images/banner_m01.jpg);} #bgstyleb{background:#eaf4f6; background-image:url(../images/banner_m02.jpg);background-position:center top;} #bgstylec{background:#eaf4f6; background-image:url(../images/banner_m03.jpg);} #bgstyled{background:#eaf4f6; background-image:url(../images/banner_m04.jpg);} .slide a{display:block;width:100%;height:590px;cursor:pointer;} .obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-x,.obj-z{position:absolute;z-index:9;left:50%;} .obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;} .obj-a{display:block;height:352px;top:100px;} .obj-b{top:406px;height:100px;} .obj-c{width:366px;height:170px;margin-left:-40%;top:230px;z-index:12;} .obj-c p{ color:#2a80dd; font-weight:bold; font-size:22px;} .obj-d{width:366px;height:170px;margin-left:-40%;top:210px;z-index:12;} .obj-d h3{display:block;padding-top:20px;font-size:26px;color:#000;clear:both; } .obj-e{width:92%;max-width:320px;margin-left:-40%;top:280px;z-index:12;} .obj-e p{color:#666;font-size:14px;line-height:24px;} .obj-f{width:420px;height:420px;top:238px;margin-left:-120px; display:none;} .obj-f img{width:100%;height:420px; line-height:420px;border:8px solid #fff;background-color:#eee; border-radius:50%;display:none;} .obj-z {width:460px;margin-left:-40%;top:250px;z-index:12;} .obj-z p{ color:#fff; font-size:18px; background-color:#2a80dd; border-radius:6px; width:160px; height:56px; line-height:56px; text-align:center; display:none;} .obj-g{width:470px;height:420px;top:360px;margin-left:-30px; display:none;} }