html, body, p, ul, li, div, p, h3, h4 {
	margin:0;
	padding:0
}
ul, li {
	list-style:none
}
a, a:hover {
	text-decoration:none
}
a {
	color:#333
}
a:hover {
	color:#666
}
-html, -body {
	width:100%;
	height:100%
}
body {
	font:14px/1.5 Microsoft YaHei, Arial, Helvetica, sans-serif;
	word-wrap:break-work;
	word-break:break-all;
	overflow:hidden;
	height:100%
}
#warp {
	display:none;
	position:relative
}
#main {
	z-index:99;
	height:100%;
	top:0;
	bottom:0;
	margin:0px auto;
	
}
#tutorials {
	position:fixed;
	z-index:9998;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	display:none;
	color:#fff;
	background:url(images/tutorials.png) left center no-repeat rgba(0, 0, 0, .7)
}
#tutorials>span {
	position:absolute;
	width:60px;
	height:60px;
	background:url(images/tutorials-close.png) center center no-repeat;
	cursor:pointer;
	display:block;
	top:10px;
	right:10px
}
#tutorials>img {
	position:absolute;
	width:963px;
	height:261px;
	display:block;
	top:50%;
	left:50%;
	margin-left:-450px;
	margin-top:-100px
}
#tutorials>p {
	position:absolute;
	width:200px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	bottom:50px;
	right:50px;
	text-indent:30px;
	background:url(images/checkbox.png) 5px -42px no-repeat
}
#tutorials>p.show {
	background-position:5px 8px
}
#loading {
	position:fixed;
	z-index:9999;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	text-align:center;
	color:#fff;
	background:rgba(0, 0, 0, .7)
}
#loading p {
	background:url(images/loading.gif) center center no-repeat;
	width:100%;
	height:100%;
	display:inline-block
}
#tip {
	position:fixed;
	z-index:10000;
	background:rgba(0, 0, 0, .7);
	color:#fff;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-50px;
	height:100px;
	width:300px;
	line-height:100px;
	text-align:center;
	font-size:16px;
	display:none
}
#section0, #section1, #section2, #section3, #section4, #section5, #section6 {
	background-position:50% top;
	-webkit-transition:all 4s;
	-moz-transition:all 4s;
	-o-transition:all 4s;
	transition:all 4s;
	position:relative
}
#warp>div.active {
	background-position:50% bottom;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s
}
#pages {
	max-width:72px;
	width:72px;
	position:fixed;
	top:50%;
	height:530px;
	margin-top:-260px;
	left:-72px;
	z-index:995;
	background:url(images/menu_bg.png) 49px 38px no-repeat #000;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;
	overflow:hidden;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7
}
#pages.active {
-webkit-transition:all .1s linear;
-moz-transition:all .1s linear;
-o-transition:all .1s linear;
transition:all .1s linear;
	left:-46px
}
#pages.active:hover {
	background-position:3px 38px;
	left:0
}
#pages ul {
	position:absolute;
	top:50%;
	margin-top:-223px
}
#pages ul li {
	color:#000;
	height:40px;
	width:70px;
	font-size:12px;
	line-height:40px;
	margin:10px 2px 17px 72px;
	cursor:pointer;
	padding-left:5px;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
#pages ul li a:hover, #pages ul li a.cur {
	color:#fff
}
#pages ul li a.cur {
	font-size:14px;
	font-weight:600
}
#pages:hover ul li {
	margin:10px 2px 17px 16px;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
#pages ul li.active {
	margin:10px 2px 17px 56px;
	border-left:5px solid #fff;
	padding-left:0;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
#pages:hover ul li.active {
	border-left:5px solid #fff;
	padding-left:0;
	background:#fff;
	color:#000;
	display:block;
	margin:10px 2px 17px 16px;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
#pages:hover ul li.active a {
	background:#fff;
	color:#000
}
#pages ul li:nth-child(1).active a {
background:0;
padding-left:5px;
border-left:0 solid #fff
}
#pages ul li a {
	display:none
}
#pages:hover ul li a {
	display:block
}
#pages ul li:nth-child(8), #pages ul li:nth-child(8):hover {
margin-top:31px
}
.section .content .myarrow {
	background:url(images/cur.png) center center no-repeat;
	width:45px;
	height:45px;
	cursor:pointer;
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	margin-left:-22px;
	margin-top:45px;
animation:myarrow 2s linear .5s infinite alternate;
-ms-animation:myarrow 2s linear .5s infinite alternate;
-moz-animation:myarrow 2s linear .5s infinite alternate;
-webkit-animation:myarrow 2s linear .5s infinite alternate
}
#section2 .content .myarrow {
	margin-top:30px
}
#section3 .content .myarrow {
	margin-top:55px
}
#section4 .content .myarrow {
	margin-top:5px;
	margin-left:22px
}
#section5 .content .myarrow {
	margin-top:75px;
	margin-left:22px
}
@keyframes myarrow {
0%, 100%{
opacity:0;
}
50% {
opacity:1;
}
}
@-moz-keyframes myarrow {
0%, 100%{
opacity:0;
}
50% {
opacity:1;
}
}

