@charset "UTF-8";
/*头部*/
.spiiker_header_bg{
	height:80px;
}
.spiiker_header{
	width:1000px;
	margin:auto;
}
.spiiker_logo{
	float:left;
	width:161px;
	height:80px;
	background:url(/images/logo.png) no-repeat center 15px;
}
.spiiker_slogan{
	float: left;
	width: 200px;
	height: 80px;
	margin-left: 12px;
	background: url(/event/time/images/slogan.png) no-repeat left 22px;
}
.spiiker_phone{
	float:right;
	width:350px;
	text-align:right;
	color:#666;
}
.spiiker_phone .tel{
	margin-top:28px;
	font-size:16px;
}
.spiiker_phone .tel b{
	color:#666;
}
.spiiker_phone .ph{
	font-size:12px;
}
.crumbs,
.crumbs a{
	font-size: 14px;
}
.crumbs span:first-child{
	color: #111;
	font-weight: bold;
}
/*-----banner-----*/
.banner{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 440px;
	z-index: 10;
}
.banner_1,
.banner_2,
.banner_3{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
}
.banner_4 img{
}
.banner_1{
	z-index: 9;
	background: url(/shangwu/images/banner1.jpg) no-repeat center center;
}
.banner_2{
	z-index: 8;
	background: url(/shangwu/images/banner2.jpg) no-repeat center center;
}
.banner_3{
	z-index: 7;
	background: url(/shangwu/images/banner3.jpg) no-repeat center center;
}
.tips{
	width: 100%;
	height: 100px;
	line-height: 100px;
	border-bottom: solid 1px #c8c8c8;
}
.tips_bd{
	width: 1000px;
	margin: auto;
}
.tips_bd li{
	float: left;
	width: 33.3%;
	line-height:97px;
	color: #888;
	font-size: 21px;
	text-align: center;
	border-bottom: solid 3px #fff;
	cursor: pointer;
}
.tips_bd .cursor{
	color: #ff7f14;
	border-bottom: solid 3px #ff7f14;
}

