@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	color: #333333;
	background: #FFFFFF;
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding: 0; margin: 0; }
ul { list-style:none;}

a { color: #000; text-decoration: none; font-weight: bold; line-height: normal; }

a:link {
	color: #FF6600;
	text-align: center;
	height: 35px;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 0.5cm;
}
#container { width: 100%; margin: 0px auto; padding: 0px; float: left; }

#header {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 97px;
}
#topline {
	height: 43px;
	width: 100%;
	background-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#top{
	width: 1280px;
	height: 43px;
	margin-left: auto;
	margin-right: auto;
}
#toppic{
	width: 668px;
	height: 43px;
	margin-left: 10px;
	float: left;
}

#nav1 {
	width: 242px;
	border-style: none;
	float: left;
	height: 43px;
	margin-top: 0px;
	margin-left: 300px;
	padding: 0px;
	margin-right: 25px;
}
#nav1 ul { list-style: none; margin: 0px; padding: 0px; }
#nav1 ul li { float: left; padding: 0px; }

#nav {
	width: 512px;
	border-style: none;
	float: left;
	height: 97px;
	margin-top: 0px;
	margin-left: 15px;
	padding: 0px;
	margin-right: 0px;
}
#nav ul { list-style: none; margin: 0px; padding: 0px; }
#nav ul li { float: left; padding: 0px; }

#iconlist {
	width: 1160px;
	border-style: none;
	float: left;
	height: 135px;
	margin-top: 0px;
	margin-left: 40px;
	padding: 0px;
	margin-right: 0px;
}
#iconlist ul { list-style: none; margin: 0px; padding: 0px; }
#iconlist ul li { float: left; padding: 0px; }

#logo { height: 97px; width: 1280px; margin-right: auto; margin-left: auto; }

#top1logo {
	height: 73px;
	width: 270px;
	float: left;
	margin: 10px 5px 5px 100px;
}
#top1logo1 {
	height: 73px;
	width: 325px;
	float: left;
	margin: 10px 5px 0px 0px;
}
#banner{ width: 100%; margin: 0px auto; padding: 0px; float: left; background: url(../img/ad-bg.png); height: 458px; }
#banner1{
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	height: 174px;
}
#banner2{
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	float: left;
	height: 174px;
	background-color: #67B700;
}
#banner3{
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	float: left;
	height: 174px;
	background-color: #4e4e4e;
}
#banner4{
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	float: left;
	height: 174px;
	background-color: #4e4e4e;
	background-image: url(../img/contactbg.png);
}

#banner5{
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	float: left;
	height: 174px;
	background-color: #ff9000;
}
#abouttable{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 200px;
	background: #FFFFFF;
	float: left;
}

#abouticon{
	width: 192px;
	height: 117px;
	margin-top: 40px;
	margin-left: 100px;
	margin-right: 60px;
	float: left;
	margin-bottom: 30px;
}
#aboutbox{
	width: 800px;
	float: left;
	margin-top: 40px;
}
#pic1text{ margin: 10px 10px 10px 20px; float: left; width: 600px; font-family: Tahoma, Geneva, sans-serif; font-size: 22px; color: #333; }

#pic1{ margin: 10px; float: left; height: 274px; width: 504px; }
#pic2text{ margin: 30px 0px 0px 70px; float: left; width: 570px; font-family: Tahoma, Geneva, sans-serif; font-size: 22px; color: #333; }
#pictitle{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: left;
	height: 50px;
	width: 600px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 32px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
#pictitle-ch{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: left;
	height: 50px;
	width: 600px;
	font-family: "微软雅黑";
	font-size: 36px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}

#pictitle-ch1{
	margin-top: 0px;
	margin-right: 0px;
	float: left;
	height: 50px;
	width: 600px;
	font-family: "微软雅黑";
	font-size: 32px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	margin-left: 20px;
}
#pictext{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	height: auto;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	line-height: 0.6cm;
}
#pictext1{ margin: 0px 0px 5px 50px; float: left; height: 80px; width: 252px; font-family: "Courier New", Courier, monospace; font-size: 14px; color: #666666; font-weight: normal; line-height: 0.55cm; }
#table { margin-right: auto; margin-left: auto; width: 100%; height: 250px; background: #f6f6f6; float: left; }

#table1 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 376px;
	background: #FFFFFF;
	float: left;
}

#table5 { margin-right: auto; margin-left: auto; width: 100%; background: #FFFFFF; float: left; }

#box1 {
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
#casebox {
	width: 1200px;
	margin-right: 10px;
	margin-left: 35px;
	border: 1px solid #E1E1E1;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
#casebox1{
	width: 580px;
	height: 158px;
	float: left;
	margin-top: 20px;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 12px;
}
#caseicon{
	width: 201px;
	height: 119px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}
#caseicon-concent{
	width: 355px;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}
#caseicon-title{
	width: 350px;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	font-size: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	margin-bottom: 20px;
}
#caseicon-title-ch{
	width: 350px;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	font-size: 18px;
	font-family: "微软雅黑";
	margin-bottom: 20px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
