html { _background-image: url(about/blank); _background-attachment: fixed; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
img { border: 0 }
em, strong, th { font-style: normal; font-weight: normal }
ol, ul, li { list-style: none }
th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
table { font-size: inherit; font: 100% }
a { text-decoration: none; cursor: pointer; outline: none; }
a:hover { text-decoration: none; }
input, select { font-size: 12px }
body { font-size: 12px; font-family: Microsoft Yahei, simsun; background: #000; }
.clearfix { display: block }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both }
.clearfix { zoom: 1 }
.wrapper { width: 100%; position:relative;}
.Home-1, .Home-2 { width: 100%; height: 481px; text-align: center; }
.Home-1 { background: url(../images/Home-1.jpg) no-repeat center top; }
.Home-2 { background: url(../images/Home-2.jpg) no-repeat center top; }
.main-center, .Home-2-center, .content-2-center { width: 1000px; margin: 0 auto; position: relative; }
.center-logo { display: block; background: transparent url("https://img1.tiancitycdn.com/project1/csol/event/cs150915/images/logo.png") no-repeat 0px 48px; width: 172px; height: 62px; margin: 0px auto; padding-top: 50px; }
.center-tit { font-size: 22px; color: #FFF; font-weight: bold; padding: 310px 0px 0px 0px; }
.Home-2-video, .content-2-video, .content-1-video { width: 215px; height: 122px; display: block; background: url(../images/Home-video.jpg) no-repeat; margin: 0 auto; position: relative; top: 30px; }
.nav { width: 710px; height: 40px; position: absolute; bottom: 50px; left: 48%; margin-left: -330px; z-index: 10; }
.nav li { float: left; }
.nav li a { width: 140px; height: 40px; display: block;font-size: 18px; font-weight: bold; line-height: 40px; color: #FFF; text-align: center; }
/*.nav li a:hover { background: url("../images/ico.png") no-repeat -260px 0px; color: #000; }*/
.nav li .active{ background: url("../images/ico.png") no-repeat -260px 0px; color: #000; }
/*1*/
.content-0 { display:block;}
.content-1 { height: 962px; background: url(../images/content-1.jpg) no-repeat center top; display: none; }
.content-2 { height: 962px; background: url(../images/content-2.jpg) no-repeat center top; display: none; }
.content-3 { height: 962px; background: url(../images/content-3.jpg) no-repeat center top; display: none; }
.content-4 { height: 962px; background: url(../images/content-4.jpg) no-repeat center top; display: none; }
/*2*/
.content-1-video, .content-2-video { width: 85px; height: 80px; right: 282px; top: 158px; position: absolute;background:none; }
.content-2 .bt { width: 140px; height: 250px; position: absolute; top: 524px; left: -18px; }
.content-2 .btn{ background:url(../images/a1.png); width:110px; height:110px; display: block; }
.content-2 .active{  background:url(../images/a2.png); width:110px; height:110px;}
.content-2 .arms0, .content-2 .arms1 { width: 910px; height: 569px; background: transparent url("../images/arms2.jpg") no-repeat; position: absolute; top: 302px; left: 147px; }
.content-2 .arms1 { width: 877px; height: 556px; background: transparent url("../images/arms1.jpg") no-repeat; top: 292px; left: 122px; display: none; }
/*3*/
/*4*/
.content-4 ul { position: relative; top: 180px; margin: 0 auto; width: 875px; height: 488px; overflow:hidden;}
.content-4 ul li { width: 125px; height: 480px; background: #F00; float: left; background: url(../images/list-bg.jpg) no-repeat; }
.content-4 ul:hover{width: 1020px;}
/*.content-4 ul .lis1:hover { width: 270px; height: 480px; background-position: -363px 0px; background: #8D8DC6; }*/
.content-4 ul .lis1:hover { width: 270px; height: 480px; background:url(../images/ico2.png) -269px 0px; }
.content-4 ul .lis2:hover { width: 270px; height: 480px; background:url(../images/ico2.png) -539px 0px; }
.content-4 ul .lis3:hover { width: 270px; height: 480px; background:url(../images/ico1.png) -809px 0px; }
.content-4 ul .lis4:hover { width: 270px; height: 480px; background:url(../images/ico1.png) 0px 0px; }
.content-4 ul .lis5:hover { width: 270px; height: 480px; background:url(../images/ico1.png) -539px 0px; }
.content-4 ul .lis6:hover { width: 270px; height: 480px; background:url(../images/ico1.png) -269px 0px; }

.content-4 ul .lis7:hover { width: 270px; height: 480px; background:url(../images/ico2.png) 0px 0px; }
.content-4 ul .lis2 { background-position: -121px 0px; }
.content-4 ul .lis3 { background-position: -242px 0px; }
.content-4 ul .lis4 { background-position: -363px 0px; }
.content-4 ul .lis5 { background-position: -484px 0px; }
.content-4 ul .lis6 { background-position: -605px 0px; }
.content-4 ul .lis7 { background-position: -726px 0px; }
.fotter_main { width: 100%; height: 165px; background: #000000; }
.footer { width: 980px; margin: 0px auto; padding: 30px 0px; background: #000000; }

/*.content-2 .addbt1, .content-2 .addbt2 { width: 140px; height: 125px; background: url(../images/ico.png) no-repeat -248px -286px; display: block; }
.content-2 .addbt2 { width: 140px; height: 125px; background: transparent url("../images/ico.png") no-repeat scroll -261px -166px; }*/