@-webkit-keyframes myarrow {
0%, 100%{
opacity:0;
}
50% {
opacity:1;
}
}
#section0 .next {
	width:74px;
	height:83px;
	background:url(images/btn-down.png) center top no-repeat;
	position:absolute;
	left:50%;
	bottom:20px;
	margin-left:-10px;
	display:block
}
#section0 .next a {
	width:37px;
	height:120px;
	display:block
}
#section0 .logo {
	width:360px;
	height:100px;
	position:absolute;
	left:50%;
	top:40%;
	padding-top:80px;
	margin-left:-157px;
	text-align:center;
	background:url(images/logo.png) center top no-repeat
}
#section0 .logo p {
	line-height:30px;
	padding:20px 10px;
	font-size:20px;
	font-weight:bold;
	text-align:center
}
#section0 .logo p a {
	margin:0 3px;
	cursor:pointer;
	width:87px;
	height:24px;
	display:inline-block;
	text-indent:-9999px;
	background:url(images/home-btn.png) -94px center no-repeat
}
#section0 .logo p a:nth-child(2) {
background-position:left center
}
#section0 .copyright {
	width:660px;
	height:30px;
	position:absolute;
	text-align:right;
	right:5px;
	bottom:0;
	display:block;
	font-size:12px;
}
#section1 .about-one {
	height:100%;
	width:100%;
	text-align:center;
	position:absolute
}
#section1 .about-one img {
	max-width:100%;
	cursor:pointer
}
#section2 .news-one {
	height:100%;
	width:100%;
	text-align:center;
	position:absolute
}
#section2 .news-one img {
	max-width:100%;
	cursor:pointer
}
#section3 .demo-one {
	height:100%;
	width:100%;
	text-align:center;
	position:absolute
}
#section3 .demo-one img {
	max-width:100%;
	cursor:pointer
}
#section4 .six-one {
	height:100%;
	width:100%;
	text-align:center;
	position:absolute
}
#section4 .six-one img {
	max-width:100%;
	cursor:pointer
}
#section5 .into-one {
	height:100%;
	width:100%;
	text-align:center;
	position:absolute
}
#section5 .into-one img {
	max-width:100%;
	cursor:pointer
}
#section6 .content {
	font-size:28px;
	line-height:60px;
	font-weight:normal;
	color:#fff;
	text-align:center
}
#section6 .content>p:nth-child(1) {
font-size:100px;
line-height:120px;
font-style:italic
}
#section6 .content>p i {
	width:62px;
	height:62px;
	display:inline-block;
	background:url(images/act_btn.png);
	background-position:0px -150px;
	background-repeat:no-repeat;
	margin:20px;
	cursor:pointer;
}
#section6 .content>p i:hover {
  background-position:0 0
}
#section6 .content>p i.b {
	background-position:-104px -150px
}
#section6 .content>p i.b:hover {
	background-position:-104px 0
}
#section6 .content>p i.c {
	background-position:-212px -150px
}
#section6 .content>p i.c:hover {
	background-position:-212px 0
}
#section6 .for-map {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-align:center;
	cursor:pointer;
	display:none
}
#section6 .tohome {
	position:absolute;
	left:50%;
	bottom:20px;
	display:block;
	cursor:pointer;
	width:67px;
	height:87px
}
#section6 .tohome a {
	background:url(images/btn-up.png) center center no-repeat;
	width:67px;
	height:87px;
	display:block;
	margin-left:-35px
}
#article {
	position:fixed;
	top:0;
	padding:150px;
	display:none;
	background:rgba(0, 0, 0, .8);
	z-index:996
}
#article .article-body {
	background:#fff;
	position:relative;
	overflow:hidden;
	padding:10px
}
#article h3.title {
	text-align:center;
	line-height:60px;
	padding-top:30px;
	font-size:24px;
	font-weight:500
}
#article .text {
	height:100%;
	padding:0;
	margin-left:60px;
	margin-right:60px;
	position:relative;
	overflow-x:hidden
}
.nicescroll-rails {
	background:url(article-line.png) center top repeat-y
}
#ascrail2000-hr {
	display:none
}
#article .share {
	top:100px;
	left:81%;
	width:50px;
	height:50px;
	position:absolute;
	background:url(images/news/btn_share.png) center center no-repeat;
	cursor:pointer;
	display:none;
	z-index:999
}
#article .close {
	top:10px;
	right:10px;
	width:50px;
	height:50px;
	position:absolute;
	background:url(images/btn_close.png) center center no-repeat;
	cursor:pointer;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
