/* CSS Document */
body, form, p, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, li { margin: 0; padding: 0;font-family: 'Arial' , '微软雅黑','','Helvetica','sans-serif';}
input,button,textarea,select{outline: none;padding: 0;margin: 0;}
ul, ol ,li {list-style: none; }
a { text-decoration: none;color: #666666; outline: none;  -webkit-tap-highlight-color: transparent;}
a img {border: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
.clear { clear: both; }
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; overflow: hidden; clear: both; }
.f_l { float: left; }
.f_r { float: right; }
.none{ display: none;}
.t_left{ text-align: left;}
.t_right{ text-align: right;}
.t_center{ text-align: center;}
.w_1200{width: 1200px;margin: 0 auto;}


.HegihtFull{height: 100vh;overflow: hidden;}
.IndexSec{height: 100%;position: relative;}

#menuBar{ position: fixed; width: 40px; padding: 5px 0; left: 15px; top: 15px; line-height: 10px; text-align: center; z-index: 990; background: rgb(0,0,0); opacity: 0.5; color: #fff;}
#menuBar span{ display: inline-block; width: 28px; height: 3px; background: #fff; margin: 3px 0;}

.slide1{background: #ccc url(../images/index_bg1.jpg) no-repeat center center / cover;}
.slide2{background: #222 url(../images/index_bg1.jpg) no-repeat center center / cover;}
.slide3{background: #888 url(../images/index_bg2.jpg) no-repeat center center / cover;}
.slide4{background: #ccc url(../images/index_bg1.jpg) no-repeat center center / cover;}
.slide5{background: #222 url(../images/index_bg3.jpg) no-repeat center center / cover;}
.slide6{background: #888 url(../images/index_bg4.jpg) no-repeat center center / cover;}
.slide7{background: #888 url(../images/index_bg5.jpg) no-repeat center center / cover;}

.myarrow{
	background:url(../images/cur.png) center center no-repeat;
	width:45px;
	height:45px;
	cursor:pointer;
	position:absolute;
	display:block;
	bottom:15%;
	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
}

.IndexSec .content{ display: table; width: 100%; height: 100vh;}
.IndexSec .content .news-one{ display: table-cell;vertical-align: middle; text-align: center; padding-top: 15vh;}
.IndexSec .content .five-one{padding-right: 13%;}
.IndexSec .content img{ max-width: 100%;}

.fixed_title{ z-index: 99;}
.fixed_title_m{ display: none;}
#lirongfei_elem_id_21{position: absolute; top: 20%; right: 10%; }
#lirongfei_elem_id_22{position: absolute; top: 20%; right: 10%; }
#lirongfei_elem_id_23{position: absolute; top: 20%; left: 10%; }
#lirongfei_elem_id_24{position: absolute; top: 20%; right: 10%;}
#lirongfei_elem_id_25{position: absolute; top: 20%; right: 10%; }

/*nav*/
#pages {
	max-width:90px;/*max-width:72px;*/
	width:90px;/*width:72px;*/
	position:fixed;
	top:50%;
	height:530px;
	margin-top:-260px;
	left:-90px;/*left:-72px;*/
	z-index:995;
	background:url(../images/menu_bg.png) 49px 38px no-repeat #000;
-webkit-transition:all .6s linear;
-moz-transition:all .6s linear;
-o-transition:all .6s linear;
transition:all .6s 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:-90px/*left:-72px*/
}
#pages.active {
	background-position:3px 38px;
	
}
#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 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 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 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  ul li a {
	display:block
}
#pages ul li:nth-child(8), #pages ul li:nth-child(8):hover {
margin-top:31px
}



/*首页样式*/
#section0 .next {
	width:54px;
	height:61px;
	background:url(../images/btn-down.png) center top no-repeat;
	background-size: 100% 100%;
	position:absolute;
	left:50%;
	bottom:20%;
	margin-left:-30.5px;
	display:block
}
#section0 .next a {
	width:37px;
	height:120px;
	display:block
}
#section0 .logo {
	width:260px;
	height:90px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-130px;
	margin-top: -65px;
	text-align:center;
}
.language{ margin-top: 15px;}
.language a{ display: inline-block; width: 70px; height: 25px; background: #000; color: #fff; text-align: center; line-height: 25px;}

#section0 .copyright {
	width:80%;
	padding: 0 5%;
	height:30px;
	position:absolute;
	text-align:center;
	right:5px;
	bottom:30px;
	display:block;
	font-size:12px;
}
#loading {
	display: none;
    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;
}
#main{
	height: 100vh;
	width: 0;
	position:fixed;
	z-index:99;
	top:0;
	left: 50%;
	right: 0; 
	bottom:0;
	background: rgba(0,0,0,0.7);
}