body{
	color: #222;
}
h3.title{
	padding: 60px 0;
	text-align: center;
	font-size: 40px;
	font-weight: normal;
}
h3.title .sub{
	display: block;
	padding-top: 20px;
	color: #666;
	font-size: .6em;
	line-height: 1.8em;
}
.time_btn{
	padding: 30px 0;
	text-align: center;
}
.time_btn a{
	display: inline-block;
	min-width: 300px;
	height: 56px;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 56px;
	-moz-border-radius: 56px;
	border-radius: 56px;
	background:#ff7635;
	background: linear-gradient(left,#ff8228,#ff6a42);
	background: -webkit-linear-gradient(left,#ff8228,#ff6a42);
}

/*商务英语不牢固，洽谈交易总踩“雷”*/
.business_one{
	text-align: center;
}
.arrow_down{
	margin-top: -30px;
	padding-bottom: 50px;
	text-align: center;
	font-size: 40px;
	color: #ff7f14;
	
	animation:bounce_down 1s linear infinite;
	-webkit-animation:bounce_down 1s linear infinite;
}
@-webkit-keyframes bounce_down{
	25%{ -webkit-transform:translateY(-10px); }
	50%,100%{ -webkit-transform:translateY(0); }
	75%{ -webkit-transform:translateY(10px); }
} 

@keyframes bounce_down{
	25%{ transform:translateY(-10px); }
	50%,100%{ transform:translateY(0); }
	75%{ transform:translateY(10px); }
} 

/*量身定制课程*/
.business_two li{
	float: left;
	width: 33.3%;
	padding: 10px 0 40px 0;
}
.business_two .bd{
	position: relative;
	width: 200px;
	height: 200px;
	margin: auto;
	text-align: center;
	color: #fff;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.business_two .bg1{
	background: url(/shangwu/images/2.jpg) no-repeat;
}
.business_two .bg2{
	background: url(/shangwu/images/3.jpg) no-repeat;
}
.business_two .bg3{
	background: url(/shangwu/images/4.jpg) no-repeat;
}
.business_two .bg4{
	background: url(/shangwu/images/5.jpg) no-repeat;
}
.business_two .bg5{
	background: url(/shangwu/images/6.jpg) no-repeat;
}
.business_two .bg6{
	background: url(/shangwu/images/7.jpg) no-repeat;
}
.business_two .cn{
	padding-top: 75px;
	font-size: 24px;
}
.business_two .en{
	font-size: 16px;
}
.business_two .cover{
	position: absolute;
	left: -200px;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 150px;
	padding-top: 50px;
	font-size: 20px;
	line-height: 1.8em;
	background-color: #ff7f14;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-ms-transition: left .5s ease-in-out;
	-o-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;
}
.business_two .bd:hover .cover{
	left: 0;
}
.container_bg.bg1{
	background:#f7f7f7 url(/shangwu/images/bg1.jpg) no-repeat right bottom ;
}

/*助你轻松提升英语*/
.business_three li{
	position: relative;
	float: left;
	width: 25%;
	height: 160px;
	background-color: #fff;
}
.business_three .bd{
	padding: 30px;
}
.business_three .theme{
	position: relative;
	padding-bottom: 20px;
	font-size: 24px;
}
.business_three .theme:after{
	content:"";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 30px;
	height: 2px;
	background-color: #ff7f14;
}
.business_three .txt{
	padding-top: 20px;
	color: #888;
	font-size: 14px;
}
.business_three li i{
	position: absolute;
	left: 50%;
	z-index: 11;
	margin-left: -12px;
	border-left: solid 12px transparent;
	border-right: solid 12px transparent;
}
.business_three li .arrow1{
	bottom: -12px;
	border-top: solid 12px #fff;
}
.business_three li .arrow2{
	bottom: 0;
	border-bottom: solid 12px #fff;
}

/*你将获得*/
.business_four ul{
	width: 820px;
	margin: auto;
}
.business_four li{
	float: left;
	width: 50%;
	padding-bottom: 35px;
} 
.business_four .icon{
	float: left;
	width: 10%;
	color: #ff7f14;
	font-size: 24px;
}
.business_four .txt{
	float: left;
	font-size: 18px; 
	line-height: 30px;
}

/*全球师资*/
.business_five{
	background: url(/shangwu/images/bg2.jpg) no-repeat center center;
}
.business_five li{
	float: left;
	width: 33.3%;
	padding-bottom: 100px;
}
.business_five ul{
	width: 1000px;
	margin: auto;
}
.business_five .bd{
	width: 92%;
	height:380px;
	margin: auto;
	padding: 20px 0;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px rgba(0,0,0,.1);
	-moz-box-shadow: 6px 6px 6px rgba(0,0,0,.1);
	box-shadow: 6px 6px 6px rgba(0,0,0,.1);
}
.business_five .img{
	width: 200px;
	margin: auto;
}
.business_five .name{
	position: relative;
	padding: 20px;
	font-size: 24px;
	text-align: center;
}
.business_five .name:after{
	content:"";
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 10;
	width: 30px;
	height: 2px;
	margin-left: -15px;
	background-color: #ff7f14;
}
.business_five .p{
	padding: 0 35px;
	margin: auto;
	padding-top: 15px;
	color: #888;
	font-size: 14px;
	line-height: 30px;
}
.business_five .p>span{
	display: block;
	padding-left: 10px;
	background: url(/shangwu/images/li.png) no-repeat left center;
}


/*明星学员*/
.four_bd li{
	float: left;
	width: 33.3%;
	padding-bottom: 60px;
	text-align: center;
}
.four_bd .img img{
	height: 190px;
}
.four_bd h4.title{
	padding: 20px 0;
	font-size: 18px;
	font-weight: normal;
}
.four_bd p{
	width: 270px;
	margin: auto;
	font-size: 14px;
	color: #888;
	line-height: 1.8em;
}


/*商务英语 · 学习资料  免费领取*/


/*推广页面临时样式*/
.banner_form{
	position: relative;
	width: 1000px;
	margin: auto; 
	z-index: 10;
	right: -50px;
	
}
.banner_form .form{
	padding:70px 10px 20px 10px;
}
.banner_form .regform .row{
	background:#fff;
}
.banner_form .regform .row input{
	padding:0;
}
.banner_form .regform .privacy,
.banner_form .regform .privacy a,
.banner_form .regform .privacy a:hover{
	color:#fff;
}
.form_h1{
	position:absolute;
	right:0;
	top:50px;
	z-index:100;
	width:270px;
	height:30px;
	line-height:24px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.form_h1 b{
	font-size:140%;
	color:#ff7f14;
}
.form_h1 .sub{
	font-size:.7em;
	font-weight:normal;
}
/*底部*/
.spiiker_foot{
	padding:20px 0;
	line-height:2em;
	text-align:center;
	font-size:12px;
	color:#fff;
	background-color: #333;
}


.sider li i {
	line-height:44px;
	font-size: 26px;
	margin-bottom: 6px;
}
.sider li:hover i{
	display:none;
} 

.sider li:hover .sider_txt{
	display:block;
	color:#fff;
}
.sider li a i img {
	display:block;
	width:30px;
	margin:auto;
	margin-top:7px;
}

/*---------职场英语---------*/
.business_two .bg4b{
	background: url(/shangwu/images/5b.jpg) no-repeat;
}
.business_two .bg5b{
	background: url(/shangwu/images/6b.jpg) no-repeat;
}
.business_two .bg6b{
	background: url(/shangwu/images/7b.jpg) no-repeat;
}

/*---------外贸英语---------*/
.business_two .bg3c{
	background: url(/shangwu/images/4c.jpg) no-repeat;
}
.business_two .bg4c{
	background: url(/shangwu/images/5c.jpg) no-repeat;
}
.business_two .bg5c{
	background: url(/shangwu/images/6c.jpg) no-repeat;
}


/*---------------------------------------城市专题---------------------------------*/
.city_one ul{
	float: left;
	width: 100%;
	padding-top: 60px;
}
.city_one li{
	float: left;
	width: 33.3%;
}

.city_one .bd{
	width: 90%;
	margin: auto;
	background-color: #f7f7f7;
	box-shadow:0 6px 6px rgba(0,0,0,.1);
}
.city_one .block{
	position: relative;
	padding: 90px 30px 30px 30px;
	color: #fff;
	font-size: 20px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.city_one .li1 .block{
	background-color: #ffa72a;
}
.city_one .li2 .block{
	background-color: #0cbfe7;
}
.city_one .li3 .block{
	background-color: #ff6a42;
}
.city_one .block .img{
	position: absolute;
	left: 0;
	top: -68px;
	z-index: 10;
	width: 100%;
	text-align: center;
}
.city_one .block img{
	width: 136px;
	height: 136px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.city_one p{
	padding: 30px;
	font-size: 16px;
	line-height: 1.8em;
	color: #666;
}

.city_arrow{
	width: 100%;
	height: 52px;
	background: url(/shangwu/images/arrow.png) no-repeat center center;
}

.city_two li{
	height: 300px;
	margin-bottom: 40px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.city_two p{
	width: 410px;
	padding: 30px;
}
.city_two p .t{
	position: relative;
	padding: 30px 0;
	display: block;
	font-size: 30px;
}
.city_two p .t:after{
	content:"";
	position: absolute; 
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 30px;
	height: 2px;
	background-color: #fff;
}
.city_two p .txt{
	display: block;
	padding: 30px 0;
	font-size: 18px;
}
.city_two .li1{
	background: #ffa72a url(/shangwu/images/city4.jpg) no-repeat center left;
}
.city_two .li2{
	background: #0cbfe7 url(/shangwu/images/city5.jpg) no-repeat center right;
}
.city_two .li3{
	background: #ff6a42 url(/shangwu/images/city6.jpg) no-repeat center left;
}

.city_three{
	padding-bottom: 0;
}
.city_three .bd{
	height: 430px;
	padding-left: 520px;
	background: url(/shangwu/images/city7.png) no-repeat left bottom;
}
.city_three dl{
	padding: 30px;
	width: 320px;
	color: #fff;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ff7f14;
}
.city_three dt{
	margin-bottom: 15px;
	font-size: 28px;
}
.city_three dd{
	padding-bottom: 5px;
	font-size: 16px;
}
.city_three .dl2{
	margin: 40px 0 0 40px;
}
.city_three .dot{
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	vertical-align: middle;
}
.city_three .txt{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.city_four_bg{
	height:520px; 
	background: url(/shangwu/images/city8.jpg) no-repeat center center;
}
.city_four h3.title{
	padding: 30px 0;
}
.city_four h3.title .color{
	color: #ff7f14;
}
.city_four li{
	float: left;
	width: 50%;
	padding: 15px 0;
	line-height: 22px;
	font-size: 18px;
}
.city_four .iconfont{
	font-size: 22px;
	color: #ff7f14;
	vertical-align: middle;
}
.city_four .txt{
	display: inline-block;
	margin-left: 10px;
}

.city_five{
	padding-bottom:60px;
}
.city_five h3{
	padding: 30px 0;
}
.fllow li{
	float: left;
	width: 45%;
	padding: 10px 0;
	border-bottom: solid 1px #f0f0f0;
	height:80px;
}
.fllow li:nth-child(odd){
	margin-right: 5%;
}
.fllow li:nth-child(even){
	margin-left: 5%;
}
.fllow a.title{
	display: block;
	padding-bottom: 10px;
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.fllow a.txt{
	color: #999;
	font-size: 14px;
}
.fllow a.txt:hover{
	color: #ff7f14;
}
.fllow a.txt:hover .more>span{
	color: #f26005;
}
.fllow .more>span{
	color: #ff7f14;
}

.city_six{
	padding-top: 60px;
}
.city_six .head{
	height: 215px;
	background: url(/shangwu/images/city9.jpg) no-repeat;
}
.city_six .head h3{
	padding: 30px 0;
}
.city_six .head .sub{
	padding: 20px 40px;
	font-size: 16px;
	color: #ff7f14;
}
.city_six .bd{
	padding: 30px 0;
	font-size: 16px;
	line-height: 2.4em;
	color: #333;
}
.city_six .bd p{
	text-indent:2em;
}

.city_seven{
	padding-bottom: 50px;
}
.city_seven li{
	float: left;
	width: 20%;
}
.city_seven h3{
	padding: 30px 0;
}
.city_seven li a{
	display: block;
	padding: 15px;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}