

.sub-navigation a i {
	background: url(../images-xb/top_bottom_03.jpg) 5px 13px no-repeat;
	display: inline-block;
	width: 20px;
	height: 19px;
}


.dgg_header .fr a:hover {
	text-decoration: underline;
}

.dgg_header .fr .blue {
	color: #004b92;
	text-decoration: underline;
}

.sub-navigation {
	position: relative;
}

.service-nav {
	background: #fff;
	border: 1px solid #d8d8d8;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: -1px;
	width: 270px;
	min-height: 45px;
	padding: 5px 0 12px 12px;
	display: none;
}



.service-nava {
    background: #fff;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    position: absolute;
    top: 30px;
    right: -1px;
    width: 1200px;
    min-height: 45px;
    padding: 5px 0 12px 12px;
    display: none;
}

.service-navb {
    background: #fff;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    position: absolute;
    top: 30px;
    right: -1px;
    width: 300px;
    min-height: 45px;
    padding: 5px 0 12px 12px;
    display: none;
}

.service-navc {
	background: #fff;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: -1px;
	width: 170px;
	min-height: 45px;
	padding: 5px 0 12px 12px;
	display: none;
}

.sub-navigation:hover .service-nav {
	display: block;
}
.sub-navigation:hover .service-nava{ 
	display:block;
}
.sub-navigation:hover .service-navb{ 
	display:block;
}
.sub-navigation:hover .service-navc{ 
	display:block;
}

.service-nav>a {
	float: left;
	display: block;
	line-height: 30px;
	padding: 0 10px;
	color: #676767;
	margin: 6px 10px 0 0;
}

.service-navc>a {
	float: left;
	display: block;
	line-height: 30px;
	padding: 0 10px;
	color: #676767;
	margin: 6px 10px 0 0;
}

.app-download {
    height: 112px;
    width: 235px;
}
.app-download .img {
    margin-top: 15px;
    margin-left: 15px;
}
.app-download .img img {
    width:100px;
}
.app-download .text {
    margin-top: -108px;
    float: right;
}
.app-download .text p:first-child {
    text-indent: 5px;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
}
.app-download .text .mobile-link-btn {
    display: block;
    background: #fff;
	border:1px solid #BBBBBB;
    color: #ff7900;
    font-family: 'microsoft yahei';
    width: 86px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 2px;
    margin-top: 15px;
}
.app-download .text .mobile-link-btn:hover {
    background: #ff7900;
    color: #fff;
}

.top_dianhua {
    float: right;
    font: 15px/45px "微软雅黑";
    color: #999;
    margin-top: -10px;
}
.top_dianhua i {
    font: 24px/43px Arial;
    color: #ef5d41;
}  	

.xiaoyun-entry-button {
    width: 95px;
    height: 135px;
    box-shadow:0 6px 12px 0 rgba(0,0,0,0);
    background:url(../images-xb/QQ.png);
    text-align: center;
}
.xiaoyun-entry-button .button-background {
    width: 28px;
    margin: 8px 0 4px;
}
.xiaoyun-entry-button span {
    display: inline-block;
    width: 14px;
    font-size: 14px;
    color: #fff;
    line-height: 17px;
}
.xiaoyun-panel {
    box-sizing: border-box;
    width: 300px;
    min-height: 50px;
    padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
    background: #fff;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    position: absolute;
    z-index: 4;
    left: 44px;
    transition: all .3s;
}
.xiaoyun-panel .panel-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.xiaoyun-panel .panel-close img {
    width: 14px;
}
.xiaoyun-panel .panel-content {
    min-height: 24px;
    padding-left: 0;
    transition: all .3s;
    transition-delay: .1s;
}
.xiaoyun-panel .panel-content li {
    list-style: none;
    margin-bottom: 20px;
}
.xiaoyun-panel .panel-content .content-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.xiaoyun-panel .panel-content .content-icon img {
    width: 100%;
}
.xiaoyun-panel .panel-content .content-main {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}
.xiaoyun-panel .panel-content .content-main a {
    text-decoration: none;
    color: #5f6367;
    font-size: 14px;
}
.content-title {
    color: #373d41;
}
.content-title:hover {
    color: #00a2ca;
}


.ui-menu-sitemap li {
	box-sizing: border-box;
	padding-left: 26px;
	padding-right: 20px;
	margin: 0;
	height: 186px;
	border-bottom: 0;
	border-right: 1px dotted #ddd;
	height:315px;
}
.ui-menu-sitemap li .map-tit {
	font-size: 16px;
	color: #ff7900;
	font-weight: bold;
}
.ui-menu-sitemap li .map-lnk {
	padding: 7px 0 0;
	overflow: hidden;
}
.ui-menu-sitemap li.map-01 .map-lnk a {
	width: 100%;
	float: left;
	padding: 0;
	height: 28px;
	line-height: 28px;
}

.ui-menu-sitemap li.map-01 .map-lnk a:hover {
	color:#ff7900
}

.ui-menu-sitemap li .highlight {
	color: #ff7900;
	font-family: "simsun, serif";
}
.ui-menu-sitemap li b {
	position: relative;
	top: -5px;
	left: 5px;
	display: inline-block;
	height: 16px;
	width: 13px;
	background: url(../images-xb/hot.png) no-repeat;
}

.ui-header-task-panel {
	color: #000;
	cursor: default;
	right: -1px;
	margin-top: -1px;
	padding: 0;
	box-sizing: border-box;
	background:#fff;
}
.ui-header-task-panel .task-panel-hd {
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 10px;
	font-size: 18px;
	color: #333;
	margin: 15px 17px;
}
.yahei {
	font-family: "Microsoft YaHei", sans-serif;
	font-weight: bold;
}
.task-panel-bd {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 23px;
	margin: 15px 17px;
}
.task-panel-bd .task-reason {
	margin-left: -8px;
	font-family: simsun, serif;
	text-align: left;
}
.unstyled, .list-unstyled {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
.ui-header-task-panel .task-reason li {
	color: #9C9C9C;
	margin-bottom: 17px;
	padding-left: 56px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 20px;
	background: url(../images-xb/img.png) no-repeat;
}
.ui-header-task-panel .task-reason .task-reason-response {
	background-position: -100px -13px;
}
.ui-header-task-panel .task-reason .task-reason-join {
	background-position: -100px -73px;
}
.ui-header-task-panel .task-reason .task-reason-result {
	background-position: -100px -130px;
}
.ui-header-task-panel .task-reason .task-reason-free {
	background-position: -100px -190px;
}
.ui-header-task-panel .task-reason .task-reason-title {
	color: #9C9C9C;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
.ui-header-task-panel .task-reason .task-reason-desc {
	font-size: 14px;
	color: #7a7a7a;
	font-weight: bold;
}
.zbj-btn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	font-family: inherit;
	margin: 0;
	overflow: visible;
	text-transform: none;
	border: 1px solid;
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.ui-header-gotopub {
	background: #fff;
	border-color: #f60;
	border-radius: 0;
	font-weight: bold;
	padding-right: 0;
	padding-left: 0;
	color: #f60;
	transition: background .2s ease;
	padding: 8px 75px;
}

.ui-header-gotopub:hover {
	background: #f60;
	color: #fff;
}


.dgg_header .service-nav>a {
	border: 0;
}

.sub-navigation.active>a, .sub-navigation:hover>a {
	line-height: 30px;
	height: 30px;
	background: #fff;
	z-index: 1;
}

.sub-navigation:hover>a {
	border-left: 0;
	margin: 0;
	display: block;
	position: relative;
	padding-bottom: 2px;
}

.sub-navigation:hover {
	border-left:none;
	border-right:none;
}

.sub-navigation:hover .nav-sucx {
    display: block;
    /* border-left: 1px #d8d8d8 solid; */
    /* border-right: 1px #d8d8d8 solid; */
    width: 500px;
    height: 180px;
    margin-left: 85px;
    /* background: #fff; */
    margin-top: -165px;
}

.service-nav>a:hover {
	text-decoration: underline;
}

.service-navc>a:hover {
	text-decoration: underline;
}

.dgg_header li>a:hover {
	color: #1786ef;
}



.dgg_header .fl div a:hover {
	color: #1786ef;
}

.sub-navigation:hover a span {
	color:#4E4E4E;
}

.sub-navigation:hover a i {
	background: url(../images-xb/top_top_03.jpg) 5px 13px no-repeat;
}
/*ͷͷ头部 end */
/*搜索框 start*/
.index-search {
	padding: 25px 0;
}

.logo {
    width: 250px;
    float: left;
    padding-top: 10px;
    position: relative;
}

.logo>a {
	display: block;
}

.logo .txt {
	color: #fff;
	width: 90px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}

.search-form {
	float: left;
	margin-left: 115px;
	margin-top: 13px;
}

.search-form-box {
	font-size: 0;
}

.no-register,.tabBox>div {
	display: none;
}

.tabBox>div {
	display: block;
}

.search-form-box>button,.search-form-box>input {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
}

.search-form-box>input {
	line-height: 16px;
	height: 16px;
	padding: 8px 10px;
	border: 2px solid #004b92;
	width: 294px;
	border-right: 0;
}

.search-form-box>button,.search-form-box>input {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
}

.search-form-box>button {
	line-height: 34px;
	height: 36px;
	padding: 0 20px 0 15px;
	background: #004b92;
	color: #fff;
	font-size: 16px;
}

.size25 {
	width: 25px;
	height: 36px;
	vertical-align: middle;
	font-size: 14px;
	background: url(../images-xb/search-icon.png) no-repeat center center;
}

.search-form-box span {
	margin-left: 2px;
	vertical-align: middle;
	font-size: 14px;
}

.search-form-tab-bottom {
	margin-top: 3px;
}

.search-form-tab-bottom li {
	position: relative;
	display: inline-block;
	padding: 0 4px;
	font-size: 12px;
	color: #999;
	line-height: 22px;
	vertical-align: middle;
}

.hot {
	color: #fa4f4f!important;
}

.tel_box {
	display: block;
	float: right;
}

.tel_box.top15 {
	padding-top: 15px;
}

.tel_box label {
	padding-left: 24px;
	background: url(../images-xb/tel.png) left center no-repeat;
}

.tel_box strong {
	font-size: 20px;
	color: #ff7f00;
	font-family: "Impact";
	position: relative;
	top: 1px;
}
/*搜索框 end  */
/*悬浮菜单 start*/
.menu-main-box {
	width: 100%;
	min-width: 1180px;
	position: relative;
	font-size: 16px;
	background-color:rgba(37,37,37,.8);
}

.fixed_top_nav .menu-main-box.fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	border-bottom: 1px solid #ddd;
	box-shadow: 5px 4px 10px #ddd;
}

.menu-main-box .index {
	float: left;
	height: 50px;
	line-height: 50px;
}

.menu-main-box a {
	color: #fff;
}

.menu-main-box a:hover {
	color: #00a2ca;
}

.menu-main-box .active a {
	color: #fe0b0b;
}

.menu-main-box .w1180 {
	position: relative;
}

.menu-main {
	float: left;
	margin-left: 30px;
	font-size: 0;
}

.menu-main li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 16px;
	color: #fff;
	position: relative;
	height: 50px;
	line-height: 50px;
	margin-left: 9px;
	width: 120px;
	text-align: center;
}

.menu-main li a {
	display: block;
	position: relative;
}