#main>.list{ opacity: 0;}
#main>.demo-art{ display: none;}

/*项目样式开始*/
#main .demo-bg {
	height:100%;
	width:100%;
	position:absolute;
	left: 0;
	top: 0;
	z-index:0;
	background-position: center center;
	background-size: cover;
}
#main .demo-bg-bg{
	height:100%;
	width:100%;
	position:absolute;
	left: 0;
	top: 0;
	z-index:0;
	background: #ccc url(../images/index_bg1.jpg) no-repeat center center / cover;
	background-position: center center;
	background-size: cover;
}

#main .demo-two {
	height:100vh;
	width:100%;
	position:relative;
}
#main>.demo-two>ul {
	position:relative;
	z-index: 1;
}
#main>.demo-two>ul>li {
	float:left;
	height:100vh;
	width:50%;
	background:url(../images/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;
	text-align: center;
}
#main>.demo-two>ul>li img{ 
	width: 40%;
	padding-top: 70px;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}

#main>.demo-two>ul>li.active {
	background:url(../images/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>ul>li.active img{
	width: 38%;
}

#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/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-white {
	height:100%;
	width:100%;
	position:absolute;
	background:#fff;
	z-index:3;
	left: 0;
	top: 0;
	opacity: 0;
}
/*
#main>.demo-white>.close {
	position:absolute;
	right:-1px;
	top:10px;
	height:30px;
	width:30px;
	margin-left: -50px;
	background:url(../images/reback.png) center center no-repeat;
	background-size: cover;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	text-indent:-9999;
	z-index:9999;
	cursor:pointer;
	display:none
}*/
#main>.demo-white>.close,#main>.demo-two>.close,#main>.news-two>.close{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-10%;
	height:10%;
	width:40px;
	background:#000 url(../images/li_btn.png) 10px center no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	text-indent:-9999;
	z-index:2;
	cursor:pointer;
	display:none
}
#main>.demo-white>.close:hover {
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
#main>.demo-two>.close{
	background:#000 url(../images/li_btn.png) -90px center no-repeat;
	left: 0px;
}
#main>.demo-two>.right {
	background-position:10px center;
	left:auto;
	right:0
}
#main>.demo-white>.right{
	background-position:-90px center;
	left:auto;
	right:0
}
#main>.demo-white>ul {
	position:relative;
	width: 100%;
	
}
#main>.demo-white>ul>li {
	float:left;
	width: 33%;
	height:100vh;
	color:#777;
	background-color:#FFF;
	background-repeat:no-repeat;
	cursor:pointer;
	position:relative;
	font-size: 14px;
}
#main>.demo-white>ul>li>div {
	height:100%;
	width:100%;
	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:23px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	position:absolute;
	z-index:10;
	left:50px;
	top:70px;
	word-break: break-all;
    text-align: center;
}
#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;
	top:3px
}
#main .demo-art {
	height:100%;
	width:100%;
	left: 0;
	top:0;
	position:fixed;
	background:#888;
	z-index:996;
	opacity: 0;
}
#main .demo-art .close {
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:999;
	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
}
#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>.bottom>.proList {
	width:100%;
	height:100vh;
	opacity: 0;
	overflow: hidden;
}
#main>.demo-art>.bottom>.proList>ul {
	position:relative;
}