#article .close:hover {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
#rightbg{
	/*background-image:url(/onchnstyle/cm/aboutrighbg.jpg);*/
	background-repeat:no-repeat;
	width:40px;
	height:72px;
	margin:0px auto;
	top: 520px;
left: 429px;
position: relative

	}
#main .about-two {
	height:100%;
	width:1028px;
	text-align:center;
	position:absolute;
	margin-left: 204px;
	
}
#main>.about-two>ul>li {
	width:164px;
	padding-left:20px;
	padding-right:20px;
	height:130px;
	float:left;
	cursor:pointer;
	padding-top: 253px;
	height:100%;
	border-left:#9b0103 solid 1px;
	background-image:url(/onchnstyle/cm/aboutlibg.jpg);
	background-repeat:no-repeat;
	

	
	background-color:rgba(255, 255, 255, .2)
}

#main>.afirst{ width:206px; height:100%; background-image:url(/onchnstyle/cm/about-01.jpg); background-position:90px 200px; background-repeat:no-repeat; float:left;}
#main>.about-two>ul>li.active {
	background-color:rgba(255, 255, 255, 0)
}
#main>.about-two>ul>li.active h3{
	width:100%;
}
#main>.about-two>ul>li.active div{
	display:block;
}
#main>.about-two>ul>li>h3 {
	font-size:20px;
	font-weight:normal;
	text-align:left;
	width:30px;
	color:#990005;
}
#main>.about-two>ul>li div.text {
	display:none;
	text-align:left;
	height:500px;
	overflow-y:auto;
	overflow-x:hidden
}
#main>.about-two>ul>li>.list {
	width:420px;
	height:500px;
	float:left;
	overflow:hidden;
	display:none
}
#main>.about-two>ul>li>.list>ul {
	position:relative
}
#main>.about-two>ul>li>.list>ul>li {
	width:200px;
	float:left;
	margin:5px
}
#main>.about-two>ul>li>.list>ul>li>span {
	background:rgba(0, 0, 0, .3);
	display:block;
	margin-top:10px;
	height:120px;
	position:relative;
	overflow:hidden
}
#main>.about-two>ul>li>.list>ul>li>span>p, #main>.about-two>ul>li>.list>ul>li>span>h4 {
	padding:5px 10px
}
#main>.about-two>ul>li>.list>ul>li>span>img {
	max-width:100%;
	height:100%;
	position:absolute;
	top:0;
	display:none
}
#main>.about-two>ul>li>.list>ul>li>span:hover img {
	display:block
}
#main>.about-two>ul>li>.btn {
	background:url(images/about_btn.png) 0 0 no-repeat;
	width:25px;
	height:25px;
	cursor:pointer;
	margin-top:45%;
	display:none;
	float:left
}
#main>.about-two>ul>li>.right {
	background-position:-25px 0
}
#main .demo-bg {
	height:100%;
	width:100%;
	position:absolute;
	z-index:0
}
#main .demo-two {
	height:100%;
	width:100%;
	position:absolute;
	z-index:1
}
#main>.demo-two>ul {
	position:relative
}
#main>.demo-two>ul>li {
	float:left;
	height:100%;
	width:260px;
	background:url(images/demo/li_bg.png) right top repeat-y;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;
	cursor:pointer
}
#main>.demo-two li:hover {
	background:url(images/demo/li_bg_hover.png) right top repeat-y;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}
#main>.demo-two li p {
	width:0;
	height:477px;
	margin-top:40px;
	background-position:0 0;
	background-repeat:no-repeat;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}
