@charset "utf-8";

#navbar-collapse a{
	width:150px;
	font-size:16px;
}
#navbar-collapse p{
	font-size:12px;
}
.tab1{
	margin:50px 0;
}

.tab1-p1{
	font-size:30px;
	color:#008eff;
	text-align:center;
}

.tab1-p2{
	font-size:16px;
	color:#999999;
	text-align:center;
	font-family:fzxh;
}
.row{
	margin:50px 0 100px 0;
	text-align:center;
}

.tab2{
	padding:50px 0;
}

.tab2-p1{
	font-size:30px;
	color:#ffffff;
	text-align:center;
}

.tab2-p2{
	font-size:16px;
	color:#cccccc;
	text-align:center;
	font-family:fzxh;
}

.tab3{

}

.tab4{
	padding:50px 0;
	background-color:#f5f5f5;
}

.tab8{
	background-color:#f5f5f5;
}

.tab5{
	padding:50px 0;
}

.tab6{
	background-color:#2c3037;
}

.tab7{
	background-color:#262a30;
	height:80px;
}
.width{ width:380px; height:280px; background:url(../images/bg_case_nor.png) no-repeat;}
.width:visited { background:url(../images/bg_case_nor.png) no-repeat;}
.width:hover { background:url(../images/bg_case_hover.png) no-repeat;}
.width p{ width:380px;height:40px; font-size:20px; color:#333;text-decoration:none; text-align:center; line-height:60px;}
.width p:hover{ font-size:20px; color:#0099ff;}

.widthxs{ width:190px; height:140px; background:url(../images/bg_case_norxs.png) no-repeat;}
.widthxs:visited { background:url(../images/bg_case_norxs.png) no-repeat;}
.widthxs:hover { background:url(../images/bg_case_hoverxs.png) no-repeat;}
.widthxs p{ width:190px;height:20px; font-size:10px; color:#333;text-decoration:none; text-align:center; line-height:30px;}
.widthxs p:hover{ font-size:10px; color:#0099ff;}
.foot1{
	float:left;
	padding-top:74px;
	margin-bottom:50px;
}
.foot1 li{
	list-style:none;
	margin-left:50px;
}
.foot1 img{
	margin-top:5px;
}
.foot1font1{
	color:#c0cdec;
	font-size:20px;
}

.foot1font2{
	color:#929ab0;
	font-size:18px;
}

.foot2{
	margin-left:10%;
	float:left;
	padding-top:74px;
}
.foot2font1{
	color:#c0cdec;
	font-size:20px;
	list-style:none;
}

.foot2font2{
	color:#929ab0;
	font-size:18px;
	list-style:none;
	padding-top:36px;
}

.foot3{
	margin-left:25%;
	float:left;
	padding-top:76px;
}
.foot3font1{
	list-style:none;
	margin-left:-15px;
}

.foot3font2{
	color:#929ab0;
	font-size:18px;
	list-style:none;
	padding-top:15px;
	text-align:center;
}

.foot31{
	float:left;
	padding-top:36px;
}
.foot31font1{
	list-style:none;
}

.foot31font2{
	color:#929ab0;
	font-size:14px;
	list-style:none;
	padding-top:15px;
	text-align:center;
}

.copyright-font{
		color:#ffffff;
		font-size:16px;
		list-style:none;
		padding-top:30px;
}

.copyright-font1{
		color:#ffffff;
		font-size:10px;
		list-style:none;
		padding-top:30px;
}

.wrap {
	-webkit-perspective:920;
	-moz-perspective:920;
	width: 460px;
}
.image {
	width: 460px;
	height: 360px;
	-webkit-transform-style:preserve-3d;
	-webkit-transition:1s;
	-moz-transform-style:preserve-3d;
	-moz-transition:1s;
}
.wrap:hover .image {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
.display {
	position: absolute;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	width: 460px;
	height: 360px;
}
.display h3 {
	color: white;
	text-align: center;
}
.back {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	background-color:#008eff;
	width: 460px;
	height: 360px;
	line-height: 30px;
}
.wrap1 {
	-webkit-perspective:480;
	-moz-perspective:480;
	width: 240px;
}
.image1 {
	width: 240px;
	height: 180px;
	-webkit-transform-style:preserve-3d;
	-webkit-transition:1s;
	-moz-transform-style:preserve-3d;
	-moz-transition:1s;
}
.wrap1:hover .image1 {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
.display1 {
	position: absolute;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	width: 240px;
	height: 180px;
}
.display1 h3 {
	color: white;
	text-align: center;
}
.back1 {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	background-color:#008eff;
	width: 240px;
	height: 180px;
	line-height: 20px;
}
.tab1-img { 
transition:All 0.8s ease-in-out;    
-webkit-transition:All 0.8s ease-in-out;    
-moz-transition:All 0.8s ease-in-out;    
-o-transition:All 0.8s ease-in-out;
}
.tab1-img:hover {    
transform:rotate(360deg);    
-webkit-transform:rotate(360deg);    
-moz-transform:rotate(360deg);    
-o-transform:rotate(360deg);    
-ms-transform:rotate(360deg);
}
.tab2-img { 
transition:All 0.8s ease-in-out;    
-webkit-transition:All 0.8s ease-in-out;    
-moz-transition:All 0.8s ease-in-out;    
-o-transition:All 0.8s ease-in-out;
}
.tab2-img:hover {    
transform:rotate(360deg) scale(1.2);    
-webkit-transform:rotate(360deg) scale(1.2);    
-moz-transform:rotate(360deg) scale(1.2);    
-o-transform:rotate(360deg) scale(1.2);    
-ms-transform:rotate(360deg) scale(1.2);
}