#main>.demo-art>.bottom>.proList>ul>li{
	width: 100%;
	
}
#main>.demo-art>.bottom>.proList>ul>li>img {
	width:100%;
	min-height:33vh;
}
#main>.demo-art>.info {
	position:absolute;
	z-index:999;
	padding:5%;
	width:50%;
	/*height:40%;
	max-height: 220px;*/
	top:15%;
	right:-60%;
	color:#fff;
	font-size:13px;
	opacity:0;
	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:18px;
	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/li_btn.png) -96px center no-repeat #231815;
	display:block;
	position:absolute;
	left:-25px;
	top:50%;
	margin-top: -60px;
	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 .six-two {
	height:100%;
	width:100%;
	position:absolute;
	background:#fff;
	left: 0;
	top: 0;
}
#main .six-two .big{ display: block;}
#main .six-two .big, #main .six-two .six-left {
	width:100%;
	height:50%;
	overflow:hidden;
}
#main .six-two .big{
	background: url(../images/2-140519230Q1459.jpg) no-repeat center center;
	background-size: cover;
}
#main .six-two ul {
	width: 100%;
	height:100%
}
#main>.six-two ul li {
	overflow:hidden;
	float:left;
	height:100%;
	width: 50%;
}
#main>.six-two a {
	height:100%;
	width:100%;
	display:block;
	overflow:hidden;
	font-size:18px
}
#main>.six-two ul a:hover {
	background:#fff300;
	color:#666
}
#main>.six-two a:hover div {
	display:block
}
#main .six-two a div {
	display:block;
	width:100%;
	height:50%;
	border:0;
	overflow: hidden;
}
#main .six-two a div.img{
	background-repeat: none;
	background-size: cover;
	background-position: center center;
}
#main>.six-two a h3 {
	font-size:18px;
	
	display:block;
	padding:10px 20px;
}
#main>.six-two a p {
	padding:5px 20px;
	font-size:14px;
	line-height: 24px;
}
#main>.six-two>.ctrl a {
	background:#000 url(../images/li_btn.png) -90px center no-repeat;
	position:absolute;
	z-index:29;
	width:40px;
	height:10%;
	display:block;
	left:0px;
	top: 50%;
	margin-top: -10%;
	text-indent:-9999px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}
/*
#main>.six-two a.next {
	background-position:-60px 0;
	right:0;
	left:auto
}*/
#main>.six-two>.ctrl a.next {
	background-position: 10px center;
	left:auto;
	right:0
}
/*研究样式结束*/

/*新闻样式开始*/
#main .news-two {
	height:100vh;
	width:100%;
	text-align:center;
	position:relative;
	background:#dcdddd;
}

#main>.news-two>.close{
	background:#000 url(../images/li_btn.png) -90px center no-repeat;
	left: 0px;
}
#main>.news-two>.right {
	background-position:10px center;
	left:auto;
	right:0
}

#main>.news-two .news-list {
	width:100%;
	height:100%;
	overflow:hidden;
}
#main>.news-two>.news-list>ul {
	height:100%;
	width:100%;
}
#main>.news-two>.news-list>ul>li {
	height:100%;
	width: 100%;
	float:left;
	position: relative;

}
#main>.news-two>.news-list>ul>li .field {
	width:100%;
	height: 100vh;
}
#main>.news-two>.news-list>ul>li .field-body {
	position: absolute;
	color:#fff;
	width: 80%;
	top: 10vh;
	left: 10%;
	transform:skew(0deg, 30deg);
	-ms-transform:skew(0deg, 30deg);
	-moz-transform:skewY(30deg);
	-webkit-transform:skew(0deg, 30deg);
	-o-transform:skew(0deg, 30deg);
}
#main>.news-two>.news-list>ul>li .field-body1 {
	
	color:#333;
}
#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;
	z-index:99;
	overflow:hidden;
}
#main>.news-two>.news-list>ul li .field-body .text p {
	/*padding:20px  40px 20px 20px;*/
	width: 65%;
	padding-left: 20px;
	text-align:left;
	font-size:14px
}
#main>.news-two>.news-list>ul>li .mask, #main>.news-two>.news-list>ul>li .field-mask {
	background:#000;
	transform:skew(0deg, -30deg);
	-ms-transform:skew(0deg, -30deg);
	-moz-transform:skewY(-30deg);
	-webkit-transform:skew(0deg, -30deg);
	-o-transform:skew(0deg, -30deg);
	transform-origin:right top;
	height:40%;
	width:100%;
	overflow:hidden;
	cursor:pointer;
}
#main>.news-two>.news-list>ul>li .field-mask {
	position:absolute;
	background:#000;
	left: 0;
	top: 0;
}
#main>.news-two>.news-list>ul>li .field-mask:hover,
#main>.news-two>.news-list>ul>li.li1 .field-mask:hover{
	 background:#fb6622;
	 color: #fff;
}
#main>.news-two>.news-list>ul>li .field-mask:hover .field-body1{ color: #fff;}
/*#main>.news-two>.news-list>ul>li:hover .field-body1{ color: #fff;}*/
#main>.news-two>.news-list>ul>li .field-mask-w{
	background: #fff;
	left: 0;
	top: 40vh;
}
.field-img{position: absolute; width: 100%; top: 5vh;}