.menu-main .nav-sub {
	position: absolute;
	top: 50px;
	left: -60px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suc {
	position: absolute;
	top: 100px;
	left: -60px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-sud {
	position: absolute;
	top: 150px;
	left: -60px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-sue {
	position: absolute;
	top: 200px;
	left: -60px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suf {
	position: absolute;
	top: 250px;
	left: -60px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-sug {
	position: absolute;
	top: 300px;
	left: -60px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suh {
	position: absolute;
	top: 350px;
	left: -60px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suba {
	position: absolute;
	top: 0px;
	left: 260px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suca {
	position: absolute;
	top: 0px;
	left: 260px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suda {
	position: absolute;
	top: 0px;
	left: 260px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suea {
	position: absolute;
	top: 0px;
	left: 260px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-sufa {
	position: absolute;
	top: -47px;
	left: 260px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suga {
	position: absolute;
	top: -97px;
	left: 260px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suha {
	position: absolute;
	top: -147px;
	left: 260px;
	right: 0;
	background: #fff;
	display: none;
	z-index: 3;
	border: 1px solid #eee;
	border-top: none;
	width: 260px;
}

.menu-main .nav-suha:hover {
	background: #fff;
}


.menu-main li:hover .nav-sub {
	display: block;
}
.menu-main li:hover .nav-suc {
	display: block;
}
.menu-main li:hover .nav-sud {
	display: block;
}
.menu-main li:hover .nav-sue {
	display: block;
}
.menu-main li:hover .nav-suf {
	display: block;
}

.menu-main li:hover .nav-sug {
	display: block;
}

.menu-main li:hover .nav-suh {
	display: block;
}

.menu-main li .nav-sub:hover .nav-suba {
	display: block;
}

.menu-main li .nav-suc:hover .nav-suca {
	display: block;
}

.menu-main li .nav-sud:hover .nav-suda {
	display: block;
}

.menu-main li .nav-sue:hover .nav-suea {
	display: block;
}

.menu-main li .nav-suf:hover .nav-sufa {
	display: block;
}

.menu-main li .nav-sug:hover .nav-suga {
	display: block;
}

.menu-main li .nav-suh:hover .nav-suha {
	display: block;
}

.menu-main li .nav-sub a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suc a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-sud a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-sue a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suf a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-sug a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suh a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suba a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suca a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suda a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suea a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-sufa a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suga a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}

.menu-main li .nav-suha a {
	padding: 15px 15px;
	line-height: 1.3;
	border-top: 1px solid #eee;
	color: #686868;
	font-size: 14px;
}


.menu-main li .nav-sub a.on,.menu-main li .nav-sub a:hover {
	color: #004b92;
}

.menu-main li .nav-suc a.on,.menu-main li .nav-suc a:hover {
	color: #004b92;
}

.menu-main li .nav-sud a.on,.menu-main li .nav-sud a:hover {
	color: #004b92;
}

.menu-main li .nav-sue a.on,.menu-main li .nav-sue a:hover {
	color: #004b92;
}

.menu-main li .nav-suf a.on,.menu-main li .nav-suf a:hover {
	color: #004b92;
}

.menu-main li .nav-sug a.on,.menu-main li .nav-sug a:hover {
	color: #004b92;
}

.menu-main li .nav-suh a.on,.menu-main li .nav-suh a:hover {
	color: #004b92;
}


.menu-main li.about-xd {
	width: auto;
	position: absolute;
	right: 0;
}

.menu-main li .hot {
	display: block;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-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
}

.menu-main li .hot {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 13px;
	background: url(../images-xb/hot.png) no-repeat;
}

@-webkit-keyframes bounce {
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}

	60% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}

@keyframes bounce {
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px)
	}

	60% {
		-webkit-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}
/*悬浮菜单 end */
/*底部 start*/
/*footer*/
.dgg_footer {
	width: 100%;
	min-width: 1180px;
	height: 104px;
	padding-top: 36px;
	text-align: center;
	font-size: 12px;
	position: relative;
}

.dgg_footer .link_list li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	background: url(../images-xb/footer.png) left center no-repeat;
}

.dgg_footer .link_list li:first-child {
	background: none;
}

.dgg_footer .link_list li a {
	padding: 0 8px 0 13px;
}

.dgg_footer .link_list li a:hover {
	color: #004b92;
	text-decoration: underline;
}

.dgg_footer .copyRight {
	padding-top: 20px;
}

.dgg_footer p {
	line-height: 24px;
}

.dgg_footer .xdw_copy {
	padding-left: 28px;
	background: url(../images-xb/copy.png) left center no-repeat;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
/*底部 end  */
/*banner  start */
.sub-station-banner {
	height: 450px;
	position: relative;
	top: 0;
	left: 0;
	min-width: 1180px;
	overflow: hidden;
}

.sub-banner-inner {
	height: 450px;
	width: 1920px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

.sub-station-banner .hd.sub-station-dot {
	bottom: 14px;
	width: 1180px;
	left: 370px;
	font-size: 0;
	position: absolute;
	z-index: 1;
	text-align: center;
	cursor: pointer;
	[;letter-spacing: -4px;
	];[;word-spacing: -4px;
	];
}

.sub-station-banner .hd.sub-station-dot>ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 5px 15px;
	border-radius: 10px;
	background: url(../images-xb/transparent50fff.png) repeat;
	font-size: 0;
	text-align: center;
}

.sub-station-banner .hd.sub-station-dot li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	font-size: 0;
	color: #999;
	margin: 0 5px;
	border-radius: 50%;
	background: #7b695c;
	[;letter-spacing: normal;
	];[;word-spacing: normal;
	];
}

.sub-station-banner .hd.sub-station-dot li:hover {
	background: #fff;
	color: #fff;
}

.sub-station-banner .hd.sub-station-dot li.on {
	background: #fff;
}
/*banner end*/
.sky-bg {
	background-color: #1d7bd3;
}

.orange-bg {
	background-color: #ff9000;
}

.green-bg {
	background-color: #22c45b;
}

.blue-bg {
	background-color: #2e3ea9;
}

.wechat {
	width: 437px;
	height: 50px;
	margin: 0 auto;
	border: 2px solid #0e84e9;
	line-height: 53px;
	color: #fff;
	cursor: pointer;
	border-radius: 53px;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.wechat-left {
	width: 280px;
	font-size: 14px;
	float: left;
	text-align: center;
	color: #666;
	height: 50px;
	border-radius: 3px 0 0 5px;
}

.wechat-left.t-fff {
	color: white;
}

.wechat-left span {
	color: #0e84e9;
	font-weight: bold;
	font-size: 18px;
}

.wechat-righ {
	width: 155px;
	background: #0e84e9;
	font-size: 16px;
	height: 100%;
	position: absolute;
	right: -1px;
	top: -1px;
	text-align: center;
	border: 1px solid #0e84e9;
	border-radius: 53px;
}

.wechat:hover {
	-webkit-opacity: 0.8;
    /* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.8;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.8;
    /* IE9 + etc...modern browsers */
	opacity: .8;
    /* IE 4-9 */
	filter: alpha(opacity=80);
    /*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	padding: 0 50px;
}

.wechat-righ i {
	background: url(../images-xb/wechat.png) no-repeat;
	width: 25px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 11px;
	left: 28px;
}

.wechat-righ span {
	display: inline-block;
	position: absolute;
	left: 60px;
	top: 0;
	color: #fff;
}
/*.wechat-righ:hover i{*/
    /*-webkit-animation:bounce 1s ease 1 0s both;animation:bounce 1s ease 1 0s both;*/
/*}*/
/*上市集团 start*/

.company-piece {
	background: white;
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	padding: 30px 0;
}

.company-piece .big-til {
	padding-bottom: 20px;
	text-align: center;
}

.company-piece .big-til h3 {
	color: #565656;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}

.company-piece .big-til p {
	color: #848484;
	padding-top: 6px;
	text-transform: uppercase;
}

.company-piece .big-til span {
	color: #ff7600;
}

.company-piece .company-txt {
	font-size: 16px;
	color: #777;
	line-height: 22px;
	text-align: center;
	margin-top: 8px;
	padding: 0 200px;
}

.company-piece .company-txt>span {
	color: #ff7f00;
}

.profession-cent {
	overflow: hidden;
}

.profession-cent .hd {
	text-align: center;
	overflow: hidden;
	width: 1072px;
	margin: 18px auto 0;
}

.profession-cent .hd li {
	float: left;
	padding: 0 70px;
	height: auto;
}

.profession-cent .hd li>i {
	width: 128px;
	height: 128px;
	display: block;
	background: url(../images-xb/xdw-list.png) no-repeat;
}

.profession-cent .hd li p {
	padding: 20px 0;
	display: block;
}

.profession-cent .hd li .icon2 {
	background-position: -268px 0;
}

.profession-cent .hd li .icon3 {
	background-position: -536px 0;
}

.profession-cent .hd li .icon4 {
	background-position: -804px 0;
}

.profession-cent .bd>ul>li:first-child {
	margin-top: 30px !important;
}

.profession-cent .bd>ul {
	width: 100%;
	overflow: hidden;
}

.profession-cent .bd {
	padding: 10px 0 25px;
	display: block;
	clear: both;
	text-align: center;
	width: 1180px;
	margin: 0 auto;
}

.profession-cent .bd>ul>li {
	width: 100%;
	height: auto;
	display: none;
}

.profession-cent .hd .zero-team-tab {
	overflow: hidden;
	width: 405px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: center;
}

.profession-cent .hd .zero-team-tab>li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-bottom: 2px solid transparent;
	margin: 0 28px;
	padding: 14px 7px;
	position: relative;
	width: 32%;
}

.profession-cent .hd .zero-team-tab>li a {
	font-size: 16px;
	line-height: 16px;
	color: #333;
}

.profession-cent .hd .zero-team-tab>li i {
	display: none;
	width: 15px;
	height: 7px;
	background: url(../images-xb/triangle.png) no-repeat;
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -7.5px;
}

.profession-cent .hd .zero-team-tab>li.on {
	border-color: #0eaef8;
	color: #0eaef8;
}

.profession-cent .hd .zero-team-tab>li.on i {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
}

.profession-cent .hd .zero-team-tab>li.on a {
	color: #0eaef8;
}

.profession-cent .hd .zero-team-tab>li:hover {
	border-color: #0eaef8;
	color: #0eaef8;
}

.profession-cent .hd .zero-team-tab>li:hover a {
	color: #0eaef8;
}

.profession-cent .hd .zero-team-tab>li:hover i {
	display: inline-block;
}

.bd-box0-pr {
	width: 1180px;
	height: 530px;
	position: relative;
}

.profession-cent .bd .bd-box0-pr li {
	display: block;
}

.bg-f6 {
	background: #f6f6f6;
	width: 100%;
	min-width: 1180px;
	height: auto;
	overflow: hidden;
}

.imgListMod01 {
	position: relative;
}

.imgListMod01 li a {
	transition: all 0.5s ease 0s;
	cursor: default;
}

.imgListMod01 li .none {
	display: none;
}

.imgListMod01 img {
	max-width: none;
	vertical-align: inherit;
}

.imgListMod01 .img, .imgListMod01 .img1, .imgListMod01 .img2, .imgListMod01 .img3, .imgListMod01 .img4, .imgListMod01 .img5, .imgListMod01 .img6, .imgListMod01 .img7, .imgListMod01 .img8, .imgListMod01 .img9 {
	border-radius: 0px;
	overflow: hidden;
	position: absolute;
}

.imgListMod01 .current {
	z-index: 20;
}

.imgListMod01 .mask {
	background: #000 none repeat scroll 0 0;
	bottom: 0;
	height: 35px;
	left: 0;
	opacity: 0.6;
	position: absolute;
	width: 100%;
	z-index: 9;
}

.imgListMod01 .tit {
	color: #fff;
	font: 14px/24px "Microsoft YaHei";
	width: 100%;
	height: 24px;
	line-height: 24px;
	left: 0;
	bottom: 5px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.imgListMod01 img {
	left: 50%;
	margin: -234px 0 0 -277px;
	position: absolute;
	top: 50%;
}

.slide-Modbox {
	width: 1180px;
	height: auto;
	padding: 50px 0 60px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	min-width: 1180px;
}

.udf_slide_modbox {
	background: #FFF;
	padding-top: 0px;
}

.slide-Modbox>.hd {
	position: absolute;
	left: 0;
	bottom: 40px;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.slide-Modbox>.hd li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 48px;
	height: 5px;
	margin: 0 5px;
	font-size: 0;
	background: #ccc;
	cursor: pointer;
}

.slide-Modbox>.hd .on {
	background: #3fbff0;
}

.slide-Modbox>.bd {
	overflow: hidden;
	width: 1180px;
	height: 530px;
	z-index: 0;
	margin-left: -10px;
}

.imgListMod-box {
	overflow: hidden;
	width: 1180px;
	height: auto;
	z-index: 0;
	margin: 0 auto;
}

.slide-Modbox>.bd .imgListMod01 {
	width: 100%;
	height: 530px;
	overflow: hidden;
}

.slide-Modbox .p-word {
	text-align: center;
}

.slide-wrap {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	background: #f6f6f6;
}

.imgListMod01 .tit {
	color: #fff;
	font: 14px/24px "Microsoft YaHei";
	width: 100%;
	height: 24px;
	line-height: 24px;
	left: 0;
	bottom: 5px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.teams {
	width: 100%;
	overflow: hidden;
	background: #f6f6f6;
}

.teams-content {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 70px
}

.box-title1 {
	margin-top: 50px;
	margin-bottom: 25px;
}
/*.slide-wrap{margin-top: 145px;}*/
.imgListMod01 .p1 {
	margin: -295px 0 0 -310px;
}

.imgListMod01 .p2 {
	margin: -260px 0 0 -375px;
}

.imgListMod01 .p3 {
	margin: -188px 0 0 -328px;
}

.imgListMod01 .p4 {
	margin: -230px 0 0 -182px;
}

.imgListMod01 .p5 {
	margin: -225px 0 0 -285px;
}

.imgListMod01 .p6 {
	margin: -340px 0 0 -355px;
}

.imgListMod01 .p7 {
	margin: -292px 0 0 -295px;
}

.imgListMod01 .p8 {
	margin: -320px 0 0 -290px;
}

.imgListMod01 .p9 {
	margin: -318px 0 0 -294px;
}

.imgListMod01 .p10 {
	margin: -267px 0 0 -413px;
}

.imgListMod01 .p11 {
	margin: -230px 0 0 -290px;
}

.imgListMod01 .p12 {
	margin: -225px 0 0 -435px;
}

.imgListMod01 .p13 {
	margin: -250px 0 0 -245px;
}

.imgListMod01 .p14 {
	margin: -95px 0 0 -373px;
}

.imgListMod01 .p15 {
	margin: -255px 0 0 -284px;
}

.imgListMod01 .p16 {
	margin: -270px 0 0 -271px;
}

.imgListMod01 .p17 {
	margin: -270px 0 0 -230px;
}

.imgListMod01 .p18 {
	margin: -318px 0 0 -272px;
}

.imgListMod01 .p19 {
	margin: -210px 0 0 -302px;
}

.imgListMod01 .p20 {
	margin: -208px 0 0 -240px;
}

.imgListMod01 .p21 {
	margin: -108px 0 0 -318px;
}

.imgListMod01 .p22 {
	margin: -216px 0 0 -325px;
}

.imgListMod01 .p23 {
	margin: -304px 0 0 -452px;
}

.imgListMod01 .p24 {
	margin: -156px 0 0 -284px;
}

.imgListMod01 .p25 {
	margin: -133px 0 0 -241px;
}

.imgListMod01 .p26 {
	margin: -213px 0 0 -277px;
}

.imgListMod01 .p27 {
	margin: -209px 0 0 -148px;
}

.box-title {
	text-align: center;
}

.box-title h3 {
	font-size: 32px;
	color: #323232;
	font-weight: 500;
	margin-bottom: 5px;
	font-family: "微软雅黑";
}

.box-title h3 em {
	color: #fa4f4f;
}

.box-title h3>span {
	color: #ff7f00;
	width: auto;
	height: auto;
	background: none;
	margin: 0;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.box-title p {
	font-size: 12px;
	color: #8b8b8b;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.box-title span {
	display: block;
	width: 60px;
	height: 2px;
	margin: 0 auto;
	background: #000;
}

.imgListMod01 .img {
	width: 165px;
	background: url(../images-xb/zw-1.jpg) no-repeat;
	background-size: 100%;
}

.imgListMod01 .img:hover {
	background: url(../images-xb/zw-2.jpg) no-repeat;
}

.profession-cent .bd>ul>li.last-box-li {
	margin-top: 30px;
}
/*上市集团  end*/
/*=============================================右边内容 end==========================================*/
.more-security ul li:hover i.dib {
	-webkit-animation: rotate_360 .5s linear;
	-moz-animation: rotate_360 .5s linear;
	animation: rotate_360 .5s linear;
}
/*动画 start*/
@-webkit-keyframes rotate_360 {
	from {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	to {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
}

@keyframes rotate_360 {
	from {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	to {
		-webkit-transform: rotateY(360deg);
		-moz-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@-webkit-keyframes bounce {
	from,
    20%,
    53%,
    80%,
    to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
    43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@keyframes bounce {
	from,
    20%,
    53%,
    80%,
    to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
    43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
/*动画 end */


/*2017 0803 xl start*/
/*banner  start */
.sub-station-banner {
	height: 450px;
	position: relative;
	top: 0;
	left: 0;
	min-width: 1180px;
	overflow: hidden;
}

.sub-banner-inner {
	height: 450px;
	width: 1920px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

.sub-station-banner .hd.sub-station-dot {
	bottom: 14px;
	width: 1180px;
	left: 370px;
	font-size: 0;
	position: absolute;
	z-index: 1;
	text-align: center;
	cursor: pointer;
	[;letter-spacing: -4px;
	];[;word-spacing: -4px;
	];
}

.sub-station-banner .hd.sub-station-dot>ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 5px 15px;
	border-radius: 10px;
	background: url(../images-xb/transparent50fff.png) repeat;
	font-size: 0;
	text-align: center;
}

.sub-station-banner .hd.sub-station-dot li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	font-size: 0;
	color: #999;
	margin: 0 5px;
	border-radius: 50%;
	background: #7b695c;
	[;letter-spacing: normal;
	];[;word-spacing: normal;
	];
}

.sub-station-banner .hd.sub-station-dot li:hover {
	background: #fff;
	color: #fff;
}

.sub-station-banner .hd.sub-station-dot li.on {
	background: #fff;
}
/*���ٰ����� start*/
.sub-banner-appointment {
	width: 291px;
	height: 357px;
	background: url("../images-xb/appointment-bg.png") no-repeat;
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: 310px;
	text-align: center;
}

.appointment-box {
	padding: 20px 25px 0;
}

.appointment-box h3 {
	position: relative;
	line-height: 1;
	color: #ff7f00;
	font-size: 22px;
	font-weight: bold;
}

.appointment-box h3 span:first-child {
	position: relative;
	z-index: 1;
	padding: 0 15px;
	background-color: white;
}

.appointment-box .line {
	position: absolute;
	width: 241px;
	height: 1px;
	background-color: #dcdcdc;
	top: 50%;
	left: 0;
	z-index: 0;
}

.appointment-box p {
	color: #565656;
}

.appointment-box p span {
	color: #e41111;
}

.appointment-box-form {
	margin-top: 8px;
}

.appointment-box-form .form-piece {
	border: 1px solid #d6d3d3;
	position: relative;
	line-height: 40px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 10px;
}

.appointment-box-form .form-piece input {
	font-size: 13px;
	width: 200px;
	padding: 12px 0 12px 35px;
	line-height: 13px;
	height: 16px;
}

.appointment-box-form .form-piece i {
	position: absolute;
	top: 0;
	left: 10px;
	width: 20px;
	height: 40px;
	background: url("../images-xb/sub-station-icons.png") no-repeat;
}

.appointment-box-form .form-piece .icon2 {
	background-position: -20px 0;
}

.appointment-box-form .form-piece .icon3 {
	background-position: -40px 0;
}

.btn-sq {
	width: 100%;
	background-color: #ff7f00;
	line-height: 42px;
	color: white;
	font-size: 16px;
}

.appointment-lists-box {
	overflow: hidden;
	margin-top: 15px;
	height: 31px;
}

.appointment-lists-box ul li {
	line-height: 1;
	color: #999;
	font-size: 12px;
	margin-bottom: 7px;
}

.appointment-lists-box ul li span {
	padding: 0 20px;
}
/*���ٰ����� start*/
/*banner  end   */
/*�Ĵ����� start*/
.four-advan {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	background-color: white;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 5px 4px 10px #ddd;
	position: relative;
	z-index: 1;
}

.four-advan ul {
	padding: 15px 0;
	overflow: hidden;
}

.four-advan ul li {
	float: left;
	margin-left: 120px;
}

.four-advan ul li:first-child {
	margin-left: 0;
}

.four-advan ul li i {
	width: 68px;
	height: 68px;
	vertical-align: middle;
	background: url("../images-xb/advan-icon.png") no-repeat;
}

.four-advan ul li .icon2 {
	background-position: -68px 0;
}

.four-advan ul li .icon3 {
	background-position: -136px 0;
}

.four-advan ul li div {
	vertical-align: middle;
	margin-left: 10px;
	color: #000;
	font-size: 14px;
}

.four-advan ul li .til {
	font-size: 16px;
}
/*�Ĵ����� end  */
/*�������� start*/
.big-gray {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	position: relative;
	background-color: #f4f4f4;
}

.big-til {
	padding: 60px 0 40px;
	text-align: center;
}

.big-til h3 {
	position: relative;
	line-height: 1;
	color: #3b3b3b;
	font-size: 30px;
	font-weight: bold;
}

.big-til h3 span {
	vertical-align: middle;
	position: relative;
	margin: 0 5px;
}

.big-til h3 .line {
	width: 87px;
	height: 1px;
	background-color: #d2d2d2;
}

.big-til h3 .line i {
	position: absolute;
	right: 0;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #d2d2d2;
	top: -1.5px;
}

.big-til h3 .line .icon2 {
	left: 0;
	right: auto;
}

.big-til p {
	color: #848484;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
}

.hot-aptitude {
}

.hot-aptitude ul {
	font-size: 0;
}

.hot-aptitude ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 580px;
	height: 179px;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	margin-bottom: 23px;
	position: relative;
	vertical-align: top;
}

.hot-aptitude ul li .til {
	color: white;
	font-size: 24px;
	font-weight: bold;
}

.hot-aptitude ul li .desc {
	color: white;
	font-size: 16px;
	padding-top: 10px;
	width: 325px;
}

.hot-aptitude ul li i {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hot-aptitude ul li:hover {
	box-shadow: 0 0 14px 7px #ddd;
}

.hot-aptitude ul li:hover i {
	right: 53px;
}

.zhzt {
	width: 1220px;
	height: 300px;
	margin: 23px auto 31px;
}

.overflow {
	overflow: hidden;
}

.zhzt ul {
	width: 100%;
}

.left {
	float: left;
}

.zhzt ul li {
	width: 290px;
	height: 290px;
	margin-right: 19px;
	margin-bottom: 20px;
}

.left .zhbg {
	background: #f4f4f4;
}

.zhbg {
	width: 290px;
	height: 290px;
}

.zhbg .bg {
	width: 290px;
	height: 290px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	display: block;
	border: 1px solid transparent;
}

.zhbg a .bg p {
	font-size: 25px;
	margin: 90px 0 -12px;
	font-weight: 600;
}

.zhbg a .bg p {
	width: 176px;
	height: 52px;
	margin-left: 53px;
	line-height: 66px;
	margin-bottom: 4px;
	font-size: 28px;
}

.zhbg a .bg p, .zhbg a .bg i {
	color: #fff;
	text-align: center;
}

.zhbg a .bg i {
	font-size: 12px;
	font-style: normal;
	display: block;
	line-height: 26px;
}

.zhbg .bg:hover {
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.left .zhbg .bg01 {
	background: url(../images-xb/a01.png) no-repeat 0 0;
}

.left .zhbg .bg02 {
	background: url(../images-xb/a02.png) no-repeat 0 0;
}

.left .zhbg .bg03 {
	background: url(../images-xb/a03.png) no-repeat 0 0;
}

.left .zhbg .bg04 {
	background: url(../images-xb/a04.png) no-repeat 0 0;
}

.left .zhbg .bg05 {
	background: url(../images-xb/a05.png) no-repeat 0 0;
}

.left .zhbg .bg06 {
	background: url(../images-xb/a06.png) no-repeat 0 0;
}

.left .zhbg .bg07 {
	background: url(../images-xb/a07.png) no-repeat 0 0;
}

.left .zhbg .bg08 {
	background: url(../images-xb/a08.png) no-repeat 0 0;
}





/*�������� end  */
/*�ر����� start*/
.necessary-aptitude {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	position: relative;
	margin-top: 44px;
}

.necessary-aptitude .big-til {
	padding: 20px 0 40px;
}

.necessary-aptitude .big-til h3 {
	color: white;
}

.necessary-aptitude .big-til p {
	color: white;
}

.necessary-aptitude .w1180 {
}

.necessary-aptitude .left-img {
	float: left;
	width: 280px;
	height: 474px;
	background: url("../images-xb/necessary-aptitude-left.jpg") no-repeat;
	text-align: center;
	color: white;
}

.necessary-aptitude .left-img .til {
	font-size: 24px;
	font-weight: bold;
	padding-top: 50px;
}

.necessary-aptitude .left-img .sub {
	color: #6bade5;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.necessary-aptitude .left-img a {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 130px;
	height: 33px;
	border: 1px solid white;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	font-size: 16px;
	line-height: 33px;
	margin-top: 15px;
}

.necessary-aptitude .left-img span {
	position: relative;
	z-index: 1;
	color: white;
}

.necessary-aptitude .left-img i {
	position: absolute;
	width: 0;
	left: 50%;
	height: 33px;
	background-color: white;
	border-radius: 3px;
	top: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.necessary-aptitude .left-img:hover a {
}

.necessary-aptitude .left-img:hover span {
	color: #1d7bd3;
}

.necessary-aptitude .left-img:hover i {
	width: 100%;
	left: 0;
}

/*�ر����� end  */
/*�Ļ����� start*/
.cultural-publishing {
}

.cultural-publishing .left-img {
	float: left;
	text-align: center;
	color: white;
	width: 280px;
	height: 269px;
	background: url("../images-xb/cultural-publishing-left.jpg") no-repeat;
}

.cultural-publishing .left-img .til {
	font-size: 24px;
	font-weight: bold;
	padding-top: 40px;
}

.cultural-publishing .left-img .sub {
	color: #fcb557;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.cultural-publishing .right-info ul {
	font-size: 0;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

.cultural-publishing .right-info ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	transition: all .5s linear;
	width: 298.666px;
	height: 133px;
	background-color: white;
}

.cultural-publishing .right-info ul li div {
	padding: 22px 16px;
	color: #424242;
	font-size: 16px;
}

.cultural-publishing .right-info ul li a {
	display: block;
	margin-top: 35px;
	width: 94px;
	height: 33px;
	border: 1px solid #1d7bd3;
	border-radius: 3px;
	position: relative;
	text-align: center;
	line-height: 33px;
}

.cultural-publishing .right-info ul li span {
	color: #1d7bd3;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.cultural-publishing .right-info ul li a i {
	position: absolute;
	width: 0;
	left: 50%;
	height: 33px;
	background-color: #1d7bd3;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.cultural-publishing .right-info ul li:hover span {
	color: white;
}

.cultural-publishing .right-info ul li:hover a i {
	width: 100%;
	left: 0;
}

.cultural-publishing .right-info ul li:before {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 0;
	height: 0;
	z-index: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}

.cultural-publishing .right-info ul li:after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 0;
	height: 0;
	z-index: 0;
	top: 0;
	left: 0;
	-webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}

.cultural-publishing .right-info ul li:hover:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #ff9000;
	border-left-color: #ff9000;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

.cultural-publishing .right-info ul li:hover:after {
	width: 100%;
	height: 100%;
	border-top-color: #ff9000;
	border-right-color: #ff9000;
	-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}

.cultural-publishing .right-info ul li:hover {
	box-shadow: 0 0 14px 5px rgba(0,0,0,.1);
}

.cultural-publishing .right-info ul li>i {
	display: block;
	width: 96px;
	height: 67px;
	background: url("../images-xb/cultural-publishing-icon.jpg") no-repeat;
	position: absolute;
	right: 10px;
	bottom: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}

.cultural-publishing .right-info ul li>.icon2 {
	background-position: -96px 0;
}

.cultural-publishing .right-info ul li>.icon3 {
	background-position: -192px 0;
}

.cultural-publishing .right-info ul li>.icon4 {
	background-position: -288px 0;
}

.cultural-publishing .right-info ul li>.icon5 {
	background-position: -384px 0;
}

.cultural-publishing .right-info ul li>.icon6 {
	background-position: -480px 0;
}

.cultural-publishing .right-info ul li:hover>i {
	right: 20px;
	bottom: 10px;
}

.cultural-publishing-package {
	margin: 44px 0 65px;
}

.cultural-publishing-package ul {
	overflow: hidden;
}

.cultural-publishing-package ul li {
	float: left;
	width: 581px;
	height: 224px;
	position: relative;
	overflow: hidden;
	margin-left: 18px;
}

.cultural-publishing-package ul li:first-child {
	margin-left: 0;
}

.cultural-publishing-package ul li div {
	padding: 30px;
	position: relative;
	color: white;
}

.cultural-publishing-package ul li .til {
	font-size: 28px;
	font-weight: bold;
}

.cultural-publishing-package ul li dl {
	margin-top: 20px;
	overflow: hidden;
	width: 300px;
}

.cultural-publishing-package ul li dl dd {
	float: left;
	width: 150px;
	margin-bottom: 5px;
}

.cultural-publishing-package ul li dl dd a {
	color: white;
	font-size: 16px;
}

.cultural-publishing-package ul li dl dd a:hover {
	text-decoration: underline;
}

.cultural-publishing-package ul li i {
	position: absolute;
	right: -10px;
	bottom: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}

.cultural-publishing-package ul li:hover i {
	bottom: 10px;
	right: 0;
}
/*�Ļ����� end  */
/*���� start*/
.normal-question {
	padding-bottom: 60px;
}

.counsolor-box {
	overflow: hidden;
	padding-bottom: 35px;
}

.left-question {
	float: right;
	width: 823px;
}

.left-question ul {
	overflow: hidden;
	margin-top: -20px;
}

.left-question ul li {
	float: left;
	width: 390px;
	overflow: hidden;
	padding: 20px 5px;
	border-bottom: 1px solid #ededed;
	transition: all .3s;
}

.left-question ul li.right {
	float: right;
}

.left-question ul li .left-txt {
	width: 265px;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #565656;
	font-size: 16px;
	float: left;
}

.left-question ul li .right-btn {
	position: relative;
	float: right;
	transition: all .5s;
	border-radius: 2px;
	line-height: 35px;
	width: 115px;
	text-align: center;
	border: 1px solid #1d7bd3;
}

.left-question ul li .right-btn span {
	position: relative;
	color: #1d7bd3;
	transition: all .5s;
	z-index: 1;
}

.left-question ul li .right-btn i {
	position: absolute;
	display: block;
	bottom: -1px;
	left: 50%;
	width: 0;
	height: 100%;
	background-color: #0e84e9;
	transition: all 0.3s ease-in;
	top: 0;
	z-index: 0;
}

.left-question ul li:hover {
	background-color: #f8f8f8;
}

.left-question ul li:hover .right-btn span {
	color: white;
}

.left-question ul li:hover i {
	width: 100%;
	left: 0;
}

.right-counselor {
	width: 300px;
	height: 287px;
	float: left;
	overflow: hidden;
	position: relative;
}

.right-counselor-box ul {
	overflow: hidden;
}

.right-counselor-box ul li {
	float: left;
	overflow: hidden;
	position: relative;
	height: 287px;
	width: 300px;
}

.right-counselor-box ul li .img {
	position: relative;
	overflow: hidden;
	background-color: #393941;
}

.right-counselor-box ul li .til {
	position: absolute;
	padding: 10px;
	overflow: hidden;
	bottom: 0;
	left: 0;
	width: 280px;
	background: url("../images-xb/tranbg-6.png") repeat;
}

.right-counselor-box ul li .til span {
	color: #ccc;
	float: left;
	line-height: 35px;
}

.right-counselor-box ul li .til font {
	color: #fff;
	font-size: 18px;
}

.right-counselor-box ul li .til a {
	display: block;
	float: right;
	width: 102px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	background-color: #1d7bd3;
	border-radius: 3px;
}

.right-counselor .prev,.right-counselor .next {
	position: absolute;
	width: 29px;
	height: 35px;
	background: url("../images-xb/tranbg-3.png") repeat;
	line-height: 3;
	text-align: center;
	top: 50%;
	left: 0;
	margin-top: -17px;
	display: none;
}

.right-counselor .prev span,.right-counselor .next span {
	background: url("../images-xb/btn-pre-n.png") no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 11px;
	height: 18px;
}

.right-counselor .next {
	right: 0;
	left: auto;
}

.right-counselor .next span {
	background: url("../images-xb/btn-pre-n.png") no-repeat -11px 0;
}

.sub-station-btn:hover {
	background: #000;
}
/*���� end  */
/*����֤��*/
.qualification-certificate {
	padding: 0 0 75px;
	width: 100%;
	min-width: 1180px;
	background: url("../images-xb/qualification-certificate.jpg") no-repeat fixed;
	overflow: hidden;
	position: relative;
}

.qualification-certificate .big-til {
	padding-bottom: 35px;
}

.qualification-certificate .big-til h3 {
	color: #fff;
}

.qualification-certificate .big-til p {
	color: #fff;
}

.certificate-side {
	width: 1180px;
	margin: 0 auto;
	position: relative;
}

.certificate-dis {
	width: 540px;
	height: 376px;
}

.certificate-dis li {
	position: relative;
}

.certificate-img {
	width: 540px;
	height: 376px;
}

.certificate-tips {
	width: 530px;
	background: #1d7bd3;
	position: absolute;
	top: 0;
	left: 569px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.15);
	border-radius: 3px;
	padding: 20px 30px 30px;
}

.certificate-triangle {
	display: block;
	width: 0;
	height: 0;
	border-top: 12px transparent solid;
	border-bottom: 12px transparent solid;
	border-right: 13px #1d7bd3 solid;
	position: absolute;
	left: -13px;
	top: 50%;
	margin-top: -12px;
}

.certificate-tips>h3 {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 10px;
}

.certificate-tips>p {
	font-size: 14px;
	color: #fff;
}

.certificate-list .udf_oo {
	width: 1145px;
	margin: 0 auto;
}

.certificate-list ul {
	overflow: hidden;
}

.certificate-list li {
	width: 207px;
	float: left;
	margin: 0 10px;
	text-align: center;
	border: 1px transparent dashed;
}

.certificate-list li.active {
	border: 1px #1d7bd3 dashed;
}

.certificate-list li p {
	font-size: 16px;
	color: #fff;
	padding: 0 5px;
}

.certificate-list-img {
	padding: 10px;
}

.certificate-list-img {
	padding: 10px;
	width: 137px;
	height: 95px;
}

.certificate-side .ban-btn {
	position: absolute;
	bottom: 130px;
	display: block;
	width: 29px;
	height: 55px;
	background-image: url(../images-xb/p_n.png);
}

.certificate-side .ban-btn.sPrev {
	left: -15px;
	background-position: 0 0;
}

.certificate-side .ban-btn.sNext {
	right: -15px;
	background-position: -29px 0;
}

.certificate-side .ban-btn.sPrev:hover {
	background-position: 0 -55px;
}

.certificate-side .ban-btn.sNext:hover {
	background-position: -29px -55px;
}

.certificate-border {
	width: 610px;
	border-bottom: 1px #e5e5e5 solid;
	position: absolute;
	right: 0;
	bottom: 187px;
}

.certificate-border>span {
	display: block;
	width: 85px;
	height: 5px;
	background: #1d7bd3;
	position: absolute;
	bottom: -3px;
}

.certificate-list .udf_circle {
	bottom: -45px;
	width: 1180px;
	font-size: 0;
	position: absolute;
	z-index: 1;
	text-align: center;
	cursor: pointer;
	[;letter-spacing: -4px;
	];[;word-spacing: -4px;
	];
}

.certificate-list .udf_circle ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 5px 15px;
	border-radius: 10px;
	font-size: 0;
	text-align: center;
}

.certificate-list .udf_circle li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	font-size: 0;
	color: #999;
	margin: 0 5px;
	border-radius: 50%;
	background: #7b695c;
	[;letter-spacing: normal;
	];[;word-spacing: normal;
	];
}

.certificate-list .udf_circle li:hover {
	background: #1397ea;
	color: #1397ea;
}

.certificate-list .udf_circle li.on {
	background: #1397ea;
}
/*����֤��  end*/
/*���й�˾ ʵ������ start*/
.eight-Strength .big-til {
	padding-bottom: 10px;
}

.eight-Strength .list-hide {
	width: 1130px;
	padding: 40px 25px;
	margin: 20px auto 40px;
	height: auto;
	overflow: hidden;
	background: #fff;
	display: none;
}

.eight-Strength .list-hide h2 {
	padding-left: 35px;
	color: #000;
	font-size: 24px;
}

.eight-Strength .list-hide dl {
	position: relative;
	margin-top: 25px;
}

.eight-Strength .list-hide dl i {
	position: absolute;
	width: 1px;
	height: 82%;
	background-color: #dcdcdc;
	top: 14px;
	left: 0;
}

.eight-Strength .list-hide dl dd {
	padding-left: 35px;
	padding-bottom: 25px;
	background: url("../images-xb/list-hide-dd-icon.png") no-repeat left 9px;
}

.eight-Strength .list-hide dl .til {
	color: #000;
	font-size: 18px;
}

.eight-Strength .list-hide dl .til span {
	color: #3076df;
	font-family: Impact;
	padding-right: 8px;
}

.eight-Strength .list-hide dl .sub {
	color: #272727;
	font-size: 14px;
	padding-left: 25px;
}

.eight-Strength .list-hide dl .sub font {
	color: #ec1a1a;
}

.eight-Strength .list-hide dl .sub span {
	color: #565656;
	font-weight: bold;
}

.eight-Strength .btn-hide {
	text-align: center;
	font-size: 12px;
	color: #666;
	margin: 0 auto;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	display: block;
}

.eight-Strength .btn-hide i {
	width: 20px;
	height: 20px;
	background: url(../images-xb/arrow-up.png) no-repeat;
	display: inline-block;
	zoom: 1;
	position: relative;
	top: 2px;
	left: 2px;
	vertical-align: sub;
	margin-left: 5px;
}

.eight-Strength .btn-show {
	text-align: center;
	font-size: 12px;
	color: #666;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.eight-Strength .btn-show i {
	width: 20px;
	height: 20px;
	background: url(../images-xb/arrow-down.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	zoom: 1;
	position: relative;
	top: 2px;
	left: 2px;
	vertical-align: sub;
	margin-left: 5px;
}

.eight-Strength .list-show {
	overflow: hidden;
	clear: both;
	width: 1180px;
	margin: 35px auto 60px;
	background-color: white;
}

.eight-Strength .list-show .left-txt {
	float: left;
	width: 800px;
}

.eight-Strength .list-show .left-txt ul {
	overflow: hidden;
	margin-left: -1px;
	height: 369px;
}

.eight-Strength .list-show .left-txt ul li {
	float: left;
	width: 399px;
	height: 184px;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	overflow: hidden;
}

.eight-Strength .list-show .left-txt ul li .show-box {
	background-color: white;
	width: 100%;
	height: 100%;
	color: #565656;
	font-size: 14px;
}

.eight-Strength .list-show .left-txt ul li .show-box p,.eight-Strength .list-show .left-txt ul li .hide-box p {
	padding-left: 42px;
	padding-right: 24px;
}

.eight-Strength .list-show .left-txt ul li .show-box .til {
	color: #272727;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 32px;
	padding-left: 42px;
}

.eight-Strength .list-show .left-txt ul li .hide-box {
	background-color: #1d7bd3;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 14px;
	position: absolute;
	left: -100%;
	top: 0;
}

.eight-Strength .list-show .left-txt ul li .hide-box .til {
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 32px;
	padding-left: 42px;
}

.eight-Strength .list-show .right-pic {
	float: right;
	width: 380px;
	height: 369px;
	overflow: hidden;
	position: relative;
}

.eight-Strength .list-show .right-pic ul {
	overflow: hidden;
}

.eight-Strength .list-show .right-pic ul li {
	float: left;
	overflow: hidden;
	position: relative;
	height: 369px;
	width: 380px;
}

.eight-Strength .list-show .right-pic ul li .pic {
	position: relative;
	overflow: hidden;
}

.eight-Strength .list-show .right-pic ul li p {
	position: absolute;
	padding: 10px 0;
	overflow: hidden;
	bottom: 0;
	left: 0;
	background: url(../images-xb/tranbg-6.png) repeat;
	text-align: center;
	font-size: 20px;
	width: 100%;
	color: white;
}

.eight-Strength .list-show .right-pic a {
	display: block;
	float: right;
	width: 102px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	background-color: #1d7bd3;
	border-radius: 3px;
}

.eight-Strength .list-show .right-pic .prev,.eight-Strength .list-show .right-pic .next {
	position: absolute;
	width: 29px;
	height: 35px;
	background: url("../images-xb/tranbg-6.png") repeat;
	line-height: 3;
	text-align: center;
	top: 50%;
	left: 0;
	margin-top: -17px;
	display: none;
}

.eight-Strength .list-show .right-pic .prev span,.eight-Strength .list-show .right-pic .next span {
	background: url("../images-xb/btn-pre-n.png") no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 11px;
	height: 18px;
}

.eight-Strength .list-show .right-pic .next {
	right: 0;
	left: auto;
}

.eight-Strength .list-show .right-pic .next span {
	background: url("../images-xb/btn-pre-n.png") no-repeat -11px 0;
}

.eight-Strength .list-show .right-pic a:hover {
	background: #000;
}
/*���й�˾ ʵ������ end  */
/*����С�� start*/
.about-big-bg {
	background: url(../images-xb/time-bg-big.jpg)  no-repeat fixed center center;
	width: 100%;
	min-width: 1180px;
	height: 595px;
}

.ter-box-time {
	position: relative;
}

.ter-content-time {
	position: absolute;
	top: -450px;
	left: 50%;
	margin-left: -590px;
}

#top {
	width: 100%;
	height: 90px;
	float: left;
	position: relative;
	background: url(../images-xb/top-bg.png) no-repeat;
}

#top .small {
	position: absolute;
	top: 40px;
	width: 100%;
	height: 56px;
	display: inline;
	margin: 0 auto;
}

#top .small ul {
	margin: 0;
	padding: 0px;
}

#top .small li {
	position: relative;
	height: 60px;
	line-height: 90px;
	float: left;
	top: -35px;
	display: inline;
	margin: 3px 0 0 52px;
	color: #fff;
	font-size: 16px;
	padding: 0;
}

#top .small .more-time {
	position: absolute;
	right: 23px;
	top: 0;
	color: #fff;
}

#top .small li>img {
	position: absolute;
	display: none;
	top: 7px;
}

.img-01 {
	left: 25px;
}

.img-02 {
	left: 25px;
}

.img-03 {
	left: 26px;
}

.img-04 {
	left: 24px;
}

.img-05 {
	left: 25px;
}

.img-06 {
	left: 24px;
}

.img-07 {
	left: 23px;
}

.img-08 {
	left: 22px;
}

.img-09 {
	left: 21px;
}

.img-10 {
	left: 20px
}

.img-11 {
	left: 18px;
}

#top .small li span.text {
	position: absolute;
	top: -60px;
	left: 385px;
	color: #fff;
	width: 300px;
	text-align: center;
	font-size: 0;
	line-height: 30px;
}

#top .small li span.text-01 {
	position: absolute;
	top: -60px;
	left: 282px;
	color: #fff;
	width: 300px;
	text-align: center;
	font-size: 0;
	line-height: 30px;
}

#top .small li span {
	position: absolute;
	color: #fff;
	width: 300px;
	text-align: center;
	font-size: 0;
	line-height: 30px;
}

#top .small li span.text-02 {
	top: -70px;
	left: 195px;
}

#top .small li span.text-03 {
	top: -70px;
	left: 100px;
}

#top .small li span.text-04 {
	top: -60px;
	left: -18px;
}

#top .small li span.text-05 {
	top: -70px;
	left: -106px;
}

#top .small li span.text-06 {
	top: -70px;
	left: -221px;
}

#top .small li span.text-07 {
	top: -60px;
	left: -333px;
}

#top .small li span.text-08 {
	top: -70px;
	left: -410px;
}

#top .small li span.text-09 {
	top: -70px;
	left: -500px;
}

#top .small li span.text-10 {
	top: -70px;
	left: -628px;
}

#top .small li.hove {
	color: #ffea00;
}