#main>.demo-two li.active p {
	width:200px;
	-background:url(images/demo/li_hover_bg.png);
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
transition:all .5s linear
}
#main>.demo-two li i {
	display:block;
	width:200px;
	height:477px;
	top:50px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:right 0
}
#main>.demo-two li:hover i {
	background-position:right -477px
}
#main>.demo-two li:nth-child(1) i {
background-image:url(images/demo/iocn1.png)
}
#main>.demo-two li:nth-child(1):hover i {
background-image:url(images/demo/iocn1.png)
}
#main>.demo-two li:nth-child(2) i {
background-image:url(images/demo/iocn2.png)
}
#main>.demo-two li:nth-child(2):hover i {
background-image:url(images/demo/iocn2.png)
}
#main>.demo-two li:nth-child(3) i {
background-image:url(images/demo/iocn3.png)
}
#main>.demo-two li:nth-child(3):hover i {
background-image:url(images/demo/iocn3.png)
}
#main>.demo-two li:nth-child(4) i {
background-image:url(images/demo/iocn4.png)
}
#main>.demo-two li:nth-child(4):hover i {
background-image:url(images/demo/iocn4.png)
}
#main>.demo-two li:nth-child(5) i {
background-image:url(images/demo/iocn5.png)
}
#main>.demo-two li:nth-child(5):hover i {
background-image:url(images/demo/iocn5.png)
}
#main>.demo-two li:nth-child(6) i {
background-image:url(images/demo/iocn6.png)
}
#main>.demo-two li:nth-child(6):hover i {
background-image:url(images/demo/iocn6.png)
}
#main>.demo-two li:nth-child(7) i {
background-image:url(images/demo/iocn7.png)
}
#main>.demo-two li:nth-child(7):hover i {
background-image:url(images/demo/iocn7.png)
}
#main>.demo-two li:nth-child(8) i {
background-image:url(images/demo/iocn8.png)
}
#main>.demo-two li:nth-child(8):hover i {
background-image:url(images/demo/iocn8.png)
}
#main>.demo-two li:nth-child(9) i {
background-image:url(images/demo/iocn9.png)
}
#main>.demo-two li:nth-child(9):hover i {
background-image:url(images/demo/iocn9.png)
}


#maintem {
	z-index:99;
	height:100%;
	top:0;
	bottom:0;
	margin:0px auto;
	
}
#maintem .team-two {
	height:100%;
	width:1028px;
	text-align:center;
	position:absolute;
	margin-left: 203px;
	
}
#maintem>.team-two>ul {
	
	padding-top: 148px;
	background-image:url(/onchnstyle/cm/lxlistbg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	padding-left:2px;s
}
#maintem>.team-two1>ul {
	
	padding-top: 10px;

	background-repeat:repeat-y;
	background-position:center top;
	padding-left:2px;s
}
#maintem>.team-two1>ul>li {
	width:190px;
	padding-left:0px;
	padding-right:0px;
	height:124px;
	float:left;
	cursor:pointer;
	padding-top: 30px;
	border:none;
	background-repeat:no-repeat;
background-color:rgba(255, 255, 255, .2)
}

#maintem>.team-two>ul>li {
	width:205px;
	padding-left:0px;
	padding-right:0px;
	height:130px;
	float:left;
	cursor:pointer;
	padding-top: 30px;
	height: 129px;
	border:none;
	background-repeat:no-repeat;
	

	
	background-color:rgba(255, 255, 255, .2)
}

#maintem>.afirst{ width:206px; height:100%; background-image:url(/onchnstyle/cm/about-02.jpg); background-position:90px 180px; background-repeat:no-repeat; float:left;}
#maintem>.team-two>ul>li.active {
	background-color:rgba(255, 255, 255, 0)
}
#maintem>.team-two>ul>li.active h3{
	width:100%;
}
#maintem>.team-two>ul>li.active div{
	display:block;
}
#maintem>.team-two>ul>li>h3 {
	font-size:20px;
	font-weight:normal;
	text-align:left;
	width:30px;
}
#maintem>.team-two>ul>li div.text {
	display:none;
	text-align:left;
	height:500px;
	overflow-y:auto;
	overflow-x:hidden
}
#maintem>.team-two>ul>li>.list {
	width:420px;
	height:500px;
	float:left;
	overflow:hidden;
	display:none
}
#maintem>.team-two>ul>li>.list>ul {
	position:relative
}
#maintem>.team-two>ul>li>.list>ul>li {
	width:200px;
	float:left;
	margin:5px
}
#maintem>.team-two>ul>li>.list>ul>li>span {
	background:rgba(0, 0, 0, .3);
	display:block;
	margin-top:10px;
	height:120px;
	position:relative;
	overflow:hidden
}
#maintem>.team-two>ul>li>.list>ul>li>span>p, #maintem>.team-two>ul>li>.list>ul>li>span>h4 {
	padding:5px 10px
}
#maintem>.team-two>ul>li>.list>ul>li>span>img {
	max-width:100%;
	height:100%;
	position:absolute;
	top:0;
	display:none
}
#maintem>.team-two>ul>li>.list>ul>li>span:hover img {
	display:block
}
#maintem>.team-two>ul>li>.btn {
	background:url(images/about_btn.png) 0 0 no-repeat;
	width:25px;
	height:25px;
	cursor:pointer;
	margin-top:45%;
	display:none;
	float:left
}
#maintem>.team-two>ul>li>.right {
	background-position:-25px 0
}
.listphoto img{ width:80px; height:100px;}
.rightte{ width:80px; height:100px; float:left; overflow:hidden; font-size:14px;}


