﻿@charset "utf-8";
body { font:14px/1.2 Arial, Tahoma, Helvetica, "微软雅黑", sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased !important;margin:0;padding:0;}
ol, ul, li { list-style: none outside none; padding: 0;margin: 0; }
a { text-decoration: none; }
a:focus { outline: none; }
form{ margin: 0; padding: 0; }
/*--类--*/
.warp { width: 1230px; margin: 0 auto; position: relative; }
#header{ height:91px; border-bottom:1px solid #ebebeb; margin: 0 auto; background-color:#FFF; position:relative; margin-top:0px}
#header .mask{ height:270px; background:url(../image/subnav_bg_1.png); width:100%; position:absolute; top:100%; left:0; z-index:1; display:none;}
#header .logo{ width:1012px; height:91px; overflow:hidden; position:absolute; left:0; top:0;}
#header .logo:after{ content:''; display:inline-block; vertical-align:middle; width:0; height:100%; overflow:hidden;}
#header .logo img{ max-width:100%; max-height:100%; vertical-align:middle;}
#header .nav{ position:absolute; left:280px; top:10px;}
#header .nav>ul>li{ float:left; position:relative; border-bottom:#dcdcdc 1px solid}
#header .nav>ul>li a{ display:block; font-size:16px; line-height:50px; color:#474747; text-align:center; padding:0 15px;}
#header .nav ul li .subNav{ width:100%; position:absolute; left:0; top:100%; z-index:1; display:none;}
#header .nav ul li .subNav ul{ height:225px; border-right:1px solid #d2d2d2; padding:18px 0 26px; margin-top:30px}
#header .nav ul li .subNav.first ul{ border-left:1px solid #d2d2d2;}
#header .nav ul li .subNav ul li{ width:100%; padding:6px 0;}
#header .nav ul li .subNav ul li a{ width:100%; padding:0; font-size:14px; line-height:14px; color:#707070;}
#header .nav ul li a:hover,#header .nav ul li .subNav ul li a:hover{ color:#00a0e9;}
#header .nav ul li:hover .subNav{ background:url(../image/subnavli_bg_1.png);}
#header .nav ul .cur a{ color:#00a0e9;}
#header .tools{ position:absolute; right:0; top:25px; overflow:hidden;}
#header .tools .tel{ background:url(../image/header_tools_ico.png) left top no-repeat; padding-left:38px; font-size:20px; font-weight:bold; line-height:31px; color:#5fb8cb; float:left; margin-right:22px;}
#header .tools .search{ float:left; background:url(../image/header_tools_ico.png) left bottom no-repeat; padding:0 34px 0 14px; position:relative;}
#header .tools .search input{ width:105px; height:29px; color:#909090; font-size:12px; line-height:64px; line-height:29px; background-color:transparent;  margin: 0; padding: 0;outline: none; border:0 none; }
#header .tools .search button{ width:29px; height:29px; position:absolute; right:0; top:0; cursor:pointer; background-color:transparent;font:14px/100% "微软雅黑"; outline: none; border:0 none; }


.header1 {
	width: 100%;
	background: #ffffff;
	height:auto;
}
.header1_bot {
	width: 100%;
	background:url(../image/line_03.jpg) repeat-x;;
	height: 52px;
}
.header1_bot_nav {
	width: 1230px;
}
.header1_bot_nav span {
	width: 120px;
	padding-left: 1px;
	text-align: center;
	line-height: 50px;
	float: left;
	background: url(../image/nav_li.png) no-repeat left center;
	color: #FFFEFE;
	font-family: "微软雅黑";
	font-size: 18px;
}
.header1_bot_nav span a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.header1_bot_nav span a:hover {
	
	text-decoration: none;
}
.header1_bot_nav span div {
	list-style-type: none;
	text-align: left;
	left: -999em;
	position: absolute;
	z-index: 999999;
	color: #555555;
	border: 4px solid #3EBBBE;
	border-top: none;
}
.header1_bot_nav span div ul {
	float: left;
	margin-top: 85px;
}
.header1_bot_nav span div ul li {
	float: left;
	background: url(../image/top_icon.jpg) no-repeat left;
	height: 35px;
	text-align: left;
	line-height: 36px;
}
.header1_bot_nav span div ul li a {
	color: #555555;
	font-size: 14px;
	font-family: "微软雅黑";
	text-align: left;
}
.header1_bot_nav span div ul li a:hover {
	color: rgb(2, 153, 172);
}
#header1_bot_nav1 {
	width: 300px;
	float: left;
}
#header1_bot_nav1 li {
	width: 70px;
	float: left;
	padding-left: 15px;
	margin-left: 25px;
}
#header1_bot_nav2 {
	width: 320px;
	float: left;
}
#header1_bot_nav2 li {
	width: 120px;
	float: left;
	padding-left: 15px;
	margin-left: 25px;
}
#header1_bot_nav3 {
	width: 450px;
	float: left;
}
#header1_bot_nav3 li {
	width: 110px;
	float: left;
	padding-left: 15px;
	margin-left: 25px;
}
.header1_bot_nav span:hover div {
	left: auto;
}
.header1_bot_nav span.sfhover div {
	left: auto;
}
#header1_home {
	width: 120px;
	float: left;
	background: none;
}
#header1_id1 {
	width: 1050px;
	float: left;
	margin-left: 18px;
	height: 213px;
	background:url(../image/01_02.jpg) no-repeat center;
}
#header1_id2 {
	width: 1050px;
	float: left;
	margin-left: -103px;
	height: 213px;
	background:url(../image/02_02.jpg) no-repeat center;
}
#header1_id3 {
	width: 1050px;
	float: left;
	margin-left: -224px;
	height: 213px;
	background:url(../image/03_02.jpg) no-repeat center;
}
#header1_id4 {
	width: 1050px;
	float: left;
	margin-left: -345px;
	height: 213px;
	background:url(../image/04_02.jpg) no-repeat center;
}
#header1_id5 {
	width: 1050px;
	float: left;
	margin-left: -466px;
	height: 213px;
	background:url(../image/05_02.jpg) no-repeat center;
}
#header1_id6 {
	width: 1050px;
	float: left;
	margin-left: -587px;
	height: 213px;
	background:url(../image/06_02.jpg) no-repeat center;
}
#header1_id6 ul li{ }
#header1_id7 {
	width: 1050px;
	float: left;
	margin-left: -708px;
	height: 213px;
	background:url(../image/07_02.jpg) no-repeat center;
}
#header1_id8 {
	width: 1050px;
	float: left;
	margin-left: -829px;
	height: 213px;
	background:url(../image/08_02.jpg) no-repeat center;
}
#header1_id9 {
	width: 1050px;
	float: left;
	margin-left: -950px;
	height: 213px;
	background:#ffffff;
}
.conts {
	width: 1230px;
	margin:auto;
}



