* {
	margin: 0;
	padding: 0;
}
.smile_banban{width: 20px!important; height: 20px!important; vertical-align: middle!important;}
.smile_jiandou{width: 100px; height: 100px;}
.focus{width: 320px; background: none;}
.focus .bm_c{line-height: 28px; font-size: 14px; padding: 20px;}
.focus .bm_h{border-bottom: none; padding: 5px 20px;background: #3399cc; color: #fff; font-size: 16px; border-top: none;}
.focus .bm_h a{color: #fff; font-size: 12px;}
.focus .bm_h h2{font-weight: normal;}
#index2017 *,#Nav2017 *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{border: none; outline: none;}
#avtqu .avatar{border-radius: 50%;}
.area .hm img{width: 20px; height: 20px;}
body {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft Yahei', "Helvetica Neue", Helvetica, Arial, sans-serif, 'Lucida Grande', 'Lucida Sans Unicode', Verdana;
	font-size: 12px;
	background: #fafafa;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}
ul, li, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
input {
	outline: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #dad9de;
font-weight:300;
font-size:13px;
}
a {
	text-decoration: none;
}
a:hover{text-decoration: none!important;}
#Nav2017 .content_fuild {
	height: 38px;
	background: #f5f5f5;
	line-height: 38px;
}
#Nav2017 .container {
	width: 1200px;
	margin: 0 auto;
}
#Nav2017 .nav_bar_school {
	padding-left: 0;
	float: left;
	font-size: 12px;
}
#Nav2017 .nav_bar_school li {
	display: inline;
}
#Nav2017 .nav_bar_school li a {
	color: #878c91;
	padding: 0 7px;
}
#Nav2017 .nav_bar_tell {
	float: right;
}
#Nav2017 .nav_bar_tell li {
	display: inline;
}
#Nav2017 .icon_tell {
	display: inline-block;
	width: 15px;
	height: 18px;
	vertical-align: middle;
	background: url(/public/static/open/tell.png) no-repeat center 0;
}
#Nav2017 .nav_bar_tell li a {
	padding: 0 10px;
	color: #7c7c7c;
	font-size: 12px;
}
#Nav2017 .nav_bar_tell li a:hover {
	color: #ff6949;
}
.bg-white {
	background-color: #fff;
	width: 100%;
	height: 97px;
	border-bottom: 1px solid #f1f2f4;
}
.wpn {
	width: 1200px;
	margin: 0 auto;
}
.logo-hd {
	float: left;
	width: 200px;
	height: 50px;
	padding: 25px 0;
	margin-right: 10px;
}
.logo-hd:hover {
	color: #297dba;
}
.nav-hd {
	float: left;
	max-width: 600px;
	height: 100px;
}
.nav-hd > li {
	float: left;
	position: relative;
}
.nav-hd > li > a {
	display: block;
	width: 80px;
	height: 96px;
	font-size: 14px;
	color: #34495e;
	line-height: 96px;
	text-align: center;
	border-top: 4px solid transparent;
}
.nav-hd > li.on > a {
	color: #3498db;
}
.nav-hd > li.open > a, .nav-hd > li > a:hover {
	background-color: #fff;
	box-shadow: 0px 0 2px rgba(0,0,0,.1);
	border-top: 4px solid #3498db;
}
.nav-hd .icon-down {
	margin-left: 3px;
	font-size: 12px;
	color: #b6c1c9;
}
.nav-hd .icon-n {
	position: absolute;
	top: 18px;
	right: 15px;
	width: 10px;
	height: 10px;
	background-color: #e74c3c;
	font-size: 16px;
	color: #fff;
	line-height: 10px;
	text-indent: -3px;
	border-radius: 3px;
}
.nav-hd .new-hd {
	position: absolute;
	top: 36px;
	right: 8px;
	width: 10px;
	height: 10px;
	background: url("/public/static/open/new.svg") no-repeat center center;
}
.subnav-hd {
	display: none;
	z-index: 9999999;
	position: absolute;
	top: 96px;
	left: 0;
	width: 120px;
}
.subnav-ct-hd {
	float: left;
	min-width: 80px;
	box-shadow: 0px 1px 2px rgba(0,0,0,.1);
	transition: all .2s;
}
.subnav-ct-hd > li {
}
.subnav-ct-hd > li > a {
	display: block;
	height: 40px;
	padding: 0 15px;
	font-size: 14px;
	color: #7a8e9d;
	line-height: 40px;
	background-color: #fff;
}
.subnav-ct-hd > li.on > a, .subnav-ct-hd > li > a:hover {
	font-size: 14px;
	color: #3498db;
	background-color: #eff3f5;
}
.yy {
	float: right !important;
}
.search-hd {
	position: relative;
	float: left;
	width: 50px;
	height: 70px;
	padding-top: 15px;
	transition: width .5s;
}
.search-select {
	position: absolute;
	float: left;
	width: 26px;
	height: 70px;
	transition: width .2s;
}
.search-select .search-val {
	float: left;
	width: 0;
	border-color: transparent;
	height: 22px;
	margin: 15px 0;
	padding: 8px 12px;
	font-size: 14px;
	color: #34495e;
	line-height: 22px;
	transition: width .2s;
	-webkit-box-sizing: content-box!important;
	box-sizing: content-box!important;
}
.search-select .search-val:focus {
	box-shadow: none;
}
.search-hd .search-hd-btn {
	position: absolute;
	right: 0;
	z-index: 1;
	float: left;
	width: 49px;
	height: 70px;
	padding: 0;
	background-color: #fff;
	opacity: 1;
}
.search-hd .search-hd-btn .icon-search {
	display: block;
	font-size: 24px;
	color: #d4dce2;
	line-height: 70px;
	text-align: center;
	transition: color .2s;
}
.search-hd .options {
	display: none;
	z-index: 90;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
.search-hd .options li {
	height: 44px;
	line-height: 44px;
}
.search-hd .options li a {
	display: block;
	padding: 0 12px 0 20px;
	font-size: 14px;
	color: #7a8e9d;
}
.search-hd .options li.on a, .search-hd .options li a:hover {
	background-color: #ecf0f1;
	color: #3498db;
	font-weight: bold;
}
/**/
.search-hd .search-status {
	position: absolute;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity .5s;
}
.search-hd.on {
	width: 220px;
}
.search-hd.on .search-status {
	visibility: visible;
	opacity: 1;
}
.search-hd.on .search-select {
	width: 170px;
}
.search-hd.on .search-select .search-val {
	width: 144px;
}
.search-hd.on .search-hd-btn .icon-search, .search-hd .search-hd-btn .icon-search:hover {
	color: #3498db;
}
/**/
.login-hd {
	float: left;
	width: 80px;
	height: 95px;
	position: relative;
	z-index: 10;
}
.login-hd .a {
	border-top-color: #3498db;
	background-color: #fafafa;
}
#mcaidan img{vertical-align: middle; width: 20px; height: 20px; margin-right: 5px;}
.login-hd a {
	display: block;
	padding: 0 10px;
	width: 80px;
	height: 97px;
	border-top: 4px solid transparent;
	font-size: 14px;
	color: #3498db;
	line-height: 96px;
	text-align: center;
	cursor: pointer;
}
.login-hd a:hover {
	border-top-color: #3498db;
	background-color: #fafafa;
}
.login-hd a i {
	font-size: 18px;
	color: #3498db;
}
.nav_list {
	float: left;
	width: 104px;
}
.nav_list li {
	float: left;
	font-size: 14px;
	color: #404144;
	line-height: 68px;
	position: relative;
}
.nav_list ol li a {
	float: left;
	font-size: 20px;
	height: 100px;
	line-height: 106px;
	padding: 0 16px;
}
.morea, .moreb {
	background: #2e8bff;
	color: #fff;
}
.morea .hidea, .morea #openvip, .moreb .hideb {
	display: none!important;
}
.morea .showa, .morea #openvip, .moreb .showb {
	display: block!important;
}
.nav_list ol li a i {
	margin: 0;
}
.nav_list li.app_down i {
	font-size: 22px;
}
.nav_list li.app_down .app_code_img {
	position: absolute;
	left: -123px;
	top: 96px;
	display: none;
	z-index: 99999;
}
.nav_list li.app_down .app_code_img .triangle_ico {
	left: 148px;
	top: -15px;
}
.nav_list li.app_down .app_code_img .triangle_ico span {
	border-width: 8px;
	margin-left: -8px;
	top: -7px;
}
.nav_list li.app_down:hover .app_code_img {
	display: block;
}
.nav_list ol li {
	position: relative;
}
.nav_list .more_div {
	display: block;
	width: 420px;
	padding: 19px;
	position: absolute;
	border: 1px solid #f1f2f4;
	top: 96px;
	left: -183px;
	background: #fff;
	z-index: 99999;
}
.nav_list .more_div h3 {
	color: #191e24;
	font-size: 17px;
	line-height: 40px;
	font-weight: normal;
}
.nav_list .more_div dl {
	border-bottom: 1px solid #dddddd;
	display: inline-block;
	padding-bottom: 9px;
	margin-bottom: 14px;
}
.nav_list .more_div dd {
	width: 95px;
	padding-bottom: 7px;
	text-align: left;
	float: left;
	color: #71777e;
	line-height: 26px;
}
.nav_list .more_div dd a {
	color: #71777e;
	padding: 0;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
}
.nav_list .more_div dd a:hover {
	color: #2e8bff;
	background: none;
}
.more_div ul {
	display: inline-block;
	padding-bottom: 8px;
}
.more_div li {
	width: 190px;
	float: left;
	line-height: 55px;
}
.more_div li i {
	font-size: 30px;
	margin-right: 9px;
	color: #71777e;
	background: none;
}
.more_div .nav_vip_btn {
	background: #5ea6ff;
	display: block;
	line-height: 50px;
	border: 1px solid #5698e9;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	height: auto;
	float: none;
}
.more_div .nav_vip_btn i {
	font-size: 20px;
	background: none;
	margin-right: 7px;
}
.app_code_img {
	position: absolute;
	left: -120px;
	top: 100%;
	display: none;
}
.triangle_ico {
	border-width: 8px;
	border-color: transparent transparent #f1f2f4 transparent;
	border-style: dashed dashed solid dashed;
	position: absolute;
	left: 50%;
	margin-left: -9px;
	top: -16px;
	display: inline-block;
}
#openvip li img {
	margin-right: 10px;
}
.triangle_ico span {
	border-width: 6px;
	border-color: transparent transparent #fff transparent;
	border-style: dashed dashed solid dashed;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: -4px;
	display: inline-block;
}
.nav_list ol li a img {
	margin-top: 40px!important;
}
.nav-hd .open .subnav-hd {
	display: block;
}
.nav-hd li a img {
	margin-left: 4px;
}
.homepage-layout{width: 100%; min-width: 1200px;}
.slider-wrapper {
	position: relative;
	width: 100%; min-width: 1200px;
	overflow: hidden;
	padding-top: 15px;
}
.nivoSlider {
	position: relative;
	width: 1200px;
	height: 350px;
	margin: 0 auto;
	top: 0;
}
.nivoSlider img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none
}
.nivo-main-image {
	display: block!important;
	position: relative!important;
	width: 100%!important
}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	filter: alpha(opacity=0);
	opacity: 0
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden
}
.nivo-box img {
	display: block
}
.nivo-directionNav a {
	opacity: 0;
	transition: opacity .3s;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	cursor: pointer;
	width: 65px;
	text-indent: -99px;
	overflow: hidden
}
.slider-wrapper:hover .nivo-directionNav a {
	opacity: 1
}
.nivo-prevNav {
	background: url("/public/static/open/146469826445866.png") no-repeat center center;
	left: -65px
}
.nivo-nextNav {
	background: url("/public/static/open/146597225080281.png") no-repeat center center;
	right: -65px
}
.nivo-controlNav {
	opacity: 0;
	transition: opacity .3s;
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 10;
	padding: 4px 16px;
	border-radius: 20px;
	background-color: rgba(0,0,0,.15);
	filter: alpha(opacity=15);
	font-size: 0
}
.nivo-controlNav a {
	padding: 5px;
	display: inline-block;
	cursor: pointer
}
.nivo-controlNav a span {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: rgba(255,255,255,.4);
	filter: alpha(opacity=40);
	transition: width .3s ease-out
}
.nivo-controlNav a.active span {
	width: 30px
}
.slider-wrapper:hover .nivo-controlNav {
	opacity: 1
}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	filter: alpha(opacity=0);
	opacity: 0;
}
#Infor {
	margin-bottom: 60px
}
#Infor .infor_group {
	padding-left: 0;
	text-align: center
}
.infor_group li {
	width: 240px;
	height: 136px;
	float: left;
	cursor: default;
	background: #fff;
	padding-top: 25px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.infor_group li .icons {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	width: 38px;
	height: 36px;
	position: relative;
	left: 8px
}
.infor_group li .icon_eye {
	background: url(/public/static/open/infor.png) no-repeat 1px center
}
.infor_group li .icon_edit {
	background: url(/public/static/open/infor.png) no-repeat -36px center
}
.infor_group li .icon_user {
	background: url(/public/static/open/infor.png) no-repeat -74px center
}
.infor_group li .icon_calendar {
	background: url(/public/static/open/infor.png) no-repeat -110px center
}
.infor_group li .icon_hospital {
	background: url(/public/static/open/infor.png) no-repeat -148px center
}
.infor_group li span i {
	display: block
}
.infor_group li .tlips {
	height: 84px;
	padding-top: 20px;
	border-right: solid 1px #dcdcdc;
	padding-left: 15px
}
.infor_group li:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.12);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.12);
	box-shadow: 0 5px 10px rgba(0,0,0,.12)
}
.infor_group li .area_tlips {
	border-right: none
}
.infor_group li a {
	color: #535353
}
.container {
	width: 1200px;
	margin: 0 auto;border:none!important; background: none!important; position: inherit!important; padding: 0!important;
}
.tlips_lengend {
	margin-left: 20px;
	width: 170px
}
.tlips_lengend span {
	font-size: 20px;
	display: block;
	text-align: left;
	text-indent: 10px
}
.tlips_lengend span+i {
	font-style: normal;
	color: #9C9B9B;
	font-size: 12px
}
.infor_group li a:hover {
	color: #ff6949
}
.pos{position:relative; width: 1200px; margin: 0 auto;}.h-screen{float:left;margin-top:15px}.h-screen li{position:relative;float:left}.h-screen li a{display:block;height:40px;margin-right:25px;padding:0 25px;font-size:14px;color:#7c7c7c;line-height:40px;text-align:center}.h-screen li a:hover{color:#3498db}.h-screen li a .num{position:relative;display:inline-block;height:18px;line-height:18px;margin-left:10px;padding:0 3px;background-color:#3498db;font-size:12px;color:#fff}.h-screen li a .num:after,.h-screen li a .num:before{content:"";width:0;height:0;position:absolute;border-style:solid}.h-screen li a .num:before{top:0;left:-6px;border-color:transparent #3498db transparent transparent;border-width:9px 6px 9px 0}.h-screen li a .num:after{top:0;right:-6px;border-color:transparent transparent transparent #3498db;border-width:9px 0 9px 6px}.h-screen li.on a{border:1px solid #3498db;border-radius:20px;font-weight:700;color:#3498db}.h-screen li.on a:hover{border-color:#3498db}.h-screen li.on a .num{display:none}.h-soup{float:right; padding-top: 15px;}
.divide{width: 100%; clear: both;}
/*~{?N3LAP1m~}*/
.lesson_list{width: 1200px; margin: 10px auto;}
.lesson_list .list{min-height:150px;font-size:0;-webkit-text-size-adjust:none;margin-left:-9px;margin-right:-9px}
.lesson_list .list.loading{background:url(imgss/third-common/loading.gif) center center no-repeat #eee}
.lesson_list .list li{display:inline-block;width:304.5px;height:270px;padding:12px 9px 21px;font-size:18px;position:relative;z-index:1;
margin-bottom:10px}.lesson_list .list li>div{display:inline-block;width:100%;height:100%}
.lesson_list .list li>div .pic{position:relative;background:#eee url(imgss/third-common/loading.gif) no-repeat center center;
display:block;margin-bottom:12px;height:177.3px;overflow:hidden}
.lesson_list .list li>div .pic img{display:block;width:100%;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;height:100%}
.lesson_list .list li>div .pic .info{position:absolute;bottom:0;left:0;right:0;background-color:#000;background-color:rgba(0,0,0,0.35);
color:#fff;font-size:12px;line-height:30px;padding-left:10px;height:30px;overflow:hidden}
.lesson_list .list li>div .pic .info .playing{float:right;width:80px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.lesson_list .list li>div .pic .info .playing .btn{display:block;background:#009aff;border-radius:0}
.lesson_list .list li>div .pic .info .playing .btn-classroom{background-color:#007dcf;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.lesson_list .list li>div .pic .info .playing .living{float:none;color:#fff}
.lesson_lesson_listlist .list li>div .pic .info .playing .living:before{background:url(/static/images/course/play/icon-play2.png) no-repeat;
background:url(/static/images/course/play/icon-play2.gif) \9;vertical-align:-2px;margin-right:1px}
.lesson_list .list li>div .details h3{line-height:22px;font-size:16px;margin-top:19px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;word-break:keep-all;max-width:100%; font-weight: 400;}
.lesson_list .list li>div .details h3 a{color:#565656;cursor:pointer}
.lesson_list .list li>div .details h3 a:hover{color:#50a9fd}
.lesson_list .list li>div .details .row{line-height:26px;font-size:12px;color:#848e99}
.lesson_list .list li>div .details .row a{cursor:pointer;color:#50a9fd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
word-break:keep-all;max-width:150px}.lesson_list .list li>div .details .row a:hover{color:#007dcf}
.lesson_list .list li:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:0px;margin:auto;z-index:-1;
transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s}.lesson_list .list li:hover>div,.lesson_list .list li.active>div{background-color:#fff;transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s}
.lesson_list .list li:hover>div .pic img,.lesson_list .list li.active>div .pic img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);
transform:scale(1.15)}.lesson_list .list li:hover>div .playing,.lesson_list .list li.active>div .playing{margin-top:-30px}
.lesson_list .list li:hover:before,.lesson_list .list li.active:before{background-color:#fff;box-shadow:0 0 9px 1px #ccc}
.lesson_list-list li .section{padding-bottom:50px}
/*~{WwF7NDUBAP1m<r5%7VR3~}*/
.h_page { display: table; margin: 0 auto; width: auto; height: 40px; }
.h_page ul { }
.h_page ul li { float: left; }
.h_page ul li a { display: block; width: 40px; height: 40px; margin: 0 10px; border: 1px solid #bdc3c7; border-radius: 50%; font-size: 20px; color: #bdc3c7; text-align: center; line-height: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  .h_page ul li a:hover,
.h_page ul li a.on { color: #2d3e4f; border-color: #2d3e4f; font-weight: bold; }
.h_page ul li:last-child a { line-height: 25px; }
/*~{?4<{Dc5DN4@4~}*/
.q_sprit {
    background-image: url("/public/static/open/one.png");
    background-repeat: no-repeat;
}
.titlef_f {
    font-size: 36px; font-weight: 400;
    color: #535353;
    line-height: 80px;
}
.btnss{padding: 10px 20px; background: #3399cc; color: #fff; text-align: center; border: none; border-radius:5px;}
.btns {
    line-height: 50px;
    margin-top: 50px;
}.btns a {
    margin: 0 10px;
    cursor: pointer;
    text-decoration: none;
}.btn-primary {
    background: #FF6632;
    color: #FFF;
}
.btn {
    padding: 12px 30px;
    font-size: 18px;
    border: solid 2px;
    border-radius: 30px;
}
.see_future {
    width: 100%; min-width: 1200px;
    background: url("/public/static/open/four.png") center center no-repeat;
    height: 770px; padding-top: 30px;
    text-align: center;
}

.see_future .cont {
    position: relative;
    width: 1200px;
    height: 470px;
    margin-left: auto;
    margin-right: auto;
	margin-top: -50px;
}

.see_future .cont .img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -32px;
    height: 480px;
    background-position: -725px -563px;
    width: 65px;
}

.see_future .cont .q_text {
    position: absolute;
    height: 64px;
    line-height: 64px;
    border-right: 3px solid #dedede;
    border-bottom: 2px solid #dedede;
    font-size: 18px; font-family: Microsoft Yahei; color: #6bb0e7;
    left: 50%;
    width: 380px;
    margin-left: -190px;
    top: -55px;
    background-color: #ffffff;
}
.see_future .part {
    position: absolute;
    top: 0;
    height: 100%;
}

.see_future .q_left {
    left: 0;
}

.see_future .q_right {
    right: 0;
}

.see_future .part div {
    width: 540px;
    height: 119px;
    box-sizing: border-box;
    margin-top: 30px;
	margin-bottom: 48px;
	cursor: pointer;
}

.see_future .q_left div {
    padding-left: 70px;
}

.see_future .q_right div {
    padding-right: 70px;
}

.see_future .q_right div div {
    float: right;
}

.see_future .q_left .item1 {
    background-position: -817px -513px;
}

.see_future .q_left .item2 {
    background-position: -817px -635px;
}

.see_future .q_left .item3 {
    background-position: -817px -755px;
}

.see_future .q_right .item1 {
    background-position: -803px -876px;
}

.see_future .q_right .item2 {
    background-position: -803px -995px;
}

.see_future .q_right .item3 {
    background-position: -803px -1114px;
}

.see_future .q_sprit div {
    text-align: center;
    width: 380px; padding-top: 5px;
}

.see_future .q_sprit div h3 {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #54B3EB;
	font-weight: 400;
}

.see_future .q_sprit div p {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
}
/*~{Q'O0R}Gf~}*/
@font-face {font-family: "iconfont";
  src: url('/public/static/open/iconfont.eot'); /* IE9*/
  src: url('/public/static/open/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/public/static/open/iconfont.woff') format('woff'), /* chrome, firefox */
  url('/public/static/open/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/public/static/open/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-jiaoshi:before { content: "\e645"; }
.icon-shanxiyidongduankaoqinjiankongzhishikushouye03-copy:before { content: "\e65f"; }
.icon-guanli:before { content: "\e722"; }
.icon-liaotian:before {
    content: "\e668";
}.icon-xiaoshou1:before {
    content: "\e667";
}
.text-center {
    text-align: center;
}.mtl {
    margin-top: 20px;
}
.homepage-layout-header {
  font-size: 48px;
  color: #313131;
  letter-spacing: 5px;
  line-height: 1;
}
.homepage-layout-course .homepage-layout-body {
  margin-top: 80px;
  height: 470px;
}
.course-item {
  position: relative;
  display: block;
  height: 350px;
  width: 17%;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-top-width: 5px;
  overflow: hidden;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.course-item.active {
  width: 32%;
  height: 432px;
  border-color: #6bb0e7; margin-left: -1px; margin-right: -1px; z-index: 9999;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}
.course-item.active .course-item-overview {
  opacity: 0;
}
.course-item.active .course-item-detail {
  opacity: 1;
}
.course-item-overview {
  position: absolute;
  left: 0;
  right: 0;
  height: 350px;
  opacity: 1;
  padding-top: 36px;
}
.course-item-overview .course-item-header i {
  font-size: 36px;
  line-height: 1; color: #6bb0e7;
}
.course-item-overview .course-item-body {
  margin-top: 40px;
  font-size: 14px;
  color: #313131;
  line-height: 16px;
}
.course-item-overview .course-item-title {
  margin-top: 20px;
  font-size: 18px;
  color: #313131;
  font-weight: bold;
}
.course-item-overview .course-item-line {
  width: 50px;
  height: 1px;
  margin: 20px auto 0 auto;
  background-color: #e1e1e1;
}
.course-item-detail {
  opacity: 0;
  padding: 36px 30px 0 30px;
  height: 490px;
  min-width: 375px;
}
.course-item-detail .course-item-header {
  color: #6bb0e7;
  line-height: 1;
}
.course-item-detail .course-item-header i {
  font-size: 36px;
  vertical-align: middle;
}
.course-item-detail .course-item-header span {
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}
.course-item-detail .course-item-line {
  width: auto;
  height: 1px;
  margin: 25px auto 0 auto;
  background-color: #e1e1e1;
}
.course-item-detail .course-item-body {
  margin-top: 28px;
}
.course-item-detail .course-intro-item + .course-intro-item {
  margin-top: 30px;
}
.course-item-detail .course-intro-item-header {
  color: #313131;
}
.course-item-detail .course-intro-item-header i {
  font-size: 24px;
  line-height: 1px;
  vertical-align: middle;
  color: #616161;
}
.course-item-detail .course-intro-item-header span {
  color: #313131;
  font-size: 18px;
  vertical-align: middle;
}
.course-item-detail .course-intro-item-body {
  margin-top: 5px;
  line-height: 24px;
  font-size: 14px;
  color: #616161;
}
.containers {
	width: 1200px;
	margin: 0 auto;
}
/*~{NJ4p~}*/
dl.c-hd{text-align: center;padding: 55px 0 35px; width: 300px; margin: 0 auto;}
dl.c-hd dt{font-size: 36px;padding: 4px 0; position: relative;color: #000;border-bottom: 1px solid #eee;}
dl.c-hd dt i.ico_line{width: 41px;height: 3px;background: #37b8cd;position: absolute;left:50%;bottom:-2px;margin-left: -20px;}
dl.c-hd dd{font-size: 12px;color: #999;padding: 10px 0;}
.ask_index_list a{color: #565656;}
.ask_index_list{overflow:hidden; height: 308px; display:inline-block}.ask_index_list div{float:left;width:301px;height:308px;padding:0 18px;padding-bottom:15px;overflow:hidden;border-left:1px solid #e1e1e1;margin-left:-1px;position:relative}.ask_index_list div dt{font-size:16px;padding-bottom:20px;margin-bottom:10px;color:#333;float:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}.ask_index_list div dd{font-size:12px;color:#666;display:inline;height:84px;float:left;width:100%;line-height:28px;overflow:hidden;background:#fff}.ask_index_list div dd a{white-space:nowrap}.ask_index_list dl{background:#fff;width:100%;padding-bottom:15px;padding-top:18px;margin-bottom:5px;float:left;background:#fff;position:relative;z-index:9}.ask_index_list ul{background:#fff;width:100%;float:left;padding-bottom:60px;position:relative;z-index:5}.ask_index_list ul li{text-align:center;width:100%;float:left;display:inline-block;font-size:14px;color:#666;margin-top:13px}.ask_index_list ul li .img{height:80px}.ask_index_list ul li img{width:80px;height:80px;border-radius:50%;overflow:hidden}.ask_index_list ul li.name{padding-bottom:20px}.ask_index_list ul li.desc{font-size:12px;color:#666;line-height:22px;margin-top:13px}.ask_index_list ul .more{width:136px;padding:9px 0 10px 0;display:block;border:1px solid #666;border-radius:5px;color:#666;text-align:center;margin:0 auto;font-size:14px;line-height:14px}.ask_index_list ul .more:hover{background:#288ce6;border:1px solid #288ce6;color:#fff}.wp{width:1200px; margin: 0 auto;}
.icourse-footer {padding: 20px 0 20px;text-align: center;}.icourse-footer a {display: inline-block; background:#fff; width: 118px;border-radius: 50px;height: 38px;line-height: 38px;border: 1px solid #d0d6d9;font-size: 18px;color: #363d40;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}.icourse-footer a:hover{background-color: #d0d6d9;}

.fctitles{height:60px;line-height:60px;border-bottom:1px solid #ededed;margin-bottom:20px;font-size:22px;color:#333333;}.jyflash{width:540px;height:400px;position:relative;}.jyflash ul.piucs{}.jyflash ul.piucs li{width:540px;}.piuspis{}.piuspis img{width:540px;height:300px;}.jyflash ul.piucs li h5{height:35px;line-height:35px;overflow:hidden;margin:5px 0;}.jyflash ul.piucs li h5 span{display:inline-block;padding:0 8px;height:22px;line-height:22px;border-radius:2px;background:#04B7F2;color:#fff;font-size:12px;margin-right:10px;font-weight:normal;}.jyflash ul.piucs li h5 a{display:inline-block;font-size:16px;color:#333;font-weight:normal;}.jyflash ul.piucs li h5 a:hover{color:#04B7F2;}.jyflash ul.piucs li p{font-size:12px;color:#999;line-height:25px;}.jyflash .hd{overflow:hidden;zoom:1;position:absolute;top:-53px;right:0px;z-index:3}.jyflash .hd li{float:left;width:13px;height:13px;cursor:pointer;background:#adadad;border-radius:100%;margin-left:4px;filter:alpha(opacity=80);opacity:.8;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}.jyflash .hd .on{background:#04B7F2;filter:alpha(opacity=100);opacity:1;}.fcbr{width:612px;float:right;margin-bottom:20px;}.fctitles a{display:inline-block;float:right;height:60px;line-height:60px;color:#999;font-size:14px;}.fctitles a:hover{color:#04B7F2;}.sumitbox{}.sumitbox ul li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ededed;}.sumitbox ul li:last-child{border-bottom:0;}.sbl{width:120px;height:80px;float:left;}.sbl img{width:120px;height:80px;}.denasbr{float:right;width:470px;}.denasbr h5{overflow:hidden;height:33px;line-height:33px;font-weight:normal;}.denasbr h5 a{font-size:16px;color:#333;}.denasbr h5 a:hover{color:#04B7F2;}.denasbr p{font-size:12px;color:#999;line-height:22px;}.newslists{}.newslists ul li{position:relative;height:34px;line-height:34px;overflow:hidden;}.newslists ul li span{background:#bfbfbf;padding:0 7px;height:20px;line-height:20px;display:inline-block;margin-right:10px;border-radius:2px;font-size:12px;color:#fff;float:left;}.newslists ul li a{display:inline-block;font-size:14px;height:20px;line-height:20px;float:left;color:#333;}.newslists ul li i{display:inline-block;width:23px;float:left;height:12px;margin-left:10px;background:url(hot.png) center no-repeat;}.newslists ul li span.bgs1{background:#FBAE5C}.newslists ul li span.bgs2{background:#3DE3E1}.newslists ul li span.bgs3{background:#77D986}.newslists ul li a:hover{color:#04B7F2;}.ads{}.ads ul{width:1208px;}.ads ul li{width:580px;float:left;margin:0 20px 20px 0;}.ads ul li img{width:580px;}.lines{width:50px;height:1px;background-color:#ccc;margin-top:5px;}.tcdes{font-size:14px;color:#666;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tcjj{font-size:12px;color:#666;line-height:22px;height:70px;overflow:hidden;}.img-triangle-left{left:0;border-right:0 solid transparent;border-left:12px solid #eee;position:absolute;top:80px;width:0;height:0;display:block;background:transparent;border-top:15px solid transparent;border-bottom:15px solid transparent;}.info-triangle-right{position:absolute;top:82px;width:0;height:0;background:transparent;border-top:12px solid transparent;border-bottom:12px solid transparent;z-index:3;right:-10px;border-right:0 solid transparent;border-left:10px solid #fff;}.bbsc{}.fcscl{width:700px;float:left;margin-bottom:20px;}.fcscl ul li{height:90px!important;border-bottom:1px dashed #ededed;position:relative;padding-left:40px;margin-bottom:10px;padding-bottom:10px;}.fcscl ul li:last-child{border-bottom:0;}.fcscl ul li em{display:block;width:1px;height:80px;background:#ededed;position:absolute;left:16px;top:0;}.fcscl ul li i.dots{display:block;position:absolute;top:35px;left:10px;width:14px;height:14px;}.fctx{width:70px;float:left; margin-top: 5px;}.fctx a{width:70px;display:block;position:relative;float:left;}.fctx a i{display:block;width:15px;height:15px;line-height:15px;border-radius:100%;position:absolute;top:0;right:12px;background:#FF6060;color:#fff;text-align:center;font-size:12px;}.fctx a img{width:45px;height:45px;border-radius:100%;margin:0 auto;display:block;}.fctx a span{height:20px;line-height:20px;width:70px;overflow:hidden;padding:0;text-align:center;color:#04B7F2;font-size:12px;display:block;margin-top:6px;border-radius:2px;}.fcyc{float:right;width:575px;}.fcyctop{margin-bottom:10px; margin-top: 8px;}.fcyctl{float:left;width:400px;height:20px;overflow:hidden;}.fcyctl span{display:inline-block;float:left;margin-top:2px;height:17px;line-height:17px;width:15px;border-radius:3px;background:#FF6060;color:#fff;text-align:center;font-size:12px;}.fcyctl a{height:20px;line-height:20px;display:inline-block;margin-left:10px;font-size:16px;color:#333;width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.fcyctl a:hover{color:#04B7F2}.fcyctr{float:right;width:50px;height:20px;line-height:20px;background:#FBAE5C;font-size:12px;color:#fff;text-align:center;border-radius:3px;}.fcycbottom{font-size:14px;color:#999;line-height:40px; height: 40px; overflow: hidden;}.fcycbottom span{display:inline-block;height:17px;line-height:17px;margin-right:10px;width:15px;border-radius:3px;background:#77D986;color:#fff;text-align:center;font-size:12px;}
.fcscl .tempWrap{height:380px!important;}.fcscr{width:440px;float:right;margin-bottom:20px;}.fctitlesx{margin-bottom:0;}.qua{width:438px;height:400px;border-top:0;}.qa_tab{height:50px;border-bottom:1px solid #ededed;}.qa_tab ul{width:450px}.qa_tab ul li{float:left;height:50px;width:94px;text-align:center;line-height:50px;padding:0 15px;margin:0 10px 0 0;}.qa_tab ul li a{color:#666666;font-size:14px;}.qa_tab ul li.selected{border-bottom:1px solid #FF6060;}.qa_tab ul li.selected a{color:#FF6060;}.qa_body{}.qa_body ul li{display:none;}.qaboxlist{width:438px;margin:10px auto 0;}.qaboxlist dl dd{height:49px;border-bottom:1px dashed #eeeeee;line-height:49px;font-size:14px;overflow:hidden;color:#666666;}.qaboxlist dl dd:last-child{border-bottom:0;}.qaboxlist dl dd em{color:#666666;padding:0 5px;display:inline-block;float:left;}.qaboxlist dl dd a{font-size:14px;color:#666666;display:inline-block;float:left;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.qaboxlist dl dd a:hover{color:#FF6060}.qaboxlist dl dd span{display:inline-block;float:right;font-size:12px;color:#aaa;}.clear {
    clear: both;
}
/*~{NRCG5DSEJF~}*/

.index_title {
    font-family: 'Microsoft YaHei';
    margin: 45px auto 18px auto;
    width: 1200px;
    text-align: left;
    overflow: hidden;
}
.index_line {
    border-bottom: 1px solid #e1e1e1;
    overflow: visible !important;
}.index_title .h_01 {
    font-size: 28px;
    color: #333333;
    float: left;
    font-weight: normal;
}
.index_line .h_01 {
    background: #fff;
    margin-bottom: -14px;
    padding-right: 12px;
}.index_main {
    width:1200px;
    margin:0 auto;
    overflow:hidden;
    font-family:'Microsoft YaHei';
}.us_goods {
    margin-bottom:48px;
    display:inline-block;
}
.us_goods dl {
    border-right:1px solid #e9e9e9;
    text-align:center;
    width:200px;
    color:#555555;
    float:left;
    margin-top:40px;
    padding-top:4px;
    padding-bottom:9px;
}
    .us_goods dl.nob {
        border-right:none;
    }
    .us_goods dt {
        margin-bottom:13px;
    }
    .us_goods dd {
        line-height:28px;
		font-size: 12px; padding-top: 10px;
        }
    .us_goods dd strong {
        display:block;
        font-size:16px;
    }
    .us_goods a {
        color:#555555;
        display:block;
    }
.quick-list { display: none; z-index: 90; position: absolute; top: 97px; right: 0; box-shadow: 0px 1px 2px rgba(0,0,0,.1); }
.quick-list li { float: left; }
.quick-list li a { display: block; width: 130px; height: 40px; font-size: 14px; color: #7a8e9d; line-height: 40px; border-top: none;  /*text-indent: 25px;*/ background-color: #fff; }
.quick-list li a i { float: left; margin-left: 20px; margin-right: 6px; font-size: 18px; color: #647587; line-height: 40px; }
.quick-list li a:hover { font-size: 14px; color: #3498db; background-color: #eff3f5; border-top: none; }
.quick-list li a:hover i {}

#part6 {
    height: 620px;
    background: #fff;
	padding-top: 60px;
}
#part6 .wrap {
    width: 1200px;
    margin: 0 auto;
}
#part6 .cf {
    zoom: 1;
}
    #part6 h2 {
        font-size: 44px;
        font-weight: 500;
        margin-top: 65px;
        margin-bottom: 35px;
        color: #333;
    }
    .state {
        float: left;
        width: 468px; margin-right: 160px; text-align: center;
    }

#part6 .state p {
    font-size: 18px;
    line-height: 40px;
    color: #666;
}
    .media {
        position: relative;
        float: left;
        width: 532px;
        height: 392px;
        margin-top: 70px;
        background: url('/public/static/open/part6-1.jpg') 0 0 no-repeat;
        background-size: 100% 100%;
    }
    #part6 i {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}
@-webkit-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-moz-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-ms-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes circle2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes circle2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes circle2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
    .ora-1 {
        top: -30px;
    right: 240px;
    width: 36.5px;
    height: 36px;
    -webkit-animation: circle 4s infinite linear;
    -moz-animation: circle 4s infinite linear;
    -ms-animation: circle 4s infinite linear;
    animation: circle 4s infinite linear;
        background-image: url(/public/static/open/ora_1.png);
    }
    .ora-2 {
        top: -13px;
        left: 163px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle2 6s infinite linear;
        -moz-animation: circle2 6s infinite linear;
        -ms-animation: circle2 6s infinite linear;
        animation: circle2 6s infinite linear;
        background-image: url(/public/static/open/ora_2.png);
    }
    .ora-3 {
        top: -4px;
        right: 148px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle 6s infinite linear;
        -moz-animation: circle 6s infinite linear;
        -ms-animation: circle 6s infinite linear;
        animation: circle 6s infinite linear;
        background-image: url(/public/static/open/ora_2.png);
    }
    .blue-1 {
        top: 90px;
        left: 75px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle2 6s infinite linear;
        -moz-animation: circle2 6s infinite linear;
        -ms-animation: circle2 6s infinite linear;
        animation: circle2 6s infinite linear;
        background-image: url(/public/static/open/blue_1.png);
    }
    .blue-2 {
        top: 85px;
        left: 180px;
        width: 164px;
        height: 164px;
        -webkit-animation: circle 8s infinite linear;
        -moz-animation: circle 8s infinite linear;
        -ms-animation: circle 8s infinite linear;
        animation: circle 8s infinite linear;
        background-image: url(/public/static/open/blue_2.png);
    }
    .blue-3 {
        bottom: 150px;
        left: 80px;
        width: 39px;
        height: 38.5px;
        -webkit-animation: circle 4s infinite linear;
        -moz-animation: circle 4s infinite linear;
        -ms-animation: circle 4s infinite linear;
        animation: circle 4s infinite linear;
        background-image: url(/public/static/open/blue_3.png);
    }
    .red-1 {
        bottom: 68px;
        left: 121px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle 5s infinite linear;
        -moz-animation: circle 5s infinite linear;
        -ms-animation: circle 5s infinite linear;
        animation: circle 5s infinite linear;
        background-image: url(/public/static/open/red_1.png);
    }
    .red-2 {
        bottom: 80px;
        left: 230px;
        width: 59px;
        height: 59px;
        -webkit-animation: circle2 4s infinite linear;
        -moz-animation: circle2 4s infinite linear;
        -ms-animation: circle2 4s infinite linear;
        animation: circle2 4s infinite linear;
        background-image: url(/public/static/open/red_2.png);
    }
    .green-1 {
        right: 90px;
        bottom: 135px;
        width: 36px;
        height: 35.5px;
        -webkit-animation: circle 4s infinite linear;
        -moz-animation: circle 4s infinite linear;
        -ms-animation: circle 4s infinite linear;
        animation: circle 4s infinite linear;
        background-image: url(/public/static/open/green_1.png);
    }
    .green-2 {
        top: 214px;
        right: 127px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle 6s infinite linear;
        -moz-animation: circle 6s infinite linear;
        -ms-animation: circle 6s infinite linear;
        animation: circle 6s infinite linear;
        background-image: url(/public/static/open/green_2.png);
    }
    .green-3 {
        top: 115px;
        right: 77px;
        width: 110px;
        height: 110px;
        -webkit-animation: circle2 5s infinite linear;
        -moz-animation: circle2 5s infinite linear;
        -ms-animation: circle2 5s infinite linear;
        animation: circle2 5s infinite linear;
        background-image: url(/public/static/open/green_2.png);
    }
.ui-list-icons li{float:left;width:166px;margin-bottom:8px;margin-right:10px; list-style-type:none}
.long-logo {width:580px; }

.long-logo .icon-box,.long-logo .icon-box-commend,.long-logo .icon-box-kj{width:130px;background-color:#fff!important;line-height:30px}
.long-logo .bank-num{float:right;padding-top:8px}

.long-logo .icon-box .icon,.long-logo .icon-box-commend .icon,.long-logo .icon-box-kj .icon{float:left;width:116px;padding:0}


.long-logo .xbox .ui-list-icons{_margin-left:-10px; *margin-left:-10px;*margin-top:5px;}
.icon-box{ width:126px;border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color:#eee}  

.icon-box1{ BACKGROUND: url(bank_list.gif) no-repeat 6px -324px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box2{ BACKGROUND: url(bank_list.gif) no-repeat 6px -370px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box3{ BACKGROUND: url(bank_list.gif) no-repeat 6px -278px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box4{ BACKGROUND: url(bank_list.gif) no-repeat 6px -235px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box5{ BACKGROUND: url(bank_list.gif) no-repeat 6px -463px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box6{ BACKGROUND: url(bank_list.gif) no-repeat 6px -685px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box7{ BACKGROUND: url(bank_list.gif) no-repeat 6px -186px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF}  

.icon-box8{ BACKGROUND: url(bank_list.gif) no-repeat 6px -9px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box9{ BACKGROUND: url(bank_list.gif) no-repeat 6px -509px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box10{ BACKGROUND: url(bank_list.gif) no-repeat 6px -136px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box11{ BACKGROUND: url(bank_list.gif) no-repeat 6px -592px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box12{ BACKGROUND: url(bank_list.gif) no-repeat 6px -52px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box13{ BACKGROUND: url(bank_list.gif) no-repeat 6px -721px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box14{ BACKGROUND: url(bank_list.gif) no-repeat 6px -93px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box15{ BACKGROUND: url(bank_list.gif) no-repeat 6px -548px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box16{ BACKGROUND: url(bank_list.gif) no-repeat 6px -418px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box17{ BACKGROUND: url(bank_list.gif) no-repeat 6px -752px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box18{ BACKGROUND: url(bank_list.gif) no-repeat 6px -785px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box19{ BACKGROUND: url(bank_list.gif) no-repeat 6px -818px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box20{ BACKGROUND: url(bank_list.gif) no-repeat 6px -847px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 

.icon-box21{ BACKGROUND: url(bank_list.gif) no-repeat 6px -884px; width:135px;  HEIGHT: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color: #FFF} 
.scrollup{ position: fixed; bottom:160px; right: 50px; z-index:10; display: block; width: 48px; }

.scrollup .arrows { height: 48px; width: 48px; float: left;
    background: url('/public/static/open/top_up.png') no-repeat left top; background-size: 48px;
    transition: bottom 0.9s ease 0s;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/static/open/top_up.png',  sizingMethod='scale');
}
.scrollup .arrows:hover {
    background: url('/public/static/open/top_up.png') no-repeat left top; background-size: 48px;
    background-position:0 -50px;
}

.scrollup .feedback { float: left; width: 48px; height: 40px; margin-top: 5px; background-color: rgba(153,174,188,.3); filter: alpha(opacity=30);background-color:#99aebc\9 ;text-align:center; line-height:40px; color:#fff; }
.scrollup .feedback em{filter: alpha(opacity=100);}
.scrollup .feedback:hover { color:#2c98dd;}
.scrollup .feedback:hover em{position: relative\9;}
.scrollup .service { float: left; width: 48px; height: 40px; margin-top: 5px; background-color: rgba(153,174,188,.3);}
.scrollup .service i { display: block; color: #fff; font-size: 22px; text-align:center; line-height:40px; transition: all 0.2s; }
.scrollup .service:hover i { color:#2c98dd; }
.g4 {  margin-left: -20px;  *zoom: 1;}.g4:after {  clear: both;  content: ".";  display: block;  height: 0;  font-size: 0;  visibility: hidden;  overflow: hidden;}.g4 li, .g4 .li {  float: left;  margin-bottom: 20px;  margin-left:20px;}.g4 li > a, .g4 .li > a {  display: block;  width: 100%; height:178px;}.g4 a {  color: #333;}.g4 a:hover {  color: #009aff;}.g4 img {  width: 100%;  height: 100%;  background: #dcdee0;}.g4 dl {  padding: 10px 0;}.g4 dl dt { height:24px; margin-bottom:12px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #333333;  font-size: 16px;}.g4 dl dd {  margin: 4px 0px 0;  line-height: 24px;  font-size: 13px;  color: #81828c;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.g3 li, .g3 .li {  width:285px;}.g3 dl dt {  line-height: 24px;  font-size: 14px;}.g4-icon li > a {  position: relative;}.g4-icon li > a i {  position: absolute;  top: 50%;  left: 50%;  display: none;  margin: -45px 0 0 -45px; background: url(images/icon-g4.png) no-repeat 0 0;  width: 90px;  height: 90px;   content: '';  cursor: pointer;}.g4-icon li > a:hover:after, .g4-icon li > a:hover i {  display: block;}.g4-icon li > a:hover:after {  display: none \9;}