#main>.news-two>.news-list>ul>li.li1{ background: #fff;}
#main>.news-two>.news-list>ul>li.li1 .field-mask{ background: #000;}


#main>.news-two>.news-list>ul>li.li1 .field-mask-w{ background: #F63; }
#main>.news-two>.news-list>ul>li.li1 .field-body1{color: #fff;}

/*#main>.news-two>.news-list>ul>li:nth-of-type(3n) .field-mask{ top: auto; bottom: 9vh; }*/

/*新闻内容*/
#article {
	display: none;
	position:fixed;
	top:0;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 100vh;
	background:rgba(255,255,255,1);
	z-index:996;
}
#article .article-body {
	background:#fff;
	position:relative;
	overflow:hidden;
	padding:5vh 6%;
	margin: 0 auto;
	height: 90vh;
	opacity:0;
}

#article h3.title {
	text-align:center;
	line-height:30px;
	font-size:18px;
	font-weight:600
}
#article .text {
	height:100%;
	padding:0;
	position:relative;
	overflow: auto;
	font-size: 14px;
	line-height: 24px;
	padding-right: 10px;
	
}
#article .text iframe{ width: 100%; height: 260px;}

#article .text,#about-text{ /*padding-right: 15px;*/}
#article .text img{ max-width: 100%;}
.nicescroll-rails {
	background:#eee;
}

#article .share {
	top:100px;
	left:81%;
	width:50px;
	height:50px;
	position:absolute;
	background:url(../images/btn_share.png) center center no-repeat;
	cursor:pointer;
	display:none;
	z-index:999
}
#article .close {
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	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
z-index: 997;
}
#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
}


/*新闻样式结束*/

/*联系我们样式开始*/
.contact_map{ display: none;}
#section6 .contact_b i {
	width:56px;
	height:56px;
	display:inline-block;
	background:url(../images/act_btn.png);
	background-position:0px -135px;
	background-repeat:no-repeat;
	margin:15px;
	cursor:pointer;
}
#section6 .contact_b i:hover {
  background-position:0 0
}
#section6 .contact_b i.b {
	background-position:-94px -135px
}
#section6 .contact_b i.b:hover {
	background-position:-94px 0
}
#section6 .contact_b i.c {
	background-position:-190px -135px
}
#section6 .contact_b i.c:hover {
	background-position:-191px 0
}
#contact_map,#wx_map{
	position:fixed;
	left:0;
	top:0;
	bottom: 0;
	right: 0;
	width:100%;
	text-align:center;
	cursor:pointer;
	z-index: 9999;
	display:none
}
.contact_map_con,.wx_map_con{ position: absolute; width: 80%;top: 50%; left: 10%;}
.contact_map_con a,.wx_map_con a{ display: block;}
.contact_map_con a img,.wx_map_con a img{ max-width: 100%;}

#section6 .tohome{ position: absolute; bottom: 30px; left: 50%;}
#section6 .tohome a {
	background:url(../images/btn-up.png) center center no-repeat;
	width:54px;
	height:61px;
	display:block;
	margin-left:-35px;
	background-size: 100% 100%;
}