#main .demo-white {
	height:100%;
	width:260px;
	position:absolute;
	display:none;
	background:#fff;
	z-index:3
}
#main>.demo-white>.close {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-10%;
	height:20%;
	width:60px;
	background:#000 url(images/demo/li_btn.png) 20px center no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	text-indent:-9999;
	z-index:9999;
	cursor:pointer;
	display:none
}
#main>.demo-white>.close:hover {
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
#main>.demo-white>.right {
	background-position:-90px center;
	left:auto;
	right:0
}
#main>.demo-white>ul {
	position:relative;
	display:none
}
#main>.demo-white>ul>li {
	float:left;
	height:100%;
	width:260px;
	color:#777;
	background-color:#FFF;
	background-repeat:no-repeat;
	cursor:pointer;
	position:relative
}
#main>.demo-white>ul>li:hover {
	color:#fff
}
#main>.demo-white>ul>li>div {
	height:100%;
	width:260px;
	display:block;
	position:absolute;
	z-index:0;
	top:0
}
#main>.demo-white>ul>li:nth-child(odd) {
background-color:#efefef
}
#main>.demo-white>ul>li>h3 {
	width:30px;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	position:absolute;
	z-index:10;
	left:50px;
	top:70px
}
#main>.demo-white>ul>li>p {
	transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform-origin:-10px 60px;
	-o-transform-origin:-10px 60px;
	-webkit-transform-origin:-10px 60px;
	-moz-transform-origin:-10px 60px;
	width:620px;
	font-family:Arial;
	position:absolute;
	z-index:10
}
#main .demo-art {
	height:100%;
	width:260px;
	position:relative;
	display:none;
	background:#888;
	z-index:4
}
#main .demo-art .close {
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	background:url(images/btn_close.png) center center no-repeat #fff;
	cursor:pointer;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
#main .demo-art .close:hover {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
#main .demo-art .bg {
	height:100%;
	width:100%;
	text-align:center;
	cursor:pointer
}
#main .demo-art .bg img {
	max-width:100%
}
#main .demo-art .move {
	position:relative
}
#main .demo-art .move img {
	max-height:none;
	max-width:none
}
#main .demo-art .bottom {
	position:absolute;
	bottom:10px;
	right:0;
	z-index:999
}
#main>.demo-art>.bottom>.left {
	background:url(images/demo/info-bg.png) 0 0 repeat;
	width:auto;
	float:left;
	display:inline-block;
	padding:10px 0
}
#main>.demo-art>.bottom .btn {
	width:40px;
	background:url(images/demo/li_btn.png) -90px center no-repeat;
	height:60px;
	cursor:pointer;
	float:left
}
#main>.demo-art>.bottom>.left>.right {
	background-position:10px center;
	float:right
}
#main>.demo-art>.bottom>.left>.list {
	width:450px;
	height:60px;
	float:left;
	overflow:hidden
}
#main>.demo-art>.bottom>.left>.list>ul {
	position:relative
}
#main>.demo-art>.bottom>.left>.list>ul>li {
	width:80px;
	height:50px;
	float:left;
	text-align:center;
	border:5px solid rgba(255, 255, 255, 0);
	cursor:pointer
}
#main>.demo-art>.bottom>.left>.list>ul>li.active {
	border:5px solid rgba(255, 255, 255, 1)
}
#main>.demo-art>.bottom>.left>.list>ul>li>img {
	max-width:100%;
	height:100%
}
#main>.demo-art>.bottom>.right {
	float:left;
	display:inline-block
}
#main>.demo-art>.bottom>.right>p {
	background:url(images/demo/info-bg.png) 0 0 repeat;
	line-height:20px;
	height:60px;
	margin-left:5px;
	float:left;
	padding:10px 20px;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	line-height:20px;
	max-width:184px
}
#main>.demo-art>.bottom>.right>p:nth-child(1) {
line-height:60px
}
#main>.demo-art>.bottom>.right>.btn {
	background:url(images/demo/info-bg.png) 0 0 repeat;
	height:80px;
	margin-left:5px
}
#main>.demo-art>.bottom>.right>.btn>i {
	width:40px;
	height:80px;
	display:block;
	background:url(images/demo/li_btn.png) -90px center no-repeat
}
#main>.demo-art>.bottom>.right>.btn>i.b {
	background-position:10px center
}
#main>.demo-art>.info {
	position:absolute;
	z-index:999;
	padding:20px;
	width:310px;
	height:50%;
	top:15%;
	right:-350px;
	color:#fff;
	font-size:13px;
	background:rgba(0, 0, 0, .8);
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}
#main>.demo-art>.info>h3 {
	font-size:20px;
	line-height:28px;
	margin-bottom:10px
}
#main>.demo-art>.info.active {
	right:0;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}
