/* CSS Document */


/*css重置*/

h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;}
ul,li{list-style:none;}

/* Clear Fix */
.clearfix:before, .clearfix:after{display:table; content:''; clear:both;}
/* Hide from IE Mac */
.clearfix {display:block; }

/*通用样式*/
.f-left{float:left;}
.f-right{float:right;}
.t-left{text-align:left;}
.t-right{text-right:right;}
.content-in{width:1200px; margin:0 auto;}
.floor{padding-top:30px; padding-bottom:50px; overflow:hidden;}
.center_center{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.head_title{text-align:center; cursor:default;}
.head_title h1{font-size:36px; color:#0ca7f0;}
.head_title p{font-size:16px; color:#999;}


/*海报*/
/*海报*/
.banner{height:434px; background:url(../images/newsbanner.jpg) no-repeat center center; overflow:hidden;}

.banner .login{float:right; margin-top:60px; position:relative; z-index:333;}

.banner .title{width:320px; float:right; margin-top:120px; margin-right:60px;}
.banner .title h1{font-size:40px; color:#fff; font-weight:bold;  text-align:center;}
.banner .title p{font-size:18px; color:#fff; text-align:left; padding-top:20px;  cursor:default;}
.banner .title .linkmore{
	cursor:pointer;
	margin-top:30px;
	width:122px; height:33px;
	border-radius:35px;
	-o-border-radius:35px;
	-ms-border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	 border:1px solid #fff;
	 background:none;
	 color:#fff;
	 font-size:16px;
	 transition:0.5s;
	 }
.banner .title .linkmore:hover{background:#fff; color:#0ca7f0;}


/*floor1*/
.floor1{background:#f9f9f9;}
.floor1 ul{margin-top:60px;}
.floor1 ul li{
	margin-bottom:10px;
	cursor:default;
	width:280px;
	min-width:120px;
	height:270px;
	padding-top:50px; 
	margin-right:26px; 
	float:left; 
	background:#fff;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	}
.floor1 ul li .circle{
	background: linear-gradient(-90deg,#00b0ed,#1dd6f7); /* 标准的语法 */	
	background: -webkit-linear-gradient(-90deg,#00b0ed,#1dd6f7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(-90deg,#00b0ed,#1dd6f7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(-90deg,#00b0ed,#1dd6f7); /* Firefox 3.6 - 15 */
	margin:0 auto;
	width:90px;
	height:90px;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	position:relative;	
	transition:0.5s;
	}
		
.floor1 ul li:hover .circle{
    opacity:0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter:gray;	
	}
.floor1 ul li .circle>img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
	
.floor1 ul li p{font-size:16px; color:#666; text-align:center; margin:15px 0 30px 0;}
.floor1 ul li span{font-size:12px; color:#999; background-image:url(../images/f1_icon05.png); background-repeat:no-repeat; background-position:left center; padding-left:15px; margin-left:25px; display:inline-block; margin-bottom:5px;}


/*floor2*/
.floor2{background:#fff; padding-bottom:0;}

.floor2 .tabBox{margin-top:30px;}
.floor2 .tabBox .title-list{width:310px; margin:0 auto;}
.floor2 .tabBox .title-list>li{float:left; font-size:16px; color:#999; transition:0.5s; width:135px; height:40px; line-height:40px; text-align:center; border-bottom:2px solid transparent; margin-right:40px; cursor:pointer;}
.floor2 .tabBox .title-list>li.active{color:#0ca7f0; border-bottom:2px solid #0ca7f0;}

.floor2 .tabBox .details-content{}
.floor2 .tabBox .details-content>li{position:relative; height:450px; display:none;}
.floor2 .tabBox .details-content>li.on{display:block;}

.floor2 .tabBox .details-content li .text{position:absolute; cursor:default;}
.floor2 .tabBox .details-content li .text h2{font-size:14px; color:#666;}
.floor2 .tabBox .details-content li .text p{font-size:12px; color:#999; margin-top:3px;}

.floor2 .slidebox{width:1200px;}

.floor2 .slidebox .hd{position:relative;}

.floor2 .slidebox .hd a{width:30px; height:50px; position:absolute; top:200px; display:inline-block; background-color:rgba(0,0,0,0.3); background-position:center center; background-repeat:no-repeat; transition:0.5s;}
.floor2 .slidebox .hd .left_icon{background-image:url(../images/prev.png); left:-50px;}
.floor2 .slidebox .hd .right_icon{background-image:url(../images/next.png); right:-50px;}
.floor2 .slidebox .hd .left_icon:hover{background-color:rgba(0,0,0,0.5);}
.floor2 .slidebox .hd .right_icon:hover{background-color:rgba(0,0,0,0.5);}

.floor2 .slidebox .bd li{height:375px; padding:75px 80px 0 0;}
.floor2 .slidebox .bd li>.title{width:336px; float:right; text-align:center; margin:100px 140px 0 0;}
.floor2 .slidebox .bd li>.title h3{font-size:28px; color:#333;}
.floor2 .slidebox .bd li>.title p{font-size:14px; color:#999;}
.floor2 .slidebox .bd li>img{float:right;}



/*floor3*/
.floor3{background:#f9f9f9;}
.floor3 ul{margin:40px auto 0;}
.floor3 ul li{width:570px; height:110px; transition:0.5s; float:left; margin-bottom:10px;}
.floor3 ul li:hover{background:#0ca7f0;}
.floor3 ul li .li_left{
	margin:20px 0 0 30px;
	float:left;
	width:70px; 
	height:70px;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-width:2px;
	border-style:solid;
	border-color:#d8d8d8;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#fff;
	transition:0.5s;	
	}
.floor3 ul li:hover .li_left{border-color:#fff; background-color:transparent;}
	
.floor3 ul li .left_1{background-image:url(../images/f3_icon01.png);}
.floor3 ul li .left_2{background-image:url(../images/f3_icon02.png);}
.floor3 ul li .left_3{background-image:url(../images/f3_icon03.png);}
.floor3 ul li .left_4{background-image:url(../images/f3_icon04.png);}
.floor3 ul li .left_5{background-image:url(../images/f3_icon05.png);}
.floor3 ul li .left_6{background-image:url(../images/f3_icon06.png);}	

.floor3 ul li:hover .left_1{background-image:url(../images/f3_icon01-.png);}
.floor3 ul li:hover .left_2{background-image:url(../images/f3_icon02-.png);}
.floor3 ul li:hover .left_3{background-image:url(../images/f3_icon03-.png);}
.floor3 ul li:hover .left_4{background-image:url(../images/f3_icon04-.png);}
.floor3 ul li:hover .left_5{background-image:url(../images/f3_icon05-.png);}
.floor3 ul li:hover .left_6{background-image:url(../images/f3_icon06-.png);}
	
.floor3 ul li .li_right{float:left; width:410px; cursor:default; text-align:left; padding-left:25px;}
.floor3 ul li .li_right h2{font-size:16px; color:#666; padding-top:20px; transform:0.2s;}
.floor3 ul li .li_right p{font-size:12px; color:#999; padding-top:5px; transform:0.2s;}
.floor3 ul li:hover .li_right h2{color:#fff;}
.floor3 ul li:hover .li_right p{color:#fff;}


/*floor4*/
.floor4{background:#fff; height:530px;}

.floor4 .content-in>img{position:absolute; right:535px; bottom:10px;}
.floor4 ul{}
.floor4 ul li{cursor:default; position:absolute; transition:3s;}
.floor4 ul li .li_left{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
    line-height:100%;
	}
.floor4 ul li .li_left span{color:#fff;}
.floor4 ul li .left_2 span,.floor4 ul li .left_4 span{color:#999;}	

@keyframes opacity1{
	0%{opacity:0;}
	20%,100%{opacity:1}
	}
@keyframes opacity2{
	0%,20%{opacity:0;}
	40%,100%{opacity:1}
	}
@keyframes opacity3{
	0%,40%{opacity:0;}
	60%,100%{opacity:1}
	}
@keyframes opacity4{
	0%,60%{opacity:0;}
	80%,100%{opacity:1}
	}
@keyframes opacity5{
	0%,80%{opacity:0;}
	100%{opacity:1}
	}				
@-o-keyframes opacity1{
	0%{opacity:0;}
	20%,100%{opacity:1}
	}
@-o-keyframes opacity2{
	0%,20%{opacity:0;}
	40%,100%{opacity:1}
	}
@-o-keyframes opacity3{
	0%,40%{opacity:0;}
	60%,100%{opacity:1}
	}
@-o-keyframes opacity4{
	0%,60%{opacity:0;}
	80%,100%{opacity:1}
	}
@-o-keyframes opacity5{
	0%,80%{opacity:0;}
	100%{opacity:1}
	}	
@-moz-keyframes opacity1{
	0%{opacity:0;}
	20%,100%{opacity:1}
	}
@-moz-keyframes opacity2{
	0%,20%{opacity:0;}
	40%,100%{opacity:1}
	}
@-moz-keyframes opacity3{
	0%,40%{opacity:0;}
	60%,100%{opacity:1}
	}
@-moz-keyframes opacity4{
	0%,60%{opacity:0;}
	80%,100%{opacity:1}
	}
@-moz-keyframes opacity5{
	0%,80%{opacity:0;}
	100%{opacity:1}
	}	
@-webkit-keyframes opacity1{
	0%{opacity:0;}
	20%,100%{opacity:1}
	}
@-webkit-keyframes opacity2{
	0%,20%{opacity:0;}
	40%,100%{opacity:1}
	}
@-webkit-keyframes opacity3{
	0%,40%{opacity:0;}
	60%,100%{opacity:1}
	}
@-webkit-keyframes opacity4{
	0%,60%{opacity:0;}
	80%,100%{opacity:1}
	}
@-webkit-keyframes opacity5{
	0%,80%{opacity:0;}
	100%{opacity:1}
	}			
.floor4 ul .li_one_1{
	animation:opacity1 3s linear;
	-o-animation:opacity1 3s linear;
	-moz-animation:opacity1 3s linear;
	-webkit-animation:opacity1 3s linear;	
	}
.floor4 ul .li_one_2{
	animation:opacity2 3s linear;
	-o-animation:opacity2 3s linear;
	-moz-animation:opacity2 3s linear;
	-webkit-animation:opacity2 3s linear;	
	}
.floor4 ul .li_one_3{
	animation:opacity3 3s linear;
	-o-animation:opacity3 3s linear;
	-moz-animation:opacity3 3s linear;
	-webkit-animation:opacity3 3s linear;	
	}
.floor4 ul .li_one_4{
	animation:opacity4 3s linear;
	-o-animation:opacity4 3s linear;
	-moz-animation:opacity4 3s linear;
	-webkit-animation:opacity4 3s linear;	
	}
.floor4 ul .li_one_5{
	animation:opacity5 3s linear;
	-o-animation:opacity5 3s linear;
	-moz-animation:opacity5 3s linear;
	-webkit-animation:opacity5 3s linear;	
	}
	

.floor4 ul li .left_1{width:50px; height:50px; background-color:#72d6ff; border:none;}
.floor4 ul li .left_2{width:60px; height:60px; background-color:transparent; border:1px dashed #999;}
.floor4 ul li .left_3{width:70px; height:70px; background-color:#42c7ff; border:none;}
.floor4 ul li .left_4{width:80px; height:80px; background-color:transparent; border:1px dashed #999;}
.floor4 ul li .left_5{width:86px; height:86px; background-color:#0ca7f0; border:none;}
	
.floor4 ul li .li_right{display:table-cell; color:#999; font-size:12px;	}

/*floor5*/
.floor5{background:#f9f9f9;}
.floor5 .slidebox{margin-top:30px;}
.floor5 .slidebox .hd{width:485px; margin:0 auto;}
.floor5 .slidebox .hd>li{float:left; font-size:16px; color:#999; transition:0.5s; width:135px; height:40px; margin-right:40px; line-height:40px; text-align:center; border-bottom:2px solid transparent; cursor:pointer;}
.floor5 .slidebox .hd>li.on{color:#0ca7f0; border-bottom:2px solid #0ca7f0;}

.floor5 .slidebox .bd{margin-top:50px;}
.floor5 .slidebox .bd li>ul{padding:0 25px;}
.floor5 .slidebox .bd li>ul li{float:left; margin:0 10px 20px 10px; width:208px; height:112px; border:1px solid #e9e9e9; position:relative;}
.floor5 .slidebox .bd li>ul li .wrap_out{width:208px; height:0;  background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; transition:0.5s;}
.floor5 .slidebox .bd li>ul li:hover .wrap_out{height:112px;}
.floor5 .slidebox .bd li>ul li .wrap_out>input {
	width:93px;
	height:27px;
	border-radius:27px;
	-o-border-radius:27px;
	-ms-border-radius:27px;
	-webkit-border-radius:27px;
	background:#ffc000;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:27px;
	border:none;
	margin:0 auto;
	opacity:0;
	display:block;
	transition:0.5s;
	cursor:pointer;
}

.floor5 .slidebox .bd li>ul li:hover .wrap_out>input{margin:42px auto 0; opacity:1;}
.floor5 .slidebox .bd li>ul li>img{width:208px; height:112px;}

/*floor6*/
.floor6{background:#fff;}
.floor6 .f6_bg{margin-top:60px; margin-bottom:20px; width:1200px; height:321px; background:url(../images/f6_bg.jpg) no-repeat center center;}
.floor6 .f6_bg li{width:240px; height:160px; float:left; position:relative; cursor:default;}

.floor6 .f6_bg li .text{padding:30px 15px 0;}
.floor6 .f6_bg li .text h2{font-size:16px; color:#fff; text-align:center;}
.floor6 .f6_bg li .text p{font-size:12px; color:#fff; text-align:left; margin-top:5px;}
.floor6 .f6_bg li .text h3{font-size:18px; color:#fff; text-align:right; margin-top:8px; margin-right:10px;}
.floor6 .f6_bg li .text h3 span{font-size:12px; color:#fff; padding-right:3px;}

.floor6 .f6_bg li .wrap_out{width:240px; height:0px; background:rgba(0,0,0,0.6); position:absolute; bottom:0; font-size:14px; color:#fff; line-height:0px; transition:0.5s; opacity:0; text-align:center;}
.floor6 .f6_bg li:hover .wrap_out{height:30px; opacity:1; line-height:30px;}



/*floor7*/
.floor7{background:#f9f9f9;}
.floor7 ul{margin-top:30px;}
.floor7 ul li{width:350px; height:390px; margin:0 14px; border:1px solid #d2d2d2; display:inline-block; padding:10px; transition:0.5s; cursor:default; float:left;}
.floor7 ul li:hover{ border:1px solid #ffaa22;}
.floor7 ul li .li_top{width:350px; height:240px; position:relative; overflow:hidden;}
.floor7 ul li .li_top img{width:350px; height:240px;}
.floor7 ul li .li_top .wrap_out{width:350px; height:150px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:-350px;  font-size:36px; color:#fff; text-align:center; opacity:0; transition:0.5s; padding-top:90px;}
.floor7 ul li .li_top:hover .wrap_out{width:350px; opacity:1; display:table-cell; vertical-align:middle; left:0;}

.floor7 ul li p{font-size:14px; color:#999; padding:20px;}
.floor7 ul li input{
	cursor:pointer;
	float:right;
	display:block;
	border:none;
	padding-left:24px;
	width:94px;
	height:27px;
	font-size:14px;
	color:#fff;
	border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#ffaa22 url(../images/plus.png) no-repeat 10px center;	
	}