/*联系我们样式结束*/

/*关于我们样式开始*/
#main .about-two {
	height:100%;
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	text-align:center;
}
#main>.about-two>ul>li {
	float:left;
	cursor:pointer;
	background:url(../images/about_bg.png) right top repeat-y;
	background-color:rgba(255, 255, 255, .2);
	padding-top: 30vh;
	
	position: relative;
	height: 100%;
}


#main>.about-two>ul>li.active {
	background-color:rgba(255, 255, 255, 0)
}
#main>.about-two>ul>li>h3 {
	font-size:20px;
	width: 20px;
	padding: 0 8px;
	margin: 0 auto;
	font-weight:normal;
	text-align:left;
}
.scroll_div{
	 height: 300px;
	 overflow: auto; 
	 display: none;
	 width: 68%;
	 margin: 0 auto;
	 text-align: left;
	 line-height: 30px;
	 font-size: 14px;
	 position: relative;
	 padding-right: 2%;
	 top: 20px;
}
#main>.about-two>ul>li div.text{
	 overflow: auto; 
	 width: 100%;
	 margin: 0 auto;
	 text-align: left;
	 line-height: 30px;
	 font-size: 14px;
	 position: relative;
}
#main>.about-two>ul>li .close {
	display: none;
	width:20px;
	height:20px;
	position:absolute;
	top:20px;
	right:20px;
	z-index:999;
	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
}
#main>.about-two>ul>li .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 .into-two {
	height:100%;
	width:100%;
	background:url(../images/index_bg1.jpg);
	text-align:center;
	position:relative
}
#main>.into-two>ul {
	position:absolute;
	height:100%;
	width:1920px;
	left: 0;
}
#main>.into-two>ul>li {
	height:100%;
	float:left;
}
#main>.into-two>ul>li:first-of-type{
	 /*padding-left: 4%;*/
	 width: 96%;
}
/*
#main>.into-two>ul>li:first-of-type.active .icon{
	background-image:url(../images/join-big0_hover.png)
}
#main>.into-two>ul>li:nth-child(2).active .icon{
background-image:url(../images/join-big1_hover.png)
}
#main>.into-two>ul>li:nth-child(3).active .icon{
	background-image:url(../images/join-big2_hover.png)
}*/
#main .into-two .icon{
	transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
#main .into-two .icon .join_img{ display: none; position: absolute; font-size: 0}
#main .into-two .icon .join_img img{ 
	width: 100%;
}
#main .into-two li .icon .join_img{position: absolute;width: 50%; }
#main .into-two li .icon .join_img{
	
	
}
#main .into-two .icon .join_img0{     
	top: 0%;
    right: -50%;}
#main .into-two .icon .join_img1{
	top: 50%;
    right: -50%;
}

#main .into-two .icon .join_img2{
	top: 100%;
    right: 0%;
}
#main .into-two .icon .join_img3{
	top: 100%;
    right: 50%;
}

#main .into-two .icon a:first-of-type{
   
}
#main .into-two .icon img.join_title{ display: block; width: 100%;}
#main .into-two .icon {
	display: block; 
	top: 35%;
	margin: 0 auto;
	 width: 70.7%;
	position: relative;
	left: 0;
	/*background: url(../images/join-big0.png) 0 center no-repeat;*/
	
}
#main .into-two .icon a{ display: block; font-size: 0;}
#main>.into-two>ul>li.li1 .icon{
	/*height:45%;
	background:url(../images/join-big0.png) 0 center no-repeat;
	background-size: 100%;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg)*/
}

#main>.into-two>ul>li.li2 .icon .join_img4{ 
  top: 100%;
  right: 100%;
}
#main>.into-two>ul>li.li2 .icon .join_img5{ 
	top: 50%;
  right: 100%;
}

#main>.into-two>ul>li .icon .join_img6,#main .into-two .li3 .icon .join_img0{ 
	top: 0%;
  right: 100%;
}
#main>.into-two>ul>li .icon .join_img7,#main .into-two .li3 .icon .join_img1{
top: -50%;
  right: 50%;
}