#caseicon-text{
	width: 350px;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	color: #686868;
	font-size: 16px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 7mm;
}
#caseicon-text-ch{
	width: 350px;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	color: #686868;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 7mm;
}
#caseicon-text-ch1{
	width: 750px;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	color: #686868;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 7mm;
}
#caseline{
	width: 1200px;
	height: 1px;
	color: #CCCCCC;
	border-top-width: 1px;
	border-top-color: #CDCDCD;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	float: left;
}
#ab{
	font-family: Arial;
	border: 1px solid #d1d1d1;
	border-radius: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 358px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 40px;
	margin-bottom: 0px;
	height: 364px;
	-webkit-box-shadow: 1px 2px 2px #C7C7C7;
	box-shadow: 1px 2px 2px #C7C7C7;
	float: left;
	font-size: 18px;
}
#abicon{
	width: 115px;
	height: 115px;
	padding-top: 50px;
	padding-right: auto;
	padding-bottom: 20px;
	padding-left: 120px;
	float: left;
}
#abtitle{
	width: 250px;
	height: 30px;
	float: left;
	color: #000000;
	font-size: 16px;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
	font-family: "微软雅黑";
}
#abtitle-ch{
	width: 250px;
	height: 30px;
	float: left;
	color: #000000;
	font-size: 18px;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
	font-family: "微软雅黑";
}
#abtext{
	width: 300px;
	float: left;
	font-size: 14px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-shadow: 0px 0px #000000;
	color: #000000;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 30px;
	text-align: center;
}
#abtext-ch{
	width: 250px;
	float: left;
	font-size: 14px;
	font-style: normal;
	font-family: "微软雅黑";
	font-weight: 400;
	text-shadow: 0px 0px #000000;
	color: #5C5C5C;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 56px;
	text-align: center;
	line-height: 4.5mm;
}
#game{
	font-family: Arial;
	border: 1px solid #d1d1d1;
	border-radius: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 1160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 40px;
	margin-bottom: 0px;
	height: 240px;
	-webkit-box-shadow: 1px 2px 2px #C7C7C7;
	box-shadow: 1px 2px 2px #C7C7C7;
	float: left;
	font-size: 14px;
}
#gamepic{
	float: left;
	height: 130px;
	width: 219px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 5px;
}
#gametext{
	float: left;
	height: 60px;
	width: 219px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 0.5cm;
}
#gametext-ch{
	float: left;
	height: 60px;
	width: 218px;
	margin-left: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666;
	line-height: 0.5cm;
}
#casetitle {
	width: 1180px;
	margin-left: 40px;
	float: left;
	margin-top: 0px;
}
#newstitle { width: 920px; margin-left: 170px; float: left; margin-top: 10px; background: #FFF; }
#news{ width: 450px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; float: left; }

#about{
	width: 1080px;
	float: left;
	margin-top: 40px;
	margin-left: 90px;
}
#aboutustitle{
	width: 1080px;
	float: left;
	margin-bottom: 30px;
}
#apptitle{
	width: 500px;
	float: left;
	color: #3A3A3A;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24px;
	margin-left: 10px;
}
#apptitle1{
	width: 300px;
	float: left;
	color: #3A3A3A;
	font-family: "微软雅黑";
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24px;
	margin-left: 10px;
}
#aboutpic{
	width: 520px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 10px;
	float: left;
	color: #393939;
	font-size: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1cm;
}
#aboutpic1{
	width: 320px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 70px;
	float: left;
}
#aboutpic2{
	width: 420px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: left;
	color: #222222;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
}
#aboutpic3{
	width: 520px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 10px;
	float: left;
	color: #393939;
	font-size: 14px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 0.8cm;
}
#aboutpic3a{
	width: 520px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: left;
	color: #FF8E00;
	font-size: 15px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 0.6cm;
	font-style: normal;
	font-weight: bold;
}
#aboutpic3b{
	width: 500px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 30px;
	float: left;
	color: #393939;
	font-size: 15px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 0.6cm;
}
#aboutpic3c{
	width: 500px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 30px;
	float: left;
	color: #393939;
	font-size: 15px;
	font-family: "微软雅黑";
	line-height: 0.6cm;
}
#aboutpic3d{
	width: 500px;
	margin-top: 6px;
	margin-bottom: 5px;
	margin-left: 15px;
	float: left;
	color: #FF5F00;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 0.6cm;
	font-weight: bold;
}

#aboutpic4{
	width: 1040px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	float: left;
	color: #393939;
	font-size: 15px;
	font-family: "微软雅黑";
	line-height: 0.8cm;
}
#aboutpic5{
	width: 500px;
	margin-top: 40px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 30px;
	float: left;
	color: #393939;
	font-size: 20px;
	font-family: "微软雅黑";
	line-height: 1.1cm;
}
#abouttext{ 
    width: 550px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 50px;
	float: left;
	color: #393939;
	font-size: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1cm; }
#abouttext1{
	width: 950px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 100px;
	float: left;
	color: #393939;
	font-size: 17px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1cm;
}

