@charset "utf-8";
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;}
html,body{height:100%;}
body{max-width: 1920px;margin: 0 auto;}
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:810px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:10;top:48%;overflow:hidden;cursor:pointer;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);_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{width:100%;height:5px;position:absolute;z-index:124;bottom:120px;left:0;}
.item .box{width: 1280px;margin: 0 auto;text-align: left;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#fff;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);overflow:hidden;transition: all 500ms;}
.item a.cur{background:#fff;opacity: 1;}
.slide-box,.slide{display:block;width:100%;height:810px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:810px;position:relative;position:absolute;z-index:8;}
.slide .box{width: 1280px;height: 810px;margin: 0 auto;position: relative;transition: all 500ms;}

.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%;transition: all 500ms;}
.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:auto;height:auto;margin-left:-640px;top:300px;z-index:12;transition: all 500ms;}
.obj-e.i03{margin-left: -195px;text-align: right;}
.obj-e.i03 h3{text-align: right;font-size: 26px;}
.obj-e.i03 a{float: right;}

.obj-e.i04 h1{color:#232323}
.obj-e.i04 h3{color:#232323}
.obj-e.i04 a{color:#232323;border-color: #232323;}
.obj-e.i06{padding: 0;}


.obj-e.i01{margin-left: 0;left: 50%;transform: translateX(-50%);top: 33%;}
.obj-e.i01 a{border-width: 3px;}

/*.obj-e.i02{width: auto;height: auto;}
.obj-e.i01 h1{font-size: 60px;color:#fff;line-height: 60px;font-weight: bold;padding-bottom: 19px;width:490px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 16px;}
.obj-e.i01 h3{font-size: 45px;color:#fff;line-height: 45px;font-weight: bold;}
.obj-e.i02 h1{font-size: 60px;color:#fff;line-height: 60px;font-weight: bold;padding-bottom: 19px;width:429px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 16px;}
.obj-e.i02 h3{font-size: 45px;color:#fff;line-height: 45px;font-weight: bold;margin-bottom: 31px;}
.obj-e.i02 span{width: 250px;height: 42px;background: rgba(255,255,255,0.5);font-size: 23px;color:#fff;line-height: 42px;text-align: center;display: block;}
*/

.obj-e.i04{padding: 0;}
.obj-e{width: auto;}
.obj-e h1{font-size: 64px;color:#fff;line-height: 60px;font-weight: bold;padding-bottom: 19px;margin-bottom: 16px;}
.obj-e h3{height: 50px;font-size: 30px;color:#fff;line-height: 40px;text-align: left;display: block;}
.obj-e a{width: 186px;height: 43px;display: block;border-radius: 30px;border: 1px solid #fff;font-size: 18px;color:#fff;line-height: 43px;text-align: center;margin-top: 80px;transition: all 500ms;}

.obj-e.i01 a{color: #000;border-color: #000;border-width: 1px;text-align: center;}
.obj-e.i01{top: 60%;left: 3.4%;}
.obj-e.i02{left: 92%;}
.obj-e a:hover{background: #0073d9;border-color: #0073d9;}
.obj-e.i01 a:hover{color: #fff;}

.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%;} }

@media(max-width: 1279px){
	.slide .box{width: 100%;}
	.obj-a, .obj-b, .obj-c, .obj-d, .obj-e, .obj-f{margin-left: -420px;}
	.item .box{width: 100%;text-align: center;}
	.item a{width: 80px;}
	.obj-e{top: 250px;}
}

@media(max-width: 1366px){
	.prev{left: 30px;}
	.next{right: 30px;}
}