@charset "utf-8";
/*初始化标签*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;font-family: microsoft yahei}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size:12px;font-family: microsoft yahei;color:#505050;outline:0;}
body{background: url(ljc_01.jpg) top center no-repeat}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#333;text-decoration:underline;}
h1{visibility:hidden}
.g-box-2{width:1000px; margin:0 auto;padding-top:740px}
.g-box-3{width:600px; margin:0 auto; padding-bottom:50px; font-size:15px}
.g-box-3 p{ text-indent:2em; line-height:28px;}
.g-box-4{ padding-bottom:50px;background:url(bj01.jpg)}
.g-box-5{ float:left; width:380px; padding-top:80px;}
.g-box-5 strong{ display:block; margin-bottom:10px; font-size:18px; color:#DB0003}
.g-box-5 p{line-height:24px; font-size:14px}
.g-box-7{ float:left; width:448px; height:320px;border:1px solid #e3e3e3; background:#fff; margin:20px 20px 20px 70px}
.g-box-7 img{display:block; margin:0 auto}
.m-box-8{width:1000px; margin:0 auto}
.m-box-8 p{display:block; padding:20px; margin-top:30px; background:#fff; border:1px solid #e9e9e9;font-size:14px; display:block; text-align:center; line-height:36px}
.m-box-8 p img{display:block; width:100%; padding-top:10px}
.m-img-1{display:block; margin:0 auto}
/*版权*/
.g-box-1{padding:30px 0 20px 0; border-top:1px solid #e9e9e9; background:#fff}
.g-ft{width:765px; margin:0 auto}
.g-box-6{height:40px; background:#2865b1}
.g-nav{width:1000px; margin:0 auto}
.g-nav a{display:block; float:left; width:142px; height:40px; border-right:1px solid #3c7ac7; line-height:40px; text-align:center;font-family: "Microsoft YaHei"; color:#fff; font-size:17px}
/*十八种猴*/
.m-lst-1{width:1000px; margin:0 auto 30px auto;padding-top:30px; overflow:hidden}
.m-lst-1 ul{ display:block; width:1020px}
.m-lst-1 li{display:block; float:left; width:300px;margin:0 20px 20px 0;padding:9px; border:1px solid #e9e9e9; background:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px; border-radius: 4px}
.m-lst-1 li img{ display:block; width:300px;  height:300px;margin-bottom:10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px; border-radius: 4px}
.m-lst-1 li p{display:block; font-size:16px; text-align:center}
.g-box-z{padding:30px 0 20px 0; border-top:1px solid #e9e9e9}
.g-ft{ width:765px; margin:0 auto}
/*作品欣赏*/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{  width:1000px; height:400px; margin:20px auto 60px auto ; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{float:left; display:block; width:1000px; height:400px;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(l.png) no-repeat; position:absolute; top:140px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(r.png) no-repeat; position:absolute; top:140px; right:10px; z-index:10;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:20px; z-index:10}
#playBox .smalltitle ul{ padding-left:300px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ccc; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#333;}
#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%;}