#bottom {
	margin-top: 0px;
	height: 50px;
	width: 100%;
	background-color: #000000;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#bottom1 {
	margin-top: 0px;
	height: 188px;
	width: 100%;
	background-color: #2e2e2e;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#bottompic{
	width: 1160px;
	height: 188px;
	margin-left: auto;
	margin-right: auto;
}


#ad{ padding: 10px; float: left; width: 1183px; }
#ad1{ padding: 0px; float: left; width: 500px; }
#adtext{ padding: 0px; float: left; width: 530px; margin-left: 60px; margin-right: 10px; }
#adicon{ margin: 5px; height: 44px; width: 44px; float: left; }
#adicon1{ margin: 5px 5px 30px; width: 450px; float: left; font-family: Tahoma, Geneva, sans-serif; font-size: 22px; color: #333; font-weight: bold; line-height: 0.8cm; }


#banquan { width: 600px; padding: 7px 10px 10px; margin-top: 12px; font-size: 12px; color: #CCC; line-height: 0.5cm; text-align: center; margin-right: auto; margin-left: auto; }

input, select, textarea {
    vertical-align: middle;
    *font-size: 100%;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #313131;
    font-weight: normal;
}

a:hover {
    cursor: pointer;
}

a:active, a:focus {
    outline: none;
    star: expression(this.onFocus=this.blur());
}

i, em, address, th {
    font-style: normal;
    font-weight: normal;
}

ol, ul, li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

img {
	border: 0;
	text-align: right;
}

button {
    cursor: pointer
}

q:before, q:after {
    content: '';
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.align-center{
	margin:0 auto;		/* 居中 这个是必须的，，其它的属性非必须 */
	width:500px;		/* 给个宽度 顶到浏览器的两边就看不出居中效果了 */	
}

/*---------------------图片轮播-----------------------------------------*/
.slider {
    position:relative;
    overflow:hidden;
    width: 100%;
    z-index: 1;
}
.slider-content {
    position:absolute;
    left:0; top:0;
    width: 100%;
    z-index: 1;
}
.caption-outer {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1000px;
    margin-left: -500px;
}
.slider-caption {
    position: absolute;
}

.slider-indicator { position: absolute; left: 50%; bottom: 10px; z-index: 20; width: 1000px; margin-left: -500px; text-align: center; *margin-left: 0; }
.slider-indicator li {
    display: inline-block;
    *float: left;
    width: 6px;
    height: 6px;
    margin:0 2px;
    border: 2px solid #78dd30;
    border-radius: 5px;
    opacity: .4;
    cursor: pointer;
    -webkit-transition: all .5s ;
    -moz-transition: all .5s ;
    -ms-transition: all .5s ;
    -o-transition: all .5s ;
    transition: all .5s ;
}
.slider-indicator .active {
    background:#78dd30;
    opacity: 1;
}
.slider-left-control, .slider-right-control{
    position: absolute;
    height: 100%;
    width: 50px;
    z-index: 100;
    background-repeat: repeat-x;
    opacity: 0.4;
	top:210px;
}
.slider-left-control {
    left: 0;
}
.slider-right-control {
    right: 0;
}
.slider-left-control i, .slider-right-control i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.slider-left-control i{
    top: 50%;
    left: 12px;
    background: url(../img/controls_left.png) top left no-repeat;
}
.slider-right-control i{
    top: 50%;
    background: url(../img/controls_right.png) top left no-repeat;
}
.slider-left-control:hover, .slider-right-control:hover {
    opacity: 0.6;
}
.a-img-bg{
    display: block;
    width: 100%;
    *zoom:1;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size:  auto 100%;
    background-size:  auto 100%;
}
.slider-item {
    position: absolute;
    width: 100%;
    z-index: 2;
}
.slider-item.active {
    z-index: 5;
}
/*====
slider文字说明样式
*/
.banner1-msg h2,.banner1-msg h3,.banner1-msg h4,.banner1-msg a, .banner2-msg, .banner2-msg a, .banner3-msg {
    color: #fff;
}
.banner1-msg a, .banner2-msg a{
    display: block;
    width: 130px;
    margin-top: 20px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #57bf5e;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 22px;
}
.banner1-msg a:hover,.banner2-msg a:hover{
    background:#7ECD83
}

.banner1-msg h2 {
    font-size: 31px;
}
.banner1-msg h3 {
    font-family: "Verdana", "sans-serif";
    font-size: 24px;
    color: #d1d9e4;
}
.banner1-msg h4 {
    font-size: 20px;
    width: 462px;
    color: #dce4ed;
    margin-top: 11px;
    line-height: 20px;
}
.banner2-msg{
    text-align:center;
    width:410px;
}
.banner2-msg a{
    margin-left:126px;
    *margin-left:0;
}

.banner2-msg h2{
    font-size:37px;
}
.banner2-msg h3{
    font-size:31px;
    margin-top:5px;
}

.banner3-msg {
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
}

#applyBtn {
    display: block;
    width: 144px;
    height: 59px;
    background: url("") no-repeat left top;
}
#applyBtn:hover {
    opacity: 0.9;
}
#demo {
	background: #FFF;
	overflow: hidden;
	border: 0px;
	width: 1130px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#demo img {
border: 0px 
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}