#main>.demo-art>.info>.info-btn {
	width:25px;
	height:120px;
	background:url(images/demo/li_btn.png) -96px center no-repeat #231815;
	display:block;
	position:absolute;
	left:-25px;
	top:40%;
	cursor:pointer;
-webkit-transition:all .8s linear;
-moz-transition:all .8s linear;
-o-transition:all .8s linear;
transition:all .8s linear
}
#main>.demo-art>.active>.info-btn {
	background-position:2px center;
-webkit-transition:all .8s linear;
-moz-transition:all .8s linear;
-o-transition:all .8s linear;
transition:all .8s linear
}
#main .news-two {
	height:1080px;
	width:1920px;
	text-align:center;
	position:relative;
	background:#fff url(images/news/bg.png) center center no-repeat
}
#main>.news-two>.news-left, #main>.news-two>.news-right {
	width:388.5px;
	height:100%;
	float:left;
	position:relative
}
#main>.news-two>.news-left>.arrow, #main>.news-two>.news-right>.arrow {
	width:59px;
	height:63px;
	background:url(images/news/arrow.png) 10px center no-repeat;
	display:block;
	position:absolute;
	top:50%;
	right:50px;
	margin-top:-31px;
	cursor:pointer
}
#main>.news-two>.news-left>.arrow:hover, #main>.news-two>.news-right>.arrow:hover {
	background-color:rgba(0, 0, 0, .3)
}
#main>.news-two>.news-right>.next {
	background-position:-30px center;
	left:50px
}
#main>.news-two .news-list {
	width:1143px;
	height:100%;
	float:left;
	overflow:hidden
}
#main>.news-two>.news-list>ul {
	height:100%;
	width:100%
}
#main>.news-two>.news-list>ul>li {
	width:1143px;
	height:100%;
	float:left;
	position:relative
}
#main>.news-two>.news-list>ul>li .field {
	position:absolute;
	display:inline-block;
	float:left;
	width:381px
}
#main>.news-two>.news-list>ul>li .field-body {
	color:#fff
}
#main>.news-two>.news-list>ul>li .field-body .text {
	width:100%
}
#main>.news-two>.news-list>ul>li .field-body .text h3 {
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	font-weight:100;
	z-index:99;
	margin-top:240px;
	position:absolute;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#main>.news-two>.news-list>ul li .field-body .text p {
	padding:20px;
	text-align:left;
	z-index:99;
	margin-top:250px;
	position:absolute;
	font-size:14px
}
#main>.news-two>.news-list>ul li .field:nth-child(1) {
top:50%;
left:0;
margin-top:-493px
}
#main>.news-two>.news-list>ul li .field:nth-child(2) {
top:50%;
left:0;
margin-top:-86px
}
#main>.news-two>.news-list>ul li .field:nth-child(3) {
top:50%;
left:381px;
margin-top:-317px
}
#main>.news-two>.news-list>ul li .field:nth-child(4) {
top:50%;
left:762px;
margin-top:-549px
}
#main>.news-two>.news-list>ul li .field:nth-child(5) {
top:50%;
left:762px;
margin-top:-140px
}
#main>.news-two>.news-list>ul>li .mask, #main>.news-two>.news-list>ul>li .field-mask {
	background:#000;
	transform:skew(0deg, -31.4deg);
	-ms-transform:skew(0deg, -31.4deg);
	-moz-transform:skewY(-31.4deg);
	-webkit-transform:skew(0deg, -31.4deg);
	-o-transform:skew(0deg, -31.4deg);
	transform-origin:right top;
	height:410px;
	width:381px;
	overflow:hidden;
	cursor:pointer;
	z-index:90
}
#main>.news-two>.news-list>ul>li .field-mask {
	position:absolute;
	background:rgba(0,0,0,0);
	z-index:100;
}
#main>.news-two>.news-list>ul>li .field:hover .mask{
	background:#fb6622;
}
.news-list>ul>li .field:nth-child(1) img, .news-list>ul li .field:nth-child(3) img, .news-list>ul li .field:nth-child(5) img {
display:none
}
.news-list>ul li .field:nth-child(2) div.text, .news-list>ul li .field:nth-child(4) div.text {
display:none
}
.news-list>ul li .field:nth-child(2):hover div.text, .news-list>ul li .field:nth-child(4):hover div.text {
display:block
}
.news-list>ul li .field:nth-child(2):hover img, .news-list>ul li .field:nth-child(4):hover img {
display:none
}
#main .six-two {
	height:100%;
	width:100%;
	position:absolute;
	background:#fff
}
#main .six-two .big, #main .six-two .six-left {
	width:75%;
	height:50%;
	overflow:hidden;
	float:left
}
#main .six-two .small, #main .six-two .six-right {
	width:25%;
	height:50%;
	overflow:hidden;
	float:right
}
#main .six-two .big img, #main .six-two .small img {
	max-width:100%;
	width:100%;
	height:100%;
	cursor:pointer
}
#main .six-two ul {
	overflow:hidden;
	height:100%
}
#main>.six-two ul li {
	overflow:hidden;
	float:left;
	height:100%
}
#main>.six-two a {
	height:50%;
	width:100%;
	display:inline-block;
	overflow:hidden;
	float:left;
	font-size:18px
}
#main>.six-two>.six-left a {
	width:33.33333333%
}
#main>.six-two a:nth-child(even) div {
display:none
}
#main>.six-two a:hover {
	background:#fff300;
	color:#666
}
#main>.six-two a:hover div {
	display:block
}
#main>.six-two a img, #main .six-two a div {
	display:block;
	width:100%;
	height:100%;
	float:left;
	border:0;
}
#main>.six-two a h3 {
	font-size:20px;
	font-weight:bold;
	display:block;
	padding:10px
}
#main>.six-two a p {
	padding:5px 20px;
	font-size:15px
}
#main>.six-two>.ctrl a {
	background:url(images/six_btn.png) 0 0 no-repeat;
	position:absolute;
	z-index:29;
	width:60px;
	height:64px;
	display:block;
	left:26px;
	text-indent:-9999px
}
#main>.six-two a.next {
	background-position:-60px 0;
	right:0;
	left:auto
}
#main .into-two {
	height:100%;
	width:100%;
	background:#fff;
	text-align:center;
	position:relative
}
#main>.into-two>ul {
	position:absolute;
	height:100%;
	width:1920px
}
#main>.into-two>ul>li {
	height:100%;
	width:472px;
	float:left;
	background:url(images/into/join-big.png) 0 center no-repeat
}
#main>.into-two>ul>li:nth-child(1) {
background:url(images/into/join-gray.png) -314px center no-repeat;
width:252px
}
#main>.into-two>ul>li:nth-child(5) {
background:url(images/into/join-gray.png) 0 center no-repeat;
width:252px
}
#main>.into-two>ul>li:nth-child(3) {
background-position:-472px center
}
#main>.into-two>ul>li:nth-child(4) {
background-position:-944px center
}
#main>.into-two>ul>li:nth-child(2).active, #main>.into-two>ul>li:nth-child(3).active, #main>.into-two>ul>li:nth-child(4).active {
background-image:url(images/into/join-big-hover.png)
}
#main .into-two .icon {
	width:100%;
	height:100%;
	position:relative;
	display:none
}
#main .into-two .icon img {
	width:167px;
	height:167px;
	display:block;
	cursor:pointer;
	position:absolute;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg)
}
#main .into-two .icon img.hide {
	display:none
}
#main>.into-two>ul>li:nth-child(2) .icon img:nth-child(1) {
top:50%;
left:50%;
margin-top:-320px;
margin-left:34px
}
#main>.into-two>ul>li:nth-child(2) .icon img:nth-child(2) {
top:50%;
left:50%;
margin-top:-202px;
margin-left:152px
}
#main>.into-two>ul>li:nth-child(2) .icon img:nth-child(3) {
top:50%;
left:50%;
margin-left:152px;
margin-top:34px
}
#main>.into-two>ul>li:nth-child(2) .icon img:nth-child(4) {
top:50%;
left:50%;
margin-top:152px;
margin-left:34px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(1) {
top:50%;
left:50%;
margin-top:-203px;
margin-left:-320px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(2) {
top:50%;
left:50%;
margin-top:-320px;
margin-left:-202px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(3) {
top:50%;
left:50%;
margin-left:-84px;
margin-top:-438px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(4) {
top:50%;
left:50%;
margin-top:-320px;
margin-left:34px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(5) {
top:50%;
left:50%;
margin-top:-203px;
margin-left:152px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(10), #main>.into-two>ul>li:nth-child(3) .icon img:nth-child(15) {
top:50%;
left:50%;
margin-top:35px;
margin-left:-320px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(6), #main>.into-two>ul>li:nth-child(3) .icon img:nth-child(11) {
top:50%;
left:50%;
margin-left:152px;
margin-top:34px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(9), #main>.into-two>ul>li:nth-child(3) .icon img:nth-child(14) {
top:50%;
left:50%;
margin-top:152px;
margin-left:-202px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(7), #main>.into-two>ul>li:nth-child(3) .icon img:nth-child(12) {
top:50%;
left:50%;
margin-top:152px;
margin-left:34px
}
#main>.into-two>ul>li:nth-child(3) .icon img:nth-child(8), #main>.into-two>ul>li:nth-child(3) .icon img:nth-child(13) {
top:50%;
left:50%;
margin-top:270px;
margin-left:-83.6px
}
#main>.into-two>ul>li:nth-child(4) .icon img:nth-child(1) {
top:50%;
left:50%;
margin-top:-202px;
margin-left:-319.5px
}
#main>.into-two>ul>li:nth-child(4) .icon img:nth-child(2) {
top:50%;
left:50%;
margin-top:34px;
margin-left:-320px
}
#main>.into-two>ul>li:nth-child(3) .prev, #main>.into-two>ul>li:nth-child(3) .next {
width:35px;
height:35px;
background:url(images/into/into_btn.png) center center no-repeat;
display:block;
position:absolute;
top:50%;
left:50%;
margin-top:151px;
margin-left:-18px;
transform:rotate(-0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
cursor:pointer;
display:none
}
#main>.into-two>ul>li:nth-child(3) .prev {
transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}

