/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
html{-webkit-text-size-adjust:none;}
body{background:#000303; font:12px/2em Microsoft Yahei,tahoma,HELVETICA;text-align:left}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none; vertical-align:top}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px;}
a{text-decoration:none;} a:hover{text-decoration:underline;}

/* function */
noscript,.spanclass,.pannel,.hidden{display:none;}
.show,.block{display:block;}
.mark,.fl,.mark-sub,.fr{display:inline;}
.mark,.fl{float:left;} .mark-sub,.fr{float:right;}
.fs-14{font-size:14px;} .fs-16{font-size:16px;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix{*zoom:1} .clearfix:after{content:"\20"; clear:both; height:0; display:block; overflow:hidden;}

html body .g-footer{ background:url(images/bottombg.jpg) no-repeat center top; height:214px;}
body .g-footer .gft-links,
body .g-footer .gft-links a{ color:#fff;}

body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#fff;}

.box1000{ width:1000px; margin:0 auto;}
.header{ background:url(images/topbg.jpg) no-repeat center top; height:695px;}
.p1{ background:url(images/bg1.jpg) no-repeat center top; height:786px;}
.p1 .box1000{ position:relative}
.kwsy{ width:976px; position:absolute; left:32px; top:263px;}
.kwsy li{ float:left; margin-left:23px; width:172px; height:432px;}
.kwsy a{ width:172px; height:432px; display:block;}
.a1{ background:url(images/p1img1.jpg) no-repeat center bottom}
.a2{ background:url(images/p1img2.jpg) no-repeat center bottom}
.a3{ background:url(images/p1img3.jpg) no-repeat center bottom}
.a4{ background:url(images/p1img4.jpg) no-repeat center bottom}
.a5{ background:url(images/p1img5.jpg) no-repeat center bottom}

.a1:hover{ background:url(images/p1img1-1.jpg) no-repeat center bottom}
.a2:hover{ background:url(images/p1img2-1.jpg) no-repeat center bottom}
.a3:hover{ background:url(images/p1img3-1.jpg) no-repeat center bottom}
.a4:hover{ background:url(images/p1img4-1.jpg) no-repeat center bottom}
.a5:hover{ background:url(images/p1img5-1.jpg) no-repeat center bottom}

.p2{ background:url(images/bg2.jpg) no-repeat center top; height:1510px;}
.p2 .box1000{ background:url(images/bg2-1.jpg) no-repeat center top; height:1510px;}
.cp{ height:994px; position:relative;}
.cp a{ display:block; position:absolute;}
.cp1{ width:136px; height:136px; background:url(images/pc1.png) no-repeat; left:265px; top:222px;}
.cp2{ width:175px; height:175px; background:url(images/pc2.png) no-repeat; left:531px; top:182px;}
.cp3{ width:142px; height:142px; background:url(images/pc3.png) no-repeat; left:771px; top:337px;}
.cp4{ width:170px; height:170px; background:url(images/pc4.png) no-repeat; left:754px; top:580px;}
.cp5{ width:142px; height:142px; background:url(images/pc5.png) no-repeat; left:580px; top:775px;}
.cp6{ width:160px; height:160px; background:url(images/pc6.png) no-repeat; left:300px; top:756px;}
.cp7{ width:163px; height:163px; background:url(images/pc7.png) no-repeat; left:73px; top:662px;}
.cp8{ width:176px; height:176px; background:url(images/pc8.png) no-repeat; left:51px; top:371px;}
.cp1:hover{ background:url(images/pc1-1.png) no-repeat}
.cp2:hover{ background:url(images/pc2-1.png) no-repeat}
.cp3:hover{ background:url(images/pc3-1.png) no-repeat}
.cp4:hover{ background:url(images/pc4-1.png) no-repeat}
.cp5:hover{ background:url(images/pc5-1.png) no-repeat}
.cp6:hover{ background:url(images/pc6-1.png) no-repeat}
.cp7:hover{ background:url(images/pc7-1.png) no-repeat}
.cp8:hover{ background:url(images/pc8-1.png) no-repeat}
.videobox{ position:relative;}
.videobox p{ position:absolute; width:315px; left:158px; top:184px; font-size:16px; line-height:30px; color:#dcdcdc}
.video{ width:616px; position:absolute; top:0; right:-150px;}
.p3{ background:url(images/bg3.jpg) no-repeat center top; height:930px;}
.p3 .box1000{ position:relative;}
.p3 .tit{ position:absolute; top:239px; left:-25px;}
.user{ position:absolute; top:354px; left:-5px;}
.user li{ float:left; width:317px; margin-right:18px;}
.zb1{ left:25px; top:334px; position:absolute;}
.zb2{ left:756px; top:342px; position:absolute;}
.jl1{ position:absolute; top:357px; left:-24px;}
.jl2{ position:absolute; top:314px; left:328px;}
#slide03_control {width:540px; height:45px; list-style:none; color:#777; float:right; font-size:24px; margin-top:223px;}
#slide03_control li {float:left; width:138px; margin-left:35px; line-height:45px; text-align:center;  background:#e9e9e9; cursor:pointer} 
#slide03_control li.last{ width:150px;}    
#slide03_control .current {background:url(images/cur.jpg) no-repeat left center; color:#fff;} 
.prev,.next{ width:40px; height:40px; position:absolute; top:514px;}
.prev{ left:-85px; background:url(images/prev.png) no-repeat;}
a.prev:hover{background:url(images/prev_s.png) no-repeat;} 
.next{ right:-66px; background:url(images/next.png) no-repeat;}
a.next:hover{background:url(images/next_s.png) no-repeat;} 
.p4{ background:url(images/bg4.jpg) no-repeat center top; height:839px;}
.p4 .box1000{ padding:256px 0 0;}
.p5{ background:url(images/bg5.jpg) no-repeat center top; height:878px;}
.p5 .box1000{ position:relative; height:878px;}
.pic{ width:562px; height:434px; position:absolute; top:221px; left:-37px;}
.p5 .tit{ font-size:40px; color:#fff; text-align:center; position:absolute; left:560px; top:233px; line-height:50px; width:440px;}
.p5 .tit i{ font-size:24px; display:block;}
.tx{ position:absolute; left:553px; font-size:16px; line-height:30px; color:#fff; top:398px}
.more{ position:absolute; left:553px; font-size:19px; color:#fff; top:547px;}
#slide04_control{ width:180px; position:absolute; top:630px; right:110px;}
#slide04_control li{ width:28px; height:28px; line-height:28px; text-align:center; color:#777; font-size:16px; background:url(images/btnbg.png) no-repeat; margin-right:32px; float:left; cursor:pointer}
#slide04_control li.current{ background:url(images/btnbgs.png) no-repeat; color:#fff;}
.prev2,.next2{ width:12px; height:18px; position:absolute; top:634px;}
.prev2{ background:url(images/prev2.png) no-repeat; right:355px;}
a.prev2:hover{ background:url(images/prev2_s.png) no-repeat;}
.next2{ background:url(images/next2.png) no-repeat; right:66px;}
a.next2:hover{ background:url(images/next2_s.png) no-repeat;}
.tmall{ background:url(images/tmall.png) no-repeat; width:457px; height:108px; position:absolute; bottom:0; left:570px;}
.jd{ background:url(images/jd.png) no-repeat; width:490px; height:108px; position:absolute; left:0; bottom:0}