#top .small li.hove img {
	display: block;
}

#top .small li.hove span {
	font-size: 18px;
}

#box {
	width: 100%;
	height: 400px;
	float: left;
	overflow: hidden;
	position: relative;
}

#box .bg {
	width: 100%;
	height: 340px;
	position: absolute;
	top: 132px;
	left: 0;
}

#list {
	width: 830px;
	height: 446px;
	position: absolute;
	top: 0;
	left: 50%;
	display: inline;
	margin-left: -410px;
	overflow: hidden;
}

#list ul {
	margin: 0;
	padding: 0;
	float: left;
}

#list li {
	border: 3px solid #000;
	position: absolute;
	list-style-type: none;
	cursor: pointer;
	overflow: hidden;
	width: 314px;
	height: 190px;
	top: 96px;
	left: 0px;
	z-index: 8;
}

#list li img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

#list li div {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

#list li .b_tit {
	width: 100%;
	height: 120px;
	position: absolute;
	z-index: 1;
	bottom: -100%;
	left: 0;
	margin: 0;
	padding: 0;
}

#list li .opacity {
	width: 100%;
	height: 40px;
	background: #000;
	filter: alpha(opacity=80);
	opacity: 0.8;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}

#list li .tit {
	width: 100%;
	height: 40px;
	position: absolute;
	z-index: 2;
	bottom: 0;
}