/* CSS Document */
html,html body{
	height:100%;
}
.lirong_xiantiao_bias{
	-moz-transition:all .5s linear;
	-webkit-transition:all .5s linear;
	-ms-transition:all .5s linear;
	-o-transition:all .5s linear;
}
.lirong_xiantiao_fourlevel{
	-moz-transition:all 1s linear;
	-webkit-transition:all 1s linear;
	-ms-transition:all 1s linear;
	-o-transition:all 1s linear;
}
.lirong_xiantiao_cross_static,lirong_xiantiao_cross{
	transform-origin:0 0;
	-webkit-transform-origin:0 1%;
	-ms-transform-origin:0 1%;
	-o-transform-origin:0 1%;
}
.lirong_xiantiao_cross{
	-moz-transition:width .5s linear,opacity 1s linear;
	-webkit-transition:width .5s linear,opacity 1s linear;
	-ms-transition:width .5s linear,opacity 1s linear;
	-o-transition:width .5s linear,opacity 1s linear;
}

.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
.white_content {
display: none;
position:relative;
width: 500px;
/*height: 650px;*/
border: 1px solid #fff;
background-color: white;
z-index:1002;
overflow: auto;
margin:0px auto;
position: absolute;
top: 120px;
left: 50%;
margin-left: -284px;
padding:15px;
z-index:999999999;
}
.white_content_small {
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 40%;
height: 50%;
border: 16px solid lightblue;
background-color: white;
z-index:1002;
overflow: auto;
}
.temphoto{ padding:10px;}
.temname{ padding:10px; color:#9a0003; font-size:14px; font-weight:bold;}
.temtext{ line-height:25px; word-wrap:20px; padding:10px;}

.temlist{ padding-right:3px;}
.listphoto{ float:left; width:97px; height:118px;}
.listname{ float:right; width:86px; margin-top:80px;}
.listname1{float:right; width:86px;}
.tuanduititle{width: 100%;
display: block;
font-weight: bold;
float:left;
padding:5px;}
.altop{ width:183px; float:left;}