.t_help{ padding-bottom:108px; float:left; width:100%; background:#f6f6f6;}
.t_help .head{ padding:106px 0 32px; text-align:center; font-size:26px; line-height:40px; color:#474747;}
.t_help .head p{ color:#909090;}
.t_help ul{width:880px;margin:0 auto;}
.t_help ul li{ width:220px; float:left; text-align:center;}
.t_help ul li a .circle{ position:relative; width:170px; height:171px; margin:0 auto;}
.t_help ul li a .circle .ico1{ width:100%; height:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	}
.t_help ul li a .circle .ico2{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	}
.t_help ul li a:hover .circle .ico1{ opacity:0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	}	
.t_help ul li a:hover .circle .ico2{ opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
.t_help ul li a .txt{ padding-top:30px;}
.t_help ul li a .txt h3{ font-size:20px; color:#474747; margin-bottom:8px;font-weight: normal;}
.t_help ul li a .txt h4{ font-size:16px; color:#909090; text-transform:uppercase;font-weight: normal;}
.clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }

#footer{ width:100%; float:left; height:136px; background-color:#3d3d3d; font-size:12px; color:#FFF; line-height:18px;}
#footer .link{ overflow:hidden; position:absolute; left:20px; top:20px;}
#footer .link li{ float:left; padding:0 2px;}
#footer .copy{ padding-top:35px; text-align:center;}
#footer .ftbj{ }
#footer a{ color:#FFF;}
#footer a:hover{ color:#909090;}







/*专题相关*/
.indexmaindiv{height:270px;margin:0 auto;width:1200px;}
.indexmaindiv1 h1{ font-size:36px; text-align:center; font-weight:normal; overflow:hidden; margin-bottom:15px;}
.indexmaindiv .playerstyles{width:168px;height:44px;background:url('../image/playstyles.png') no-repeat;}
indexmaindiv1{margin-top:25px;}
.indexmaindiv1 .stylesgoleft{float:left;width:21px;height:28px;background:url('../image/arrowhead.png') no-repeat left top;margin:43px 5px 0px 0px;cursor:pointer;}
.indexmaindiv1 .stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../image/arrowhead.png') no-repeat left -28px;margin:43px 5px 0px 0px;cursor:pointer;}
.indexmaindiv1 .playerdetail{width:210px;height:120px;background:#FFF;font-family:'微软雅黑';}
.indexmaindiv1 .playerdetail .detailimg{width:210px;height:120px;}
.indexmaindiv1 .playerdetail .detailimg img{width:210px;height:120px;}
.indexmaindiv1 .playerdetail .teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
.indexmaindiv1 .playerdetail .teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
.indexmaindiv1 .playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../image/checkdetail.png') no-repeat;margin:18px;}
.indexmaindiv1 .stylesgoright{float:left;width:21px;height:28px;background:url('../image/arrowhead.png') no-repeat left -56px;margin:43px 0px 0px 15px;cursor:pointer;}
.indexmaindiv1 .stylesgoright:hover{float:left;width:21px;height:28px;background:url('../image/arrowhead.png') no-repeat left -84px;margin:43px 0px 0px 15px;cursor:pointer;}
/*滚动*/
.maindiv1{float:left;width:1125px;height:180px;overflow:hidden;position:relative;}
.maindiv1 ul{position:absolute;left:0;top:0;}
.maindiv1 ul li{float:left;width:210px;height:180px;margin-left:13px;}