/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px; }
.clearfix{clear: both;}
.clearfix:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}

.fl{ float:left;}
.fr{ float:right;}


.my{ width:894px; padding:24px 50px 0 56px; overflow:hidden; margin:0 auto;}
.my p{ line-height:40px; color:#2a2d3e; text-align:left; font-size:22px;}
.my span{ display:inline-block; text-align:right; color:#2a2d3e; font-weight:bold; font-size:22px; width:100%; line-height:24px; margin-top:-14px;}


.intro{ width:556px; padding:66px 0 0 444px; margin:0 auto; overflow:hidden;}
.intro dl{ width:526px; overflow:hidden; padding:0 14px;}
.intro dl dt{ text-align:left; text-indent:24px; color:#FFF; font-weight:bold; font-size:22px; line-height:62px; margin-bottom:24px;}
.intro dl dd{ line-height:30px; color:#2e3234; font-size:16px; text-align:left;}
 
.yh_tit{ text-align:center; line-height:80px; color:#2e3234; font-size:36px; font-weight:bold; }
.yh_tit b{ display:inline-block; margin:0 82px; height:36px; width:1px;}
.yh_tit i{ color:#ff5a00;}

.zxbk_box{ width:1100px; overflow:hidden; margin:0 auto;}
#zxbk{ width:100%; overflow:hidden; height:352px; position:relative;}
#zxbk span{ cursor:pointer; position:absolute; width:556px; height:337px; left:0px; top:0px; z-index:1; }
#zxbk span i{ display:block; width:100%; height:100%;}
#zxbk span .i1{ display:block; }
#zxbk span .i2{ display:none; }
#zxbk span.se{ z-index:2; width:597px; }
#zxbk span.se .i1{ display:none;}
#zxbk span.se .i2{ display:block;}

#zxbk_content{ width:100%; overflow:hidden;}

#zxbk_content .ever{ display:none;}
#zxbk_content .active{ display:block;}


.more{ width:740px; margin:0 auto; overflow:hidden; padding:150px 0 0 360px;}
.more ul{ float:left; width:330px; overflow:hidden; margin-right:80px;}
.more ul li{ width:100%; line-height:90px; color:#2a2d3e; font-size:24px; text-align:left;}
.more ul li i{ font-weight:bold;}
.more .rt{ margin-right:0px;}

.zx{ -webkit-transition:all 0.4s linear; display:block; width:326px; height:102px; line-height:82px; color:#FFF; font-weight:bold; text-indent:78px; font-size:24px; text-indent: overflow:hidden; margin:0 auto; overflow:hidden; background:url(../images/a_bg.png) no-repeat;}
.zx:hover{ animation:mya infinite 0.7s ease-in-out;}

@keyframes mya{
	
 0%{ transform:scale(1);}
 50%{ transform:scale(0.9);}	
 100%{ transform:scale(1);}		
	
}


.same_tit{ width:100%; text-align:center; overflow:hidden;}
.same_tit h2{ color:#262d3f; font-size:50px; font-weight:bold; line-height:64px; text-align:center;}
.same_tit h2 i{ color:#ff5a00;}
.same_tit p{ color:#262d3f; font-size:28px; line-height:74px; text-align:center; letter-spacing:20px;}


.focus{width:100%;height:528px;overflow:hidden;position:relative;}
.focus ul{height:360px;position:absolute; overflow:hidden;}
.focus ul li{float:left;width:1150px;height:360px;overflow:hidden;position:relative;}
.focus ul li dl{ width:100%; overflow:hidden;}
.focus ul li dl dt{ float:right; width:588px; padding-top:8px; overflow:hidden;}
.focus ul li dl dt img{ display:block;}
.focus ul li dl dd{ float:left; width:562px; overflow:hidden;}
.focus ul li dl dd h5{ line-height:50px; font-size:40px; font-weight:bold; color:#FFF; height:126px;}
.focus ul li dl dd h6{ height:61px; line-height:60px; color:#FFF; font-weight:bold; font-size:24px;}
.focus ul li dl dd h6 img{ display:inline-block; vertical-align:middle; margin-right:8px;}
.focus ul li dl dd p{ color:#FFF; font-size:16px; line-height:30px; width:500px; padding-top:14px;}



.focus .btn{position:absolute;width:100%;height:110px; text-align:center; right:0;bottom:60px;}
.focus .btn span{float:left; _display:inline;_zoom:1;width:220px;height:108px;_font-size:0;margin-right:10px;cursor:pointer; border:1px solid #FFF;}
.focus .btn span.on{border:1px solid #4169ff;}
.focus .preNext{-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;width:20px; outline:none; height:20px;position:absolute;bottom:233px; cursor:pointer; color:#FFF; line-height:20px; text-align:center; font-size:20px;}
.focus .pre{left:465px;}
.focus .next{left:488px;background-position:right top;}
.num{ width:447px; text-align:center; position:absolute; bottom:230px; z-index:12; left:0px; }
.num div{ float:left; width:66px; height:24px; line-height:24px; font-size:16px; color:#FFF; font-size:20px;}
.num span,#num font{ display:inline-block; height:24px; line-height:24px; font-size:16px; color:#FFF; font-size:20px; }
.num  p{ float:right; width:370px; height:1px; background:#929191; margin-top:12px;}


.course_box{ width:1200px; margin:0 auto; overflow:hidden; padding-top:40px;}
#course{ float:left; width:178px;}
#course span{ display:block; cursor:pointer; width:100%; height:162px; padding-top:16px;text-align:center; color:#FFF; font-weight:bold; line-height:54px; font-size:40px; position:relative;}
#course span i{ display:none; position:absolute; width:22px; height:22px; overflow:hidden; top:62px; right:-11px;}
#course span.se{  background:#00be9d; }
#course span.se i{ display:block;}

#course_content{ float:left; width:922px; padding:0 50px; overflow:hidden;}
#course_content .ever{ display:none;}
#course_content .active{ display:block;}
#course_content div table{ width:922px; text-align:center; border:1px solid #eeeeee;}
#course_content div table tr th{ height:48px; color:#333b47; font-weight:bold; font-size:18px;  border-bottom:1px solid #eeeeee; background:#f7f7f7;}
#course_content div table tr td{ height:66px; color:#333b47; font-size:16px;border-bottom:1px solid #eeeeee; }
#course_content div table tr td b{ color:#ff5900; font-size:16px;}
#course_content div table tr td:nth-child(1){ position:relative;}
#course_content div table tr td:nth-child(1):before{ display:inline-block;  margin-right:4px; content:''; width:10px; height:10px; background:url(../images/icon2.png) no-repeat; vertical-align:top;}


#vip{ width:100%; overflow:hidden; height:49px; border-bottom:4px solid #fb5556;}
#vip span{ float:left; width:226px; height:49px; overflow:hidden; border-top-left-radius:6px; text-align:center;  border-top-right-radius:6px;line-height:50px; color:#333b47; font-size:22px; background:#efefef; margin-right:12px; cursor:pointer;}
#vip span.se{ background:#fb5556; color:#FFF;}
#vip_content .ever{ display:none;}
#vip_content .active{ display:block;}
#vip_content p{ width:882px; padding:18px 20px; height:89px; margin-bottom:26px; box-shadow:#d9dbdc 0 0 12px; overflow:hidden; color:#333b47; font-size:16px; line-height:30px; background:#FFF; }
#vip_content p i{color:#b5b5b5;}
#vip_content p img{ display:inline-block; vertical-align:middle; margin:0 4px;}
#vip_content table{ width:922px; text-align:center; border:1px solid #eeeeee;}
#vip_content table tr th{ height:48px; color:#333b47; font-weight:bold; font-size:18px;  border-bottom:1px solid #eeeeee; background:#f7f7f7;}
#vip_content table tr td{ height:66px; color:#333b47; font-size:16px;border-bottom:1px solid #eeeeee; }
#vip_content table tr td b{ color:#fc7c5f; font-size:22px;}
#vip_content table tr td:nth-child(1){ position:relative;}
#vip_content table tr td:nth-child(1):before{ display:inline-block;  margin-right:4px; content:''; width:10px; height:10px; background:url(../images/icon2.png) no-repeat; vertical-align:top;}



.focus2{ width:922px; height:205px;}
.focus2 ul li{ width:922px; height:157px;}
.focus2 .btn{ width:73px; height:3px; bottom:27px; left:0px;}
.focus2 .btn span{ width:30px; height:3px; margin-right:6px; background:#333b47; border:0px;}
.focus2 .btn span.on{ background:#fb5556; border:0px;}
.focus2 .num{ width:810px; bottom:28px; height:1px; left:73px;}
.focus2 .num div{ width:0px; height:0px;}
.focus2 .num p{ width:100%; height:1px; background:#333b47; margin:0px; }
.focus2 .preNext{ bottom:24px; left:auto; right:20px; color:#495059;}
.focus2 .prev{ left:auto; right:20px;}
.focus2 .next{ right:0px;}


.zx_btn{ width:100%; text-align:center; overflow:hidden;}
.zx_btn a{ display:inline-block; width:290px; height:102px; overflow:hidden; background:url(../images/zx_bg.png) center top no-repeat; color:#FFF; font-weight:bold; line-height:84px; font-size:24px; text-indent:74px; text-align:left;}
.zx_btn a:hover{animation:mya infinite 0.7s ease-in-out; -webkit-animation:mya infinite 0.7s ease-in-out;}

@keyframes mya{
	
 0%{ transform:scale(1);}
 50%{ transform:scale(0.9);}	
 100%{ transform:scale(1);}		
	
}
.zx_btn span{ display:inline-block; width:325px; height:102px; background:url(../images/phone_bg.png) no-repeat; text-indent:66px; text-align:left; font-weight:bold; color:#FFF; font-size:24px; vertical-align:top;  line-height:84px;}


.satbox{ width:1200px; margin:0 auto; overflow:visible; box-shadow:#fbe2d3 0 0 16px;}

#sat{ width:100%; height:74px; overflow:hidden; position:relative;}
#sat span{ cursor:pointer; position:absolute;  z-index:3; width:606px; height:74px; color:#00be9d; font-size:24px; text-align:center; line-height:74px; }
#sat span.se{ color:#FFF; z-index:2; }
.sat1{ background:url(../images/sp_bg.jpg) no-repeat;}
.sat2{ background:url(../images/sp_bg2.jpg) no-repeat;}

#sat_content{ width:100%; position:relative; }
#sat_content .ever{ display:none;}
#sat_content .active{ display:block;}
#sat_content div .spbg{ position:absolute; left:0px; top:-74px;}
#sat_content div dl{ width:100%; overflow:hidden;}
#sat_content div dl dt{ float:left; width:297px; height:494px; overflow:hidden;}
#sat_content div dl dt img{ display:block;}
#sat_content div dl dd{ float:left; width:903px; overflow:hidden; background:#FFF;}
#sat_content div dl dd .s_cour{ float:left; width:406px; padding-left:44px; border-right:1px solid #f7f8fc;   border-bottom:1px solid #f7f8fc; height:247px; overflow:hidden; position:relative;}
#sat_content div dl dd .s_cour h6{ color:#2e3234; font-weight:bold; font-size:28px; line-height:100px; text-align:left;}
#sat_content div dl dd .s_cour h6 i{ color:#ff5a00;}
#sat_content div dl dd .s_cour h6 img{ display:inline-block; vertical-align:middle; margin-left:18px;}
#sat_content div dl dd .s_cour p{ width:100%; height:29px; line-height:28px; color:#000000; font-size:16px; margin-bottom:14px;}
#sat_content div dl dd .s_cour p i{ display:inline-block; width:101px; height:29px; background:url(../images/i_bg.png) no-repeat; margin-right:6px; text-indent:12px;}
#sat_content div dl dd .s_cour em{ position:absolute; width:131px; height:101px; right:22px; bottom:22px;}
 


.online_box{ width:1186px; margin:0 auto; overflow:hidden; padding-left:14px;}
#online{ width:281px; float:left; overflow:hidden; padding-top:46px;}
#online span{ cursor:pointer; display:block; height:87px; overflow:hidden; padding-left:16px; line-height:86px; font-weight:bold; color:#333b47; font-size:20px;  width:265px; text-indent:57px;}
#online span i#s1{ background:url(../images/con1.png) 10px 28px no-repeat;}
#online span i#s2{ background:url(../images/con2.png) 10px 28px no-repeat;}
#online span i#s3{ background:url(../images/con3.png) 10px 28px no-repeat;}
#online span i#s4{ background:url(../images/con4.png) 10px 28px no-repeat;}
#online span i#s5{ background:url(../images/con5.png) 10px 28px no-repeat;}
#online span i{ display:block; width:240px; height:86px; border-bottom:1px solid #eeeeee; }
#online span.se{background:url(../images/div_bg.png) repeat-y; background-size:100% 100%; color:#FFF; border-top-left-radius:6px;  border-bottom-left-radius:6px;}
#online span.se i#s1{ background:url(../images/i1.png) 10px 28px no-repeat; border:none;}
#online span.se i#s2{ background:url(../images/i2.png) 10px 28px no-repeat; border:none;}
#online span.se i#s3{ background:url(../images/i3.png) 10px 28px no-repeat; border:none;}
#online span.se i#s4{ background:url(../images/i4.png) 10px 28px no-repeat; border:none;}
#online span.se i#s5{ background:url(../images/i5.png) 10px 28px no-repeat; border:none;}
#online_content{ float:left; width:887px; margin-top:24px; overflow:hidden; padding:0 8px 8px;  border-radius:6px; background:url(../images/div_bg2.png) repeat-y; }
#online_content .ever{ display:none;}
#online_content .active{ display:block;}
#online_content div p{ width:887px; margin:0 auto; overflow:hidden; height:70px; display:table;}
#online_content div p span{ display:table-cell; color:#ffffff; font-weight:bold; font-size:20px;  line-height:70px; text-align:center;}
#online_content div dl{ width:100%; overflow:hidden;}
#online_content div dl dt{ float:left; width:165px; background:#333b47; padding:0 16px;}
#online_content div dl dt table{ width:100%; text-align:center;}
#online_content div dl dt table tr td{ height:91px; color:#FFF; font-size:18px; border-bottom:1px solid #4f555f; font-weight:bold;}
#online_content div dl dt table tr td:before{ display:inline-block; content:''; width:10px; height:10px; background:url(../images/icon2.png) no-repeat; vertical-align:top;}
#online_content div dl dt table tr td i{ color:#ff5900; font-size:32px; font-weight:bold; display:inline-block; vertical-align:middle;}
#online_content div dl dd{ float:left; width:690px; overflow:hidden;}
#online_content div dl dd table{ width:690px; text-align:center; padding:0 28px; background:#FFF;}
#online_content div dl dd table tr td{ height:91px; border-bottom:1px solid #eeeeee; font-size:14px; color:#333b47; padding-left:10px; box-sizing:border-box; text-align:left;}
#online_content div dl dd table tr td:nth-child(1){ width:192px;}
#online_content div#three dl dt table tr td{ height:160px;}
#online_content div#three dl dt table tr td i{ font-size:22px;}
#online_content div#three dl dd table tr td{ height:160px;}


.login{ width:1200px; margin:0 auto; overflow:hidden;}
.reg_lf{ float:left; width:716px;}
.reg_lf h3{ color:#FFF; font-size:40px; line-height:60px; font-weight:bold; text-align:left; padding-top:42px; height:174px;}

.reg_rt{ float:right; width:484px; overflow:hidden; padding-top:184px;}
.reg_rt p{ float:left; width:154px; text-align:center; line-height:30px; color:#000000; font-size:18px; margin-right:10px;}

.same_tit2 h2{ color:#262d3f;}
.same_tit2 p{ color:#262d3f;}



.pj{ width:1200px; margin:0 auto; overflow:hidden;}
.pj p{ float:right; width:754px; height:472px; overflow-y:scroll;}
.pj p img{ width:100%; height:auto;}


.uxd-team {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	height:506px;
	position:relative;
}
.uxd-team .team-bottom {
	position:absolute;
	height:506px;
	width:1200px;
	
}
.uxd-team .team-bottom .team-left {
	width: 1200px;
	height: 506px;
	overflow: hidden;
	position: relative;
	float: left;
	z-index:5;
}
.uxd-team .team-bottom .team-left .team-nav {
	position: absolute;
	top: 0px;
	left: 0
}
.uxd-team .team-bottom .team-left .team-item {
	float: left;
	width: 1200px
}
.uxd-team .team-bottom .team-left .team-item img {
	display: block;
border-radius:.16rem
}
.uxd-team .team-bottom .team-right {
	width: 800px;
	height: 94px;
	overflow: hidden;
	position:absolute;
	right:28px;
	bottom:0px;
	z-index:6;
	
}
.uxd-team .team-bottom .team-right .team-list {
	width: 735px;
	height: 94px;
	border-top: none;
	overflow: hidden;
	position:absolute;
	left:34px;
	z-index:8;
}
.uxd-team .team-bottom .team-right .team-list .list-nav {
	overflow: hidden
}
.uxd-team .team-bottom .team-right .team-list .list-nav .item-nav {
	margin-right: 10px;
	width: 110px;
	height: 90px;
	position: relative;
	cursor: pointer;
	border: 2px solid #2d2d8f;
	float:left;
	
}
.uxd-team .team-bottom .team-right .team-list .list-nav .item-nav img {
border-radius:.1rem;
	display: block
}
.uxd-team .team-bottom .team-right .team-list .list-nav .team-active {
	border: 2px solid #ff524e
}
.uxd-team .team-bottom .team-right .team-tou {
	height: 94px;
	width: 800px;
	position:absolute; left:0px; top:0px;
	opacity:0.6;	
	z-index:7;
}
.uxd-team .team-bottom .team-right .team-tou .tou {
	/*display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;*/
	height: 94px;
	width: 800px;
	/*background: #2a2758;
	border-radius: 8px*/
}
.uxd-team .team-bottom .team-right .team-tou .tou .tou-a {
	width: 27px;
	height: 90px
}
.a-icon1 {
	background:url(../images/prevv.jpg) no-repeat;
	float:left;
}
.a-icon2 {
	background:url(../images/nextt.jpg) no-repeat;
	float:right;
}
.uxd-team .team-bottom .team-right .team-tou .tou .tou-icon {
width:.16rem;
	height: 1px;
	display: block;
	background: #fff;
margin-top:.24rem;
margin-bottom:.24rem
}



.foot_main{ width:900px; margin:0 auto; overflow:hidden; padding:72px 0 0 300px;}
.foot_main dl{ width:295px; overflow:hidden; text-align:center;}
.foot_main dl dt{ text-align:center; height:130px; color:#FFF; line-height:54px; font-size:46px;}
.foot_main dl dt i{ font-weight:bold;}
.foot_main dl dd{ line-height:44px; color:#FFF; text-align:left;padding-left:104px; font-size:26px;}


  
/*focus---------------焦点图*/
.wx_phone{ width:276px; height:599px; float:left; overflow:hidden; padding:16px 20px 18px 14px; }
.focus3{width:249px;height:538px;overflow:hidden;position:relative;  }
.focus3 ul{height:538px;position:absolute; }
.focus3 ul li{float:left;width:249px;height:538px;overflow:hidden;position:relative;  border-radius:20px; }
.focus3 ul li img{ border-radius:20px; display:block;}
.focus3 .btn{position:absolute;width:290px;height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center; display:none;}
.focus3 .btn span{display:inline-block;_display:inline;_zoom:1;width:13px;height:13px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius:50%;}
.focus3 .btn span.on{background:#9d1f4c;}
.focus3 .preNext{width:0px;height:0px;position:absolute;top:90px;cursor:pointer;display:none;}
.focus3 .pre{left:0;}
.focus3 .next{right:0;background-position:right top;}
 


#moocBox {
	float:right;
	height: 474px;
	width: 754px;
	margin:32px 30px 0 0;
	overflow: hidden;    
}
#moocBox ul li{ height:2182px;}
#moocBox ul li img{ width:100%;}

.zx_btn2 a{ background:url(../images/zx_bg2.png) no-repeat; color:#ff5a00;}
.zx_btn2 span{ background:url(../images/phone_bg2.png) no-repeat; color:#ff5a00;}


.focus4{ width:1200px; margin:0 auto; overflow:hidden; height:607px; }
.focus4 ul{ height:582px;}
.focus4 ul li{ width:1200px; height:582px; overflow:hidden;}
.focus4 ul li .ms_content{ width:100%; height:462px; overflow:hidden;}
.focus4 ul li .ms_content .ever{ display:none;}
.focus4 ul li .ms_content .active{ display:block;


  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

}
.focus4 ul li .ms_content div dl{ width:100%; overflow:hidden;  background:url(../images/ms_bg.png) center top no-repeat;}
.focus4 ul li .ms_content div dl dd{ float:left; width:680px; padding:140px 0 0 50px; height:322px;}
.focus4 ul li .ms_content div dl dd h6{ width:625px; height:90px; border-bottom:1px solid #eeeeee; margin-bottom:24px; font-weight:normal; line-height:90px; text-align:left; color:#333b47; font-size:30px; }
.focus4 ul li .ms_content div dl dd h6 i{ font-size:48px; margin-right:24px; font-weight:bold;}
.focus4 ul li .ms_content div dl dd h6 b{ display:inline-block; width:39px; height:39px; line-height:40px; text-align:center; border-radius:6px; color:#FFF; background:#ff5900; margin-right:12px;}
.focus4 ul li .ms_content div dl dd p{ width:100%; overflow:hidden;}
.focus4 ul li .ms_content div dl dd p span{ float:left; width:98px; height:30px; line-height:30px; text-align:center; color:#00be9d; font-size:18px; border:1px solid #00be9d; border-radius:6px; font-weight:bold;}
.focus4 ul li .ms_content div dl dd p font{ float:right; width:562px; line-height:28px; color:#333b47; font-size:16px;}
.focus4 ul li .ms_content div dl dt{ float:right; width:423px; overflow:hidden; text-align:center;}
.focus4 ul li .ms_content div dl dt img{ display:inline-block; vertical-align:bottom;}
.focus4 ul li .ms{ width:100%; box-shadow:#d7d7df 0 0 10px; height:120px; background:#FFF;}
.focus4 ul li .ms span{ -webkit-transition:all 0.4s linear; float:left; width:300px; height:120px;  box-shadow:#d7d7df 0 0 10px; position:relative;}
.focus4 ul li .ms span:before{ position:absolute; content:''; width:100%; height:4px; background:#ff783c; left:0px; bottom:-4px;}
.focus4 ul li .ms span.se:before{ position:absolute; content:''; width:100%; height:4px; background:#ff783c; left:0px; bottom:0px;}
.focus4 .btn{ width:210px; height:5px; left:0px; bottom:4px;}
.focus4 .btn span{ -webkit-transition:all 0.4s linear; float:left; width:60px; height:5px; background:#FFF; border:0px;}
.focus4 .btn span.on{ background:#ff783c; border:0px;}
.focus4 .num{ width:924px; height:1px; left:209px; bottom:6px;}
.focus4 .num div{ display:none;}
.focus4 .num p{ width:924px; height:1px; background:#FFF;  margin:0px;}
.focus4 .preNext { width:20px; height:20px; color:#FFF; bottom:0px;  font-size:20px; line-height:20px;}
.focus4 .pre{ left:auto; right:38px;}
.focus4 .next{ left:auto; right:0px;}


@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.same_tit3 h2{ color:#FFF; text-indent:60px;}
.same_tit3 p{ color:#FFF;}

.foot_main{ width:900px; margin:0 auto; overflow:hidden; padding:302px 0 0 300px;}
.foot_main dl{ width:295px; overflow:hidden; text-align:center;}
.foot_main dl dt{ text-align:center; height:130px; color:#FFF; line-height:54px; font-size:46px;}
.foot_main dl dt i{ font-weight:bold;}
.foot_main dl dd{ line-height:44px; color:#FFF; text-align:left;padding-left:104px; font-size:26px;}