#list li .tit span {
	width: 100%;
	height: 40px;
	font-weight: normal;
	float: left;
	font-size: 12px;
	line-height: 40px;
	color: #fff;
	border-bottom: 1px solid #2f2f2c;
	text-align: center;
	left: 0;
	margin: 0;
	padding: 0;
}

#list .hove .b_tit {
	bottom: 0 !important;
}

#box a {
	width: 60px;
	height: 60px;
	text-decoration: none;
	position: absolute;
	z-index: 20;
	top: 50%;
	margin-top: -30px;
}

#box a.prev {
	left: 0;
	background: url(../images-xb/about-xiang-left.png) no-repeat;
}

#box a.prev:hover {
	left: 0;
	background: url(../images-xb/about-xiang-left-hover.png) no-repeat;
}

#box a.next {
	right: 0;
	background: url(../images-xb/about-xiang-right.png) no-repeat;
}

#box a.next:hover {
	background: url(../images-xb/about-xiang-right-hover.png) no-repeat;
}

.opacity-01 {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
/*����С�� end  */
/*ʱ���� start*/
.time-line {
	position: relative;
	min-width: 1180px;
	background: url(../images-xb/about_big-bg.jpg) no-repeat center -150px;
	padding: 15px 0 20px;
}

.time-line-main {
	position: relative;
	z-index: 1;
	width: 1180px;
	text-align: center;
	margin: 0 auto;
}

.time-line-main>h3 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 45px;
}

