/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;font-family:"Microsoft Yahei","΢���ź�",Tahoma,Arial,Helvetica,STHeiti;}*/
/*html,body{height:100%;}*/
/*img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} */
/*ol,ul{list-style:none;} */
/*h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}*/
/*a:active, a:focus{outline:none;}*/
/*button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}*/
/**html{background-image:url(about:blank);background-attachment:fixed;} /!* ����IE6��bug *!/*/

/*/!* slide *!/*/
/*.slide-main{height:580px;position:relative;}*/
/*.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;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:540px;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:580px;overflow:hidden;}*/
/*.slide-box{position:relative;}*/
/*.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}*/
/*#bgstylea{background:#ff6900;}*/
/*#bgstyleb{background:#193d85;}*/
/*#bgstylec{background:#000;}*/
/*.slide a{display:block;width:100%;height:490px;cursor:pointer;}*/
/*.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{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{display:block;height:582px;top:0;margin-left:-540px;}*/
/*.obj-d{top:228px;height:164px;}*/
/*.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}*/
/*.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}*/
/*.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}*/
/*.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{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 *!/*/

/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;font-family:"Microsoft Yahei","΢���ź�",Tahoma,Arial,Helvetica,STHeiti;}*/
/*html,body{height:100%;}*/
/*img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;}*/
/*ol,ul{list-style:none;}*/
/*h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}*/
/*a:active, a:focus{outline:none;}*/
/*button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}*/
/**html{background-image:url(about:blank);background-attachment:fixed;} !* ����IE6��bug *!*/

/* slide */
.slide-main{height:580px;position:relative; width: 100%;}
    .prev,.next{display:block;width:10%;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:5%;}
.next{right:5%; text-align: right;}
.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:85;top:540px;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;}/*margin-right ���ߵľ���*/
.item a.cur{background:#fff;}/*���ߵ�ѡ����ʽ*/
.slide-box,.slide{display:block;width:100%;height:580px;overflow:hidden;}  /*height ���ݸ߶�*/
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#000c1f;}/*�ֲ�ͼ�ı�����ɫ��*/
#bgstyleb{background:#193d85;}/*�ֲ�ͼ�ı�����ɫ��*/
#bgstylec{background:#1c2327;}/*�ֲ�ͼ�ı�����ɫ��*/
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}/*leftͼƬ��λ��*/
.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{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:60%;height:170px;margin-left:-35%;top:153px;z-index:12;}/*width ���ֿ��  margin-left ����λ��*/
.obj-f{width:50%;bottom:0px;margin-left:0%;  right: 0;}
.obj-f img{
    width: 100%;
}
.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{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%;} }

/*平板电脑和小屏电脑之间的分辨率*/
@media (min-width: 768px) and (max-width: 979px) {
    .slide{padding-top:10px;}
    .prev,.next{
        top:200px;
    }
}
/* 横向放置的手机和竖向放置的平板之间的分辨率*/
@media (max-width: 767px) {
    .slide{padding-top:10px;}
    .prev,.next{
        top:200px;
    }
}
@media (max-width: 480px) {
    .prev,.next{display: none;}
    .prev,.next{
        top:200px;
    }
}