/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1192px;
	margin:0 auto;
	font-size:14px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	text-align:justify;	
	color:#383a3c;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#383a3c;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#7f307b;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#706f6f;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#706f6f;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#706f6f;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#706f6f;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1192px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

.header{
	height: 70px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background:#fff;
	box-shadow:0 0 5px #ccc;
}
.header_zw{
	height: 70px;
	clear: both;
}
.header .logo{
	float: left;
	display: block;
	height: 70px;
}
.header .logo img{
	display: block;
	height: 70px;
}
.nav{
	float: right;
	line-height: 70px;
	font-size:16px;
}
.nav a{
	float: left;
	margin-right:50px;
}
.nav a:hover,.nav a.hover{
	color:#7f307b;
}
.head_tel{
	float: right;
	padding:0 10px 0 30px;
	background:#ffcc33 url("../images/head_tel.png") no-repeat 3px center;
	height: 28px;
	line-height: 28px;
	border-radius:3px;
	font-size:20px;
	font-family:arial;
	margin-top:21px;
}

/*公用CSS 结束*/

/*hm 首页*/

.banner{
	height: 530px;
	position: relative;
	background:url("../images/banner.jpg") no-repeat top center;
}
.banner .a1{
	display: block;
	width: 280px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	border-radius:3px;
	background:#7f307b;
	position: absolute;
	top: 335px;
	font-size:20px;
	color:#fff;
	left: 50%;
	margin-left:-566px;
}.banner .a1:hover{ background:#636}
.banner .a2{
	display: block;
	width: 280px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	border-radius:3px;
	background:#fff;
	position: absolute;
	top: 335px;
	font-size:20px;
	color:#7f307b;
	left: 50%;
	margin-left:-256px;
}
.banner .jt{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 18px;
	top: 18px;
	background:url("../images/jt.png") no-repeat left top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
  	animation-iteration-count: infinite;
  	animation-timing-function:linear;
	-webkit-animation-timing-function:linear; /*循环播放*/
	-webkit-animation-name: jtAni;
  	animation-name: jtAni;
}
@-webkit-keyframes jtAni {
  from {   
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);            
  }
  
  50%{
  	 transform: translate(0, 3px);
   	 -webkit-transform: translate(0, 3px);          
  }  

  to {    
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);     
  }
}

@keyframes jtAni {
  from {   
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);            
  }
  
  50%{
  	 transform: translate(0, 3px);
   	 -webkit-transform: translate(0, 3px);          
  }  

  to {    
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);     
  }
}

.hm_lead{
	height: 170px;
	background:#7f307b;
}
.hm_lead .wrapin{
	height: 170px;
	position: relative;
	color:#fff;
}
.hm_lead .tit{
	font-size:56px;
	color:#ffcc33;
	height: 118px;
	line-height: 118px;
	border-right:1px solid #ffcc33;
	width: 166px;
	text-align: center;
	position: absolute;
	top: 26px;
	left: 165px;
}
.hm_lead dl{
	padding:13px 0 0 365px;
}
.hm_lead dt{
	height: 52px;
	line-height: 52px;
	font-size:24px;
}
.hm_lead dd{
	height: 28px;
	line-height: 28px;
	font-size:16px;
	padding-left:18px;
	background:url("../images/lead_dd.png") no-repeat left center;
}

.hm_choose{
	position: relative;
}
.floor_pos{
	position: absolute;
	left: 0;
	top: -70px;
}

.hm_choose{
	padding-bottom:70px;
}
.hm_choose .head{
	height: 180px;
	line-height: 180px;
	text-align: center;
	font-size:45px;
	font-weight: bold;
}

