@charset "utf-8";
/* CSS Document */

/*----------------基本设置-------------------*/
body { background:#fff; color: #666; font-family:microsoft yahei,arial, Helvetica, sans-serif;  min-width: 320px; }
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe { margin: 0; padding: 0; }
img { border: 0 none; vertical-align:middle; }
ul, li { list-style-type: none;}
body, input, select, button, textarea { vertical-align:middle;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
a, a:link { color: #666; text-decoration: none; }
a:visited { }
a:active, a:hover { color:#888; text-decoration:underline; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

.header { width:1000px; height:110px; margin:0 auto; padding-top:15px;}
.header span { float:right; margin-top:20px;}
.menu { background:#476d4f url(../images/menu_bg.jpg) repeat-x; width:1000px; height:40px; line-height:40px; color:#fff; margin:0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px; font-size:14px; }
.menu .time { float:right; padding-right:20px;}
.menu ul { padding:0 20px;}
.menu ul li { float:left;}
.menu ul li a { padding:0 20px; color:#fff;}
.menu ul li a:hover { color:#FF9; text-decoration:none;}
.content { width:1000px; height:auto; margin:0 auto;}
.content:after { content: " "; display: block; clear: both; }
.content .about, .content .contact, .content .link { float:left; border:1px #ddd solid; -webkit-border-radius:0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;  border-radius: 0 0 4px 4px; overflow:hidden;}
.content .about { width:728px; height:205px;}
.content .contact { width:260px; margin-left:8px; height:205px;}
.content .link { width:998px; margin-top:10px;}
.title { background:url(../images/title_bg.jpg) repeat-x; height:33px; line-height:33px; border-bottom:1px #ddd solid;}
.title span { float:right; margin:9px 8px 0 0;}
.title h2 { background:url(../images/title_dot.jpg) no-repeat; font-size:14px; padding-left:20px;}
.box, .box2 { padding:10px; font-size:12px; line-height:180%;}
.box:after, .box2:after { content: " "; display: block; clear: both; }
.box img { float:left; margin-right:10px;}
.box ul li { float:left; width:25%;}
.box2 { font-size:16px; margin-top:10px; line-height:220%;}
.box2 h2 { text-align:center; margin-bottom:10px;}
.box2 img { width:100%; margin:10px 0;}
.footer { width:960px; height:30px; line-height:30px; margin:10px auto; font-size:12px;  background:#eee; padding:0 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px;}
.footer span { float:right;}
.footer a { margin:0 4px;}

/* slide */
.slide-main{height:320px;position:relative; width:1000px; margin:10px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px; overflow:hidden;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:140px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:20px;}
.next{right:20px;}
.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:305px;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:320px; position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#000;}
.slide a{display:block;width:100%;height:320px;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%;} }