#main>.into-two>ul>li .icon .join_img8{ 
	top: -50%;
  right: 0%;
}
#main>.into-two>ul>li.li2 .icon .join_img9{
 top: -50%;
  right: -50%;
}

/*加入我们样式结束*/



@media only screen and (min-width : 320px) and (max-width : 1201px){
   .IndexSec .content img{ max-width: 65%;}
   #section3 .content img{ max-width: 60%;}
	#section0 .content img{ max-width: 55%;}
   #section6 .content img{ max-width: 320px; width: 240px;}
   .fixed_title{width: 20%; max-width: 123px;}
   .IndexSec .content .five-one img{ max-width: 65%; padding-left: 4%;}
   .IndexSec .content .five-one{padding-right: 0;}
   #lirongfei_elem_id_21,#lirongfei_elem_id_25{top: 12%;}
   #lirongfei_elem_id_22{top: 12%; right: 58%; }
   #lirongfei_elem_id_23{top: 12%; right: 5%; max-width: 131px; left: inherit;}
   #lirongfei_elem_id_24{ top: 12%; right: 56%;}
}

@media only screen and (min-width : 320px) and (max-width : 421px){
   
   #main>.news-two>.news-list>ul>li .mask, #main>.news-two>.news-list>ul>li .field-mask{
	 height: 45vh;top: -10vh; 
	 }
	 
	#main>.news-two>.news-list>ul>li .field-mask-w{ top: 35vh;}
   #main>.news-two>.news-list>ul>li .field-body{ 
	top: 20vh;
   
   }
   /*#main>.news-two>.news-list>ul li .field-body .text p{ display:none;}*/
   
	#main>.demo-two>ul>li>img{ 
		
		width: 34%;
	}
	#main>.six-two a h3 {
		font-size:18px;
		padding: 10px;
	}
	#main>.six-two a p {
		padding:0px 10px;
		max-height: 48px;
		overflow: hidden;
	}
	
	#main .six-two .big{ height: 35%;}
	 #main .six-two .six-left{ height: 65%;}
	 #article .text{padding-right: 10px;}
	 #main>.demo-art>.info>h3{ font-size: 16px; line-height: 24px;}
	
}
@media only screen and (min-width : 320px) and (max-width : 370px){
	#main>.news-two>.news-list>ul>li .field-body .text h3{ font-size: 16px;}
	#main>.news-two>.news-list>ul li .field-body .text p{ width: 80%;}
}
@media only screen and (min-width : 421px) and (max-width : 1201px){
	#main>.demo-art>.info{ width: 200px; padding:2% 20px; top: 30%; right: -240px;}
	
	#main>.six-two a h3{padding: 20px 20px;}
	#main>.six-two a p{ padding: 0 20px;}
   #main>.news-two>.news-list>ul>li {
		height:100%;
		width: 50%;
	
	}
	#main>.demo-white>ul>li {
	width: 20%;
	}
	#main>.six-two ul li{
	 width: 33%;
	}
	#main .demo-art .close{ width: 38px; height: 37px;}
	


}
@media only screen and (min-width : 760px){
	/*#main>.into-two>ul>li.li1 .icon{ height: 24%;}*/
	#main>.into-two>ul{ width: 96%; padding: 0 1% 0 3%;}
	.IndexSec .content img{ width: 35%;}
	#section6 .content img{ width: 35%; max-width: 600px;}
	#section0 .logo{ width: 260px;}
	.IndexSec .logo img{ width: 100%;}
	.IndexSec .content .five-one{ padding-right: 0;}
	.scroll_div{ top: 20px; width: 95%;}
	#main>.about-two>ul>li div.text{100%;}
	#main>.about-two>ul>li>h3{ padding: 0 2.5%;}
	#main .demo-art .close,#article .close{ width: 38px; height: 37px;}
}
@media screen and (min-width : 567px) and (max-width : 800px) and (orientation: landscape) {
	.IndexSec .content img{ max-width: 46%;}
	.IndexSec .content .five-one img{ max-width: 60%;}
	.fixed_title{ width: 12%;}
	.myarrow{ bottom: 4%;}
	#lirongfei_elem_id_22{ right: 75%;}
	#lirongfei_elem_id_23{ left: 75%;}
	#lirongfei_elem_id_24{ top: 30%;}
	#article .article-body{padding: 5% 3%; height: 70vh;margin-top: -43vh;}
	#main>.demo-two>ul>li img{ width: 25%;}
	#main>.demo-white>ul>li>h3{ top: 20px;}
	#main>.demo-white>ul>li>p{ top: -50px; font-size: 12px;}
	#main>.demo-two>ul>li.active img{ width: 30%;}
	#main>.six-two a p{ display: none;}
	#main>.demo-art>.info{ height: 45%; padding-top: 1%;}
	#main>.demo-white>ul>li>h3{ font-size: 18px; line-height: 20px;}
	#main>.demo-art>.info>.info-btn{ top: 24%;}
	#main .demo-art .close,#article .close{ width: 38px; height: 37px;}
}
@media screen and (min-width : 420px) and (max-width : 569px) and (orientation: landscape) {
	#main>.demo-white>ul>li>p{ display: none;}
	#main>.demo-white>ul>li>h3{ font-size: 18px; line-height: 20px;}
	#main>.demo-art>.info>h3{ font-size: 16px;}
	#main>.demo-art>.info{ height: 60%;}
}
@media screen and (min-width : 801px) and (max-width : 1201px) and (orientation: landscape) {
	
	#article .article-body{ height: 90vh; padding: 5vh 6%;}
	#main>.demo-two>ul>li img{ width: 35%;}
	/*#main>.demo-white>ul>li>h3{ left: 50%;}
	#main>.demo-white>ul>li>p{ left: 15%;}*/
	#main>.demo-art>.info{ width: 200px; padding: 2% 20px; right: -240px;}
	#lirongfei_elem_id_22,#lirongfei_elem_id_24{ right: 65%;}
	
	#lirongfei_elem_id_21{ right: 25%;}
	#lirongfei_elem_id_23{left: 70%;}
	
	#lirongfei_elem_id_25{ right: 20%;}
	#main .demo-art .close,#article .close{ width: 38px; height: 37px;}
	
}
@media screen and (min-width : 1201px) and (max-width : 1367px) and (orientation: landscape) {
	
	#article .article-body{ height: 90vh; padding: 5vh 6%;}
	#main>.demo-two>ul>li img{ width: 25%;}
	#main>.demo-two>ul>li.active img{ width: 30%;}
	/*#main>.demo-white>ul>li>h3{ left: 50%;}
	#main>.demo-white>ul>li>p{ left: 22%;}*/
	#main>.demo-art>.info{ width: 200px; padding: 2% 20px; right: -240px;}
	#main .demo-art .close,#article .close{ width: 38px; height: 37px;}
	
	.fixed_title{ width: 8%;}
	
}


/*首页动画设置*/
/*箭头设置*/
@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;
}
}



.swiper_container .swiper-slide-active .move_1{ animation:move_1 3s;-moz-animation:move_1 3s;-webkit-animation:move_1 3s;-o-animation:move_1 3s;-ms-animation:move_1 3s;}

#main .into-two .swiper-slide-active .icon  .move_1{ opacity: 1; animation:move_1 1s;-moz-animation:move_1 1s;-webkit-animation:move_1 1s;-o-animation:move_1 1s;-ms-animation:move_1 1s;}
@keyframes move_1
{
from {transform: rotate(0deg);opacity: 0;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);}
to {transform: rotate(360deg);opacity: 1;transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);}
}
@-webkit-keyframes move_1
{
from {transform: rotate(0deg);opacity: 0;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);}
to {transform: rotate(360deg);opacity: 1;transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);}
}
@-o-keyframes move_1
{
from {transform: rotate(0deg);opacity: 0;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);}
to {transform: rotate(360deg);opacity: 1;transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);}
}
@-ms-keyframes move_1
{
from {transform: rotate(0deg);opacity: 0;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);}
to {transform: rotate(360deg);opacity: 1;transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);}
}