﻿@charset "utf-8";
/*pagenav*/
.pagenav{background:#f4f4f4;height:270px;overflow:hidden;text-align:center;border-top:1px solid #cfcfcf;min-width:1000px;}
.pagenav h1{color:#333;font-size:30px;margin-top:35px;line-height:50px;}
.pagenav h2{color:#999999;font-size:14px;line-height:30px;}
.pagenav a{width:120px;height:40px;display:inline-block;position:relative;margin-right:20px;margin-top:26px;overflow:hidden;}
.pagenav a span{position:absolute;display:block;width:120px;height:40px;background:#c11920;left:0;top:-40px;}
.pagenav a b{position:absolute;border:1px solid #d6d6d6;display:block;width:118px;height:38px;line-height:38px;font-weight:normal;color:#5c5c5c;left:0;cursor:pointer;}
.pagenav a:hover span{top:0;}
.pagenav a:hover b{width:120px;height:40px;line-height:40px;border:none;color:#FFF;} 
.pagenav a.s b{width:120px;height:40px;line-height:40px;border:none; color:#FFF;}
.pagenav a.s span{top:0;}
.pagenav a span{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}
.pagenav a.last{margin-right:0;}
/*teams*/
#teams{width:100%;position:relative;height:800px;background-color:#f4f4f4;overflow:hidden;padding-bottom: 63px;}
#teams ul{width:2000px;position:absolute;height:800px;left:0;top:0;}
#teams ul li{position:absolute;width:200px;height:200px;z-index:1;opacity:0;filter:alpha(opacity=0);}
#teams ul li img{width:100%;height:100%;transform-origin:center center;-webkit-transform-origin:center center;
transition:all .2s 0s;-webkit-transition:all .2s 0s;-moz-transition:all .2s 0s;-o-transition:all .2s 0s;
-webkit-transform:scale(0);transform:scale(0);}
#teams ul li.s img{-webkit-transform:scale(1);transform:scale(1);}
#teams ul li.h{z-index:2;}
#teams ul li.h img{-webkit-transform:scale(1.2);transform:scale(1.2);
-webkit-box-shadow:#333 0px 0px 5px;-moz-box-shadow:#333 0px 0px 5px;box-shadow:#333 0px 0px 5px; opacity:;}
#teams .text{width:960px;height:100%;position:absolute;z-index:3;overflow:hidden;left:50%;margin-left:-480px;top:0;cursor:default;}
#teams .text .bg{width:800px;height:200px;position:absolute;left:50%;margin-left:-400px;overflow:hidden;}
#teams .text .bg span{width:100%;height:100%;position:absolute;background-color:#920204; left:0;top:240px;opacity:0.5;filter:alpha(opacity=50);}
#teams .text .bg1{top: 0;}
#teams .text .bg2{top:200px;width:400px;height:400px;left:50%;margin-left: -200px;}
#teams .text .bg3{bottom:63px;width:800px;height:200px;left:50%;margin-left: -400px;}

#teams .text .txt{width:960px;height:480px;display:block;position:absolute;op:0;left:0;opacity:0;filter:alpha(opacity=0);
text-align:center;color:#FFF;line-height:30px;}
#teams .text .txt h1{font-size:50px;line-height:70px;margin:40px 0px 30px 0px;}
#teams .text .txt h2{font-size:30px;}
#teams .text .txt h3{font-size:20px; margin-bottom:20px;}
/*row1*/
.index-title{
	text-align: center;
	color: #999999;
	font-size: 14px;}
.index-title b{
	color: #333333;
	font-size: 30px;
	display: block;
	font-weight: 100;
	height: 62px;
	line-height: 62px;
	margin-bottom: 12px;
	background: url(../images/tit.jpg) center bottom no-repeat;}
.row1{background: #fff;padding: 22px 0;border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;overflow: hidden;}
.row1 .list{
	width: 1224px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 35px;}
.row1 .list li{
	// margin: 0 12px;
	width: 244px;
	height: 270px;
	float: left;
	color: #555555;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	padding-bottom: 20px;
	padding-top: 5px;
	overflow: hidden;}
.row1 .list .pic{
	display: block;
	width: 208px;
	height: 208px;
	padding: 5px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #cfcfcf;
	border-radius: 50%;}
.row1 .list .pic img{
	border-radius: 50%;}
.row1 .list .tit{
	display: block;
	height: 35px;
	line-height: 35px;
	margin-top: 5px;
	color: #333333;
	font-size: 18px;}
.row1 .list li:hover .pic{
	border: 1px solid #c21c23;	
	box-shadow: 1px 1px 5px 1px #d1d1d1;
	transition:all ease 0.35s;}
.row1 .list li:hover img{
	opacity: 0.95;filter:alpha(opacity=95);
	transition:all ease 0.35s;}
.row1 .list li:hover .tit{
	color: #134e85;
	transition:all ease 0.35s;}
.row1.bg{
	border: none;
	background: #f4f4f4;}
#bottom{
        margin-top:0;}