.hc_slider{
	height: 436px;
	position: relative;
	width: 1192px;
	margin:0 auto;
}
.hc_slider .s_wp{
	width: 1192px;
	height: 436px;
	position: relative;
	overflow: hidden;
}
.hc_slider .s_wrap{
	width: 1224px;
	height: 436px;
	position: relative;
	overflow: hidden;
}
.hc_slider li{
	width: 274px;
	height: 436px;
	background:#eeeeef;
	position: relative;
	margin-right:32px;
	float: left;
}
.hc_slider .photo{
	display: block;
	width: 274px;
	height: 170px;
	position: relative;
	overflow: hidden;
}
.hc_slider .photo img{
	display: block;
	width: 274px;
	height: 170px;
}
.hc_slider .name{
	width: 240px;
	height: 46px;
	line-height: 46px;
	background:#7f307b;
	position: absolute;
	top: 146px;
	left: 50%;
	margin-left:-120px;
	font-size:18px;
	font-weight: bold;
	color:#fff;
	text-align: center;
}
.hc_slider dl{
	padding:35px 35px 0 35px;
}
.hc_slider dt{
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size:18px;
}
.hc_slider dd{
	font-size:14px;
	line-height: 24px;
}
.hc_slider .more{
	display: block;
	width: 158px;
	height: 28px;
	line-height: 28px;
	border-radius:14px;
	border:2px solid #7f307b;
	font-size:16px;
	color:#7f307b;
	text-align: center;
	background:#fff;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left:-82px;
}
.hc_slider .more:hover{ background:#7f307b; color:#fff}
.hc_slider .cbtn{
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	margin-top:-22px;
	cursor: pointer;
}
.hc_slider .pre{
	left: -60px;
	background:url("../images/hc_pre.png") no-repeat center center;
}
.hc_slider .next{
	right: -60px;
	background:url("../images/hc_next.png") no-repeat center center;
}

.hm_why{
	background:#eeeeef url("../images/whybg.jpg") no-repeat top center;
	min-height: 957px;
}
.hm_why .head{
	text-align: center;
	padding:55px 0 42px 0;
}
.hm_why .head dt{
	height: 72px;
	line-height: 72px;
	font-size:45px;
	font-weight: bold;
}
.hm_why .head dd{
	height: 38px;
	line-height: 38px;
	font-size:24px;
}
.hm_why .tags{
	width: 1192px;
	margin:0 auto;
	height: 124px;
}
.hm_why .s_list{
	width: 1260px;
}
.hm_why .tag{
	width: 420px;
	float: left;
	position: relative;
}
.hm_why .tag img{
	position: absolute;
	left: 0;
	top: 0;
}
.hm_why .tag dl{
	padding:4px 0 0 78px;
}
.hm_why .tag dt{
	height: 30px;
	line-height: 30px;
	font-size:18px;
	color:#232428;
}
.hm_why .tag dd{
	height: 20px;
	line-height: 20px;
}

.hm_why .wp{
	width: 1192px;
	height: 480px;
	overflow: hidden;
	background:rgba(255,255,255,0.55);
	margin:0 auto;
	box-shadow:3px 3px 3px #adbfc0;
	position: relative;
}
.hm_whydown .wp{
	height: 1120px;
}
.hm_why .ct{
	width: 160px;
	height: 1960px;
	background:url("../images/why_ct.png") no-repeat top center;
	position: absolute;
	top: 52px;
	left: 50%;
	margin-left:-80px;
	padding-top:40px;
}
.hm_why .ct dl{
	height: 119px;
	text-align: center;
	color:#fff;
	font-size:18px;
	line-height: 24px;
	padding-top:70px;
}
.hm_why .fls{
	width: 415px;
}
.hm_why .fls1{
	float: left;
	margin:30px 0 0 40px;
}
.hm_why .ins{

	border-bottom:1px solid #9a9b9c; padding-bottom:20px;
}
.hm_why .ins .t1{
	height: 34px;
	line-height: 34px;
	font-size:18px;
	font-weight: bold;
}
.hm_why .ins dt{
	color:#7f307b;
	line-height: 28px;
}
.hm_why .ins dd{
	line-height: 28px;
}
.hm_why .title{
	height: 60px;
	line-height: 60px;
	font-size:30px;
	border-bottom:3px solid #7f307b;
}
.hm_why .fls1{
	text-align:right;
}
.hm_why .fls2{
	float: right;
	margin:30px 40px 0 0;
}
.hm_why .more{
	display: block;
	height: 52px;
	line-height: 52px;
	margin:25px 0 60px 0;
	text-align: center;
	font-size:18px;
	font-weight: bold;
	background:url("../images/more1.png") no-repeat bottom center;
	cursor: pointer;
}
.hm_whydown .more{
	background-image:url("../images/more1h.png");
}
.hm_cyc{
	background:#7f307b;
	height: 270px;
}
.hm_cyc .cleft{
	float: left;
	width: 267px;
	padding:65px 0 0 48px;
	font-size:32px;
	line-height: 43px;
	color:#fff;
}
.hm_cyc .cleft dt{
	color:#ffcc33;
}
.hm_cyc .cright{
	width: 870px;
	float: left;
	padding-top:68px;
}
.hm_cyc .in{
	position: relative; overflow:hidden;
	float: left; margin-right:20px;width: 240px; background:#fff;border-radius:3px;margin:0 25px 34px 0;height: 50px;
}
.hm_cyc .in em{
	height: 50px;
	line-height: 55px;
	color:#f00;
	position: absolute;
	left: 7px;
	top: 0;
	z-index: 10;
}
.hm_cyc .text{
	
	 background:none;

	height: 50px;
	border:0;
	padding-left:20px;
	font-size:16px;
}
.hm_cyc select{

	height: 50px; outline:none;
	float: left;

	border:0;
	padding-left:16px;
	font-size:16px; width:97%;
	color:#706f6f; padding-right:10px;
}
.hm_cyc .sub{
	width: 240px;
	height: 50px;
	float: left;
	border-radius:3px;
	border:0;
	background:#383a3c;
	font-size:16px;
	color:#fff;
}
.hm_zb{
	padding:42px 0 68px 0;
	width: 1192px;
	margin:0 auto;
	position: relative;
}
.hm_zb .title{
	text-align: center;
	height: 94px;
	line-height: 94px;
	font-size:45px;
	font-weight: bold;
	color:#383a3c;
}
.hm_zb .handle{
	height: 56px;
	margin-bottom:67px;
	background:#eeeeef;
}
.hm_zb .btn{
	float: left;
	width: 33.3333%;
	height: 56px;
	position: relative;
	text-align: center;
	line-height: 56px;
	font-size:24px;
}
.hm_zb .hover{
	color:#fff;
	background:#7f307b;
}
.hm_zb .hover i{
	display: block;
	width: 12px;
	height: 10px;
	position: absolute;
	top: 54px;
	left: 50%;
	margin-left:-6px;
	background:url("../images/zbsj.png") no-repeat top center;
}
.hm_zb .con{
	display: none;
	position: relative;
}
.hm_zb .show{
	display: block;
}
.hm_zb .c1{
	display: block;
	position: absolute;
	right: 160px;
	top: 110px;
	z-index: 10;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.hm_zb .c2{
	display: block;
	position: absolute;
	left: 160px;
	top: 110px;
	z-index: 10;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.hm_zb .c1:hover,.hm_zb .c2:hover{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.hm_zb .go{
	display: block;
	width: 265px;
	height: 55px;	
	position: absolute;
	left: 164px;
	bottom: 62px;
}
.hm_zb .go2{
	left:auto;
	right: 164px;
}

.hm_dz{
	height: 1650px;
	background:#95b8bc url("../images/dzbg.jpg") no-repeat bottom center;
	position: relative;
}
.hm_dz .head{
	height: 160px;
	line-height: 160px;
	text-align: center;
	font-size:45px;
	color:#fff;
}
.hm_dz .title{
	display: block;
	width: 955px;
	height: 80px;
	margin:0 auto;
}
.hm_dz .city{
	width: 955px;
	margin:0 auto 65px auto;
	height: 40px;
	line-height: 40px;
	border-radius:3px;
	background:#528483;
	font-size:18px;
	color:#fff;
	text-align: center;
	letter-spacing:4px;
}
.hm_dz .wp1{
	width: 1200px;
	margin:0 auto;
}
.hm_dz .item1{
	width: 360px;
	float: left;
	margin:0 20px;
	height: 430px;
	background:#fff;
	box-shadow:2px 2px 2px #497578;
}
.hm_dz .ico{
	display: block;
	width: 60px;
	height: 60px;
	margin:25px auto 0 auto;
}
.hm_dz .name{
	text-align: center;
	height: 56px;
	line-height: 56px;
	font-size:22px;
	font-weight: bold;
}
.hm_dz .line{
	width: 340px;
	height: 18px;
	border-top:2px solid #528483;
}
.hm_dz .tip{
	width: 265px;
	margin:0 auto;
	font-size:16px;
	line-height: 26px;
	height: 174px;
}
.hm_dz .go{
	display: block;
	width: 265px;
	height: 55px;
	line-height: 55px;
	border-radius:3px;
	margin:0 auto;
	background:#00aeef;
	text-align: center;
	font-size:20px;
	color:#fff;
}
.hm_dz .go:hover{ background:#09F}
.hm_dz .fg{
	height: 5px;
	background:url("../images/dzfg.jpg") no-repeat center center;
	clear: both;
	margin:66px 0;
}

.dz_slider{
	width: 1200px;
	margin:0 auto;
	height: 440px;
	position: relative;
}
.dz_slider .s_wrap{
	width: 1200px;
	height: 440px;
	position: relative;
	overflow: hidden;
}
.dz_slider li{
	width: 360px;
	height: 430px;
	float: left;
	margin:0 20px;
	box-shadow:2px 2px 2px #497578;
	background:#fff;
	position: relative;
}
.dz_slider dl{
	text-align: center;
	padding:15px 0;
	line-height: 34px;
}
.dz_slider dt{
	font-size:24px;
	font-weight: bold;
}
.dz_slider dd{
	color:#528483;
	font-size:18px;
}
.dz_slider .flag{
	width: 144px;
	height: 77px;
	display: block;
	margin:0 auto;
}
.hm_dz .go2{
	display: block;
	width: 265px;
	height: 55px;
	line-height: 55px;
	border-radius:3px;
	margin:0 auto;
	background:#7f307b;
	text-align: center;
	font-size:20px;
	color:#fff;
}
.hm_dz .go2:hover{ background:#636}
.hm_dz .tip2{
	width: 265px;
	margin:0 auto;
	font-size:15px;
	line-height: 26px;
	height: 154px;
}
.hm_dz .cbtn{
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	margin-top:-30px;
	cursor: pointer;
}
.hm_dz .pre{
	left: -60px;
	background:url("../images/dz_pre.png") no-repeat center center;
}
.hm_dz .next{
	right: -60px;
	background:url("../images/dz_next.png") no-repeat center center;
}

.hm_jz{
	padding:53px 0 66px 0;
	position: relative;
}
.hm_jz .t1{
	text-align: center;
	height: 70px;
	line-height: 70px;
	font-size:45px;
	font-weight: bold;
}
.hm_jz .t2{
	font-size:24px;
	text-align: center;
	line-height: 40px;
}
.hm_jz .t3{
	height: 96px;
	line-height: 46px;
	color:#7f307b;
	font-size:24px;
	text-align: center;
}
.hm_jz .t3 span{
	display: inline-block;
}
.hm_jz .t3 em{
	font-size:80px;
	float: left;
}
.hm_jz .handle{
	width: 1190px;
	margin:0 auto;
	height: 56px;
	line-height: 56px;
	background:#eeeeef;
	margin-bottom:65px;
}
.hm_jz .btn{
	float: left;
	display: block;
	width: 20%;
	text-align: center;
	font-size:22px;
	cursor: pointer;
}
.hm_jz .hover{
	background:#7f307b;
	color:#fff;
	position: relative;
}
.hm_jz .hover i{
	display: block;
	width: 12px;
	height: 10px;
	position: absolute;
	top: 54px;
	left: 50%;
	margin-left:-6px;
	background:url("../images/zbsj.png") no-repeat top center;
}
.hm_jz .con{
	width: 1190px;
	height: 450px;
	margin:0 auto;
	position: relative;
	background:url("../images/zjbg.jpg") no-repeat top center;
	display: none;
}
.hm_jz .show{
	display: block;
}
.hm_jz .photo{
	display: block;
	position: absolute;
}
.hm_jz .inf{
	position: absolute;
	width: 567px;
}
.hm_jz .s1{
	clear: both;	
	height: 41px;
	line-height: 41px;
	background:url("../images/zj_t1.png") no-repeat left center;
	padding:0 45px;
	font-size:24px;
	color:#7f307b;
}
.hm_jz .s1 .lt{
	color:#fff;
}
.hm_jz .num{
	height: 60px;
	line-height: 60px;
	color:#7f307b;
	font-size:80px;
	font-family:arial;
	position: absolute;
	left: 45px;
	top: -58px;
}
.hm_jz dl{
	padding:18px 55px 0 55px;
}
.hm_jz dt{
	height: 50px;
	line-height: 50px;
	font-size:24px;
	color:#232428;
}
.hm_jz dd{
	font-size:16px;
	line-height: 28px;
}
.hm_jz .join{
	display: block;
	width: 265px;
	height: 55px;
	line-height: 55px;
	border-radius:3px;
	background:#00aeef;
	font-size:20px;
	color:#fff;
	margin:15px 0 0 55px;
	text-align: center;
}
.hm_teacher{
	position: relative;
	background:#eeeeef;
	padding:55px 0 65px 0;
}
.hm_teacher .head{
	height: 160px;
	text-align: center;
}
.hm_teacher .head dt{
	height: 65px;
	line-height: 65px;
	font-size:45px;
	font-weight: bold;
}
.hm_teacher .head dd{
	height: 50px;
	line-height: 50px;
	font-size:24px;
}
.tea_slider{
	width: 1192px;
	height: 470px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.tea_slider .s_wrap{
	width: 1254px;
}
.tea_slider li{
	width: 251px;
	height: 470px;
	float: left;
	margin-right:62px;
	background:url("../images/teabg.png") no-repeat left bottom;
	color:#fff;
}
.tea_slider .face{
	display: block;
	width: 192px;
	height: 192px;
	margin:0 auto;
}
.tea_slider .en{
	width: 184px;
	margin:0 auto;
	height: 40px;
	line-height: 40px;
	font-size:20px;
}
.tea_slider .name{
	width: 184px;
	margin:0 auto;
	height: 30px;
	line-height: 30px;
	font-size:22px;
	font-weight: bold;
}
.tea_slider .tip{
	width: 184px;
	margin:0 auto;
	font-size:12px;
	line-height: 20px;
	height: 146px;
}
.tea_slider .more{
	display: block;
	width: 128px;
	height: 28px;
	line-height: 28px;
	border:2px solid #fff;
	border-radius:14px;
	text-align: center;
	color:#fff;
	margin:10px 0 0 30px;
}
.tea_slider .more:hover{ background:#fff; color:#636}
.hm_teacher .go:hover{ background:#09F}
.tea_pag{
	text-align: center;
	height: 84px;
	margin-top:20px;
}
.tea_pag a{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius:100%;
	background:#d8c8d8;
	margin:0 10px;
	text-indent:-50px;
	overflow: hidden;
}
.tea_pag .selected{
	background:#7f307b;
}
.hm_teacher .go{
	display: block;
	width: 265px;
	height: 55px;
	line-height: 55px;
	margin:0 auto;
	background:#00aeef;
	border-radius:3px;
	color:#fff;
	text-align: center;
	font-size:16px;
}

.hm_xz{
	height: 681px;
	background:url("../images/xzbg.jpg") no-repeat top center;
	text-align: center;
	color:#fff;
}
.hm_xz .head{
	height: 170px;
	padding-top:58px;
}
.hm_xz .head dt{
	height: 62px;
	font-size:45px;
	font-weight: bold;
	line-height: 62px;
}
.hm_xz .head dd{
	height: 50px;
	line-height: 50px;
	font-size:24px;
}
.hm_xz .wp{
	width: 1230px;
	margin:0 auto;
}
.hm_xz .item{
	width: 204px;
	height: 204px;
	margin:0 21px;
	float: left;
	position: relative;
}
.hm_xz .bg{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 204px;
	height: 204px;
}
.hm_xz .item dl{
	position: absolute;
	left: 0;
	top: 48px;
	text-align: center;
	width: 100%;
}
.hm_xz .item dt{
	height: 70px;
	line-height: 70px;
	font-size:50px;
}
.hm_xz .item dd{
	font-size:18px;
}
.hm_xz .tip{
	height: 95px;
	line-height: 95px;
	padding-top:28px;
	font-size:30px;
	color:#ffcc33;
}
.hm_xz .aska{
	display: inline-block;
	width: 265px;
	height: 55px;
	line-height: 55px;
	border-radius:3px;
	margin:0 40px;
	background:#383a3c;
	color:#fff;
	font-size:20px;
}
.hm_xz .aska:hover{ background:#000}
.hm_xzani .item .bg{	
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;	 
	-webkit-animation-name: gdAni;
  	animation-name: gdAni;
}
@-webkit-keyframes gdAni {
  from {   
    -webkit-transform: rotate(90deg);
               -ms-transform: rotate(90deg);
               -o-transform: rotate(90deg);
               transform: rotate(90deg);           
  }   
  to {    
    -webkit-transform: rotate(0);
               -ms-transform: rotate(0);
               -o-transform: rotate(0);
               transform: rotate(0);    
  }
}

@keyframes gdAni {
  from {   
    -webkit-transform: rotate(90deg);
               -ms-transform: rotate(90deg);
               -o-transform: rotate(90deg);
               transform: rotate(90deg);           
  } 
  to {    
    -webkit-transform: rotate(0);
               -ms-transform: rotate(0);
               -o-transform: rotate(0);
               transform: rotate(0);    
  }
}

.footer_top{
	height: 140px;
	background:#95b8bc;
	color:#fff;
}
.footer_top .tit{
	float: left;
	font-size:32px;
	line-height: 36px;
	width: 75px;
	border-right:1px solid #fff;
	margin-top:34px;
}
.footer_top .tip1{
	float: left;
	padding:34px 20px 0 20px;
	font-size:30px;
	line-height: 36px;
}
.footer_top ul{
	float: left;
	font-size:16px;
	line-height: 24px;
	padding:34px 30px 0 30px;
}

.footer{
	background:#1d1d1d;
	padding:47px 0 37px 0;
	text-align: center;
}
.footer .wp{
	width: 1080px;
	margin:0 auto;
}
.footer ul{
	float: left;
	width: 310px;
	line-height: 22px;
	color:#fff;
	text-align:left;
	padding-left:50px;
	background:url("../images/ft_tel.png") no-repeat left center;
}
.ft_copy{
	text-align: center;
	padding-top:16px;
	height: 46px;
	line-height: 46px;
	font-size:14px;
	color:#fff;
}
.footer p{
	font-size:12px;
	line-height: 22px;
	opacity: 0.3;
	color:#fff;
}

/*hm 首页*/

.fr_bar{
	height: 138px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	background:url("../images/frbar.jpg") no-repeat top center;
	
}
.fr_bar .wp{
	width: 656px;	
	padding:30px 0 0 536px;
	margin:0 auto;
	position: relative;
}
.fr_bar .in{
	width: 195px;
	height: 45px;
	float: left;
	background:#fff;
	border-radius:3px;
	position: relative;
	margin-right:13px;
}
.fr_bar .in em{
	position: absolute;
	left: 14px;
	line-height: 45px;
	color:#db4a51;
	height: 45px;
	line-height: 45px;
}
.fr_bar .text{
	width: 170px;
	height: 45px;
	border:0;
	background:none;
	margin-left:25px;
}
.fr_bar .sub{
	float: left;
	width: 195px;
	height: 45px;
	border:0;
	border-radius:3px;
	font-size:16px;
	color:#fff;
	background:#383a3c;
}
.fr_bar .sub:hover{ background:#000}
.fr_bar .tip{
	line-height: 3;
	color:#fff;
	font-size:15px;
}
.fr_bar .close{
	width: 30px;
	height: 30px;
	position: absolute;
	right: -40px;
	top: 10px;
	background:url("../images/close1.png") no-repeat center center;
	cursor: pointer;
}
.fr_zw{
	height: 138px;
	clear: both;
	
}

.ask_win{
	width: 810px;
	height: 390px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 220;
	background:#fff;
	margin:-195px 0 0 -405px;
	display: none;
}
.ask_win .title{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size:26px;
	font-weight: bold;
	background:#171719;
	color:#fff;
}
.ask_win .close{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 10px;
	top: 0;
	background:url("../images/close2.png") no-repeat center center;
	cursor: pointer;
}
.ask_win .photo{
	float: left;
	display: block;
	width: 390px;
	height: 300px;
	margin:20px 0 0 22px;
}
.ask_win .cright{
	width: 368px;
	float: right;
	padding:24px 14px 0 0;
}
.ask_win .t1{
	height: 74px;
	line-height: 74px;
	text-align: center;
	font-size:20px;
	font-weight: bold;
}
.ask_win .in{
	width: 168px;
	height: 47px;
	border:1px solid #a9a9a9;
	float: left;
	margin:0 7px 20px 7px;
	border-radius:3px;
	position: relative;
}
.ask_win .in em{
	display: block;
	width: 16px;
	text-align: center;
	color:#fe7c00;
	line-height: 47px;
	position: absolute;
	left: 0;
	top: 0;
}
.ask_win .text{
	width: 150px;
	height: 47px;
	margin-left:16px;
	border:0;
	background:none;
}
.ask_win .sub{
	display: block;
	width: 350px;
	height: 52px;
	line-height: 52px;
	border-radius:26px;
	margin:0 auto;
	font-size:22px;
	color:#fff;
	background:#7f307b;
	box-shadow:3px 3px 5px #ccc;
}
.first_win{
	width: 624px;
	height: 340px;
	position: fixed;
	z-index: 220;
	left: 50%;
	top: 50%;
	background:url("../images/firstbg.png") no-repeat center center;
	margin:-170px 0 0 -312px;
	display: none;
}
.first_win .close{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10;
	cursor: pointer;
	background:url("../images/close2.png") no-repeat center center;
}
.first_win .fm{
	padding:230px 0 0 43px;
}
.first_win .in{
	width: 170px;
	height: 50px;
	float: left;
	margin-right:13px;
	background:#fff;
	border-radius:3px;
	position: relative;
}
.first_win .in em{
	display: block;
	text-align: center;
	width: 16px;	
	height: 50px;
	line-height: 50px;
	float: left;
	color:#fe7c00;
}
.first_win .text{
	float: left;
	width: 150px;
	height: 50px;
	border:0;
	line-height: 50px;
}
.first_win .sub{
	float: left;
	display: block;
	width: 176px;
	height: 50px;
	border-radius:25px;
	background:#00aeef;
	font-size:22px;
	color:#fff;
}
.cnt_win{
	width: 200px;
	height: 200px;
	position: fixed;
	left: 0;
	bottom: 30px;
	z-index: 250;
	background:#00aeef;
	border-radius:100%;
	color:#fff;
	text-align: center;	
	cursor: pointer;
	display: none;
}
.cnt_win .t1{
	padding-top:22px;
	height: 38px;
	line-height: 38px;
	font-size:24px;
}
.cnt_win .t2{	
	height: 30px;
	line-height: 30px;
	font-size:14px;
	font-weight: bold;
}
.cnt_win .t3{	
	height: 30px;
	line-height: 30px;
	font-size:14px;	
}
.cnt_win .se{
	width: 200px;
	height: 40px;
	border:3px solid #7f307b;
	border-radius:28px;
	background:#fff;
	position: absolute;
	bottom: 24px;
	left: 50%;
	margin-left:-100px;
	overflow: hidden;
	box-shadow:0 0 5px #333;
}
.cnt_win .se em{
	font-size:16px;
	color:#7f307b;
	line-height: 40px;
	float: left;
	padding-left:20px;
}
.cnt_win .se i{
	display: block;
	width: 80px;
	height: 40px;
	color:#fac64d;
	background:#7f307b;
	border-radius:26px 0 0 26px;
	float: right;
	font-style:normal;
	font-size: 16px;
	line-height: 40px;
}
.hm_why .from{
	text-align:right;
	color:#999;
	font-size:12px;
	margin-top:15px;
}