.city-list {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	line-height: 32px;
	color: #fff;
	margin-top: 10px;
}

.city-list>label {
	margin: 0 16px;
}

.city-list>span {
	position: absolute;
	left: 50%;
	margin-left: -3px;
	padding: 0 2px;
	display: block;
	background: #3e9aef;
}

.city-list>span.top {
	top: -3px;
}

.city-list>span.bottom {
	bottom: -3px;
}

.city-list>span>i {
	width: 2px;
	height: 5px;
	display: block;
	background: #fff;
}

.time-line-warp {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.time-list-main {
	width: 1224px;
}

.time-axis {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 55px;
	min-width: 1180px;
	height: 30px;
	background: url(../images-xb/time_line1.png) repeat center;
}

.time-list-main>ul {
	overflow: hidden;
}

.time-list-main li {
	display: block;
	float: left;
	width: 140px;
	padding: 285px 64px 0 0;
	text-align: left;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.time-list-main li.active>i {
	background: url(../images-xb/time_dot_s.png) no-repeat center;
	-webkit-animation: dyamiuc_round 2.5s linear 0s infinite normal;
	animation: dyamiuc_round 2.5s linear 0s infinite normal
}

@-webkit-keyframes dyamiuc_round {
	0% {
		-webkit-transform: scale(.3);
		transform: scale(.3);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes dyamiuc_round {
	0% {
		-webkit-transform: scale(.3);
		transform: scale(.3);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.time-list-main li>i {
	display: block;
	margin: 0 auto;
	width: 41px;
	height: 41px;
	position: relative;
	left: 1px;
	background: url(../images-xb/time_dot.png) no-repeat 11px center;
}

.time-list-main li>p {
	font-size: 16px;
	line-height: 30px;
}

.time-txt {
	position: absolute;
	padding: 10px;
	bottom: 105px;
	width: 230px;
	background: url(../images-xb/transparent40.png) repeat;
	color: #fff;
	line-height: 25px;
	border-radius: 5px;
}

.time-txt>i {
	position: absolute;
	left: 50%;
	margin-left: -4.5px;
	bottom: -5px;
	display: block;
	width: 9px;
	height: 5px;
	background: url(../images-xb/time_arrow.png) no-repeat;
}

.time-p-n {
	position: absolute;
	bottom: 34px;
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(../images-xb/time_p_n.png);
}

.time-p-n.prev {
	display: none;
	left: 0;
	background-position: 0 -35px;
}

.time-p-n.prev:hover {
	background-position: 0 0;
}

.time-p-n.next {
	right: 0;
	background-position: -35px 0;
}

.time-p-n.next:hover {
	background-position: -35px -35px;
}

.time-txt>p {
	padding: 5px 10px 0;
	line-height: 22px;
}

.time-img>img {
	width: 100%;
}

.full-time {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

/*ʱ����  end */
/*2017 0803 xl end  */



@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin: 0;
	padding: 0;
}

html {
	color: black;
	font-size: 62.5%;
}

body {
	font: 14px/1.5 arial,"微软雅黑";
	color: #666;
	outline: 0;
}

input,select,textarea {
	font-size: 100%;
	outline-style: none;
	background: transparent;
	font-family: "微软雅黑";
}

input,button {
	border: none medium;
	outline: none;
	font-family: "微软雅黑";
}

button, html input[type="button"], input[type="submit"] {
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

address,caption,cite,code,dfn,em,th,var,i {
	font-style: normal;
	font-weight: 500;
}

ol,ul,li,dl,dt,dd {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 2rem;
	font-weight: 500;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

abbr,acronym {
	border: none;
	font-variant: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0 none;
	vertical-align: middle;
	max-width: 100%;
}

caption,th {
	text-align: left;
}

th {
	text-align: inherit;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

del {
	text-decoration: line-through;
}

legend {
	color: #666;
}

fieldset {
	border: none;
}

iframe {
	display: block;
}

q:before,q:after {
	content: '';
}

ins,a {
	text-decoration: none;
	cursor: pointer;
	color: #666;
}

a:hover {
	text-decoration: none;
}

a:focus,*:focus {
	outline: none;
}

.clearfix:before,.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.hide {
	display: none !important;
	visibility: hidden;
}

.block {
	display: block !important;
}

.radius_1 {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.radius_2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.radius_3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.radius_5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.radius_t5 {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.cb {
	clear: both;
}

.ovh {
	overflow: hidden;
}

.di {
	display: inline;
}

.dib {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.db {
	display: block;
}

.none {
	display: none;
}

.border0 {
	border: 0!important;
}

.vm {
	vertical-align: middle;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.tdu {
	text-decoration: underline;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.family_st {
	font-family: "Microsoft YaHei"
}

.family_wr {
	font-family: "微软雅黑"
}

.red {
	color: #fa4f4f;
}

.orange {
	color: #ff7f00 !important;
}

.w1200 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.w1180 {
	width: 1180px;
	height: auto;
	margin: 0 auto;
}

.w1000 {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
/*head*/
.dgg_header {
	width: 100%;
	min-width: 1180px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background: #f1f1f1;
	position: relative;
	z-index: 101;
}

.dgg_header .fr li {
	float: left;
	margin-left: 15px;
}

.dgg_header .fr a:hover {
	text-decoration: underline;
}

.dgg_header .fr .blue {
	color: #004b92;
	text-decoration: underline;
}
/*logo-nav*/
.logo_nav {
	height: 70px;
	padding-top: 25px;
}

.logo {
    width: 250px;
    float: left;
    padding-top: 10px;
    position: relative;
}

.logo>a {
	display: block;
}

.logo .txt {
	color: #fff;
	width: 90px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}

.tel_box {
	display: block;
	float: right;
}

.tel_box.top15 {
	padding-top: 15px;
}

.tel_box label {
	padding-left: 24px;
	background: url(../images-xb/tel_1.png) left center no-repeat;
}

.tel_box strong {
	font-size: 20px;
	color: #ff7f00;
	font-family: "Impact";
	position: relative;
	top: 1px;
}

.dgg_nav {
	display: block;
	overflow: hidden;
	padding-top: 15px;
	clear: both;
}

.dgg_nav li {
	float: left;
	margin-left: 50px;
}

.dgg_nav li a {
	color: #333;
	font-size: 16px;
	padding: 5px 0;
}

.dgg_nav li .active {
	color: #004b92;
}

.dgg_nav li a:hover {
	color: #004b92;
}

.dgg_nav li .active:hover {
	text-decoration: underline;
}

/*footer*/
.footer {
	width: 100%;
	min-width: 1180px;
	height: 104px;
	padding-top: 36px;
	font-size: 12px;
	position: relative;
	border-top: 1px solid #e5e5e5;
	text-align: left;
}

.footer .link_list li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	background: url(../images-xb/footer_1.png) left center no-repeat;
}

.footer .link_list li:first-child {
	background: none;
}

.footer .link_list li a {
	padding: 0 8px 0 13px;
	color: #333;
}

.footer .link_list li a:hover {
	color: #004b92;
	text-decoration: underline;
}

.footer .copyRight {
	padding-top: 20px;
}

.footer p {
	line-height: 24px;
}

.footer .xdw_copy {
	padding-left: 28px;
	background: url(../images-xb/copy_1.png) left center no-repeat;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

/*公共底部的修改 start*/
.footer-top {
	padding-bottom: 15px;
	overflow: hidden;
}

.friend-box {
	overflow: hidden;
	margin-top: 5px;
}

.footer-tel {
	font-size: 14px;
	color: #bdbdbd;
}

.footer-tel i {
	background: url(../images-xb/footer-tel.png) no-repeat;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	vertical-align: middle;
}

.footer-tel p {
	font-size: 27.5px;
	color: #004b92;
	margin-top: 5px;
	font-family: impact;
}

.footer .friendly-links {
	font-size: 14px;
	color: #333;
}

.friendly-list>li {
	float: left;
	line-height: 24px;
	background: url(../images-xb/footer_1.png) left center no-repeat;
	padding-top: 1px;
}

.friendly-list>li:first-child {
	background: none;
}

.friendly-list a {
	font-size: 12px;
	color: #666;
	padding: 0 8px 0 13px;
}

.friendly-list a:hover {
	color: #004b92;
	text-decoration: underline;
}

.footer-bottom {
	width: 100%;
	min-width: 1180px;
	background: #f7f7f7;
	text-align: center;
	padding-bottom: 15px;
}

.footer .link_list li:first-child a {
	padding-left: 0;
}

.friendly-list>li:first-child a {
	padding-left: 7px;
}




/*2017 0808 xl icp start*/
.big-til {
	padding: 60px 0 40px;
	text-align: center;
	line-height: 1;
}

.big-til h3 {
	color: #3b3b3b;
	font-size: 30px;
	font-weight: bold;
}

.big-til p {
	color: #848484;
	font-size: 16px;
	padding-top: 10px;
}

/*哪些网站需要ICP许可证 start */
.who-need {
	padding-bottom: 60px;
	text-align: center;
}

.who-need ul {
	overflow: hidden;
}

.who-need ul li {
	float: left;
	width: 380px;
	height: 240px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	margin-left: 20px;
	text-align: left;
}

.who-need ul li:first-child {
	margin-left: 0;
}

.who-need ul li .desc {
	padding: 20px 0 0 20px;
	width: 360px;
	height: 220px;
	color: white;
	position: relative;
	overflow: hidden;
}

.who-need ul li .desc p {
	font-size: 16px;
	line-height: 1.6;
}

.who-need ul li .desc .til {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}

.who-need ul li .desc a {
	position: absolute;
	display: block;
	width: 133px;
	height: 38px;
	border: 1px solid white;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	bottom: 28px;
}

.who-need ul li .desc a span {
	color: white;
	font-size: 16px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	position: relative;
	z-index: 1;
}

.who-need ul li .desc a i {
	width: 0;
	height: 100%;
	position: absolute;
	left: 50%;
	background-color: white;
	border-radius: 3px;
	top: 0;
	z-index: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.who-need ul li .who-need-img {
	position: absolute;
	right: -10px;
	bottom: -10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.who-need ul li:hover .sky-bg a span {
	color: #1d7bd3;
}

.who-need ul li:hover .green-bg a span {
	color: #22c45b;
}

.who-need ul li:hover .orange-bg a span {
	color: #ff9000;
}

.who-need ul li:hover .desc a i {
	width: 100%;
	left: 0;
}

.who-need ul li:hover .who-need-img {
	right: 0;
	bottom: 0;
}

.btn-need {
	height: 38px;
	line-height: 38px;
	padding: 0 24px;
	color: #1d7bd3;
	font-size: 14px;
	border: 1px solid #1d7bd3;
	border-radius: 3px;
	margin-top: 40px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.btn-need span {
	color: #ff9000;
}

.btn-need:hover {
	color: white;
	background-color: #1d7bd3;
}
/*哪些网站需要ICP许可证 end    */
/*办理前注意 start*/
.handle-attention {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	height: 755px;
	background: url("../images-xb/handle-attention-bg.jpg") no-repeat fixed;
}

.handle-attention .big-til h3 {
	color: white;
}

.handle-attention .big-til p {
	color: white;
}

.handle-attention .big-til p font {
	vertical-align: text-top;
	margin-right: 5px;
}

.handle-attention dl dd {
	margin-bottom: 20px;
	overflow: hidden;
	height: 210px;
	border-radius: 3px;
	text-align: center;
	background-color: #f3f3f3;
}

.handle-attention dl dd .left-til {
	float: left;
	width: 146px;
	height: 210px;
	color: white;
	font-size: 24px;
	position: relative;
}

.handle-attention dl dd .left-til .top-til {
	line-height: 75px;
	background-color: #1d7bd3;
}

.handle-attention dl dd .left-til .bottom-desc {
	background-color: #1972c5;
	line-height: 145px;
}

.handle-attention dl dd .left-til i {
	position: absolute;
	width: 6px;
	height: 8px;
	right: -6px;
	top: 71px;
	background: url("../images-xb/blue-triangle.png") no-repeat;
}

.handle-attention dl dd ul {
	overflow: hidden;
	float: left;
	width: 1034px;
}

.handle-attention dl dd ul li {
	float: left;
	width: 257.5px;
	text-align: center;
	border-left: 1px solid #dcdcdc;
	height: 210px;
}

.handle-attention dl dd ul li:first-child {
	border-left: none;
}

.handle-attention dl dd ul li .top-til {
	line-height: 74px;
	border-bottom: 1px solid #dcdcdc;
	color: #848484;
	font-size: 20px;
}

.handle-attention dl dd ul li .desc {
	padding-top: 20px;
	height: 115px;
}

.handle-attention dl dd ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.handle-attention dl dd ul li i {
	width: 66px;
	height: 52px;
	background: url("../images-xb/handle-attention-icon1.png") no-repeat;
}

.handle-attention dl dd ul li p {
	color: #565656;
	font-size: 20px;
	padding-top: 10px;
}

.handle-attention dl dd.green-dd .left-til .top-til {
	background-color: #22c45b;
}

.handle-attention dl dd.green-dd .left-til .bottom-desc {
	background-color: #1cb251;
}

.handle-attention dl dd.green-dd .left-til i {
	background-image: url("../images-xb/green-triangle.png");
}

.handle-attention dl dd.green-dd ul li i {
	background-image: url("../images-xb/handle-attention-icon2.png");
}

.handle-attention dl dd ul li .icon2 {
	background-position: -66px 0;
}

.handle-attention dl dd ul li .icon3 {
	background-position: -132px 0;
}

.handle-attention dl dd ul li .icon4 {
	background-position: -198px 0;
}

.handle-attention dl dd ul li:hover i {
	-webkit-animation: bounce 1s ease 1 0s both;
	animation: bounce 1s ease 1 0s both;
}

.handle-attention .wechat {
	background: white;
	margin-top: 40px;
}

.handle-attention .wechat-left {
	font-size: 16px;
	color: #181f39;
}
/*办理前注意 end */
/*办理条件 start*/
.application-conditions ul {
	margin-bottom: 40px;
	margin-top: 20px;
	height: 427px;
}

.application-conditions ul li {
	float: left;
	width: 340px;
	height: 410px;
	text-align: center;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background-color: #f7f7f7;
	margin-left: 80px;
}

.application-conditions ul li:first-child {
	margin-left: 0;
}

.conditions-desc {
	position: relative;
	width: 340px;
	height: 390px;
	padding-top: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.conditions-desc .top-icon {
	padding-bottom: 15px;
}

.conditions-desc .top-icon i {
	width: 43px;
	height: 48px;
	background: url("../images-xb/conditions-icon.png") no-repeat;
}

.conditions-desc .top-icon .icon2 {
	background-position: -43px 0;
}

.conditions-desc .top-icon .icon3 {
	background-position: -86px 0;
}

.application-conditions ul li:hover {
	margin-top: -17px;
	height: 444px;
	box-shadow: 0 0 14px 3px #e5e5e5;
}

.application-conditions ul li:hover .conditions-desc {
	padding-top: 37px;
}

.conditions-desc:hover .top-icon i {
	-webkit-animation: bounce 1s ease 1 0s both;
	animation: bounce 1s ease 1 0s both;
}

.application-conditions ul li .top-til {
	line-height: 60px;
	font-size: 24px;
	color: white;
}

.application-conditions ul li .bottom-desc {
	padding-top: 25px;
	height: 230px;
	position: relative;
	color: #565656;
	font-size: 18px;
}

.application-conditions ul li .bottom-desc p {
	line-height: 1.8;
}

.application-conditions ul li .bottom-desc a {
	position: absolute;
	bottom: 25px;
	width: 158px;
	height: 38px;
	line-height: 38px;
	border-radius: 3px;
	border: 1px solid #ff9000;
	left: 50%;
	margin-left: -80px;
	overflow: hidden;
}

.application-conditions ul li .bottom-desc a span {
	position: relative;
	z-index: 1;
	color: #ff9000;
	font-size: 16px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.application-conditions ul li .bottom-desc a i {
	position: absolute;
	left: 50%;
	width: 0;
	height: 100%;
	border-radius: 3px;
	background-color: #ff9000;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.application-conditions ul li:hover .bottom-desc a span {
	color: white;
}

.application-conditions ul li:hover .bottom-desc a i {
	width: 100%;
	left: 0;
}

.application-conditions .wechat {
	background-color: white;
	margin-bottom: 60px;
	width: 555px;
}

.application-conditions .wechat-left {
	width: 395px;
	color: #565656;
	font-size: 16px;
}
/*办理条件 end*/
/*选择顶呱呱start*/
.big-gray {
	width: 100%;
	min-width: 1180px;
	background-color: #f7f7f7;
}

.choose-us {
	position: relative;
	overflow: hidden;
}

.flow-steps {
	float: left;
	width: 400px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.other-steps {
	margin-left: 38px;
}

.dgg-steps {
	float: right;
	margin-right: 22px;
}

.flow-steps .til {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #22c45b;
}

.flow-steps ul li {
	margin-bottom: 10px;
	width: 400px;
	height: 50px;
	line-height: 50px;
	background: url("../images-xb/flow-steps-bg1.png") no-repeat;
	color: #66d086;
	font-size: 20px;
	text-align: left;
}

.flow-steps ul li span {
	padding-left: 20px;
}

.flow-steps ul li .icon {
	width: 81px;
	height: 50px;
	text-align: center;
	vertical-align: sub;
	padding-left: 0;
}

.flow-steps ul li i {
	width: 40px;
	height: 25px;
	background: url("../images-xb/num-icon1.png") no-repeat;
}

.flow-steps.dgg-steps ul li i {
	background-image: url("../images-xb/num-icon2.png");
}

.flow-steps ul li .icon2 {
	background-position: -42px 0;
}

.flow-steps ul li .icon3 {
	background-position: -84px 0;
}

.flow-steps ul li .icon4 {
	background-position: -126px 0;
}

.flow-steps ul li .icon5 {
	background-position: -168px 0;
}

.flow-steps ul li .icon6 {
	background-position: -210px 0;
}

.flow-steps ul li .icon7 {
	background-position: -253px 0;
}

.flow-steps ul li .icon8 {
	background-position: -295px 0;
}

.flow-steps.dgg-steps .til {
	color: #ff9000;
}

.flow-steps.dgg-steps ul li {
	background: url("../images-xb/flow-steps-bg2.png") no-repeat;
	color: #ff9000;
}

.flow-steps.dgg-steps ul li.last-li {
	background: #f8e6cf;
	text-align: center;
	border: 1px solid #ff9000;
	border-radius: 3px;
	height: 108px;
	line-height: 1.3;
	font-size: 16px;
}

.flow-steps.dgg-steps ul li.last-li .til {
	padding-top: 12px;
}

.middle-person {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -210px;
	z-index: 0;
}

.choose-us-box {
	padding-bottom: 60px;
}

.choose-us-box .wechat {
	background-color: #f7f7f7;
	margin: 30px auto 0;
}

.choose-us-box .wechat-left span {
	font-weight: normal;
	font-size: 20px;
}
/*选择顶呱呱end */
/*更多保障 start*/
.more-security-box {
	width: 100%;
	min-width: 1180px;
	background: url("../images-xb/choose-us-bg.jpg") no-repeat fixed;
	height: 734px;
}

.more-security-box .big-til h3 {
	color: white;
}

.more-security-box .big-til p {
	color: white;
}

.more-security ul {
	overflow: hidden;
}

.more-security ul li {
	float: left;
	position: relative;
	width: 33.333%;
	height: 215px;
	text-align: center;
	background-color: #f7f7f7;
}

.more-security ul li div {
	width: 100%;
	height: 100%;
}

.more-security ul li i {
	width: 56px;
	height: 56px;
	background: url("../images-xb/more-security-icon.png") no-repeat;
	margin-top: 30px;
}

.more-security ul li .icon2 {
	background-position: -56px 0;
}

.more-security ul li .icon3 {
	background-position: -112px 0;
}

.more-security ul li .icon4 {
	background-position: -168px 0;
}

.more-security ul li .icon5 {
	background-position: -224px 0;
}

.more-security ul li .icon6 {
	background-position: -280px 0;
}

.more-security ul li p {
	color: #848484;
	font-size: 16px;
}

.more-security ul li .til {
	color: #565656;
	font-size: 22px;
	margin: 10px 0 5px;
}

.more-security ul li .sky-bg p {
	color: white;
}

.more-security ul li .sky-bg .til {
	color: white;
}

.more-security ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.more-security .wechat {
	margin-bottom: 60px;
	margin-top: 40px;
	background: white;
}

.more-security .wechat-left {
	color: #1d7bd3;
}

.more-security .wechat-left span {
	font-weight: normal;
	font-size: 20px;
}
/*更多保障 end  */
/*icp区别 start*/
.difference-icp {
	background: url("../images-xb/difference-icp.jpg") no-repeat;
	height: 670px;
	overflow: hidden;
}

.difference-info {
	width: 434px;
	height: 482px;
	margin-left: 110px;
	float: left;
	margin-top: 147px;
}

.difference-icp .til {
	text-align: center;
	line-height: 53px;
	background: url("../images-xb/green-sbx.png") no-repeat center center;
	color: white;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.difference-info .txt {
	color: #565656;
	font-size: 16px;
	line-height: 2.2;
}

.difference-icp .txt span {
	color: #ff9000;
}

.difference-icp .tips {
	width: 435px;
	float: right;
	margin-right: 110px;
	margin-top: 147px;
}

.difference-icp .tips div {
	margin-bottom: 13px;
}

.difference-icp .tips div p {
	font-size: 16px;
	color: #565656;
	font-weight: bold;
}

.difference-icp .tips div .txt {
	font-weight: normal;
}
/*icp区别 end*/
/*还需要 start*/
.big-gray {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	position: relative;
	background-color: #f7f7f7;
}
/*还需要 start*/
.need-ul {
	margin-bottom: 60px;
	overflow: hidden
}

.need-ul>li {
	float: left;
	width: 236px;
	text-align: center;
}

.need-ul>li i {
	background: url(../images-xb/need-icons.png) no-repeat;
	height: 106px;
	width: 106px;
	margin: 0 auto;
	display: block;
}
/*.need-content .need-ul>li i{background-position: -495px 0;}*/
.need-content .need-ul>li i.icon2 {
	background-position: -258px 0;
}

.need-content .need-ul>li i.icon3 {
	background-position: -495px 0;
}

.need-content .need-ul>li i.icon4 {
	background-position: -742px 0;
}

.need-content .need-ul>li i.icon5 {
	background-position: -975px 0;
}

.need-ul>li p {
	font-size: 18px;
	color: #666;
	margin: 20px 0;
}

.need-ul>li a {
	width: 140px;
	height: 40px;
	display: block;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-size: 14px;
	color: #888;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
}

.need-ul>li:hover i {
	background: url(../images-xb/need-icons-hover.png) no-repeat;
}

.need-content .need-ul>li:hover i {
	background-position: -495px 0;
}

.need-content .need-ul>li:hover i.icon2 {
	background-position: -258px 0;
}

.need-content .need-ul>li:hover i.icon3 {
	background-position: 0 0;
}

.need-content .need-ul>li:hover i.icon4 {
	background-position: -742px 0;
}

.need-content .need-ul>li:hover i.icon5 {
	background-position: -975px 0;
}

.need-ul>li:hover p {
	color: #ff9000;
}

.need-ul>li:hover a {
	background: #ff9000;
	color: #fff;
}

@media (min-width:768px) {
	.aliyun-common-footer-2017 .module-wrap .ali-main-know {
		padding: 30px 20px 0
	}

	.aliyun-common-footer-2017 .module-wrap .ali-main-hot {
		padding: 20px 20px 0
	}


	.aliyun-common-footer-2017 .module-wrap .y-row {
		width: 100%;
		min-width: inherit!important
	}
}

.aliyun-common-footer-2017 .y-row {
	min-width: 1000px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
	*width: 1000px
}

.aliyun-common-footer-2017 .y-row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.aliyun-common-footer-2017 .y-left,.aliyun-common-footer-2017 .y-right {
	display: inline
}

.aliyun-common-footer-2017 .y-left {
	float: left!important
}

.aliyun-common-footer-2017 .y-right {
	float: right!important
}

.aliyun-common-footer-2017 .y-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.aliyun-common-footer-2017 .y-clear {
	zoom: 1
}

.aliyun-common-footer-2017 .y-align-center {
	text-align: center!important
}

.aliyun-common-footer-2017 a.y-btn-anti,.aliyun-common-footer-2017 a.y-btn-anti:link,.aliyun-common-footer-2017 a.y-btn-anti:visited,.aliyun-common-footer-2017 a.y-btn-blue,.aliyun-common-footer-2017 a.y-btn-blue:link,.aliyun-common-footer-2017 a.y-btn-blue:visited,.aliyun-common-footer-2017 a.y-btn-trans,.aliyun-common-footer-2017 a.y-btn-trans:link,.aliyun-common-footer-2017 a.y-btn-trans:visited,.aliyun-common-footer-2017 a.y-btn-white,.aliyun-common-footer-2017 a.y-btn-white:link,.aliyun-common-footer-2017 a.y-btn-white:visited {
	display: inline-block;
	min-width: 78px;
	height: 33px;
	padding: 0 30px 1px;
	background: #00a2ca;
	line-height: 33px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	outline: none;
	border-radius: 0;
	*width: auto
}

.aliyun-common-footer-2017 a.y-btn-blue:hover {
	background: #33b5d4;
	border-color: #33b5d4;
	text-decoration: none
}

.aliyun-common-footer-2017 a.y-btn-blue:active {
	background: #008fb2;
	border-color: #008fb2
}

.float-tool {
	position: fixed;
	width: 44px;
	right: 8px;
	bottom: 40%;
	z-index: 250
}

.aliyun-common-footer-2017 {
	font-size: 12px
}

.aliyun-common-footer-2017 .module-wrap * {
	box-sizing: border-box
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time {
	background-color: #31373b
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content {
	height: 120px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content .ali-main-time-what {
	line-height: 120px;
	color: #fff;
	font-size: 16px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content .ali-main-time-what:hover {
	color: #28d0e9!important
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li {
	width: 25%;
	float: left;
	text-align: left
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a {
	position: relative;
	padding-left: 60px;
	height: 120px;
	line-height: 120px;
	display: inline-block;
	color: #666
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img {
	position: absolute;
	left: 0;
	width: 50px;
	top: 34px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img.white {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img.black {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a:hover {
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know {
	padding-top: 30px;
	background-color: #373d41;
	min-height: 220px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div {
	padding-bottom: 30px;
	position: relative;
	box-sizing: border-box;
	padding-left: 300px;
	border-bottom: 1px solid #4b5054
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell {
	left: 0;
	width: 280px;
	position: absolute
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div {
	position: relative;
	padding-left: 80px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img {
	position: absolute;
	left: 0;
	width: 50px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.black {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white-black {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h2 {
	color: #d7d8d9;
	font-size: 16px;
	height: 30px;
	margin-top: 0;
	margin-bottom: 0
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h1 {
	color: #fff;
	font-size: 25px;
	height: 30px;
	margin-top: 0;
	margin-bottom: 0
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul {
	margin: 16px 0
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li {
	height: 30px;
	line-height: 30px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a {
	font-size: 14px;
	color: #9b9ea0;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content {
	border-left: 1px solid #4b5054;
	box-sizing: border-box;
	padding-left: 130px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content>li {
	width: 22%;
	float: left
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-title {
	color: #d7d8d9;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	font-weight: bolder
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent {
	margin-top: 14px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li {
	margin-top: 8px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a {
	color: #9b9ea0;
	height: 18px;
	line-height: 18px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li.qr-code img {
	margin-top: 16px;
	width: 80px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot {
	padding-top: 20px;
	background-color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot>div {
	border-bottom: 1px solid #4b5054;
	padding-bottom: 20px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li {
	position: relative;
	padding-left: 80px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-title {
	font-size: 12px;
	color: #9b9ea0;
	font-weight: bolder;
	position: absolute;
	left: 0;
	margin-top: 8px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li {
	width: 124px;
	float: left;
	margin-top: 8px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li a {
	color: #73777a;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 {
	background-color: #373d41;
	padding-top:20px;
	padding-bottom:115px;
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big {
	display: inline-block
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big a {
	font-size: 16px;
	color: #9b9ea0;
	margin-right: 35px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .footer-search {
	display: inline-block;
	float: right;
	margin-left: 10px;
	position: relative
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice {
	background-color: hsla(0,0%,100%,.1);
	box-sizing: content-box!important;
	display: none;
	width: 100px;
	height: 30px;
	border: 1px solid #bbbdbf;
	padding: 0 10px 0 35px;
	line-height: 30px;
	position: relative;
	cursor: pointer;
	color: #bbbdbf
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover .icon-up3,.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover ul {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover .icon-down3 {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice img {
	width: 22px;
	left: 6px;
	position: absolute;
	top: 5px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice .icon-up3 {
	display: none;
	font-family: iconfont!important
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice .icon-down3 {
	display: block;
	font-family: iconfont!important
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice i {
	position: absolute;
	right: 5px;
	top: 7px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice>ul {
	display: none;
	background-color: hsla(0,0%,100%,.1);
	width: 145px;
	left: -1px;
	position: absolute;
	top: 30px;
	color: #bbbdbf;
	border: 1px solid #bbbdbf
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice>ul li {
	position: relative;
	padding: 0 10px 0 35px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search {
	display: inline-block;
	float: right;
	margin-left: 10px;
	position: relative
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search input {
	background-color: hsla(0,0%,100%,.1);
	border: 1px solid #bbbdbf;
	height: 30px;
	color: #bbbdbf;
	padding: 0 30px 0 10px;
	width: 178px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search button {
	width: 30px;
	position: absolute;
	top: 1px;
	height: 30px;
	right: 1px;
	background-color: hsla(0,0%,100%,0);
	border: 0;
	cursor: pointer
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search button i {
	font-size: 16px;
	color: #b3b3b3
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap {
	padding-top: 10px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap .link-item {
	display: inline-block;
	font-size: 14px;
	color: #73777a;
	margin-right: 10px;
	margin-top: 10px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap .link-item:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright {
	color: #73777a;
	font-size: 14px;
	margin-top: 10px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .xin {
	margin-top: 10px;
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time {
	background-color: #ebecec
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content {
	height: 120px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content .ali-main-time-what {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a {
	position: relative;
	padding-left: 60px;
	height: 120px;
	line-height: 120px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a img.white {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a img.black {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know {
	background-color: #f5f5f6
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know>div {
	border-bottom: 1px solid #cfd0d1
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.white {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.black,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.white-black {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell h1,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell h2 {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell ul li a {
	color: #73777a
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content {
	border-left: 1px solid #cfd0d1
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content .ali-main-know-title {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content .ali-main-know-subcontent li a {
	color: #73777a
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot {
	background-color: #f5f5f6
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot>div {
	border-bottom: 1px solid #cfd0d1
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot .ali-main-hot-content .ali-main-hot-title {
	color: #73777a
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot .ali-main-hot-content .ali-main-hot-subcontent li a {
	color: #9b9ea0
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 {
	background-color: #f5f5f6
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .big a {
	color: #73777a!important
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .copyright,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .link-wrap .link-item {
	color: #9b9ea0
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know {
	background-color: #ebecec
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.black,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.white {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.white-black {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell li a {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-time {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know {
	background-color: #31373b;
	min-height: 110px;
	box-sizing: border-box
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know>div {
	border-bottom: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell {
	height: 110px;
	width: 100%
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul {
	left: 267px;
	position: absolute;
	top: -4px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li {
	float: left;
	border-left: 1px solid #cfd0d1;
	padding: 0 15px;
	height: 20px;
	line-height: 20px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li:first-child {
	border-left: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li a {
	font-size: 16px;
	color: #fff
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .ali-main-know-content {
	display: none
}
.copyright .aicp{ color:#73777a}
.copyright .aicp:hover{ color:#00a2ca}



.box{ width:1176px; margin:auto;}
.box ul{ width:1196px;}
.box ul li{ float:left; height:409px; width:279px; margin-right:20px; overflow:hidden; background:url(../images-xb/orange.png)  0 0px no-repeat; position:relative;}
.box ul li a{ display:block; width:100%; height:100%; top:0; position:absolute;}
.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
.box ul li u{ position:absolute; display:block; margin-left:36px; width:207px; height:207px; background:url(../images-xb/round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;}
.box ul li u.cr{clip:rect(0px,207px,-10px,103.5px);   }
.box.active ul li u.cr{clip:rect(0px,207px,207px,103.5px); }
.box ul li:hover u.cr{ clip:rect(0px,207px,-10px,103.5px)} 
.box ul li u.cl{clip:rect(207px,103.5px,2000px,0px) }
.box.active ul li u.cl{clip:rect(0px,103.5px,207px,0px);   }
.box ul li:hover u.cl{ clip:rect(207px,103.5px,2000px,0px) }
.box ul li i{ display:block; font-style:normal; position:absolute; height:60px; width:68px; left:104px; top:77px;  }
.box ul li.box1 i{ background:url(../images-xb/box1.png) 0px 0px no-repeat}
.box ul li:hover.box1 i{ background:url(../images-xb/box1.png) -68px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box2 i{ background:url(../images-xb/box2.png) 0px 0px no-repeat;width:72px; left:103px; }
.box ul li:hover.box2 i{ background:url(../images-xb/box2.png) -72px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box3 i{ background:url(../images-xb/box3.png) 0px 0px no-repeat; width:55px; height:66px; left:113px;}
.box ul li:hover.box3 i{ background:url(../images-xb/box3.png) -55px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box4 i{ background:url(../images-xb/box4.png) 0px 0px no-repeat; width:70px; height:69px;}
.box ul li:hover.box4 i{ background:url(../images-xb/box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li h3{ font-size:22px; color:#333333; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:248px;}
.box ul li h3 a{ color:#333}
.box ul li:hover h3{color:#5b5b5b;transition:all 0.8s;}
.box ul li p{ font-size:12px; color:#333333; line-height:20px; margin-top:20px; padding:0 20px}
.box ul li p a{color:#333333;}
.box ul li p a:hover{color:#fff;}
.box ul li:hover p{color:#5b5b5b;transition:all 0.8s;}



.section .mt20 {
	margin:0;
}
section, article {
	width:100%;
	min-width:1000px;
	height:100%;
	position:relative;
}
article .txthide {
	text-indent:-999999em;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	display:none;
}
.sectionTitle {
	width:100%;
	height:55%;
	margin:0 auto;
	padding-top:0px;
	text-align:center;
	position:absolute;
	top:7%;
	left:0;
	opacity:0;
	-webkit-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	transform:translateY(-30px);
	-webkit-transition:all 1s ease-out;
	transition:all 1s ease-out;
	z-index:8;
}
.fadeInDown .sectionTitle {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
.sectionWrapper {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	overflow:hidden;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%")
}
.sectionBtndiv {
	width:100%;
	position:absolute;
	bottom:auto;
	left:0px;
	text-align:center;
	z-index:10;
}
.sectionBtnsub {
	width:13%;
	margin:0 auto;
	text-align:center;
	display:block;
	max-width:195px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>195?"195px":"13%");
}
.sectionBtnsub img {
	width:100%;
}
.sectionbg {
	width:100%;
	height:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
	z-index:1;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");
}
.section1, .section2, .section3, .section4, .sectionbg5 {
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.section1 {
    background:url(../images-xb/bg-quanping.png);
	display:none;
	text-align:center;
}
.secitonbottombg {
	width:100%;
	text-align:center;
	left:0px;
	z-index:1;
	margin:0 auto;
}
.section1 .secitonbottombg {
	bottom:0;
	left:0;
}
.section2 .secitonbottombg img, .section5 .secitonbottombg img, .section6 .secitonbottombg img {
	width:70%;
	max-width:1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1000px":"70%");
}
.section3 .secitonbottombg img, .section4 .secitonbottombg img {
	width:79%;
	max-width:1128px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1128px":"79%");
}
.section1 .secitonbottombg img {
	width:100%;
	max-width:1680px;
	height:auto;
	max-height:705px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1680px":"100%");
}
.section2 .secitonbottombg img {
	height:auto;
	max-height:510px;
}
.section3 .secitonbottombg img {
	height:auto;
	max-height:710px;
}
.section4 .secitonbottombg img {
	height:auto;
	max-height:578px;
}
.section5 .secitonbottombg img {
	height:auto;
	max-height:530px;
}
.section6 .secitonbottombg img {
	height:auto;
	max-height:630px;
}
.section1 .sectionTitle {
	text-align:center;
	opacity:1;
	top:28%;
	_top:26%;
	left:20%;
	z-index:30;
}
.section1 .sectionTitle h2 {
	position:absolute;
	top:0;
	left:0;
	height:52%;
	width:100%;
	text-align:center;
}
.section1 .sectionTitle h2 img {
	height:100%;
	width:auto;
}
.section1 .dload {
	position:absolute;
	top:60%;
	left:0;
	height:40%;
	width:100%;
	text-align:center;
}
.section1 .iph_dload {
	position:absolute;
	top:60%;
	left:0;
	height:18%;
	width:100%;
	text-align:center;
}
.section1 .iph_dload img, .section1 .andr_dload img {
	height:100%;
	width:auto;
}
.section1 .andr_dload {
	position:absolute;
	top:85%;
	left:0;
	height:18%;
	width:100%;
	text-align:center;
}
.section6 .secitonbottombg a {
	position:absolute;
	left:0;
	bottom:5%;
	height:15%;
	width:100%;
	z-index:99;
}
.section6 .secitonbottombg a img {
	height:100%;
	width:auto;
}
/*回到顶部*/
.btn-quanping {
	position:absolute;
	left:64.3%;
	z-index:100;
	top:13.3%;
}
#arrow_up {
	display:none;
	position:fixed;
	bottom:100px;
	right:50px;
	width:90px;
	height:90px;
	z-index:60;
	_position:absolute;
 _right:expression(eval(document.documentElement.scrollright+1000));
 _top:expression(eval(document.documentElement.scrollTop+700));
}


.user-brand-list {
	overflow: hidden;
	margin-bottom: 50px;
	padding: 10px 0;
	list-style: none;
	margin: 0;
}
.user-brand-list>li {
    display: inline-block;
    width: 20%;
    float: left;
    text-align: center;
    height: 100px;
    position: relative;
    -moz-background-size: 1200px 575px;
    background-size: 1200px 575px;
}
.user-brand-list>li:first-child {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: 0 -12px;
    background-position-x: 0;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(2) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -240px -12px;
    background-position-x: -240px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(3) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -480px -12px;
    background-position-x: -480px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(4) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -720px -12px;
    background-position-x: -720px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(5) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -960px -12px;
    background-position-x: -960px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(6) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: 0 -162px;
    background-position-x: 0;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(7) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -240px -162px;
    background-position-x: -240px;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(8) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -480px -162px;
    background-position-x: -480px;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(9) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -720px -162px;
    background-position-x: -720px;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(10) {
    background-image: url(../images-xb/user-brand.png);
    background-repeat: no-repeat;
    background-position: -960px -162px;
    background-position-x: -960px;
    background-position-y: -162px;
}
.user-brand-list>li:first-child:hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:0 -312px;
	background-position-x:0;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(2):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-240px -312px;
	background-position-x:-240px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(3):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-480px -312px;
	background-position-x:-480px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(4):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-720px -312px;
	background-position-x:-720px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(5):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-960px -312px;
	background-position-x:-960px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(6):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:0 -462px;
	background-position-x:0;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(7):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-240px -462px;
	background-position-x:-240px;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(8):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-480px -462px;
	background-position-x:-480px;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(9):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-720px -462px;
	background-position-x:-720px;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(10):hover {
	background-image:url(../images-xb/user-brand.png);
	background-repeat:no-repeat;
	background-position:-960px -462px;
	background-position-x:-960px;
	background-position-y:-462px
}
.task-panel-bd .zbj-btn-primary{ color:#FF6600}
.task-panel-bd .zbj-btn-primary:hover{ color:#fff}


/*底部留言栏*/
.nuclearname-bar{position:fixed;height:100px;left:0;bottom:-200px;width:100%;z-index:10;transition:all 1s}
.nuclearname-bar .nuclearname-bg{width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);transition:all 1s}
.nuclearname-bar .zbj-grid-1200{ position:relative; width:1200px; margin:0 auto;}
.nuclearname-bar .nuclearname-main{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.nuclearname-bar .nuclearname-main .btn-close{position:absolute;top:10px;right:10px;display:block}
.nuclearname-bar .nuclearname-main .btn-close .icon-close{background-position:-208px -33px;width:18px;height:18px;cursor:pointer}
.nuclearname-bar .nuclearname-intro{float:left;width:180px;margin-left:100px;margin-top:-48px}
.nuclearname-bar .nuclearname-intro img{ display:block; width:179px; height:178px;}
.nuclearname-bar .nuclearname-text{ float:left; width:360px; text-align:center; padding:16px 0;}
.nuclearname-bar .nuclearname-text p{ font-size:18px; color:#f4f4f4; margin-top:3px;}
.nuclearname-bar .nuclearname-cont{ float:left; margin-left:400px;margin-top: -65px; font-size:14px; color:#fff}
.nuclearname-bar .nuclearname-cont .cont-item{ float:left; width:400px; height:50px;}
.nuclearname-bar .nuclearname-cont .cont-item .cont-label{float:left; width:80px; text-align:left; line-height:36px; font-size:18px; color:#fff;}
.nuclearname-bar .nuclearname-cont .cont-item .cont-input{float:left; height:37px; line-height:37px; background-color:#fff; border-radius:5px;}
.nuclearname-bar .nuclearname-cont .cont-item .item-input{border:0;padding:0 12px;color:#666}
.nuclearname-bar .nuclearname-cont .cont-item .item-input-long{width:270px}
.nuclearname-bar .nuclearname-cont .cont-item .item-input-short{width:170px}
.nuclearname-bar .nuclearname-cont .cont-item .item-btn{float:right;display:block;margin-left:10px;width:108px;height:37px;line-height:37px;text-align:center;color:#fff;background-color:#2fbcec; border-radius:5px;}
.nuclearname-bar .nuclearname-cont .cont-item .item-btn:hover{text-decoration:none;background-color:#226cbd}


.icon {
    display: inline-block;
}
.icon-ic-btn-buy, .icon-ic-cart, .icon-ic-close {
    background-image: url(../images-xb/sprite.png);
    background-position: -377px -357px;
    width: 22px;
	height: 20px;
}




.mx-kefuclass {
    border: 1px solid #d5d5d5;
    background:#fff;
    width: 358px;
    height: 180px;
    position: absolute;
    right: 110px;
    top: -28px;
    border-radius: 6px;
    display: none;
}
 .mx-visible {
    display: block;
}
.mx-kefuclass-title {
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 10px 10px 0 0;
    text-align: center;
    line-height: 40px;
    color: #333;
    font-size: 14px;
}
.borderBottom {
    border-bottom: 1px solid #ccc;
}

.borderRight {
    border-right: 1px solid #ccc;
}
.sless {
    width: 175px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    float: left;
    padding-top: 12px;
}
.navSidebars a, .navSidebars i {
    display: inline-block;
    font-size: 12px;
    color: #909090;
}
a.smclass {
    display: inline-block;
    width: 175px;
    height: 40px;
    background-color: #fff;
}
.navSidebars a {
    position: relative;
    text-align: center;
}
.sL1, .sL2, .sL3, .sL4, .sL5, .sL6 {
    background: url("../images-xb/slide.png") no-repeat scroll 0 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 6px;
}
.sL1 {
    background-position: -4px -168px;
}
.sL2 {
    background-position: -4px -277px;
}
.sL3 {
    background-position: -4px -195px;
}
.sL4 {
    background-position: -4px -222px;
}
.sL5 {
    background-position: -4px -249px;
}
.sL6 {
    background-position: -4px -312px;
}

.smc1:hover .sL1 {
    background-position: -33px -168px;
}
.smc2:hover .sL2 {
    background-position: -33px -277px;
}
.smc3:hover .sL3 {
    background-position: -33px -195px;
}
.smc4:hover .sL4 {
    background-position: -33px -222px;
}
.smc5:hover .sL5 {
    background-position: -33px -249px;
}
.smc6:hover .sL6 {
    background-position: -33px -312px;
}

.slessR {
    text-align: left;
    display: inline-block;
    width: 60px;
}
.smc1:hover .slessR {
    color: #00c0bf;
}
.smc2:hover .slessR {
    color: #00c0bf;
}
.smc3:hover .slessR {
    color: #00c0bf;
}
.smc4:hover .slessR {
    color: #00c0bf;
}
.smc5:hover .slessR {
    color: #00c0bf;
}
.smc6:hover .slessR {
    color: #00c0bf;
}