/*通用类*/
*{
	margin:0;
	padding:0;	
}
body,html{overflow-x:hidden;}
body{ overflow-x:hidden;	

	margin:0 auto;
	font-size:14px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456;
	 padding-bottom:100px;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none; max-width:100%;	
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#95191c;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	

}

.fl{
	float:left;	
}
.fr{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div{ box-sizing:border-box;}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:640px; height:auto; overflow-x:hidden; position:relative;
	margin-left:auto;
	margin-right:auto;height:auto; overflow:hidden;
}
/*header 开始*/
.header{ width:100%;
	height:auto; padding:10px; overflow:hidden;
	background:#fff; 
		
}
.header .logo{
	float:left; width:80%;
		
}
.header .logo img{ display:block;}
.m-nav{ display:none; width:95px; position:absolute; z-index:9999999999; right:-100px; top:55px; margin-right:0px; margin-top:0; float:none; height:auto;     background: rgba(255,255, 255, 1); overflow:hidden; float:right; border:1px solid #ececec; border-radius:15px 0px 0px 15px ; transition:all 0.5s; box-shadow:-1px 2px 6px rgba(0,0,0,.4); }
.m-nav-on{ display:block; right:-5px; }
.m-nav ul { width:100%; height:auto; overflow:hidden;}
.m-nav ul li{ width:100%; height:auto; margin-left:0; margin-right:0; overflow:hidden;border-bottom: 1px solid rgba(207, 207, 207, 0.35); text-align:center; line-height:30px;}
.m-nav ul li:hover, .m-nav ul .hover {
    border-radius:0px;
    background: #3F9D3D;
}
.m-nav ul li a { color:#686868;
    font-size: 12px;
   
    display: block;
}
.nav-menu{ display:block; width:20px; float:right; margin-right:-15px; position:relative; margin-top:2%; margin-right:15px; cursor:pointer; height:23px; transition:all 0.5s cubic-bezier(0.7,0,0.3,1) 0s;}
.nav-menu span{ background:#b60005; display:block; height:2px; margin-top:-1px; position:relative; top:50%; width:100%; transition:all 0.3s cubic-bezier(0.7,0,0.3,1) 0s;}
.nav-menu span:before{ top:-7px;}
.nav-menu span:after{top:7px;}
.nav-menu span:before,.nav-menu span:after{ background-color:#b60005; content:""; height:2px; left:0; position:absolute; width:100%; transition:all 0.3s cubic-bezier(0.7,0,0.3,1) 0s;}

.nav-menu-on span{ background:none;}
.nav-menu-on span:before{ transition:all 0.3s ease 0s; transform:translateY(0px) rotate(-45deg); top:0px;}
.nav-menu-on span:after{ transition:all 0.3s ease 0s; transform:translateY(0px) rotate(45deg); top:0px;}


.main{ background:#ff9132; color:#fff;}
.main .nav-menu span{background:#fff; }
.main .nav-menu-on span{ background:none;}
.main .nav-menu span:before,.main .nav-menu span:after{ background:#fff;}
.back{ display:block; width:30px; height:32px;}
.back i{ background:none; display:block; width:45px; height:2px; margin-top:-1px; position:relative; top:50%; width:100%; }
.back i:before,.back i:after{ background-color:#fff; width:18px;content:""; height:2px; left:0; position:absolute;  transition:all 0.3s cubic-bezier(0.7,0,0.3,1) 0s;}
.back i:after{top:6px; transform:translateY(0px) rotate(45deg); }
.back i:before{top:-6px; transform:translateY(0px) rotate(-45deg); }
.header .header-title{ font-size:20px; color:#fff; line-height:30px; vertical-align:middle;}
.nav{
	float:left;
	height:49px;
	line-height:49px;
	margin-top:43px;
	font-size:22px;
	color:#153768;	
}
.nav a{
	float:left;
	margin-left:66px;	
	color:#153768;	
}
.nav a:hover,.nav a.hover{
	color:#4674ae;	
}
.head_tel{
	float:right;	
	height:47px;
	line-height:47px;
	border:1px solid #7a9fcb;
	padding:0 12px 0 46px;
	margin-top:43px;
	font-size:22px;
	color:#276092;
	background:url("../images/head_tel.png") no-repeat 12px center;
}
/*header 结束*/

/*footer 底部开始*/
.footer{ position:fixed; bottom:0; width:640px; height:80px; overflow:hidden;
	background:#fff; padding-top:10px; padding-bottom:10px; border-top:1px solid #CCC;

}
.footer a{
	
}
.footer ul{ width:100%; height:auto; overflow:hidden;}
.footer ul li{ float:left; width:20%; height:auto; text-align:center;}
.footer ul li a{ display:block; font-size:12px;}
.footer ul li img{ max-height:40px;  }
.footer ul li img:first-child{ display:inline-block;}
.footer ul li img:nth-child(2){ display:none;}
.footer ul .on img:first-child{ display:none;}
.footer ul .on img:nth-child(2){ display:inline-block;}
.footer ul .on a{ color:#ad281c;}




.col2{ width:50%;}
.col3{ width:33.333333%;}
.col4{ width:25%;}
.col5{ width:12%;}
.col6{ width:16.6666667%;}
.col7{ width:14.285714%;}
.col8{ width:12.5%;}
.col9{ width:11.111111%;}
.i-zs{ background:#ef5f52; font-size:15px; color:#fff; padding-top:10px; padding-bottom:10px; text-align:center;}
.i-dlb{ background:#c64332;font-size:15px; color:#fff;padding-top:10px; padding-bottom:10px; text-align:center;}
.i-join{ background:#ad281c;font-size:15px; color:#fff;padding-top:10px; padding-bottom:10px; text-align:center;}
.i-img img{ max-height:30px; vertical-align:middle; margin-right:5px;}
.i-img a{ display:block; color:#fff;}
.i-news{ background:#efefef; padding:10px 15px 10px 15px; height:50px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.shell{


 width:100%;
 
}
#div1{
 height:30px;
 overflow:hidden;
}
#div1 a{ display:block; width:100%; height:30px; line-height:30px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;}
.i-icon{ width:100%; height:auto; overflow:hidden; float:left;  background:#fff;}
.i-icon li{ width:25%; height:auto; float:left; text-align:center; overflow:hidden; margin-top:10px; padding-bottom:10px;}
.i-icon li img{ display:inline-block; width:70%; margin-bottom:8px;}
.i-icon li a{ display:block; font-size:14px;}

.i-course{ width:100%; padding:15px 15px; margin-top:20px; height:auto; float:left; background:#fff;}
.i-title{ width:100%; height:auto; border-bottom:1px solid #d8d8d8; padding-bottom:10px; overflow:hidden;}
.i-title span{ color:#2f2f2f; font-weight:bold; font-size:18px; line-height:30px;}
.i-title a{ color:#afafaf; }

.i-course-list{ width:100%; height:auto; overflow:hidden; }
.i-course-list li{ float:left; width:50%; padding:10px; }
.i-course-list li:nth-child(odd){ padding-left:0;}
.i-course-list li:nth-child(even){ padding-right:0;}
.i-course-list li a{ display:block; width:100%; height:auto; overflow:hidden; cursor:pointer;}
.i-course-img{ width:100%; height:90px; float:left; overflow:hidden; margin-bottom:5px;}
.i-course-img img{ display:block; height:90px; width:100%; margin-left:auto; margin-right:auto;}
.i-course-txt{ float:right; width:100%; }
.i-course-txt h1{ font-size:16px; font-weight:bold; padding:0; margin:0; line-height:30px; margin-bottom:5px; color:#333;}
.i-course-txt p{ line-height:20px; height:40px; overflow:hidden; width:100%; font-size:12px;}

.content{ width:100%; height:auto; overflow:hidden;  min-height:400px;}
.content .i-course-list{ width:96%; margin:2%;}
.content .i-course-list li{ background:#fff; width:48%; padding:0px; margin-bottom:10px;}
.content .i-course-list li:nth-child(even){ float:right;}
.content .i-course-txt{ padding:0px 10px 10px 10px;}
.content .i-course-list li h1{ border-bottom:1px solid #e1e1e1;}
.red{ color:#95191c;}

.newslist{ width:100%; height:auto; float:left;}
.newslist li{ float:left; width:96%; margin-bottom:1px; background:#fff; height:auto; padding:2%;}
.news-title{ width:100%; white-space:nowrap; text-overflow:ellipsis; height:auto; float:left; font-size:16px; line-height:35px; vertical-align:middle; color:#333; font-weight:bold;}
.news-txt{width:100%; height:40px; color:#999; float:left; font-size:12px; line-height:20px; overflow:hidden; margin-bottom:5px;}
.news-time{ color:#999; font-size:12px;}
.news-txt img{ max-height:40px; display:inline-block; float:left; margin-right:5px;}

.paging-bar{ width:96%; height:auto; margin:2%; float:left; text-align:center; overflow:hidden; line-height:40px; vertical-align:middle; margin-top:10px;}
.paging-bar span{ font-size:16px;}
.paging-pre,.paging-next{  width:30px; height:30px; display:block; border-radius:6px; background:#999;}
.paging-next i,.paging-pre i{background:none; display:block; width:30px; height:2px; margin-top:-1px; position:relative; top:50%; width:100%;}

.paging-next i:before,.paging-next i:after,.paging-pre i:before,.paging-pre i:after{ background-color:#fff; width:12px;content:""; height:2px; left:10px; position:absolute;  transition:all 0.3s cubic-bezier(0.7,0,0.3,1) 0s;}
.paging-pre i:after{top:4px; transform:translateY(0px) rotate(45deg); }
.paging-pre i:before{top:-4px; transform:translateY(0px) rotate(-45deg); }
.paging-next i:before{top:4px; transform:translateY(0px) rotate(-45deg); }
.paging-next i:after{top:-4px; transform:translateY(0px) rotate(45deg); }

.txt-box-title{ width:94%; height:auto; float:left; margin:3%; border-bottom:1px solid #ccc; padding-bottom:10px;}
.txt-box{ line-height:25px; font-size:14px; width:94%; height:auto; margin:3%; float:left; overflow:hidden;}
.txt-box img{ max-width:100%;}
.txt-box-title h1{ font-size:20px; color:#333; font-weight:bold; margin-bottom:10px;}
.txt-box-title p{ color:#999;}
.team-list{ height:auto; float:left; width:96%; margin:2%; background:#fff; padding:3%; position:relative; transition:all 0.5s;}
.team-img{height:auto; width:40%; float:left;}
.team-img img{ width:110px; height:110px; border-radius:50%; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.team-title{ text-align:left; margin-top:0px;height:auto; width:55%;float:right; font-size:18px; font-weight:bold; padding-bottom:5px; color:##95191c;}
.team-txt{height:60px; line-height:20px; font-size:14px; width:55%;float:right; overflow-y:auto; overflow-x:hidden;transition:all 0.5s;}
.team-list-on{  width:96%;transition:all 0.5s;}
.team-list-on .team-txt{ height:auto; overflow:hidden;}
.team-more{height:30px; width:55%; float:right; cursor:pointer;}
.team-more i{background:none; display:block; width:30px; height:2px; margin-top:-1px; position:relative; top:50%; left:50%; margin-left:-15px;  }
.team-more i:before,.team-more i:after{ background-color:rgb(215, 131, 131); width:12px;content:""; height:2px; left:10px; position:absolute;  transition:all 0.3s cubic-bezier(0.7,0,0.3,1) 0s;}
.team-more i:after{top:0px; transform:translateY(0px) rotate(45deg); }
.team-more i:before{top:0px; left:18px; transform:translateY(0px) rotate(-45deg); }
.team-list-on .team-more i:after{top:0px;  left:2px;transform:translateY(0px) rotate(-45deg); }

.team-list-on .team-more i:before{top:0px;left:10px;transform:translateY(0px) rotate(45deg); }
.top{ width:100%; height:auto; overflow:hidden; position:relative; padding:3%; background-size:100% auto;}
.qd{ position:absolute; top:15px; right:15px; border:1px solid #fff; padding:2px 7px; text-align:center; }
.qd a{ display:block; color:#FFF;}
.qd a img{ display:inline-block; vertical-align:bottom; margin-right:5px; width:20px;}
.top-con{float:left;  width:100%; height: auto; float:left; padding-top:40px; padding-bottom:40px; padding-left:10px; padding-right:10px; }
.top-img{ float:left;width:25%; height:auto; overflow:hidden;}
.top-img img{ width:100%;  border-radius:50%;display:block;}
.top-right{ float:right; width:70%; height:auto; color:#FFF; line-height:30px;}
.c-1{ width:4em; text-align:justify; display:inline-block;}
.dh{ display:inline-block; margin-left:10px; padding:0px 8px; line-height:22px; font-size:12px; border-radius:5px; background:#F90; color:#fff;}
.t{ width:96%; margin:2%; height:auto; float:left; font-size:18px; font-weight:bold; margin-bottom:5px; margin-top:20px; }
.list{ width:96%; height:auto; float:left; margin:2%;}
.list li{ box-sizing:border-box; width:100%; padding:2%; height:auto; float:left; background:#fff; border:1px solid #ccc; margin-bottom:10px;}
.list-l{ float:left; width:25%; height:auto;}
.list-l img{ max-width:100%; max-height:60px;}
.list-r{ float:right; width:70%; height:auto; overflow:hidden;}
.list-r h1{ font-size:16px; color:#333; line-height:25px;}
.list-r p{ font-size:14px; color:#999; line-height:20px;}

/* 大转盘样式 */
.zp{display:block;width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.zp .turnplate{display:block;width:100%;position:relative;}
.zp .turnplate canvas.item{width:100%;}
.zp .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}
.list2{ width:100%; height:auto; float:left;}
.list2 li{ width:100%; height:auto; float:left; background:#fff; margin-bottom:2px;box-sizing:border-box;}
.list2-title{ width:100%; height:auto; float:left; font-size:16px; font-weight:bold; line-height:45px; padding:0px 3%; vertical-align:middle;position:relative; cursor:pointer;}
.list2-txt{ display:none;width:100%; height:auto; float:left; font-size:12px; background:#ffeaea;padding:3%;  line-height:20px; vertical-align:middle; }
.list2-title i{background:none; display:block; width:30px; position:absolute; height:2px; margin-top:-1px;  top:50%; margin-top:-1px; right:15px;   }
.list2-title i:before,.list2-title i:after{ background-color:rgb(215, 131, 131); width:12px;content:""; height:2px; left:10px; position:absolute;  transition:all 0.3s cubic-bezier(0.7,0,0.3,1) 0s;}
.list2 .on2 .list2-title i:after{top:0px; left:10px; transform:translateY(0px) rotate(45deg); }
.list2 .on2 .list2-title i:before{top:0px; left:18px; transform:translateY(0px) rotate(-45deg); }
.list2  .list2-title i:after{top:4px;  left:20px;transform:translateY(0px) rotate(-45deg); }

.list2  .list2-title i:before{top:-4px;left:20px;transform:translateY(0px) rotate(45deg); }
.list2 .on2 .list2-txt{ display:block;}
.bg{ display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); overflow:hidden;}
.mid-con{ width:80%; height:200px; text-align:center; font-size:16px; position:relative; margin-left:10%; background:#fff; border-radius:10px 0px 10px 10px;  top:50%; margin-top:-115px ; line-height:30px; padding-top:30px; position:relative;}
.mid-con p{ width:90%; margin-left:5%;}
.cancle{ margin:10px 15px; display:inline-block; padding:2px 10px; background:#CCC; border-radius:6px;}
.ok{margin:10px 15px;display:inline-block;padding:2px 10px;background:#fa8c00;border-radius:6px; color:#fff;}
.bg-close{ position:absolute; right:0px; top:-25px; cursor:pointer;}
.step2{ display:none;}
.sty1{ width:100%; height:auto; border-bottom:1px solid #c4c4c4; padding:15px;  background:#fff;}
.tt p{ text-indent:2em; margin-bottom:15px;}
.tt{ background:#fff;}

@media (max-width: 640px) {
	
.wrapin{ width:100%; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; overflow-x:hidden;}

.footer{ position:fixed; bottom:0; width:100%; height:80px; overflow:hidden;
	background:#fff; padding-top:10px; padding-bottom:10px; border-top:1px solid #CCC;

}



}