.area_04 .ind_04_des .ind_chart_des,.area_04 .ind_04_des .ind_chart_icon,.arrow_btn,.box_title p,.content_box .link_tool .item .txt_box .txt,.content_box .link_tool .item .txt_box>span,.content_box .link_tool .item:nth-child(3) .view .txt p,.content_box .link_tool .item:nth-child(3) .view .txt span,.f_info .f_mem_center .f_download_button,.f_info .f_mem_center .f_job_button,.f_info .f_page .f_page_list li span,.f_info .f_page .f_page_list li svg,.function_box .show .list>.view .item .txt p,.g_index_txt .arrow_btn .link img,.g_index_txt .arrow_btn .link span,.img_box .img_box_in:after,.index_post_view .inline-block,.index_post_view .interest_set img,.index_post_view .post_type,.job_type_box .item_box .group_name .img_link p,.loading_area .dot span,.login_box>.bg .login .add_member a,.page_nav_m>.view .item,.page_nav_m_index>.view .item,.part_11 .step_box .item>.view .img_link .txt,.part_8 .left_part .name,.part_9 .chart_item .item .name .img_link p,.part_9 .chart_item .item .name .img_link span,.slick_control .dot_box .dot,.sub_title,.talk_article .talk_top_info .cate_tag,.title_link_box .box_title,.title_style,.top ul>li .arrow {
	display: inline-block
}

.index_logo a,.logo a {
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	font: 0/0 serif\9;
	text-shadow: none\9;
	color: transparent\9
}

.input_item .input {
	height: 40px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	padding: 7px 10px 8px 10px;
	line-height: 25px;
	font-size: 15px;
	border: 1px solid #ddd
}

.input_item .input:focus {
	border: 1px solid #39b7c5
}

@media only screen and (max-width:767px) {
	.input_item .input {
		padding: 7px 5px 8px 5px
	}
}

.input_item .select {
	height: 40px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #ddd;
	appearance: none
}

.input_item .select:focus {
	border: 1px solid #39b7c5
}

.input_item .textarea {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	border-bottom: 1px solid #fff;
	resize: vertical;
	padding: 10px;
	border: 1px solid #ddd;
	height: 100px
}

.input_item .textarea:focus {
	border: 1px solid #39b7c5
}

.input_item .checkbox {
	vertical-align: middle;
	margin-right: 5px
}

.box_title .on,.box_title p.link,.btn_arrow .on,.dot_menu.detail_style .go_to .dot_des,.dot_menu.detail_style .go_to:hover .dot_des,.job_type_box .item_box .item .tip_box,.part_11 .step_box .step_3 .group.note .tip_box,.part_11 .step_box .step_3 .group.note .tip_box:hover,.part_11 .step_box .step_3 .group.note .tip_box:hover>.view,.part_11 .step_box .step_3 .group.note .tip_box:hover>.view .arrow_style,.part_11 .step_box .step_3 .group.note .tip_box>.view,.part_11 .step_box .step_3 .group.note .tip_box>.view .arrow_style {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media only screen and (max-width:767px) {
	.box_title .on,.box_title p.link,.btn_arrow .on,.dot_menu.detail_style .go_to .dot_des,.dot_menu.detail_style .go_to:hover .dot_des,.job_type_box .item_box .item .tip_box,.part_11 .step_box .step_3 .group.note .tip_box,.part_11 .step_box .step_3 .group.note .tip_box:hover,.part_11 .step_box .step_3 .group.note .tip_box:hover>.view,.part_11 .step_box .step_3 .group.note .tip_box:hover>.view .arrow_style,.part_11 .step_box .step_3 .group.note .tip_box>.view,.part_11 .step_box .step_3 .group.note .tip_box>.view .arrow_style {
		-moz-transition: all 0s;
		-o-transition: all 0s;
		-webkit-transition: all 0s;
		transition: all 0s
	}
}

.company_top_bg,.content_box .link_tool .item:nth-child(3) .view .link,.dot_menu.detail_style .nav_btn button,.floor,.job_type_box .item_box .group_name>.view,.job_type_box .type_layer_2 li>.view .number p:nth-child(2),.part_1 .bottom_bg>.view,.part_4 .right_part .department .list_item .floor_view>.view>.item>.view,.part_4 .right_part .department .list_item .link,.part_8 .right_part .chart_box .item_box .item p,.vacancy_box .item .link {
	-webkit-transform: rotateX(45deg) rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	-moz-transform: rotateX(45deg) rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	-ms-transform: rotateX(45deg) rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	-o-transform: rotateX(45deg) rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	transform: rotateX(45deg) rotateZ(45deg) skewX(-1deg) skewY(-1deg)
}

.iso_cube .top_poly {
	-webkit-transform: rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	-moz-transform: rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	-ms-transform: rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	-o-transform: rotateZ(45deg) skewX(-1deg) skewY(-1deg);
	transform: rotateZ(45deg) skewX(-1deg) skewY(-1deg)
}

.vacancy_box .item .show {
	width: 100%;
	padding-top: 92.8%;
	position: relative
}

* {
	box-sizing: border-box
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul {
	margin: 0;
	padding: 0
}

abbr,acronym,fieldset,img {
	border: 0
}

q:after,q:before {
	content: ''
}

button,input,select,textarea {
	border: none;
	outline: 0
}

button {
	cursor: pointer
}

a {
	text-decoration: none;
	color: #d84b86
}

a:hover {
	color: #888
}

body,html {
	width: 100%;
	height: 100%
}

body {
	background-image: url(../../../../images/frontend/pc/tw/body_bg.png);
	font-family: arial,Microsoft JhengHei,sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #555;
	letter-spacing: .05em;
	background-color: #f7f7f7;
	background-position: 0 0;
	background-repeat: repeat
}

@media only screen and (max-width:1199px) {
	body {
		font-size: 15px;
		line-height: 22px
	}
}

@media only screen and (max-width:767px) {
	body {
		font-size: 14px;
		line-height: 22px;
		-webkit-background-size: 190px auto;
		-o-background-size: 190px auto;
		background-size: 190px auto
	}
}

.bg-isometric,.isometric {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0;
	overflow: hidden;
	z-index: 1
}

.wrapper {
	width: 100%;
	height: 100%;
	position: relative
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.clear {
	clear: both
}

.fleft {
	float: left
}

@media only screen and (max-width:767px) {
	.fleft {
		float: none
	}
}

.fright {
	float: right
}

@media only screen and (max-width:767px) {
	.fright {
		float: none
	}
}

.m_fleft {
	float: left
}

.m_fright {
	float: right
}

.h2,h2 {
	font-size: 36px;
	line-height: 40px
}

@media only screen and (max-width:767px) {
	.h2,h2 {
		font-size: 30px;
		line-height: 30px
	}
}

.h3,h3 {
	font-size: 30px;
	line-height: 36px
}

@media only screen and (max-width:767px) {
	.h3,h3 {
		font-size: 24px;
		line-height: 30px
	}
}

.h4,h4 {
	font-size: 24px
}

@media only screen and (max-width:767px) {
	.h4,h4 {
		font-size: 18px;
		line-height: 22px
	}
}

.h5,h5 {
	font-size: 18px
}

@media only screen and (max-width:767px) {
	.h5,h5 {
		font-size: 14px;
		line-height: 22px
	}
}

.marr_10 {
	margin-right: 10px
}

.marr_20 {
	margin-right: 20px
}

.marr_30 {
	margin-right: 30px
}

.marb_10 {
	margin-bottom: 10px
}

.marb_20 {
	margin-bottom: 20px
}

.marb_30 {
	margin-bottom: 30px
}

.marb_40 {
	margin-bottom: 40px
}

.marb_60 {
	margin-bottom: 60px
}

.marb_120 {
	margin-bottom: 100px
}

@media only screen and (max-width:767px) {
	.m_marb_20 {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:767px) {
	.m_marb_30 {
		margin-bottom: 30px
	}
}

.padd_20 {
	padding: 20px
}

.padd_30 {
	padding: 30px
}

.ul {
	list-style: none
}

.lileft li {
	float: left
}

.lileft li.no_data {
	float: none
}

.bold {
	font-weight: 700
}

.text_line {
	text-decoration: underline
}

.align_center {
	text-align: center
}

.align_left {
	text-align: left
}

.align_right {
	text-align: right
}

.img_link {
	font-size: 0;
	letter-spacing: 0;
	text-align: center
}

.img_link img {
	max-width: 100%;
	max-height: 100%
}

.img_link .inline,.img_link img {
	display: inline-block;
	vertical-align: middle
}

.img_link:after {
	content: ''
}

.img_link:after,.img_link>span {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.no_data {
	text-align: center;
	font-size: 16px;
	color: #888;
	letter-spacing: .5em;
	padding: 100px 0;
	background: #f7f7f7
}

.col_tiffany {
	color: #39b7c5
}

.col_pink {
	color: #d84b86
}

.col_org {
	color: #ff8400
}

.col_bro {
	color: #cc7c26
}

.col_green {
	color: #7aa25a
}

.row {
	margin-left: -15px;
	margin-right: -15px
}

.col-1 {
	padding: 0 15px;
	width: 8.33333%
}

.col-2 {
	padding: 0 15px;
	width: 16.66667%
}

.col-3 {
	padding: 0 15px;
	width: 25%
}

.col-4 {
	padding: 0 15px;
	width: 33.33333%
}

.col-5 {
	padding: 0 15px;
	width: 41.66667%
}

.col-6 {
	padding: 0 15px;
	width: 50%
}

.col-7 {
	padding: 0 15px;
	width: 58.33333%
}

.col-8 {
	padding: 0 15px;
	width: 66.66667%
}

.col-9 {
	padding: 0 15px;
	width: 75%
}

.col-10 {
	padding: 0 15px;
	width: 83.33333%
}

.col-11 {
	padding: 0 15px;
	width: 91.66667%
}

.col-12 {
	padding: 0 15px;
	width: 100%
}

@media only screen and (max-width:1199px) {
	.row-s {
		margin-left: -10px;
		margin-right: -10px
	}

	.col-m-1 {
		padding: 0 10px;
		width: 8.33333%
	}

	.col-m-2 {
		padding: 0 10px;
		width: 16.66667%
	}

	.col-m-3 {
		padding: 0 10px;
		width: 25%
	}

	.col-m-4 {
		padding: 0 10px;
		width: 33.33333%
	}

	.col-m-5 {
		padding: 0 10px;
		width: 41.66667%
	}

	.col-m-6 {
		padding: 0 10px;
		width: 50%
	}

	.col-m-7 {
		padding: 0 10px;
		width: 58.33333%
	}

	.col-m-8 {
		padding: 0 10px;
		width: 66.66667%
	}

	.col-m-9 {
		padding: 0 10px;
		width: 75%
	}

	.col-m-10 {
		padding: 0 10px;
		width: 83.33333%
	}

	.col-m-11 {
		padding: 0 10px;
		width: 91.66667%
	}

	.col-m-12 {
		padding: 0 10px;
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.row-s {
		margin-left: -10px;
		margin-right: -10px
	}

	.col-s-1 {
		padding: 0 10px;
		width: 8.33333%
	}

	.col-s-2 {
		padding: 0 10px;
		width: 16.66667%
	}

	.col-s-3 {
		padding: 0 10px;
		width: 25%
	}

	.col-s-4 {
		padding: 0 10px;
		width: 33.33333%
	}

	.col-s-5 {
		padding: 0 10px;
		width: 41.66667%
	}

	.col-s-6 {
		padding: 0 10px;
		width: 50%
	}

	.col-s-7 {
		padding: 0 10px;
		width: 58.33333%
	}

	.col-s-8 {
		padding: 0 10px;
		width: 66.66667%
	}

	.col-s-9 {
		padding: 0 10px;
		width: 75%
	}

	.col-s-10 {
		padding: 0 10px;
		width: 83.33333%
	}

	.col-s-11 {
		padding: 0 10px;
		width: 91.66667%
	}

	.col-s-12 {
		padding: 0 10px;
		width: 100%
	}
}

.logo a {
	display: block;
	background: url(../../../../images/frontend/pc/tw/logo.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 194px;
	height: 46px;
	background-position: 50% 34%
}

@media only screen and (max-width:1023px) {
	.logo {
		float: none;
	}

	.logo a {
		margin: 0 auto;
	}

	.header .logo {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width:767px) {
	.logo a {
		margin: 0 auto;
		width: 94px;
		height: 35px;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}
}

.main {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 50px
}

@media only screen and (max-width:1199px) {
	.main {
		padding: 0 20px
	}
}

@media only screen and (max-width:767px) {
	.main {
		width: 100%;
		padding: 0 10px
	}
}

.search_main {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 100px 50px;
	min-height: 500px;
	line-height: normal;
}

@media only screen and (max-width:767px) {
	.search_main {
		width: 100%;
		padding: 40px 10px;
	}

	.search_main .item {
		margin-bottom: 10px
	}

	.search_main .fleft {
		float: left
	}

	.search_main .fright {
		float: right
	}
}

.page {
	position: relative
}

.content {
	position: relative;
	z-index: 3
}

.user_edit ol,.user_edit ul {
	padding-left: 20px
}

.arrow_btn {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	position: relative;
	padding: 0 36px;
	color: #FFF;
	background: 0 0
}

.arrow_btn .link {
	padding: 0 20px;
	text-align: center;
	display: block;
	background: #cc7c26
}

.arrow_btn>span {
	height: 50px;
	width: 36px;
	border-style: solid;
	position: absolute;
	display: block;
	top: 0
}

.arrow_btn>span.arrow_l {
	border-width: 25px 36px 25px 0;
	border-color: transparent #cc7c26 transparent transparent;
	left: 1px
}

.arrow_btn>span.arrow_r {
	border-width: 25px 0 25px 36px;
	border-color: transparent transparent transparent #cc7c26;
	right: 1px
}

@media only screen and (max-width:767px) {
	.arrow_btn {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		padding: 0 29px
	}

	.arrow_btn .link .close {
		padding: 0 19px 0 0;
		background: url(../../../../images/frontend/pc/tw/close.png) right 50% no-repeat;
		-webkit-background-size: 9px auto;
		-o-background-size: 9px auto;
		background-size: 9px auto
	}

	.arrow_btn .link .go {
		padding: 0 16.5px 0 0;
		background: url(../../../../images/frontend/pc/tw/arrow_m.png) right 50% no-repeat;
		-webkit-background-size: 6.5px auto;
		-o-background-size: 6.5px auto;
		background-size: 6.5px auto
	}

	.arrow_btn>span {
		height: 40px;
		width: 29px
	}

	.arrow_btn>span.arrow_l {
		border-width: 20px 29px 20px 0
	}

	.arrow_btn>span.arrow_r {
		border-width: 20px 0 20px 29px
	}
}

.arrow_btn.tiffany .link {
	background: #39b7c5
}

.arrow_btn.tiffany>span.arrow_l {
	border-color: transparent #39b7c5 transparent transparent
}

.arrow_btn.tiffany>span.arrow_r {
	border-color: transparent transparent transparent #39b7c5
}

.mobile_show {
	display: none
}

@media only screen and (max-width:767px) {
	.mobile_show {
		display: block
	}
}

.pc_show {
	display: block
}

@media only screen and (max-width:767px) {
	.pc_show {
		display: none
	}
}

#dialog_confirm_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 1000
}

.pop_box {
	position: absolute;
	top: 25%;
	width: 50%;
	height: 50%;
	left: 25%;
	z-index: 1000
}

.gotop {
	position: fixed;
	right: 30px;
	bottom: 130px;
	z-index: 5;
	cursor: pointer
}

.gotop .deco {
	top: -18px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	background: url(../../../../images/frontend/pc/tw/icon_gotop.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 26px;
	height: 16px;
	z-index: 50
}

@media only screen and (max-width:1366px) {
	.gotop {
		right: 6px;
		bottom: 80px
	}
}

@media only screen and (max-width:767px) {
	.gotop {
		bottom: 135px;
		right: 10px;
		background: url(../../../../images/frontend/pc/tw/m_icon_gotop.png) top center no-repeat;
		width: 40px;
		height: 31px;
		-webkit-background-size: 40px auto;
		-o-background-size: 40px auto;
		background-size: 40px auto
	}

	.gotop .deco {
		top: -13px;
		display: none;
		-moz-transform: skewY(34deg);
		-ms-transform: skewY(34deg);
		-o-transform: skewY(34deg);
		-webkit-transform: skewY(34deg);
		transform: skewY(34deg)
	}
}

.gotop .iso_cube {
	width: 60px
}

.gotop .iso_cube .top_poly {
	width: 42px;
	height: 42px;
	top: -35.5px;
	background-color: #ff9c4d
}

.gotop .iso_cube .bottom {
	height: 6px
}

.gotop .iso_cube .bottom .lpart {
	background-color: #cb6312;
	-moz-transform: skewY(34deg);
	-ms-transform: skewY(34deg);
	-o-transform: skewY(34deg);
	-webkit-transform: skewY(34deg);
	transform: skewY(34deg)
}

.gotop .iso_cube .bottom .rpart {
	background-color: #e98536;
	-moz-transform: skewY(-34deg);
	-ms-transform: skewY(-34deg);
	-o-transform: skewY(-34deg);
	-webkit-transform: skewY(-34deg);
	transform: skewY(-34deg)
}

.gotop .iso_cube:hover .top_poly {
	background-color: #fe8422
}

.gotop .iso_cube:hover .bottom {
	height: 4px
}

.gotop .iso_cube:hover .bottom .lpart {
	background-color: #b15207
}

.gotop .iso_cube:hover .bottom .rpart {
	background-color: #c5600f
}

@media only screen and (max-width:767px) {
	.gotop .iso_cube {
		display: none
	}
}

.scale_cubic {
	-moz-transform: scaleY(.7);
	-ms-transform: scaleY(.7);
	-o-transform: scaleY(.7);
	-webkit-transform: scaleY(.7);
	transform: scaleY(.7)
}

@media only screen and (max-width:767px) {
	.scale_cubic {
		-moz-transform: scaleY(.85);
		-ms-transform: scaleY(.85);
		-o-transform: scaleY(.85);
		-webkit-transform: scaleY(.85);
		transform: scaleY(.85)
	}
}

.share {
	position: fixed;
	right: 30px;
	bottom: 70px;
	z-index: 5
}

.share .deco {
	top: -22px;
	left: 16px;
	margin: auto;
	position: absolute;
	background: url(../../../../images/frontend/pc/tw/icon_share.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 22px;
	height: 25px;
	z-index: 50
}

.share .share_hover {
	opacity: 0
}

.share:hover .share_hover {
	display: block
}

@media only screen and (max-width:1366px) {
	.share {
		right: 6px;
		bottom: 30px
	}
}

@media only screen and (max-width:767px) {
	.share {
		bottom: 98px;
		right: 10px;
		background: url(../../../../images/frontend/pc/tw/m_icon_share.png) top center no-repeat;
		width: 40px;
		height: 31px;
		-webkit-background-size: 40px auto;
		-o-background-size: 40px auto;
		background-size: 40px auto
	}

	.share .deco {
		top: -13px;
		display: none
	}

	.share:hover .share_hover {
		display: none
	}

	.share.open {
		background: url(../../../../images/frontend/pc/tw/m_icon_share_s.png) top center no-repeat;
		width: 40px;
		height: 31px;
		-webkit-background-size: 40px auto;
		-o-background-size: 40px auto;
		background-size: 40px auto
	}

	.share.open .share_hover {
		display: block
	}
}

.share .iso_cube {
	cursor: pointer;
	width: 60px
}

.share .iso_cube .top_poly {
	width: 42px;
	height: 42px;
	top: -35.5px;
	background-color: #39b7c5
}

.share .iso_cube .bottom {
	height: 6px
}

.share .iso_cube .bottom .lpart {
	background-color: #257d87;
	-moz-transform: skewY(34deg);
	-ms-transform: skewY(34deg);
	-o-transform: skewY(34deg);
	-webkit-transform: skewY(34deg);
	transform: skewY(34deg)
}

.share .iso_cube .bottom .rpart {
	background-color: #3698a3;
	-moz-transform: skewY(-34deg);
	-ms-transform: skewY(-34deg);
	-o-transform: skewY(-34deg);
	-webkit-transform: skewY(-34deg);
	transform: skewY(-34deg)
}

.share .iso_cube:hover .top_poly {
	background-color: #2f97a2
}

.share .iso_cube:hover .bottom {
	height: 4px
}

.share .iso_cube:hover .bottom .lpart {
	background-color: #1e676f
}

.share .iso_cube:hover .bottom .rpart {
	background-color: #2c7d86
}

@media only screen and (max-width:767px) {
	.share .iso_cube {
		display: none
	}
}

.share_hover {
	padding-right: 59px;
	position: absolute;
	bottom: -8px;
	right: 0;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.share_hover .share_dialog {
	margin-right: 23px;
	height: 40px;
	transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	width: auto!important;
	font-size: 16px;
	margin-top: -9px;
	padding: 5px 8px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
	box-shadow: 0 0 3px rgba(0,0,0,.3)
}

.share_hover .share_dialog .tri {
	position: absolute;
	top: 11px;
	right: -11px;
	background: url(../../../../images/frontend/pc/tw/share_tri.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 11px;
	height: 18px
}

@media only screen and (max-width:767px) {
	.share_hover {
		padding-right: 35px
	}
}

.share_hover .share_list {
	width: 110px
}

.share_hover .share_list li {
	cursor: pointer;
	width: 30px;
	height: 30px;
	float: right;
	margin-left: 10px
}

.share_hover .share_list li:last-child {
	margin-left: 0
}

.share_hover .share_list .twitter {
	background: url(../../../../images/frontend/pc/tw/twitter.png) center center no-repeat;
	-moz-background-size: 30px auto;
	-o-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	background-size: 30px auto
}

.share_hover .share_list .google {
	background: url(../../../../images/frontend/pc/tw/google.png) center center no-repeat;
	-moz-background-size: 30px auto;
	-o-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	background-size: 30px auto
}

.share_hover .share_list .facebook {
	background: url(../../../../images/frontend/pc/tw/facebook.png) center center no-repeat;
	-moz-background-size: 30px auto;
	-o-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	background-size: 30px auto
}

.loading_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}

.loading_area.body {
	position: fixed;
	z-index: 10000
}

.loading_area .abs_bg {
	width: 145px;
	height: 64px;
	left: 50%;
	margin-top: -21px;
	margin-left: -80px;
	top: 50%;
	background-color: #fff;
	position: absolute;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 0 4px rgba(0,0,0,.2)
}

.loading_area>.bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: .9;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	-khtml-opacity: .9;
	z-index: 1
}

.loading_area .dot {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 2;
	width: 200px;
	margin-left: -150px
}

.loading_area .dot span {
	width: 20px;
	height: 20px;
	background: #39b7c5;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.loading_area .dot span:nth-child(1) {
	-webkit-animation: dot .5s .3s infinite alternate linear;
	-moz-animation: dot .5s .3s infinite alternate linear;
	-o-animation: dot .5s .3s infinite alternate linear;
	animation: dot .5s .3s infinite alternate linear
}

@keyframes dot {
	0% {
		width: 20px;
		margin-left: 0
	}

	50% {
		width: 28px;
		margin-left: 80px
	}

	100% {
		width: 20px;
		margin-left: 160px
	}
}

.m_menu {
	background: #f7f7f7 url(../../../../images/frontend/pc/tw/m_form_bg.png) top center repeat-x;
	-moz-background-size: 320px auto;
	-o-background-size: 320px auto;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2000;
	padding: 110px 15px 0
}

.m_menu .m_scroll {
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.m_menu .m_nav li {
	border-bottom: 1px solid #ddd
}

.m_menu .m_nav li a {
	display: block;
	padding: 10px 0;
	color: #333;
	font-weight: 700;
	font-size: 15px
}

.m_menu .m_menu_close_btn {
	cursor: pointer;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../../../../images/frontend/pc/tw/m_menu_close_btn.png) top center no-repeat;
	width: 95px;
	height: 70.5px;
	-webkit-background-size: 95px auto;
	-o-background-size: 95px auto;
	background-size: 95px auto
}

.m_menu .index_logo {
	position: absolute;
	top: 10px;
	left: 15px
}

.textarea {
	width: 100%
}

.page_404 {
	background: url(../../../../images/frontend/pc/tw/404_bg.png) 50% 0 no-repeat;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto
}

.page_404 .main {
	width: 1120px;
	padding: 60px 130px 0 130px
}

.page_404 .main .view {
	background: url(../../../../images/frontend/pc/tw/404_bg_2.png) 50% 0 no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	padding-top: 79.03657%;
	position: relative
}

.page_404 .main .txt {
	position: absolute;
	top: 0;
	left: 0
}

.page_404 .main h2 {
	font-size: 30px;
	font-weight: 400;
	color: #39b7c5;
	margin-bottom: 20px
}

.page_404 .bg_1 {
	position: absolute;
	width: 15.36%;
	bottom: 0;
	right: 0
}

.page_404 .bg_1 .view {
	width: 100%;
	padding-top: 96.27119%;
	background: url(../../../../images/frontend/pc/tw/404_bg_1.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

@media only screen and (max-width:1199px) {
	.page_404 .main {
		width: 100%
	}
}

@media only screen and (max-width:1023px) {
	.page_404 .main {
		padding: 200px 60px
	}
}

@media only screen and (max-width:767px) {
	.page_404 .main {
		padding: 60px 10px
	}

	.page_404 .main .view {
		padding-top: 150%;
		background-position: 50% bottom
	}

	.page_404 .main .btn_arrow {
		width: 200px
	}
}

.f_info {
	background-color: #34495e;
	padding: 25px 0
}

.f_info .f_page {
	padding-bottom: 6px
}

.f_info .f_page .f_page_list {
	padding-top: 26px;
	margin-left: 290px
}

.f_info .f_page .f_page_list li {
	float: left;
	width: 20%;
	margin-bottom: 20px
}

.f_info .f_page .f_page_list li svg {
	max-width: 30px;
	max-height: 24px;
	fill: #fff;
	overflow: hidden
}

.f_info .f_page .f_page_list li a {
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	color: #fff;
	font-weight: 700;
	font-size: 15px
}

.f_info .f_page .f_page_list li a:hover svg {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	fill: #d7f1f3
}

.f_info .f_page .f_page_list li a:hover span {
	color: #d7f1f3
}

.f_info .f_page .f_page_list li span,.f_info .f_page .f_page_list li svg {
	vertical-align: middle;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.f_info .f_page .f_page_list li span {
	padding-left: 5px
}

.f_info .f_mem_center {
	border-top: 1px solid #293f56;
	padding-top: 20px
}

.f_info .f_mem_center .h5 {
	color: #b8c8db;
	padding-bottom: 9px
}

.f_info .f_mem_center .link {
	color: #7d91a8;
	transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	-webkit-transition: .2s
}

.f_info .f_mem_center .link:hover {
	color: #b8c8db
}

.f_info .f_mem_center .f_download_button {
	color: #7d91a8;
	border: 1px solid #7d91a8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	-webkit-transition: .2s;
	padding: 2px 8px 2px 35px;
	margin-top: 8px;
	background: url(../../../../images/frontend/pc/tw/f_icon_download.png) 3px 2px no-repeat
}

.f_info .f_mem_center .f_download_button:hover {
	border: 1px solid #b8c8db;
	color: #b8c8db;
	background: url(../../../../images/frontend/pc/tw/f_icon_download_s.png) 3px 3px no-repeat
}

.f_info .f_mem_center .f_job_button {
	color: #7d91a8;
	border: 1px solid #7d91a8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	-webkit-transition: .2s;
	padding: 2px 8px 2px 10px;
	margin-top: 8px;
}

.f_info .f_mem_center .f_job_button:hover {
	border: 1px solid #b8c8db;
	color: #b8c8db;
}

@media only screen and (max-width:1150px) {
	.f_info .f_logo {
		display: block;
		float: none;
		margin: auto
	}

	.f_info .f_page .f_page_list {
		margin-left: 0
	}
}

@media only screen and (max-width:767px) {
	.f_info {
		display: none
	}
}

.f_copyright {
	text-align: center;
	background: #293f56;
	padding: 11px 0
}

.f_copyright .h6,.f_copyright h6 {
	font-weight: 400;
	font-size: 15px;
	line-height: 25px
}

@media only screen and (max-width:767px) {
	.f_copyright .h6,.f_copyright h6 {
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0
	}
}

footer {
	font-size: 15px;
	line-height: 25px;
	color: #7d91a8
}

@media only screen and (max-width:767px) {
	footer {
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0
	}
}

a[href^=tel] {
	text-decoration: inherit;
	color: inherit
}

.top {
	position: relative;
	z-index: 5;
	background: #2E2E2E;
	padding: 0 15px;
	line-height: 30px;
	height: 30px;
	width: 100%
}

.top a {
	display: block;
	color: #fff
}

.top a:hover {
	color: #aaa
}

.top ul {
	color: #FFF;
	font-size: 15px
}

.top ul>li {
	margin-right: 20px;
	position: relative
}

.top ul>li .arrow {
	width: 10px;
	height: 10px;
	border-top: 10px solid #fff;
	border-left: 6px solid #2e2e2e;
	border-right: 6px solid #2e2e2e;
	vertical-align: middle
}

.top ul>li.more {
	cursor: pointer
}

.top ul>li .layer_2 {
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	background: #444
}

.top ul>li .layer_2 a {
	padding: 0 10px
}

.top ul>li:hover .layer_2 {
	display: block
}

.top ul>li.m_show {
	display: none
}

@media only screen and (max-width:1023px) {
	.top {
		padding: 0 10px
	}

	.top ul {
		font-size: 13px
	}

	.top ul>li {
		display: none
	}

	.top ul>li.m_show,.top ul>li.m_style {
		display: block
	}

	.top ul>li.m_show {
		float: right;
		margin-left: 10px;
		margin-right: 0
	}
}

.header {
	background: #39b7c5;
	position: relative;
	z-index: 2;
	padding-top: 44px;
}

.header .logo {
	position: relative;
	z-index: 1
}

.header .nav {
	font-weight: 700;
	font-size: 16px;
	margin-right: 20px
}

.header .nav a {
	margin-left: 20px;
	color: #000;
	line-height: 40px
}

.header .nav a:first-child {
	margin-left: 0
}

@media only screen and (max-width:1023px) {
	.header {
		padding-top: 44px;
		background: #FFF;
	}

	.header .nav {
		display: none;
	}
}

.header .search_type {
	width: 212px;
	height: 40px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #FFF
}

.header .search_type .input_box {
	margin-right: 40px
}

.header .search_type input {
	height: 38px;
	width: 100%;
	padding: 6px 0 7px 5px;
	line-height: 25px
}

.header .search_type button {
	width: 40px;
	height: 40px;
	background: url(../../../../images/frontend/pc/tw/search_type.png) 50% 50% no-repeat
}

@media only screen and (max-width:1023px) {
	.header .search_type {
		display: none
	}
}

.header.fix {
	position: fixed;
	width: 100%;
	padding: 10px 0;
	background: #FFF;
	z-index: 10;
	border-bottom: 2px solid #39b7c5;
	top: 28px
}

.header.fix .logo a {
	width: 150px;
	height: 36px;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

@media only screen and (max-width:1023px) {
	.header.fix {
		padding: 5px 0 0 0
	}

	.header.fix .logo a {
		width: 94px;
		height: 35px
	}
}

.m_search_btn {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 50px;
	background: url(../../../../images/frontend/pc/tw/search_glass.png) 50% 50% no-repeat;
	-webkit-background-size: 20px auto;
	-o-background-size: 20px auto;
	background-size: 20px auto;
	display: none
}

@media only screen and (max-width:1023px) {
	.m_search_btn {
		display: block
	}
}

.menu_btn {
	display: none;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 10px;
	top: 0;
	text-align: center;
	padding: 9px 0 0 0;
	z-index: 2
}

.menu_btn p {
	background: #39b7c5;
	width: 25px;
	height: 2px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 auto 5px auto
}

.menu_btn p:last-child {
	margin-bottom: 0
}

@media only screen and (max-width:1023px) {
	.menu_btn {
		display: block
	}
}

.fix_top {
	display: none;
	position: fixed;
	height: 32px;
	line-height: 32px;
	width: 100%;
	background: #FFF;
	color: #39b7c5;
	top: 0;
	left: 0;
	z-index: 100
}

.fix_top .view {
	padding-left: 10px;
	height: 100%;
	position: relative
}

.fix_top .menu_btn {
	padding-top: 8px
}

@media only screen and (max-width:1023px) {
	.fix_top {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.fix_top {
		top: 28px
	}
}

.search_style {
	padding-bottom: 120px
}

.search_style .job_type_box.open {
	padding-bottom: 0
}

.search_style .job_type_box .type_layer_2 ul {
	margin-bottom: 60px
}

.search_style .job_type_box .type_layer_2.c_7 li>.view .number {
	color: #4C3907
}

.search_style .job_type_box .type_layer_2.c_7 li>.view .number p:nth-child(2) {
	background: #ffba00
}

.search_style .job_type_box .type_layer_2.c_7 li>.txt {
	font-size: 15px;
	padding-top: 10px;
	padding-left: 15px
}

.search_style .job_type_box .type_layer_2.c_7 li>.txt p {
	line-height: 20px;
	height: 60px;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	.search_style {
		padding-bottom: 0
	}
}

.search_title {
	position: relative;
	margin: 0 auto;
	background: url(../../../../images/frontend/pc/tw/search_title_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 235px;
	height: 190px
}

.search_title .people {
	width: 100%;
	height: 107px;
	background: url(../../../../images/frontend/pc/tw/search_people.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.search_title .tip_box {
	position: absolute;
	left: 50%;
	z-index: 3;
	margin: -160px 0 0 -95px;
	width: 190px;
	top: 50%
}

.search_title .tip_box>.view {
	background: #ffba00
}

.search_title .tip_box>.view p:nth-child(1) {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0
}

.search_title .tip_box .arrow {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -16px;
	width: 33px;
	height: 10px;
	border-style: solid;
	border-width: 10px 16px 0 17px;
	line-height: 0;
	border-color: #ffba00 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.search_title {
		margin-top: 70px
	}

	.search_title .tip_box .arrow {
		position: absolute;
		bottom: -12px;
		left: 50%;
		right: auto;
		margin-left: -8px;
		width: 16px;
		height: 12px;
		border-style: solid;
		border-width: 12px 8px 0 8px;
		line-height: 0;
		top: auto;
		border-color: #ffba00 transparent transparent transparent
	}

	.search_title .tip_box>.view p:nth-child(2) {
		display: block
	}
}

.hide_style {
	overflow: hidden
}

.mouse_tip {
	z-index: 100;
	top: 50%;
	left: 50%;
	position: fixed
}

.mouse_tip>.view {
	padding: 0 10px;
	position: relative
}

.mouse_tip>.view>.bg {
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.mouse_tip>.view p {
	position: relative;
	z-index: 2
}

.mouse_tip>.view p:nth-child(1) {
	padding-right: 10px;
	color: #39b7c5;
	text-align: right;
	font-weight: 700
}

.mouse_tip>.view p:nth-child(2) {
	color: #ddd;
	text-align: center
}

.mouse_tip>.view p:nth-child(3) {
	padding-left: 10px;
	color: #d84b86;
	font-weight: 700;
	text-align: left
}

@media only screen and (max-width:1023px) {
	.mouse_tip {
		display: none
	}
}

.floor {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.floor .wall {
	position: absolute
}

.floor .wall.left_wall {
	transform: rotateX(-185deg) skewX(-45deg);
	top: 50%;
	left: 50%;
	margin: 46.5% 0 0 -48.5%
}

.floor .wall.right_wall {
	transform: skewY(45deg);
	top: 50%;
	left: 50%;
	margin: -45% 0 0 50%
}

.box_btn {
	cursor: pointer;
	width: 125px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5
}

.box_btn .btn {
	padding-top: 92.8%;
	position: relative
}

.box_btn .floor {
	background: #CC7C26
}

.box_btn .floor .left_wall {
	width: 100%;
	height: 10px;
	background: #A66F34;
	margin: 46.5% 0 0 -45.5%
}

.box_btn .floor .right_wall {
	width: 10px;
	height: 100%;
	background: #bb7d3a;
	margin: -43% 0 0 50%
}

.box_btn .txt {
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 50%;
	background: url(../../../../images/frontend/pc/tw/close.png) 50% 40px no-repeat
}

.btn_arrow {
	line-height: 40px;
	color: #FFF;
	display: block;
	position: relative
}

.btn_arrow .on {
	position: relative;
	padding: 0 10px;
	background: #d84b86;
	z-index: 2;
	top: 0
}

.btn_arrow span {
	position: absolute;
	width: 30px;
	height: 40px;
	right: -30px;
	top: 0;
	border-style: solid;
	border-width: 20px 0 20px 30px;
	border-color: transparent transparent transparent #d84b86;
	line-height: 0
}

.btn_arrow .hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #B53E70;
	z-index: 1
}

.btn_arrow .hover span {
	border-color: transparent transparent transparent #B53E70
}

@media only screen and (min-width:1024px) {
	.btn_arrow:hover {
		color: #FFF
	}

	.btn_arrow:hover .on {
		top: -10px;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
		transition: all .3s
	}
}

.box_title {
	display: block;
	height: 50px;
	text-align: center;
	z-index: 1
}

.box_title .on {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	padding: 0 30px;
	top: 0
}

.box_title .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: #cc7c26;
	-webkit-transform: skewX(56deg);
	-moz-transform: skewX(56deg);
	-ms-transform: skewX(56deg);
	-o-transform: skewX(56deg);
	transform: skewX(56deg)
}

.box_title .bg.hover {
	background: #ae6a20;
	z-index: 1
}

.box_title p {
	position: relative;
	z-index: 2;
	color: #FFF;
	line-height: 50px
}

.box_title p.no {
	margin-left: 20px;
	font-size: 24px
}

.box_title p.link {
	background: url(../../../../images/frontend/pc/tw/link_arrow.png) right 50% no-repeat;
	padding-right: 31px
}

.box_title.right_style .bg {
	-webkit-transform: skewX(-56deg);
	-moz-transform: skewX(-56deg);
	-ms-transform: skewX(-56deg);
	-o-transform: skewX(-56deg);
	transform: skewX(-56deg)
}

.box_title.yellow .bg {
	background: #FFAE00
}

.box_title.yellow .bg.hover {
	background: #e89e00
}

@media only screen and (max-width:1199px) {
	.box_title {
		height: 30px
	}

	.box_title p {
		line-height: 30px
	}

	.box_title p.no {
		margin-left: 10px
	}
}

@media only screen and (max-width:767px) {
	.box_title {
		height: 25px;
		font-size: 12px
	}

	.box_title p {
		vertical-align: middle;
		line-height: 25px
	}

	.box_title p.no {
		margin-left: 10px;
		font-size: 18px
	}
}

@media only screen and (min-width:1024px) {
	.box_title:hover .on {
		top: -10px;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
		transition: all .3s
	}
}

.title_link_box {
	margin-bottom: 30px
}

.title_link_box .title_style {
	padding-top: 5px
}

@media only screen and (max-width:767px) {
	.title_link_box {
		margin-bottom: 20px
	}

	.title_link_box .title_style {
		padding-top: 0
	}

	.title_link_box .box_title {
		display: none
	}
}

.title_mid {
	font-weight: 400;
	color: #39b7c5;
	letter-spacing: .2em
}

.title_small {
	color: #000
}

.title_style {
	color: #888;
	font-size: 24px;
	font-weight: 700;
	padding: 0 57px 15px 0;
	border-bottom: 3px solid #888;
	position: relative
}

.title_style span {
	position: absolute;
	display: block;
	background: url(../../../../images/frontend/pc/tw/title_mid_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 37px;
	height: 27px;
	bottom: -3px;
	right: 0
}

@media only screen and (max-width:767px) {
	.title_style {
		font-size: 18px;
		padding: 0 47px 10px 0
	}
}

.ul_tag .item {
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	border: 1px solid #39b7c5;
	padding: 0 10px;
	display: block;
	margin-bottom: 10px
}

.ul_tag .item:last-child {
	margin-right: 0
}

.ul_tag.tag_style .item {
	cursor: pointer;
	position: relative;
	border-color: #888
}

.ul_tag.tag_style .item.now,.ul_tag.tag_style .item:hover {
	border-color: #39b7c5;
	background-color: #39b7c5;
	color: #fff
}

.ul_tag.tag_style .item.now span,.ul_tag.tag_style .item:hover span {
	display: block
}

.ul_tag.tag_style .item span {
	display: none;
	bottom: -10px;
	left: 50%;
	margin-left: -17px;
	position: absolute;
	width: 33px;
	height: 10px;
	border-style: solid;
	border-width: 10px 17px 0 16px;
	border-color: #39b7c5 transparent transparent transparent;
	line-height: 0
}

.tip_box {
	position: absolute;
	left: 50%;
	z-index: 3
}

.tip_box .view {
	position: relative;
	background: #fff;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.tip_box .view p:nth-child(1) {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 5px
}

.tip_box .view p.arrow_style,.tip_box .view p:nth-child(3) {
	position: absolute;
	bottom: -26px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 34px;
	height: 26px;
	border-style: solid;
	border-width: 26px 17px 0 17px;
	line-height: 0
}

.tip_box .view p.arrow_style span,.tip_box .view p:nth-child(3) span {
	position: absolute;
	bottom: 4px;
	left: 50%;
	margin-left: -15px;
	display: block;
	width: 30px;
	height: 22px;
	border-style: solid;
	border-width: 22px 15px 0 15px;
	line-height: 0
}

@media only screen and (max-width:767px) {
	.tip_box .view {
		padding: 5px
	}

	.tip_box .view p:nth-child(1) {
		font-size: 18px;
		margin-bottom: 0
	}

	.tip_box .view p:nth-child(2) {
		display: none
	}

	.tip_box .view p:nth-child(3) {
		bottom: -12px;
		width: 16px;
		height: 12px;
		border-width: 12px 8px 0 8px
	}

	.tip_box .view p:nth-child(3) span {
		margin-left: -6px;
		width: 12px;
		height: 8px;
		border-width: 8px 6px 0 6px
	}
}

.nosee {
	text-shadow: 0 0 10px #000;
	color: transparent!important
}

.top_bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* z-index: 2; */
	padding-top: 88.544%
}

.rd_loading article {
	background: #39b7c5;
}

/* .top_bg .view {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -38%;
	left: 0;
	background: url(../../../../images/frontend/pc/tw/index_1_bg.svg) right 0 no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} */

@media only screen and (max-width:1599px) {
	.top_bg {
		height: 1320px;
		overflow: hidden
	}

	/* .top_bg .view {
		width: 1920px;
		height: 1671px;
		left: 50%;
		margin-left: -960px
	} */
}

@media only screen and (max-width:1023px) {
	.top_bg {
		height: 1150px
	}

	/* .top_bg .view {
		margin-left: -1200px
	} */
}

@media only screen and (max-width:767px) {
	.top_bg {
		display: none
	}
}

.job_name_m {
	display: none
}

@media only screen and (max-width:767px) {
	.job_name_m {
		display: block;
		font-size: 30px;
		text-align: center;
		font-weight: 400;
		color: #39b7c5;
		padding-bottom: 20px;
		background: #FFF;
		position: relative;
		z-index: 2
	}

	.job_name_m .en {
		color: #888;
		font-size: 14px;
		line-height: 20px
	}
}

.page_nav_m {
	display: none;
	border-top: 1px solid #ddd;
	background: #f7f7f7;
	font-size: 0;
	letter-spacing: 0;
	-webkit-box-shadow: #eee 0 2px 0;
	box-shadow: #eee 0 2px 0
}

.page_nav_m>.view {
	padding: 0 10px;
	overflow-x: auto;
	white-space: nowrap
}

.page_nav_m>.view .item {
	font-size: 14px;
	margin-right: 20px;
	line-height: 32px;
	height: 32px;
	color: #000;
	white-space: nowrap
}

.page_nav_m>.view .item:last-child {
	margin-right: 0
}

.page_nav_m>.view .item.now {
	color: #39b7c5;
	font-weight: 700;
	border-bottom: 5px solid #39b7c5
}

.page_nav_m.fix_style {
	position: fixed;
	top: 32px;
	left: 0;
	width: 100%;
	z-index: 100
}

@media only screen and (max-width:767px) {
	.page_nav_m.fix_style {
		top: 60px
	}
}

@media only screen and (max-width:767px) {
	.page_nav_m {
		display: block;
		position: relative;
		z-index: 2
	}
}

.part_1 {
	min-height: 750px;
	position: relative;
	padding-top: 120px;
	color: #333;
}

@media only screen and (max-width:1023px) {
	.part_1 {
		padding-top: 80px;
	}
}

@media only screen and (max-width:1199px) {
	.part_1 {
		min-height: 650px
	}
}

.part_1 a {
	color: #1f5386;
	text-decoration: underline
}

.part_1 a:hover {
	color: #043b71
}

.part_1 .title_small {
	margin-bottom: 15px
}

.part_1 .bottom_bg {
	display: none;
	z-index: 1;
	right: 5%;
	bottom: -46%;
	width: 200%;
	position: absolute
}

.part_1 .bottom_bg>.view {
	background: #39b7c5;
	padding-top: 92.8%
}

.part_1 .show {
	position: relative;
	z-index: 2
}

.part_1_bot_bg {
	width: 100vw;
	height: 150px;
	background: #39b7c5;
	position: relative;
	top: -90px;
	transform: rotate(-3deg) scaleX(1.1);
	margin-bottom: 30px;
}

@media only screen and (max-width:1023px) {
	.part_1_bot_bg {
		top: -90px;
	}
}



@media only screen and (max-width:767px) {
	.part_1 {
		padding-top: 30px;
		min-height: 0;
		background: #39b7c5;
		position: relative;
		z-index: 1;
	}

	.part_1_bot_bg {
		margin-bottom: 0;
	}

	/* .part_1 .bottom_bg {
		display: block;
	} */

	.part_1 .marb_40 {
		margin-bottom: 30px
	}
}

.job_name {
	margin-bottom: 60px
}

.job_name h2 {
	font-weight: 400;
	color: #FFF;
	letter-spacing: .15em
}

.job_name h2 .en {
	text-transform: uppercase;
	font-size: 18px;
	color: #a7f6ff;
	margin-bottom: 15px
}

@media only screen and (max-width:767px) {
	.job_name {
		display: none
	}
}

.part_2 {
	min-height: 700px
}

.part_2>.box_view {
	padding-top: 35%;
	position: relative
}

@media only screen and (max-width:1599px) {
	.part_2 {
		min-height: 550px
	}
}

@media only screen and (max-width:1199px) {
	.part_2 {
		min-height: 640px
	}
}

@media only screen and (max-width:1023px) {
	.part_2 {
		min-height: 480px
	}
}

@media only screen and (max-width:767px) {
	.part_2 {
		min-height: 0;
		padding-bottom: 60px;
		overflow: hidden
	}

	.part_2>.box_view {
		padding-top: 0
	}
}

.vacancy_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media only screen and (max-width:767px) {
	.vacancy_box {
		height: auto;
		position: relative;
		top: auto;
		left: auto
	}
}

.vacancy_box .item {
	width: 35%;
	position: absolute;
	left: 50%;
	top: 50%
}

@media only screen and (max-width:767px) {
	.vacancy_box .item {
		position: relative;
		left: auto;
		top: auto;
		width: 50%;
		clear: both
	}
}

.vacancy_box .item:nth-child(1) {
	margin: -20% 0 0 -43%
}

.vacancy_box .item:nth-child(1) .box_title {
	top: 40px;
	left: 50%;
	margin-left: 20%
}

.vacancy_box .item:nth-child(1) .box_title .bg {
	background: #15646D
}

.vacancy_box .item:nth-child(1) .people {
	background: url(../../../../images/frontend/pc/tw/part_1_people_2.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100px;
	height: 111px;
	margin: -55% 0 0 75%
}

@media only screen and (max-width:1199px) {
	.vacancy_box .item:nth-child(1) .people {
		width: 25%;
		height: auto;
		background: 0 0
	}

	.vacancy_box .item:nth-child(1) .people>.view {
		width: 100%;
		padding-top: 111%;
		background: url(../../../../images/frontend/pc/tw/part_1_people_2.png) 50% 50% no-repeat;
		background-size: contain
	}
}

@media only screen and (max-width:767px) {
	.vacancy_box .item:nth-child(1) {
		padding-left: 20px;
		margin: 0
	}

	.vacancy_box .item:nth-child(1) .box_title {
		top: 65%;
		left: 50%;
		margin-left: 55%
	}

	.vacancy_box .item:nth-child(1) .box_title .bg {
		-webkit-transform: skewX(-56deg);
		-moz-transform: skewX(-56deg);
		-ms-transform: skewX(-56deg);
		-o-transform: skewX(-56deg);
		transform: skewX(-56deg);
		left: -10%
	}

	.vacancy_box .item:nth-child(1) .people {
		width: 40%;
		margin: -30% 0 0 130%
	}
}

.vacancy_box .item:nth-child(2) {
	margin: -15% 0 0 8%
}

.vacancy_box .item:nth-child(2) .box_title {
	bottom: 10px;
	left: 50%;
	margin-left: 20%
}

.vacancy_box .item:nth-child(2) .box_title .bg {
	background: #1bacbb;
	-webkit-transform: skewX(-56deg);
	-moz-transform: skewX(-56deg);
	-ms-transform: skewX(-56deg);
	-o-transform: skewX(-56deg);
	transform: skewX(-56deg)
}

.vacancy_box .item:nth-child(2) .people {
	background: url(../../../../images/frontend/pc/tw/part_1_people_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 65px;
	height: 105px;
	margin: 15% 0 0 13%
}

@media only screen and (max-width:1199px) {
	.vacancy_box .item:nth-child(2) .people {
		width: 17%;
		height: auto;
		background: 0 0
	}

	.vacancy_box .item:nth-child(2) .people>.view {
		width: 100%;
		padding-top: 161.53846%;
		background: url(../../../../images/frontend/pc/tw/part_1_people_1.png) 50% 50% no-repeat;
		background-size: contain
	}
}

@media only screen and (max-width:767px) {
	.vacancy_box .item:nth-child(2) {
		margin: 0;
		float: right;
		padding-right: 20px
	}

	.vacancy_box .item:nth-child(2) .box_title {
		left: auto;
		right: 50%;
		margin-left: auto;
		margin-right: 10%
	}

	.vacancy_box .item:nth-child(2) .box_title .bg {
		-webkit-transform: skewX(56deg);
		-moz-transform: skewX(56deg);
		-ms-transform: skewX(56deg);
		-o-transform: skewX(56deg);
		transform: skewX(56deg)
	}

	.vacancy_box .item:nth-child(2) .people {
		width: 30%;
		margin: -22% 0 0 -170%
	}
}

.vacancy_box .item:nth-child(3) {
	display: none;
	margin: -8% 0 0 -14%
}

.vacancy_box .item:nth-child(3) .box_title {
	bottom: 10px;
	left: 50%;
	margin-left: 20%
}

.vacancy_box .item:nth-child(3) .box_title .bg {
	background: #1e838f;
	-webkit-transform: skewX(-56deg);
	-moz-transform: skewX(-56deg);
	-ms-transform: skewX(-56deg);
	-o-transform: skewX(-56deg);
	transform: skewX(-56deg)
}

.vacancy_box .item:nth-child(3) .people {
	background: url(../../../../images/frontend/pc/tw/part_1_people_3.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 52px;
	height: 100px;
	margin: 13% 0 0 72%
}

@media only screen and (max-width:1199px) {
	.vacancy_box .item:nth-child(3) .people {
		width: 17%;
		height: auto;
		background: 0 0
	}

	.vacancy_box .item:nth-child(3) .people>.view {
		width: 100%;
		padding-top: 192.30769%;
		background: url(../../../../images/frontend/pc/tw/part_1_people_3.png) 50% 50% no-repeat;
		background-size: contain
	}
}

@media only screen and (max-width:767px) {
	.vacancy_box .item:nth-child(3) {
		margin: 0;
		padding-left: 20px
	}

	.vacancy_box .item:nth-child(3) .box_title {
		top: 65%;
		bottom: auto;
		left: 50%;
		margin-left: 55%
	}

	.vacancy_box .item:nth-child(3) .box_title .bg {
		left: -10%
	}

	.vacancy_box .item:nth-child(3) .people {
		width: 25%;
		margin: -25% 0 0 145%
	}
}

.vacancy_box .item .box_title {
	position: absolute;
	width: 240px
}

.vacancy_box .item .box_title p {
	vertical-align: middle
}

@media only screen and (max-width:1199px) {
	.vacancy_box .item .box_title {
		width: 180px
	}
}

@media only screen and (max-width:767px) {
	.vacancy_box .item .box_title {
		width: 200px
	}

	.vacancy_box .item .box_title .wrapper {
		padding: 0
	}
}

.vacancy_box .item .floor {
	background: #E6FDFF;
	z-index: 2
}

.vacancy_box .item .floor .wall {
	background: #DDD
}

.vacancy_box .item .floor .wall.left_wall {
	width: 100%;
	height: 10px;
	margin: 46% 0 0 -49%
}

.vacancy_box .item .floor .wall.right_wall {
	width: 10px;
	height: 100%
}

@media only screen and (max-width:767px) {
	.vacancy_box .item .floor {
		z-index: 2
	}

	.vacancy_box .item .floor .wall.left_wall {
		margin: 45.5% 0 0 -46.5%
	}

	.vacancy_box .item .floor .wall.right_wall {
		margin: -43% 0 0 49%
	}
}

.vacancy_box .item .link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	cursor: pointer
}

.vacancy_box .item .people {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%
}

@media only screen and (max-width:767px) {
	.vacancy_box .item .people {
		z-index: 2;
	}
}

.vacancy_box .item .chair {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.vacancy_box .item .chair p {
	width: 20%;
	position: absolute;
}

.vacancy_box .item .chair p span {
	padding-top: 127.7%;
	display: block;
	background: url(../../../../images/frontend/pc/tw/chair.png) 50% 50% no-repeat;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto
}

.vacancy_box .item .chair p:nth-child(1) {
	top: 0;
	left: 40%
}

.vacancy_box .item .chair p:nth-child(2) {
	top: 10%;
	left: 25%
}

.vacancy_box .item .chair p:nth-child(3) {
	top: 20%;
	left: 10%
}

.vacancy_box .item .chair p:nth-child(4) {
	top: 30%;
	left: -5%
}

.vacancy_box .item .chair p:nth-child(5) {
	top: 10%;
	left: 55%
}

.vacancy_box .item .chair p:nth-child(6) {
	top: 20%;
	left: 40%
}

.vacancy_box .item .chair p:nth-child(7) {
	top: 30%;
	left: 25%
}

.vacancy_box .item .chair p:nth-child(8) {
	top: 40%;
	left: 10%
}

.vacancy_box .item .chair p:nth-child(9) {
	top: 20%;
	left: 70%
}

.vacancy_box .item .chair p:nth-child(10) {
	top: 30%;
	left: 55%
}

.vacancy_box .item .chair p:nth-child(11) {
	top: 40%;
	left: 40%
}

.vacancy_box .item .chair p:nth-child(12) {
	top: 50%;
	left: 25%
}

.vacancy_box .item .chair p:nth-child(13) {
	top: 30%;
	left: 85%
}

.vacancy_box .item .chair p:nth-child(14) {
	top: 40%;
	left: 70%
}

.vacancy_box .item .chair p:nth-child(15) {
	top: 50%;
	left: 55%
}

.vacancy_box .item .chair p:nth-child(16) {
	top: 60%;
	left: 40%
}

@media only screen and (max-width:767px) {
	.vacancy_box .item .chair {
		z-index: 2;
	}
}

.vacancy_box .item:hover .floor {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	top: 3px;
	background: #EFFFE5
}

.vacancy_box .item:hover .floor .wall {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

.vacancy_box .item:hover .floor .wall.left_wall {
	height: 7px
}

.vacancy_box .item:hover .floor .wall.right_wall {
	width: 7px
}

.vacancy_box .item:hover .chair {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	top: 3px
}

.part_3 {
	padding-top: 120px;
	padding-bottom: 120px;
}

@media only screen and (max-width:767px) {
	.part_3 {
		overflow: hidden;
	}
}

.part_3 .box_title .wrapper {
	padding: 0 30px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.function_box {
	position: relative;
	padding-top: 30px
}

.function_box>.item:nth-child(1) {
	left: 0
}

.function_box>.item:nth-child(1) .box_title {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: 10%
}

.function_box>.item:nth-child(1) .box_title .bg {
	background: #ae514a;
	-webkit-transform: skewX(56deg);
	-moz-transform: skewX(56deg);
	-ms-transform: skewX(56deg);
	-o-transform: skewX(56deg);
	transform: skewX(56deg)
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(1) .box_title {
		margin-left: -12%
	}
}

.function_box>.item:nth-child(1) .list .view {
	left: 0
}

.function_box>.item:nth-child(1) .list .item:nth-child(1) {
	background: url(../../../../images/frontend/pc/tw/puzzle_1_1.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: -16.9% 0 0 -26%;
	z-index: 2
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(1) .list .item:nth-child(1) {
		background: 0 0;
		margin: 0;
		float: left
	}

	.function_box>.item:nth-child(1) .list .item:nth-child(1) .txt .img_link {
		background: url(../../../../images/frontend/pc/tw/puzzle_1_1.png) 50% 50% no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		left: 1.5%;
		top: 1.5%
	}
}

.function_box>.item:nth-child(1) .list .item:nth-child(2) {
	background: url(../../../../images/frontend/pc/tw/puzzle_1_3.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 0 0 -1.5%;
	z-index: 1
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(1) .list .item:nth-child(2) {
		background: 0 0;
		margin: 0;
		float: right
	}

	.function_box>.item:nth-child(1) .list .item:nth-child(2) .txt .img_link {
		background: url(../../../../images/frontend/pc/tw/puzzle_1_3.png) 50% 50% no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		right: 2.5%;
		left: auto;
		top: -2.5%
	}
}

.function_box>.item:nth-child(1) .list .item:nth-child(3) {
	background: url(../../../../images/frontend/pc/tw/puzzle_1_2.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 0 0 -50.65%;
	z-index: 2;
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(1) .list .item:nth-child(3) {
		background: 0 0;
		margin: 0;
		float: left
	}

	.function_box>.item:nth-child(1) .list .item:nth-child(3) .txt .img_link {
		background: url(../../../../images/frontend/pc/tw/puzzle_1_2.png) 50% 50% no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		left: 1.5%;
		top: -6.5%
	}
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(1) .list:nth-child(even) .item:nth-child(1) {
		float: right
	}

	.function_box>.item:nth-child(1) .list:nth-child(even) .item:nth-child(1) .txt .img_link {
		right: 2.5%;
		left: auto;
		top: -10.5%
	}

	.function_box>.item:nth-child(1) .list:nth-child(even) .item:nth-child(2) {
		float: left
	}

	.function_box>.item:nth-child(1) .list:nth-child(even) .item:nth-child(2) .txt .img_link {
		left: 1.5%;
		top: -14.5%
	}

	.function_box>.item:nth-child(1) .list:nth-child(even) .item:nth-child(3) {
		float: right
	}

	.function_box>.item:nth-child(1) .list:nth-child(even) .item:nth-child(3) .txt .img_link {
		right: 2.5%;
		left: auto;
		top: -18.5%
	}

	.function_box>.item:nth-child(1) .list:nth-child(2n+1) {
		margin-top: -6%
	}

	.function_box>.item:nth-child(1) .list:nth-child(2n+1):first-child {
		margin-top: 0
	}
}

.function_box>.item:nth-child(2) {
	right: 0;
	padding-top: 9%
}

.function_box>.item:nth-child(2) .box_title {
	position: absolute;
	top: 10px;
	right: 50%;
	left: auto;
	margin: 0 27% 0 0
}

.function_box>.item:nth-child(2) .box_title .bg {
	background: #ce7e0b;
	-webkit-transform: skewX(-56deg);
	-moz-transform: skewX(-56deg);
	-ms-transform: skewX(-56deg);
	-o-transform: skewX(-56deg);
	transform: skewX(-56deg)
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(2) .box_title {
		margin-right: 2%
	}
}

.function_box>.item:nth-child(2) .list .view {
	right: 0
}

.function_box>.item:nth-child(2) .list .item:nth-child(1) {
	background: url(../../../../images/frontend/pc/tw/puzzle_2_1.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: -16.9% 0 0 -26%;
	z-index: 2
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(2) .list .item:nth-child(1) {
		background: 0 0;
		margin: 0;
		float: right
	}

	.function_box>.item:nth-child(2) .list .item:nth-child(1) .txt .img_link {
		background: url(../../../../images/frontend/pc/tw/puzzle_2_1.png) 50% 50% no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		right: 2.5%;
		left: auto;
		top: -2.5%
	}
}

.function_box>.item:nth-child(2) .list .item:nth-child(3) {
	background: url(../../../../images/frontend/pc/tw/puzzle_2_2.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 0 0 -1.5%;
	z-index: 1
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(2) .list .item:nth-child(3) {
		background: 0 0;
		margin: 0;
		float: right
	}

	.function_box>.item:nth-child(2) .list .item:nth-child(3) .txt .img_link {
		background: url(../../../../images/frontend/pc/tw/puzzle_2_2.png) 50% 50% no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		right: 2.5%;
		left: auto;
		top: -11.5%
	}
}

.function_box>.item:nth-child(2) .list .item:nth-child(2) {
	background: url(../../../../images/frontend/pc/tw/puzzle_2_3.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 0 0 -50.65%;
	z-index: 2;
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(2) .list .item:nth-child(2) {
		background: 0 0;
		margin: 0;
		float: left
	}

	.function_box>.item:nth-child(2) .list .item:nth-child(2) .txt .img_link {
		background: url(../../../../images/frontend/pc/tw/puzzle_2_3.png) 50% 50% no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		left: 1.5%;
		top: -6.5%
	}
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(2) .list:nth-child(even) .item:nth-child(1) {
		float: left
	}

	.function_box>.item:nth-child(2) .list:nth-child(even) .item:nth-child(1) .txt .img_link {
		left: 1.5%;
		top: -15.5%
	}

	.function_box>.item:nth-child(2) .list:nth-child(even) .item:nth-child(2) {
		float: right
	}

	.function_box>.item:nth-child(2) .list:nth-child(even) .item:nth-child(2) .txt .img_link {
		right: 2.5%;
		left: auto;
		top: -18.5%
	}

	.function_box>.item:nth-child(2) .list:nth-child(even) .item:nth-child(3) {
		float: left
	}

	.function_box>.item:nth-child(2) .list:nth-child(even) .item:nth-child(3) .txt .img_link {
		left: 1.5%;
		top: -22.5%
	}

	.function_box>.item:nth-child(2) .list:nth-child(2n+1) {
		margin-top: -6%
	}

	.function_box>.item:nth-child(2) .list:nth-child(2n+1):first-child {
		margin-top: 0
	}
}

@media only screen and (max-width:767px) {
	.function_box>.item:nth-child(2) {
		padding-top: 25%
	}
}

.function_box>.item>.view {
	position: relative
}

.function_box .show {
	width: 100%
}

.function_box .show .list {
	position: relative;
	padding-top: 37.6%
}

.function_box .show .list>.view {
	width: 111.11%;
	height: 100%;
	position: absolute;
	top: 0
}

.function_box .show .list>.view .box {
	width: 100%;
	height: 100%;
	position: relative
}

.function_box .show .list>.view .item {
	top: 50%;
	left: 50%;
	width: 50.38%;
	position: absolute
}

.function_box .show .list>.view .item .txt {
	position: relative;
	padding-top: 68.79%
}

.function_box .show .list>.view .item .txt .img_link {
	padding: 0 40px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.function_box .show .list>.view .item .txt p {
	vertical-align: middle;
	font-size: 18px
}

@media only screen and (max-width:1199px) {
	.function_box .show .list>.view .item .txt .img_link {
		padding: 0 25px
	}

	.function_box .show .list>.view .item .txt p {
		font-size: 15px
	}
}

@media only screen and (max-width:1023px) {
	.function_box .show .list>.view .item .txt p {
		font-size: 13px;
		line-height: 15px
	}
}

@media only screen and (max-width:767px) {
	.function_box .show .list {
		padding-top: 0
	}

	.function_box .show .list>.view {
		width: 100%;
		position: relative;
		top: auto
	}

	.function_box .show .list>.view .item {
		width: 65%;
		position: relative;
		top: auto;
		left: auto
	}

	.function_box .show .list>.view .item .txt {
		padding-top: 36%
	}

	.function_box .show .list>.view .item .txt .img_link {
		height: 196%;
		padding: 0 40px
	}

	.function_box .show .list>.view .item .txt p {
		font-size: 14px
	}
}

.edu_book01 {
	padding-bottom: 88%
}

.edu_book01 svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.status_01 {
	position: relative;
	padding-bottom: 85%
}

.status_01 svg {
	position: absolute;
	top: 0;
	left: 0
}

.status_02 {
	position: relative;
	padding-bottom: 57%
}

.status_02 svg {
	position: absolute;
	top: 0;
	left: 0
}

.part_4 {
	position: relative;
	margin-bottom: 80px;
	/* padding-bottom: 120px; */
}

@media only screen and (max-width:767px) {
	.part_4 {
		margin-bottom: 0;
		padding-bottom: 40px
	}
}

.part_4 .five {
	padding-top: 5px
}

.part_4 .view_box {
	position: relative;
	overflow: hidden;
	padding: 20px 0 0 0
}

.part_4 .view_box>.bg {
	position: absolute;
	right: -30px;
	top: 100px;
	width: 27.76%
}

.part_4 .view_box>.bg span {
	display: block;
	width: 100%;
	padding-top: 87.87%
}

@media only screen and (max-width:1199px) {
	.part_4 .view_box>.bg {
		display: none!important
	}
}

.part_4 .view_box>.bg_1 {
	width: 3.54%;
	background: url(../../../../images/frontend/pc/tw/education_3.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 10px 0 0 445px;
	z-index: 2
}

.part_4 .view_box>.bg_1 span {
	display: block;
	width: 100%;
	padding-top: 145.59%
}

@media only screen and (max-width:767px) {
	.part_4 .view_box>.bg_1 {
		display: none!important
	}
}

.part_4 .title_mid {
	margin-bottom: 60px;
	position: relative
}

.part_4 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_3_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 540px;
	height: 284px;
	position: absolute;
	left: -410px;
	top: 0;
	margin: -20px 0 0 0
}

@media only screen and (max-width:767px) {
	.part_4 .title_mid {
		text-align: center;
		margin-bottom: 30px
	}

	.part_4 .title_mid .part_line {
		display: none
	}
}

.part_4 .left_chart {
	width: 235px;
	position: relative;
	z-index: 2
}

.part_4 .left_chart .chart_box {
	margin-bottom: 60px;
	width: 235px;
	height: 235px;
	text-align: center;
	line-height: 235px;
	position: relative
}

.part_4 .left_chart .chart_box .txt {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.part_4 .left_chart .chart_box>.view {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

@media only screen and (max-width:1199px) {
	.part_4 .left_chart .chart_box {
		width: 180px;
		height: 180px;
		line-height: 180px;
		float: left
	}
}

@media only screen and (max-width:767px) {
	.part_4 .left_chart .chart_box {
		float: none;
		width: 200px;
		height: 200px;
		line-height: 200px;
		margin: 0 auto 50px auto
	}
}

.part_4 .left_chart .chart_ul {
	width: 190px;
	margin-bottom: 60px
}

.part_4 .left_chart .chart_ul li {
	margin-bottom: 15px
}

.part_4 .left_chart .chart_ul li:nth-child(1) .dot {
	background: #7953b7
}

.part_4 .left_chart .chart_ul li:nth-child(2) .dot {
	background: #3688bc
}

.part_4 .left_chart .chart_ul li:nth-child(3) .dot {
	background: #36bca4
}

.part_4 .left_chart .chart_ul li:nth-child(4) .dot {
	background: #1c8a97
}

.part_4 .left_chart .chart_ul li:nth-child(5) .dot {
	background: #ffc332
}

.part_4 .left_chart .chart_ul li:nth-child(6) .dot {
	background: #ff8b00
}

.part_4 .left_chart .chart_ul li:last-child {
	margin-bottom: 0
}

.part_4 .left_chart .chart_ul span {
	display: block;
	float: left
}

.part_4 .left_chart .chart_ul .dot {
	margin-top: 5px;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.part_4 .left_chart .chart_ul .txt {
	margin-right: 20px
}

.part_4 .left_chart .chart_ul .number {
	float: right;
	text-align: right
}

@media only screen and (max-width:1199px) {
	.part_4 .left_chart .chart_ul {
		width: auto;
		overflow: hidden;
		margin: 0 0 20px 240px;
		padding: 40px 60px 0 0
	}

	.part_4 .left_chart .chart_ul li {
		float: left;
		width: 40%
	}

	.part_4 .left_chart .chart_ul li:nth-child(odd) {
		padding-right: 10px
	}

	.part_4 .left_chart .chart_ul li:nth-child(even) {
		padding-left: 10px
	}

	.part_4 .left_chart .chart_ul li .txt {
		font-size: 12px
	}
}

@media only screen and (max-width:767px) {
	.part_4 .left_chart .chart_ul {
		margin: 0;
		padding-right: 0;
		margin-bottom: 30px
	}

	.part_4 .left_chart .chart_ul li {
		width: 50%
	}

	.part_4 .left_chart .chart_ul li .dot {
		margin-right: 5px
	}

	.part_4 .left_chart .chart_ul li .txt {
		margin-right: 0
	}
}

@media only screen and (max-width:1199px) {
	.part_4 .left_chart {
		width: 100%;
		float: none;
		margin-bottom: 80px
	}

	.part_4 .left_chart .info {
		padding-left: 240px
	}
}

@media only screen and (max-width:767px) {
	.part_4 .left_chart {
		margin-bottom: 30px
	}

	.part_4 .left_chart .info {
		padding-left: 0;
		text-align: center
	}
}

.part_4 .right_part {
	position: relative;
	z-index: 1;
	margin-left: 275px;
	padding-bottom: 13%
}

.part_4 .right_part .title_style {
	margin-bottom: 60px
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .title_style {
		margin-bottom: 30px
	}
}

.part_4 .right_part .more {
	bottom: 2%;
	left: 50%;
	position: absolute;
	width: 62.7%;
	top: 50%;
	left: 50%;
	margin: 17% 0 0 -35%;
	z-index: 2
}

.part_4 .right_part .more>.view {
	position: relative;
	width: 100%;
	padding-top: 50%
}

.part_4 .right_part .more>.view>.bg {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.part_4 .right_part .more .arrow_btn {
	display: none
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .more {
		width: 100%;
		position: relative;
		bottom: auto;
		left: auto;
		margin: 0
	}

	.part_4 .right_part .more>.view {
		display: none
	}

	.part_4 .right_part .more .arrow_btn {
		margin: 0 auto;
		display: block
	}
}

.part_4 .right_part .department {
	width: 100%;
	position: relative;
	z-index: 1;
	padding-top: 64.1%
}

.part_4 .right_part .department .list_item {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30%
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item {
		position: relative;
		top: auto;
		left: auto;
		width: 50%;
		float: left;
		text-align: center;
		padding-top: 35px
	}
}

.part_4 .right_part .department .list_item>.show {
	position: relative;
	width: 100%
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item>.show {
		width: 50%;
		margin: 0 auto
	}
}

.part_4 .right_part .department .list_item .link {
	position: absolute;
	display: block;
	width: 100%;
	padding-top: 92.8%;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin: .5% 0 0 -24%
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item .link {
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
		z-index: 4
	}
}

.part_4 .right_part .department .list_item .floor_view {
	position: absolute;
	width: 100%
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item .floor_view {
		top: -.5%;
		left: -27%
	}
}

.part_4 .right_part .department .list_item .floor_view>.view {
	position: relative
}

.part_4 .right_part .department .list_item .floor_view>.view>.item {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%
}

.part_4 .right_part .department .list_item .floor_view>.view>.item>.view {
	width: 100%;
	padding-top: 92.8%
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(1) {
	top: 0
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(1)>.view {
	border-right: 1px solid #8bb7d3;
	border-bottom: 1px solid #8bb7d3
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(2) {
	margin: 24.5% 0 0 36%
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(2)>.view {
	border-left: 1px solid #8bb7d3;
	border-bottom: 1px solid #8bb7d3
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(3) {
	margin: 47.5% 0 0 2.5%
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(3)>.view {
	border-left: 1px solid #8bb7d3;
	border-top: 1px solid #8bb7d3
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(4) {
	margin: 23% 0 0 -33.8%
}

.part_4 .right_part .department .list_item .floor_view>.view>.item:nth-child(4)>.view {
	border-right: 1px solid #8bb7d3;
	border-top: 1px solid #8bb7d3
}

.part_4 .right_part .department .list_item:nth-child(1) {
	margin: 0 0 0 -10.9%
}

.part_4 .right_part .department .list_item:nth-child(1) .floor_view>.view>.item>.view {
	border-color: #8bb7d3;
	background: #79A5C1
}

.part_4 .right_part .department .list_item:nth-child(1) .tip_box>.view {
	border-color: #658aa2
}

.part_4 .right_part .department .list_item:nth-child(1) .tip_box>.view p:nth-child(1) {
	color: #658AA2
}

.part_4 .right_part .department .list_item:nth-child(1) .tip_box>.view p:nth-child(3) {
	border-color: #658aa2 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item:nth-child(1) {
		margin: 0 0 20px 0
	}
}

.part_4 .right_part .department .list_item:nth-child(2) {
	margin: 14% 0 0 -31.3%
}

.part_4 .right_part .department .list_item:nth-child(2) .floor_view>.view>.item>.view {
	border-color: #5891b5;
	background: #55829f
}

.part_4 .right_part .department .list_item:nth-child(2) .tip_box>.view {
	border-color: #4b7189
}

.part_4 .right_part .department .list_item:nth-child(2) .tip_box>.view p:nth-child(1) {
	color: #4b7189
}

.part_4 .right_part .department .list_item:nth-child(2) .tip_box>.view p:nth-child(3) {
	border-color: #4b7189 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item:nth-child(2) {
		margin: 0 0 20px 0
	}
}

.part_4 .right_part .department .list_item:nth-child(3) {
	margin: 27.9% 0 0 -51.6%
}

.part_4 .right_part .department .list_item:nth-child(3) .floor_view>.view>.item>.view {
	border-color: #0f809b;
	background: #117289
}

.part_4 .right_part .department .list_item:nth-child(3) .tip_box>.view {
	border-color: #0e6073
}

.part_4 .right_part .department .list_item:nth-child(3) .tip_box>.view p:nth-child(1) {
	color: #0e6073
}

.part_4 .right_part .department .list_item:nth-child(3) .tip_box>.view p:nth-child(3) {
	border-color: #0e6073 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item:nth-child(3) {
		margin: 0 0 20px 0
	}
}

.part_4 .right_part .department .list_item:nth-child(4) {
	margin: 21.9% 0 0 .7%
}

.part_4 .right_part .department .list_item:nth-child(4) .floor_view>.view>.item>.view {
	border-color: #6ecdc8;
	background: #65c1bc
}

.part_4 .right_part .department .list_item:nth-child(4) .tip_box>.view {
	border-color: #54a4a0
}

.part_4 .right_part .department .list_item:nth-child(4) .tip_box>.view p:nth-child(1) {
	color: #54a4a0
}

.part_4 .right_part .department .list_item:nth-child(4) .tip_box>.view p:nth-child(3) {
	border-color: #54a4a0 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item:nth-child(4) {
		margin: 0 0 20px 0
	}
}

.part_4 .right_part .department .list_item:nth-child(5) {
	margin: 35.8% 0 0 -19.6%
}

.part_4 .right_part .department .list_item:nth-child(5) .floor_view>.view>.item>.view {
	border-color: #58c2af;
	background: #41b29e
}

.part_4 .right_part .department .list_item:nth-child(5) .tip_box>.view {
	border-color: #389786
}

.part_4 .right_part .department .list_item:nth-child(5) .tip_box>.view p:nth-child(1) {
	color: #389786
}

.part_4 .right_part .department .list_item:nth-child(5) .tip_box>.view p:nth-child(3) {
	border-color: #389786 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .department .list_item:nth-child(5) {
		margin: 0 0 20px 0
	}
}

.part_4 .right_part .department .m_link {
	display: none
}

@media only screen and (max-width:1199px) {
	.part_4 .right_part {
		margin-left: 0;
		padding-bottom: 20%
	}
}

@media only screen and (max-width:767px) {
	.part_4 .right_part {
		margin-left: 0;
		padding-bottom: 0
	}

	.part_4 .right_part .department {
		padding-top: 0
	}

	.part_4 .right_part .department .m_link {
		padding-top: 10px;
		color: #555;
		display: block
	}
}

.part_4 .right_part .number {
	position: absolute;
	color: #FFF;
	font-size: 100px;
	font-weight: 700;
	top: 50%;
	left: 50%;
	margin: 30% 0 0 10%;
	-webkit-transform: skewY(35deg);
	-moz-transform: skewY(35deg);
	-ms-transform: skewY(35deg);
	-o-transform: skewY(35deg);
	transform: skewY(35deg)
}

@media only screen and (max-width:1199px) {
	.part_4 .right_part .number {
		font-size: 60px;
		margin: 39% 0 0 22%
	}
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .number {
		margin: -21px 0 0 -10px;
		font-size: 32px
	}
}

.part_4 .right_part .tip_box {
	width: 200px;
	bottom: -10px;
	margin: 0 0 0 -30px
}

.part_4 .right_part .tip_box .view {
	border-width: 2px;
	border-style: solid;
	background: #fff
}

.part_4 .right_part .tip_box .view p:nth-child(3) span {
	border-color: #fff transparent transparent transparent
}

@media only screen and (max-width:1199px) {
	.part_4 .right_part .tip_box {
		margin: 0 0 -25px -35px
	}
}

@media only screen and (max-width:767px) {
	.part_4 .right_part .tip_box {
		width: 100px;
		left: 50%;
		bottom: 0;
		top: 0;
		margin: 0 0 0 -50px
	}
}

.part_4 .show_more {
	width: 75%;
	height: 110%;
	position: absolute;
	right: 0;
	top: -3%
}

.part_4 .show_more>.bg {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../../../../images/frontend/pc/tw/school_floor_bg1.png) right top no-repeat;
	-webkit-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	padding: 5% 15% 0 5%;
	margin-top: -10%
}

.part_4 .show_more>.bg .keyword {
	position: relative;
	width: 100%;
	height: 700px
}

.part_4 .show_more>.bg .box_btn {
	top: 19%;
	left: 68%
}

@media only screen and (max-width:1599px) {
	.part_4 .show_more>.bg {
		background-position: 0 0
	}

	.part_4 .show_more>.bg .box_btn {
		top: 0;
		left: auto;
		right: 10%
	}
}

.part_4 .show_more .title_style {
	z-index: 2;
	margin: 135px 0 0 16%
}

@media only screen and (max-width:1599px) {
	.part_4 .show_more .title_style {
		margin-left: 10%
	}
}

.part_4 .show_more .arrow_btn {
	display: none
}

@media only screen and (max-width:1199px) {
	.part_4 .show_more {
		position: relative;
		width: 100%;
		height: 100%;
		top: auto;
		right: auto
	}

	.part_4 .show_more>.bg {
		padding: 15% 10% 20% 15%;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover
	}

	.part_4 .show_more>.bg .box_btn {
		top: 3%
	}

	.part_4 .show_more .title_style {
		margin: 30px 0 0 30px
	}
}

@media only screen and (max-width:767px) {
	.part_4 .show_more>.bg {
		padding-top: 130%;
		margin-bottom: 30px;
		background: url(../../../../images/frontend/pc/tw/m_edication_bg.png) 50% 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.part_4 .show_more>.bg .show {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0
	}

	.part_4 .show_more>.bg .view {
		display: none
	}

	.part_4 .show_more>.bg .shadow {
		display: none
	}

	.part_4 .show_more>.bg .keyword {
		padding: 0 10px;
		width: 100%;
		height: 55%;
		top: 15%;
		left: 0;
		margin: 0
	}

	.part_4 .show_more>.bg .box_btn {
		display: none
	}

	.part_4 .show_more .arrow_btn {
		display: block;
		margin: 0 auto
	}

	.part_4 .show_more .title_style {
		margin-left: 10px
	}
}

.part_5 {
	position: relative;
	padding-bottom: 150px;
	z-index: 2;
}

.part_5 svg {
	width: 100%
}

@media only screen and (max-width:767px) {
	.part_5 {
		padding-bottom: 60px
	}
}

.part_5 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_4_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 299px;
	height: 127px;
	position: absolute;
	left: 210px;
	top: 15px
}

@media only screen and (max-width:767px) {
	.part_5 .title_mid {
		padding-bottom: 30px;
		text-align: center
	}

	.part_5 .title_mid .part_line {
		display: none
	}
}

.part_5 .left_part {
	width: 27.75%;
	position: absolute;
	bottom: 0;
	left: 0
}

.part_5 .left_part>.view {
	padding-top: 51%
}

@media only screen and (max-width:767px) {
	.part_5 .left_part {
		display: none
	}
}

.part_5 .item {
	position: relative;
	width: 45.34%
}

.part_5 .item .body {
	overflow: hidden;
	padding-top: 201.34%;
	position: relative
}

.part_5 .item .body .view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.part_5 .item .body .view .svgMask {
	width: 100%;
	height: 100%
}

@media only screen and (max-width:767px) {
	.part_5 .item {
		width: 50%
	}

	.part_5 .item .body {
		padding-top: 0;
		float: left;
		width: 35px;
		height: 76px
	}
}

.part_5 .man .tip_box .view {
	background: #39b7c5
}

.part_5 .man .tip_box .view p:nth-child(3) {
	border-color: #39b7c5 transparent transparent transparent
}

.part_5 .man .m_txt_show p:nth-child(2) {
	color: #39b7c5
}

@media only screen and (max-width:767px) {
	.part_5 .man {
		padding-right: 5px
	}

	.part_5 .man .tip_box .view p:nth-child(3) {
		border-color: transparent #39b7c5 transparent transparent
	}
}

.part_5 .woman .tip_box .view {
	background: #d84b86
}

.part_5 .woman .tip_box .view p:nth-child(3) {
	border-color: #d84b86 transparent transparent transparent
}

.part_5 .woman .m_txt_show p:nth-child(2) {
	color: #d84b86
}

@media only screen and (max-width:767px) {
	.part_5 .woman {
		padding-left: 5px
	}

	.part_5 .woman .tip_box .view p:nth-child(3) {
		border-color: transparent #d84b86 transparent transparent
	}
}

.part_5 .tip_box {
	position: relative;
	left: auto;
	width: 100%;
	padding-bottom: 33px
}

.part_5 .tip_box>.view {
	color: #FFF;
	background: #FFF;
	font-size: 0;
	letter-spacing: 0;
	padding: 15px 10px
}

.part_5 .tip_box>.view p {
	font-size: 18px
}

.part_5 .tip_box>.view p:nth-child(1) {
	float: left;
	margin-bottom: 0
}

.part_5 .tip_box>.view p:nth-child(2) {
	font-size: 22px;
	font-weight: 700;
	margin-left: 42px;
	text-align: right
}

@media only screen and (max-width:1199px) {
	.part_5 .tip_box>.view p {
		float: none
	}

	.part_5 .tip_box>.view p:nth-child(1),.part_5 .tip_box>.view p:nth-child(2) {
		width: 100%
	}

	.part_5 .tip_box>.view p:nth-child(2) {
		margin-left: 0;
		text-align: center
	}
}

@media only screen and (max-width:767px) {
	.part_5 .tip_box {
		width: auto;
		padding-bottom: 0;
		margin-left: 50px;
		margin-top: 12%
	}

	.part_5 .tip_box>.view {
		padding: 5px
	}

	.part_5 .tip_box>.view p {
		font-size: 12px
	}

	.part_5 .tip_box>.view p:nth-child(2) {
		font-size: 18px;
		margin-left: 25px;
		display: block;
		text-align: right
	}

	.part_5 .tip_box>.view p:nth-child(1),.part_5 .tip_box>.view p:nth-child(2) {
		width: auto
	}

	.part_5 .tip_box>.view p:nth-child(3) {
		position: absolute;
		bottom: auto;
		top: 50%;
		margin-top: -8px;
		width: 12px;
		height: 16px;
		border-style: solid;
		border-width: 8px 12px 8px 0;
		right: auto;
		left: -12px
	}
}

.part_5 .right_part {
	margin-left: 29.41%;
	text-align: center;
	padding-top: 125px
}

@media only screen and (max-width:767px) {
	.part_5 .right_part {
		margin-left: 0;
		padding-top: 0;
		margin-bottom: 30px
	}

	.part_5 .right_part .chart {
		margin-bottom: 20px
	}
}

.part_5 .m_part {
	display: none
}

@media only screen and (max-width:767px) {
	.part_5 .m_part {
		display: block
	}
}

.part_5 .sexes_chart_box {
	position: relative;
	margin-bottom: 20px
}

.part_5 .sexes_chart_box li {
	position: relative
}

.part_5 .sexes_chart_box li:last-child .item {
	height: 5px
}

.part_5 .sexes_chart_box li:last-child .item:nth-child(1) {
	padding-right: 20px
}

.part_5 .sexes_chart_box li:last-child .item:nth-child(1) p {
	border-bottom: 1px solid #39b7c5
}

.part_5 .sexes_chart_box li:last-child .item:nth-child(2) {
	padding-left: 20px
}

.part_5 .sexes_chart_box li:last-child .item:nth-child(2) p {
	border-bottom: 1px solid #d84b86
}

.part_5 .sexes_chart_box li:last-child .item:nth-child(3) {
	top: 0;
	margin-top: -1px
}

.part_5 .sexes_chart_box .item {
	height: 12px
}

.part_5 .sexes_chart_box .item p {
	position: relative;
	width: 100%;
	height: 100%
}

.part_5 .sexes_chart_box .item span {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	height: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.part_5 .sexes_chart_box .item:nth-child(1) {
	width: 50%;
	padding-right: 30px
}

.part_5 .sexes_chart_box .item:nth-child(1) span {
	right: 0;
	background: #39b7c5
}

.part_5 .sexes_chart_box .item:nth-child(2) {
	width: 50%;
	padding-left: 30px
}

.part_5 .sexes_chart_box .item:nth-child(2) span {
	left: 0;
	background: #d84b86
}

.part_5 .sexes_chart_box .item:nth-child(3) {
	line-height: 15px;
	font-size: 15px;
	border-right: 1px solid #d84b86;
	border-left: 1px solid #39b7c5;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -7px;
	margin-left: -20px;
	width: 40px;
	text-align: center;
	height: 15px
}

@media only screen and (max-width:767px) {
	.part_5 .sexes_chart_box li:last-child .item {
		height: 5px
	}

	.part_5 .sexes_chart_box li:last-child .item:nth-child(1) {
		padding-right: 13px
	}

	.part_5 .sexes_chart_box li:last-child .item:nth-child(2) {
		padding-left: 13px
	}

	.part_5 .sexes_chart_box .item {
		height: 10px
	}

	.part_5 .sexes_chart_box .item span {
		height: 8px;
		margin-top: -4px
	}

	.part_5 .sexes_chart_box .item:nth-child(1) {
		padding-right: 18px
	}

	.part_5 .sexes_chart_box .item:nth-child(2) {
		padding-left: 18px
	}

	.part_5 .sexes_chart_box .item:nth-child(3) {
		height: 12px;
		font-size: 12px;
		line-height: 12px;
		margin-top: -6px;
		margin-left: -13px;
		width: 26px
	}
}

.part_5 .sexes_chart_box .m_drag {
	display: none;
	position: absolute;
	bottom: 3px;
	left: 50%;
	margin-left: -18px;
	width: 36px;
	height: 15px;
	border: #ff8400 1px solid
}

.part_5 .sexes_chart_box .m_drag>.view {
	height: 100%;
	position: relative
}

.part_5 .sexes_chart_box .m_drag>.view span {
	display: block;
	width: 10px;
	height: 6px;
	position: absolute;
	left: 50%;
	margin-left: -5px
}

.part_5 .sexes_chart_box .m_drag>.view span:nth-child(1) {
	top: -6px;
	border-style: solid;
	border-width: 0 5px 6px 5px;
	border-color: transparent transparent #ff8400 transparent;
	line-height: 0
}

.part_5 .sexes_chart_box .m_drag>.view span:nth-child(2) {
	bottom: -6px;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #ff8400 transparent transparent transparent;
	line-height: 0
}

@media only screen and (max-width:767px) {
	.part_5 .sexes_chart_box .m_drag {
		display: block;
		height: 12px;
		bottom: 5px;
		width: 22px;
		margin-left: -11px
	}
}

.part_5 .m_txt_show {
	width: 100%;
	top: -5px;
	left: 0;
	padding-left: 50px;
	position: absolute
}

.part_5 .m_txt_show p:nth-child(1) {
	padding-left: 5px;
	text-align: left;
	float: left
}

.part_5 .m_txt_show p:nth-child(2) {
	font-weight: 700;
	padding-right: 5px;
	text-align: right;
	float: right
}

.part_6 {
	padding-bottom: 120px;
	position: relative;
	overflow: hidden;
	padding-top: 20px
}

.part_6 .arrow_btn {
	display: none
}

@media only screen and (max-width:767px) {
	.part_6 {
		padding-bottom: 60px;
		padding-top: 0
	}

	.part_6 .arrow_btn {
		display: block;
		margin: 0 auto
	}
}

.part_6 .title_mid {
	margin-bottom: 60px
}

.part_6 .title_mid .main {
	position: relative
}

.part_6 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_5_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 1743px;
	height: 127px;
	position: absolute;
	left: -172px;
	top: -20px
}

@media only screen and (max-width:767px) {
	.part_6 .title_mid {
		text-align: center;
		margin-bottom: 30px
	}

	.part_6 .title_mid .part_line {
		display: none
	}
}

.part_6 .left_part {
	width: 330px
}

.part_6 .left_part.m_nine {
	display: none
}

@media only screen and (max-width:767px) {
	.part_6 .left_part {
		width: 100%
	}

	.part_6 .left_part.nine {
		display: none
	}

	.part_6 .left_part.m_nine {
		padding-top: 20px;
		text-align: center;
		display: block;
		margin-bottom: 30px
	}
}

.part_6 .right_part {
	margin-left: 360px;
	padding-top: 30px;
	overflow: hidden
}

.part_6 .right_part .ul_tag {
	margin-bottom: 20px
}

@media only screen and (max-width:767px) {
	.part_6 .right_part {
		margin-left: 0;
		padding-top: 0
	}

	.part_6 .right_part .ul_tag {
		margin-bottom: 10px
	}
}

.part_6 .chart_note {
	margin-bottom: 30px
}

.part_6 .chart_note li {
	margin-right: 30px
}

.part_6 .chart_note li:last-child {
	margin-right: 0
}

.part_6 .chart_note span {
	color: #39b7c5
}

@media only screen and (max-width:767px) {
	.part_6 .chart_note {
		margin-bottom: 10px
	}
}

.part_6 .chart_note_1 {
	margin-bottom: 30px
}

.part_6 .chart_note_1 li {
	margin-right: 30px;
	padding-left: 30px
}

.part_6 .chart_note_1 li:nth-child(1) {
	background: url(../../../../images/frontend/pc/tw/chart_icon.png) 0 50% no-repeat
}

.part_6 .chart_note_1 li:nth-child(2) {
	background: url(../../../../images/frontend/pc/tw/chart_icon_1.png) 0 50% no-repeat
}

.part_6 .chart_note_1 li:last-child {
	margin-right: 0
}

@media only screen and (max-width:767px) {
	.part_6 .chart_note_1 li {
		padding-left: 20px;
		margin-right: 0
	}

	.part_6 .chart_note_1 li:nth-child(1) {
		background: url(../../../../images/frontend/pc/tw/chart_icon.png) 0 50% no-repeat;
		-webkit-background-size: 10px auto;
		-o-background-size: 10px auto;
		background-size: 10px auto
	}

	.part_6 .chart_note_1 li:nth-child(2) {
		background: url(../../../../images/frontend/pc/tw/chart_icon_1.png) 0 50% no-repeat;
		-webkit-background-size: 10px auto;
		-o-background-size: 10px auto;
		background-size: 10px auto
	}
}

@media only screen and (max-width:767px) {
	.part_6 .marb_60 {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:1023px) {
	.part_6 .title_link_box {
		overflow: hidden
	}

	.part_6 .title_link_box .title_style {
		float: left;
		margin-bottom: 10px
	}

	.part_6 .title_link_box .box_title {
		margin-left: 20px;
		float: left;
		clear: both
	}
}

.part_7 {
	position: relative;
	/* padding-bottom: 120px; */
}

@media only screen and (max-width:1199px) {
	.part_7 {
		overflow: hidden
	}
}

@media only screen and (max-width:767px) {
	.part_7 {
		padding-bottom: 60px
	}
}

.part_7 .title_mid {
	margin-bottom: 60px;
	position: relative
}

.part_7 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_6_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 340px;
	height: 155px;
	position: absolute;
	left: -359px;
	top: -140px
}

@media only screen and (max-width:767px) {
	.part_7 .title_mid {
		text-align: center;
		margin-bottom: 30px
	}

	.part_7 .title_mid .part_line {
		display: none
	}
}

.part_7 .title_style {
	margin-bottom: 30px
}

.part_7 .industry {
	margin-bottom: 60px;
	width: 250px;
	height: 50px;
	background: #f7f7f7;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

@media only screen and (max-width:767px) {
	.part_7 .industry {
		width: 100%;
		height: 40px;
		margin-bottom: 20px
	}
}

.part_7>.bg {
	position: relative;
	z-index: 1;
	width: 100%;
	/* height: 723px; */
	padding: 50px 0 70px 0;
}

.part_7>.bg .show {
	/* position: absolute; */
	/* left: 0; */
	width: 100%;
	bottom: 0;
	height: 826px;
	/* height: 1094px; */
	background: url(../../../../images/frontend/pc/tw/floor_area_bg.png) 50% 0 no-repeat;
}

.part_7>.bg .keyword {
	position: absolute;
	z-index: 3;
	height: 360px;
	top: 34%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5%
}

@media only screen and (max-width:767px) {
	.part_7>.bg {
		padding-top: 148.59%
	}

	.part_7>.bg .show {
		height: 100%;
		background: url(../../../../images/frontend/pc/tw/part7_m_bg.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		position: absolute;
	}

	.part_7>.bg .view {
		display: none
	}

	.part_7>.bg .shadow {
		display: none
	}

	.part_7>.bg .keyword {
		width: 100%;
		top: 25%;
		height: 280px
	}
}

.part_7>.main {
	position: relative;
	z-index: 2
}

.part_8 {
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	z-index: 2;
}

@media only screen and (max-width:767px) {
	.part_8 {
		padding-top: 0;
		padding-bottom: 60px;
		overflow: hidden;
	}
}

.part_8 .best_area {
	padding-top: 60px
}

.part_8 .arrow_btn {
	display: none
}

@media only screen and (max-width:767px) {
	.part_8 .arrow_btn {
		display: block;
		margin: 0 auto
	}
}

.part_8 .title_mid {
	margin-bottom: 60px
}

.part_8 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_7_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 318px;
	height: 125px;
	position: absolute;
	left: 210px;
	/* top: -107px; */
	top: 12px;
}

@media only screen and (max-width:767px) {
	.part_8 .title_mid {
		text-align: center;
		margin-bottom: 30px
	}

	.part_8 .title_mid .part_line {
		display: none
	}
}

.part_8 .title_style {
	margin-bottom: 30px
}

.part_8 .ul_tag {
	margin-bottom: 60px
}

.part_8 .ul_tag li.item.best {
	padding-left: 39px;
	background: url(../../../../images/frontend/pc/tw/best.png) 10px 50% no-repeat
}

.part_8 .ul_tag li.item.best.now,.part_8 .ul_tag li.item.best:hover {
	background-color: #B23711;
	color: #fff;
	border-color: #B23711
}

.part_8 .ul_tag li.item.best.now span,.part_8 .ul_tag li.item.best:hover span {
	border-color: #B23711 transparent transparent transparent;
	line-height: 0
}

@media only screen and (max-width:1023px) {
	.part_8 .ul_tag {
		margin-bottom: 0
	}
}

.part_8 .ul_license {
	margin: 0 -15px 0 -15px
}

.part_8 .ul_license li {
	width: 33.33%;
	padding: 0 15px;
	margin-bottom: 10px
}

.part_8 .ul_license li:nth-child(3n+1) {
	clear: both
}

.part_8 .ul_license li p {
	padding-left: 50px;
	background: url(../../../../images/frontend/pc/tw/ul_license.png) 0 0 no-repeat
}

@media only screen and (max-width:1023px) {
	.part_8 .ul_license {
		margin: 0 0 30px 0
	}

	.part_8 .ul_license li {
		width: 100%;
		padding: 0;
		margin-bottom: 5px
	}

	.part_8 .ul_license li p {
		padding-left: 30px;
		background: url(../../../../images/frontend/pc/tw/ul_license.png) 0 5px no-repeat;
		-webkit-background-size: 20px auto;
		-o-background-size: 20px auto;
		background-size: 20px auto
	}
}

.part_8 .right_part {
	width: 730px;
	position: relative;
	padding-top: 60px
}

@media only screen and (max-width:1023px) {
	.part_8 .right_part {
		width: 100%;
		float: none;
		margin-bottom: 30px;
		padding-top: 15%
	}
}

.part_8 .right_part .number_show {
	position: absolute;
	bottom: 0;
	width: 10.274%;
	height: 390px
}

.part_8 .right_part .number_show>.view {
	width: 100%;
	height: 100%;
	position: relative
}

.part_8 .right_part .number_show.left_style {
	left: 0
}

.part_8 .right_part .number_show.right_style {
	right: 0;
	top: -20px;
	bottom: auto
}

.part_8 .right_part .number_show .name {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -30px;
	color: #888;
	background: #f0f0f0;
	width: 60px;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	text-align: center
}

.part_8 .right_part .number_show ul {
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -30px
}

.part_8 .right_part .number_show ul li {
	height: 30px;
	width: 1px;
	margin: 0 auto
}

.part_8 .right_part .number_show ul li.txt {
	text-align: center;
	width: 60px
}

.part_8 .right_part .number_show ul.plus {
	bottom: 50%;
	margin-bottom: 15px
}

.part_8 .right_part .number_show ul.plus li {
	background: #ff8400
}

.part_8 .right_part .number_show ul.plus li.txt {
	color: #ff8400;
	background: 0 0
}

.part_8 .right_part .number_show ul.less {
	top: 50%;
	margin-top: 15px
}

.part_8 .right_part .number_show ul.less li {
	background: #1c902f
}

.part_8 .right_part .number_show ul.less li.txt {
	color: #1c902f;
	background: 0 0
}

@media only screen and (max-width:1023px) {
	.part_8 .right_part .number_show {
		height: 200px
	}

	.part_8 .right_part .number_show.left_style {
		top: 40%
	}

	.part_8 .right_part .number_show.right_style {
		top: 8%
	}

	.part_8 .right_part .number_show .name {
		font-size: 12px;
		height: 20px;
		line-height: 20px
	}

	.part_8 .right_part .number_show ul li {
		height: 15px
	}

	.part_8 .right_part .number_show ul.plus {
		margin-bottom: 10px
	}

	.part_8 .right_part .number_show ul.less {
		margin-top: 10px
	}
}

.part_8 .right_part .chart_box {
	width: 79.452%;
	margin: 0 auto;
	position: relative
}

.part_8 .right_part .chart_box .item_box {
	width: 20%;
	float: left;
	position: relative
}

.part_8 .right_part .chart_box .item_box .item {
	height: 30px;
	width: 100%;
	position: relative
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box .item {
		height: 15px
	}
}

.part_8 .right_part .chart_box .item_box .item .view {
	position: absolute;
	width: 100%;
	padding-top: 92.8%;
	bottom: 0;
	left: 0
}

.part_8 .right_part .chart_box .item_box .item p {
	position: absolute;
	color: #FFF;
	font-weight: 700;
	font-size: 60px;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin: -17px 0 0 -16px
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box .item p {
		font-size: 30px;
		margin: -12px 0 0 -10px
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item .floor {
	background: 0 0
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item p,.part_8 .right_part .chart_box .item_box:nth-child(5) .item p {
	display: none
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(1),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(1) {
	z-index: 10
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(2),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(2) {
	z-index: 9
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(3),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(3) {
	z-index: 8
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(4),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(4) {
	z-index: 7
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(5),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(5) {
	z-index: 6
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(6),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(6) {
	z-index: 5
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(7),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(7) {
	z-index: 4
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(8),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(8) {
	z-index: 3
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(9),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(9) {
	z-index: 2
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(10),.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(10) {
	z-index: 1
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item.show p,.part_8 .right_part .chart_box .item_box:nth-child(5) .item.show p {
	display: block
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(1).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(1).show .floor {
	background: #ffbf79
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(2).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(2).show .floor {
	background: #ffb25e
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(3).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(3).show .floor {
	background: #fda342
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(4).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(4).show .floor {
	background: #fe9321
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(5).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(5).show .floor {
	background: #ff8400
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(6).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(6).show .floor {
	background: #1c902f
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(7).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(7).show .floor {
	background: #22a938
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(8).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(8).show .floor {
	background: #35c14d
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(9).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(9).show .floor {
	background: #56cf6b
}

.part_8 .right_part .chart_box .item_box:nth-child(1) .item:nth-child(10).show .floor,.part_8 .right_part .chart_box .item_box:nth-child(5) .item:nth-child(10).show .floor {
	background: #6edb81
}

.part_8 .right_part .chart_box .item_box:nth-child(2) .item:nth-child(1),.part_8 .right_part .chart_box .item_box:nth-child(4) .item:nth-child(1) {
	margin-top: 40px
}

.part_8 .right_part .chart_box .item_box:nth-child(2) .item .floor,.part_8 .right_part .chart_box .item_box:nth-child(4) .item .floor {
	border-left: 3px dashed #ddd;
	border-right: 3px dashed #ddd;
	height: 150%
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(2) .item .floor,.part_8 .right_part .chart_box .item_box:nth-child(4) .item .floor {
		border-left: 2px dashed #ddd;
		border-right: 2px dashed #ddd
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(1) {
	margin: 270px -15px 0 25px;
	z-index: 5
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(1) {
		margin: 43% -7% 0 25px
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(2) {
	z-index: 4;
	margin: 255px -15px 0 0
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(2) {
		margin: 38% -3% 0 0
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(3) {
	margin: 215px -15px 0 0;
	z-index: 3
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(3) {
		margin: 32% -3% 0 0
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(3) .item {
	margin-top: 40px
}

.part_8 .right_part .chart_box .item_box:nth-child(3) .item .floor {
	background: #fff;
	border: 3px dashed #ff8400
}

.part_8 .right_part .chart_box .item_box:nth-child(3) .item .floor .wall.left_wall {
	background: #CECECE;
	width: 105%;
	height: 30px;
	margin: 50.5% 0 0 -39.5%
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(3) .item .floor .wall.left_wall {
		height: 15px;
		width: 110%;
		margin: 51.5% 0 0 -37.5%
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(3) .item .floor .wall.right_wall {
	background: #F3F3F3;
	width: 30px;
	height: 105%;
	margin: -34% 0 0 53%
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(3) .item .floor .wall.right_wall {
		width: 15px;
		height: 110%;
		margin: -30% 0 0 60%
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(3) .item p {
	color: #ff8400
}

.part_8 .right_part .chart_box .item_box:nth-child(3) .item span {
	display: block;
	font-size: 15px;
	width: 84px;
	height: 25px;
	line-height: 25px;
	background: #F0F0F0;
	color: #888;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -130px
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(3) .item span {
		margin: -65px 0 0 -85px;
		font-size: 12px;
		height: 20px;
		line-height: 20px
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(4) {
	z-index: 2;
	margin: 120px -20px 0 0
}

@media only screen and (max-width:767px) {
	.part_8 .right_part .chart_box .item_box:nth-child(4) {
		margin: 15% -3% 0 0
	}
}

.part_8 .right_part .chart_box .item_box:nth-child(5) {
	z-index: 1
}

.part_8 .left_part {
	overflow: hidden;
	margin-right: 730px
}

@media only screen and (max-width:1023px) {
	.part_8 .left_part {
		margin-right: 0
	}
}

.part_8 .left_part .name {
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 42px
}

.part_8 .left_part .name.best {
	background: url(../../../../images/frontend/pc/tw/best_s.png) right 50% no-repeat;
	padding-right: 57px
}

@media only screen and (max-width:1023px) {
	.part_8 .left_part .name {
		font-size: 24px;
		line-height: 30px
	}

	.part_8 .left_part .name.best {
		padding-right: 40px;
		-webkit-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto
	}
}

.part_8 .left_part>.txt {
	margin-bottom: 30px
}

@media only screen and (max-width:1023px) {
	.part_8 .left_part>.txt {
		margin-bottom: 20px
	}
}

.part_8 .left_part .title_style {
	margin-bottom: 30px
}

.part_8 .left_part .money_show .show {
	line-height: 40px
}

.part_8 .left_part .money_show .show .txt {
	color: #ff8400;
	font-size: 24px
}

.part_8 .left_part .money_show .show ul {
	color: #ff8400;
	margin: 0 20px 10px 20px
}

.part_8 .left_part .money_show .show li {
	width: 30px;
	height: 40px;
	text-align: center;
	margin-right: 2px;
	background: #f0f0f0;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	overflow: hidden
}

.part_8 .left_part .money_show .show li span {
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #FFF;
	left: 0;
	top: 50%;
	z-index: 2
}

.part_8 .left_part .money_show .show li .number {
	z-index: 1;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute
}

.part_8 .left_part .money_show .show li .number p {
	width: 100%
}

.part_8 .left_part .money_show .show .btn_arrow {
	clear: both;
	margin-top: 10px
}

@media only screen and (max-width:1023px) {
	.part_8 .left_part .money_show {
		margin-bottom: 30px
	}

	.part_8 .left_part .money_show .show .txt {
		font-size: 18px
	}
}

.part_9 {
	overflow: hidden;
	position: relative;
	padding-bottom: 120px
}

@media only screen and (max-width:767px) {
	.part_9 {
		overflow: hidden;
		padding-bottom: 60px
	}

	.part_9 .btn_arrow {
		display: inline-block
	}
}

.part_9 .title_mid {
	position: relative;
	margin-bottom: 60px
}

.part_9 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_8_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 340px;
	height: 151px;
	position: absolute;
	left: -360px;
	top: -134px
}

@media only screen and (max-width:767px) {
	.part_9 .title_mid {
		text-align: center;
		margin-bottom: 30px
	}

	.part_9 .title_mid .part_line {
		display: none
	}
}

.part_9 .ul_tag {
	display: none
}

@media only screen and (max-width:767px) {
	.part_9 .ul_tag {
		display: block;
		margin-bottom: 20px
	}
}

.part_9 .salary_ul {
	padding-bottom: 50px;
	overflow: hidden
}

.part_9 .salary_ul li {
	cursor: pointer;
	width: 20%;
	padding: 0 3%;
	position: relative
}

.part_9 .salary_ul li:last-child {
	margin-right: 0
}

.part_9 .salary_ul li>.view {
	position: relative;
	padding-top: 92.8%;
	z-index: 1
}

.part_9 .salary_ul li>.view .money {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2
}

.part_9 .salary_ul li>.view .money .item {
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%
}

.part_9 .salary_ul li>.view .money .item>.show {
	display: block;
	width: 100%;
	padding-top: 82.43%;
	background: url(../../../../images/frontend/pc/tw/money.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.part_9 .salary_ul li>.view .money .item:nth-child(1) {
	margin: -30% 0 0 -10%
}

.part_9 .salary_ul li>.view .money .item:nth-child(2) {
	margin: -37% 0 0 -10%
}

.part_9 .salary_ul li>.view .money .item:nth-child(3) {
	margin: -44% 0 0 -10%
}

.part_9 .salary_ul li>.view .money .item:nth-child(4) {
	margin: -51% 0 0 -10%
}

.part_9 .salary_ul li>.view .money .item:nth-child(5) {
	margin: -58% 0 0 -10%
}

.part_9 .salary_ul li>.view .money .item:nth-child(6) {
	margin: -15% 0 0 -30%
}

.part_9 .salary_ul li>.view .money .item:nth-child(7) {
	margin: -22% 0 0 -30%
}

.part_9 .salary_ul li>.view .money .item:nth-child(8) {
	margin: -29% 0 0 -30%
}

.part_9 .salary_ul li>.view .money .item:nth-child(9) {
	margin: -36% 0 0 -30%
}

.part_9 .salary_ul li>.view .money .item:nth-child(10) {
	margin: -43% 0 0 -30%
}

.part_9 .salary_ul li>.view .floor {
	display: none;
	z-index: 1;
	background: #FFF3B0
}

.part_9 .salary_ul li>.view .floor .left_wall {
	margin: 46.5% 0 0 -47.5%;
	width: 100%;
	height: 10px;
	background: #D2C891
}

.part_9 .salary_ul li>.view .floor .right_wall {
	width: 10px;
	height: 100%;
	background: #EFE196;
	margin: -43% 0 0 50%
}

.part_9 .salary_ul li .tip_box {
	position: relative;
	z-index: 2;
	margin-bottom: 60px;
	left: auto
}

.part_9 .salary_ul li .tip_box .view {
	background: #627A40;
	color: #fff;
	padding: 5px
}

.part_9 .salary_ul li .tip_box .view p:nth-child(3) {
	color: transparent;
	border-color: #627A40 transparent transparent transparent
}

.part_9 .salary_ul li.now .floor,.part_9 .salary_ul li:hover .floor {
	display: block
}

.part_9 .salary_ul li.now .tip_box .view,.part_9 .salary_ul li:hover .tip_box .view {
	background: #ff8400
}

.part_9 .salary_ul li.now .tip_box .view p:nth-child(3),.part_9 .salary_ul li:hover .tip_box .view p:nth-child(3) {
	border-color: #ff8400 transparent transparent transparent
}

@media only screen and (max-width:1199px) {
	.part_9 .salary_ul li .tip_box>.view p:nth-child(1) {
		font-size: 20px
	}
}

@media only screen and (max-width:1023px) {
	.part_9 .salary_ul li {
		width: 33.33%;
		padding: 1% 5%
	}
}

@media only screen and (max-width:767px) {
	.part_9 .salary_ul {
		margin-bottom: 0;
		padding-bottom: 0
	}

	.part_9 .salary_ul li {
		margin: 0 auto;
		float: none;
		width: 70%
	}

	.part_9 .salary_ul li:last-child {
		margin: 0 auto
	}

	.part_9 .salary_ul li .tip_box {
		margin-bottom: 30px
	}

	.part_9 .salary_ul li .view .money {
		width: 70%;
		left: 50%;
		margin-left: -38%
	}

	.part_9 .salary_ul li .view .floor {
		-webkit-transform: rotateX(0) rotateZ(0) skewX(0) skewY(0);
		-moz-transform: rotateX(0) rotateZ(0) skewX(0) skewY(0);
		-ms-transform: rotateX(0) rotateZ(0) skewX(0) skewY(0);
		-o-transform: rotateX(0) rotateZ(0) skewX(0) skewY(0);
		transform: rotateX(0) rotateZ(0) skewX(0) skewY(0);
		background: url(../../../../images/frontend/pc/tw/salary_ul_bg.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.part_9 .salary_ul li .view .floor .wrapper {
		display: none
	}
}

.part_9 .salary_bar {
	margin-bottom: 40px
}

.part_9 .salary_bar .item {
	margin-bottom: 20px
}

.part_9 .salary_bar .txt {
	margin-bottom: 5px
}

.part_9 .salary_bar .txt p:nth-child(2) {
	color: #ff8400
}

.part_9 .salary_bar .txt p:nth-child(2).hide {
	color: #888
}

.part_9 .salary_bar .bar {
	background: #eee;
	height: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.part_9 .salary_bar .bar span {
	width: 50%;
	display: block;
	background: #ff8400;
	height: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.part_9 .job_salary {
	overflow: hidden;
	margin-bottom: 20px
}

.part_9 .job_salary ul {
	width: 150px
}

.part_9 .job_salary .right_part {
	margin-left: 150px
}

.part_9 .chart_item .item {
	height: 40px
}

.part_9 .chart_item .item .name {
	height: 100%;
	width: 160px
}

.part_9 .chart_item .item .name .img_link {
	width: 100%;
	height: 100%;
	text-align: left
}

.part_9 .chart_item .item .name .img_link p {
	line-height: 20px;
	font-size: 18px;
	vertical-align: middle;
	color: #39B7C5
}

.part_9 .chart_item .item .name .img_link span {
	width: 0;
	height: 100%;
	vertical-align: middle
}

.part_9 .chart_item .item .chart_part {
	height: 100%;
	margin-left: 180px
}

.part_9 .chart_item .item .chart_part .box {
	height: 100%;
	width: 100%;
	position: relative
}

.part_9 .chart_item .item .chart_part .box ul {
	width: 100%;
	height: 100%
}

.part_9 .chart_item .item .chart_part .box li {
	height: 100%;
	width: 10%;
	border-left: 1px solid #ddd
}

.part_9 .chart_item .item .chart_part .box li:last-child {
	border-right: 1px solid #ddd
}

.part_9 .chart_item .item .chart_part .box .dot {
	top: 50%;
	left: 0;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	position: absolute;
	background: #15646D;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 2
}

.part_9 .chart_item .item .chart_part .box .bar {
	top: 50%;
	left: 0;
	margin-top: -5px;
	position: absolute;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 10px;
	width: 10%;
	background: #39b7c5;
	z-index: 1
}

.part_9 .chart_item .item:first-child .chart_part .box {
	border-top: 1px solid #ddd
}

.part_9 .chart_item .item:last-child .chart_part .box {
	border-top: 1px solid #ddd
}

.part_9 .chart_item .item:last-child .chart_part li {
	position: relative;
	border-left: none
}

.part_9 .chart_item .item:last-child .chart_part li:last-child {
	border-right: none
}

.part_9 .chart_item .item:last-child .chart_part li p {
	text-align: center;
	position: absolute;
	right: -25px;
	top: 0;
	width: 50px
}

.part_9 .chart_item .item:nth-child(odd) .chart_part .box .bar {
	background: #495696
}

.part_9 .chart_item .item:nth-child(odd) .chart_part .box .dot {
	background: #a4afe4
}

.part_9 .chart_item .item:nth-child(odd) .name .img_link p {
	color: #495696
}

@media only screen and (max-width:767px) {
	.part_9 .chart_item {
		padding-right: 10px
	}

	.part_9 .chart_item .item .name {
		width: 130px
	}

	.part_9 .chart_item .item .name .img_link p {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 18px
	}

	.part_9 .chart_item .item .chart_part {
		margin-left: 140px
	}
}

.part_11 {
	/* padding-bottom: 120px; */
	position: relative;
	z-index: 2;
}

.part_11 .m_style {
	display: none
}

@media only screen and (max-width:767px) {
	.part_11 .m_style {
		display: inline-block
	}
}

.part_11 .ul_tag {
	display: none
}

@media only screen and (max-width:767px) {
	.part_11 {
		padding-bottom: 60px
	}

	.part_11 .ul_tag {
		display: block
	}
}

.part_11 .title_mid {
	margin-bottom: 60px;
	position: relative
}

.part_11 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_10_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 339px;
	height: 49px;
	position: absolute;
	left: -360px;
	top: -35px
}

@media only screen and (max-width:767px) {
	.part_11 .title_mid {
		text-align: center;
		margin-bottom: 30px
	}

	.part_11 .title_mid .part_line {
		display: none
	}
}

.part_11 .transfer_txt {
	margin-bottom: 80px;
}

.part_11 .transfer_txt .item {
	text-align: center
}

.part_11 .transfer_txt .item .img_show>.view {
	width: 100%;
	padding-top: 120%;
	position: relative
}

.part_11 .transfer_txt .item .img_show>.view svg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px
}

.part_11 .transfer_txt .item .txt p {
	color: #555
}

.part_11 .transfer_txt .item .txt p:nth-child(2) {
	font-size: 36px;
	color: #000;
	padding-top: 10px;
	line-height: 40px
}

@media only screen and (max-width:767px) {
	.part_11 .transfer_txt .item {
		text-align: left
	}

	.part_11 .transfer_txt .item:last-child {
		margin-bottom: 0
	}

	.part_11 .transfer_txt .item .img_show {
		float: left;
		width: 115px
	}

	.part_11 .transfer_txt .item .img_show>.view {
		padding-top: 110%
	}

	.part_11 .transfer_txt .item .txt {
		margin-left: 125px;
		padding-top: 10%
	}

	.part_11 .transfer_txt .item .txt p:nth-child(2) {
		padding-top: 0;
		font-size: 18px;
		line-height: 22px
	}
}

.part_11 .title_style {
	margin-bottom: 30px
}

.part_11 .txt_note_1 {
	margin-bottom: 30px
}

.part_11 .transfer_bar {
	margin-bottom: 60px;
	padding-top: 120px
}

@media only screen and (max-width:767px) {
	.part_11 .transfer_bar {
		padding-top: 72px;
		margin-bottom: 30px
	}
}

.part_11 .transfer_bar .item {
	cursor: pointer;
	height: 40px;
	position: relative;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5
}

.part_11 .transfer_bar .item:nth-child(1) {
	background: #AE451C
}

.part_11 .transfer_bar .item:nth-child(2) {
	background: #c35124
}

.part_11 .transfer_bar .item:nth-child(3) {
	background: #d66019
}

.part_11 .transfer_bar .item:nth-child(4) {
	background: #9a4a1f
}

.part_11 .transfer_bar .item:nth-child(5) {
	background: #a65d35
}

.part_11 .transfer_bar .item:nth-child(6) {
	background: #be612f
}

.part_11 .transfer_bar .item:nth-child(7) {
	background: #d96e35
}

.part_11 .transfer_bar .item:nth-child(8) {
	background: #f47813
}

.part_11 .transfer_bar .item:nth-child(9) {
	background: #f49713
}

.part_11 .transfer_bar .item:nth-child(10) {
	background: #f4bc13
}

.part_11 .transfer_bar .item.now,.part_11 .transfer_bar .item:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1
}

.part_11 .transfer_bar .item.now .tip_box,.part_11 .transfer_bar .item:hover .tip_box {
	display: block
}

.part_11 .transfer_bar .item .tip_box {
	display: none;
	bottom: 70px;
	z-index: 2;
	margin-left: -90px
}

.part_11 .transfer_bar .item .tip_box .view {
	width: 180px;
	background: #ff8400;
	color: #fff
}

.part_11 .transfer_bar .item .tip_box .view p:nth-child(3) {
	color: transparent;
	border-color: #ff8400 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.part_11 .transfer_bar .item .tip_box {
		margin-left: -50px;
		bottom: 60px
	}

	.part_11 .transfer_bar .item .tip_box>.view {
		width: 100px
	}
}

.part_11 .step_box {
	overflow: hidden;
	position: relative;
	padding-left: 80px;
	min-height: 605px
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box {
		width: 1000px;
		padding-left: 110px
	}
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box {
		width: 768px;
		padding-left: 130px;
		min-height: 520px
	}
}

@media only screen and (max-width:767px) {
	.part_11 .step_box {
		display: none
	}
}

.part_11 .step_box .step_item {
	width: 30%
}

.part_11 .step_box .step_1 {
	color: #FFF
}

.part_11 .step_box .step_1 .item {
	float: left;
	width: 40%
}

.part_11 .step_box .step_1 .item>.view .floor {
	background: #ff8400
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box .step_1 .item {
		width: 45%
	}
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box .step_1 .item {
		width: 55%
	}
}

.part_11 .step_box .step_2 .group,.part_11 .step_box .step_3 .group {
	width: 40%;
	min-height: 362px
}

.part_11 .step_box .step_2 .group:nth-child(2),.part_11 .step_box .step_3 .group:nth-child(2) {
	margin: 20.5% 0 0 -10.5%
}

.part_11 .step_box .step_2 .group:nth-child(3),.part_11 .step_box .step_3 .group:nth-child(3) {
	margin: 17.5% 0 0 -9%
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box .step_2 .group,.part_11 .step_box .step_3 .group {
		width: 45%
	}

	.part_11 .step_box .step_2 .group:nth-child(2),.part_11 .step_box .step_3 .group:nth-child(2) {
		margin: 22.5% 0 0 -11.5%
	}
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box .step_2 .group,.part_11 .step_box .step_3 .group {
		width: 55%;
		min-height: 311px
	}

	.part_11 .step_box .step_2 .group:nth-child(2),.part_11 .step_box .step_3 .group:nth-child(2) {
		margin: 28% 0 0 -14.5%
	}
}

.part_11 .step_box .step_2 .group .item,.part_11 .step_box .step_3 .group .item {
	width: 100%
}

.part_11 .step_box .step_2 .group .item:nth-child(2),.part_11 .step_box .step_3 .group .item:nth-child(2) {
	padding-right: 72%;
	margin-top: -49%
}

.part_11 .step_box .step_2 .group .item:nth-child(3),.part_11 .step_box .step_3 .group .item:nth-child(3) {
	padding-right: 143.5%;
	margin-top: -48.5%
}

.part_11 .step_box .step_2 .group .item:nth-child(4),.part_11 .step_box .step_3 .group .item:nth-child(4) {
	padding-right: 215.5%;
	margin-top: -48.5%
}

.part_11 .step_box .step_2 .group .item:nth-child(5),.part_11 .step_box .step_3 .group .item:nth-child(5) {
	padding-right: 287.5%;
	margin-top: -48.5%
}

.part_11 .step_box .step_2 {
	color: #555
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box .step_2 {
		margin-left: 6%
	}
}

.part_11 .step_box .step_2 .item {
	cursor: pointer
}

.part_11 .step_box .step_2 .item>.view .floor {
	background: #eee
}

.part_11 .step_box .step_2 .item.now>.view .img_link {
	color: #fff
}

.part_11 .step_box .step_2 .item.now>.view .floor {
	background: #358397
}

.part_11 .step_box .step_3 {
	color: #FFF;
	margin: -24% 0 0 56%
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box .step_3 {
		margin: -26% 0 0 59%
	}
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box .step_3 {
		margin: -34% 0 0 68%
	}
}

.part_11 .step_box .step_3 .item>.view .floor {
	background: #7aa25a
}

.part_11 .step_box .step_3 .item:hover .tip_box {
	display: block
}

.part_11 .step_box .step_3.nosee {
	text-shadow: 0 0 10px #fff
}

.part_11 .step_box .step_3 .group .tip_box {
	display: none;
	width: 260px;
	bottom: 100%;
	left: 50%;
	margin: -90% 0 0 -114%
}

.part_11 .step_box .step_3 .group .tip_box>.view {
	background: #608642;
	color: #fff;
	text-align: center
}

.part_11 .step_box .step_3 .group .tip_box>.view p:nth-child(1) {
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 400
}

.part_11 .step_box .step_3 .group .tip_box>.view p.arrow_style {
	border-color: #608642 transparent transparent transparent
}

.part_11 .step_box .step_3 .group.note {
	position: relative;
	cursor: pointer
}

.part_11 .step_box .step_3 .group.note .tip_box {
	margin: 0 0 0 -100%;
	display: block
}

.part_11 .step_box .step_3 .group.note .tip_box>.view {
	padding: 10px
}

.part_11 .step_box .step_3 .group.note .tip_box:hover {
	margin-bottom: 5%
}

.part_11 .step_box .step_3 .group.note .tip_box:hover>.view {
	background: #517337
}

.part_11 .step_box .step_3 .group.note .tip_box:hover>.view .arrow_style {
	border-color: #517337 transparent transparent transparent
}

.part_11 .step_box .item {
	float: right;
	position: relative;
	clear: both;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.part_11 .step_box .item>.view {
	position: relative;
	width: 100%;
	padding-top: 98%
}

.part_11 .step_box .item>.view>.show {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.part_11 .step_box .item>.view .img_link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.part_11 .step_box .item>.view .img_link span {
	width: 0;
	height: 100%;
	vertical-align: middle
}

.part_11 .step_box .item>.view .img_link .txt {
	font-size: 18px;
	vertical-align: middle;
	line-height: 22px
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box .item>.view .img_link .txt {
		font-size: 15px;
		line-height: 18px
	}
}

.part_11 .step_box .item>.view .floor {
	z-index: 1;
	background: #ff8400
}

.part_11 .step_box .go_step2,.part_11 .step_box .go_step3 {
	position: absolute;
	width: 5%
}

.part_11 .step_box .go_step2 .wrapper,.part_11 .step_box .go_step3 .wrapper {
	padding-top: 100%;
	height: auto
}

.part_11 .step_box .go_step2 p,.part_11 .step_box .go_step3 p {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	width: 57%;
	position: absolute
}

.part_11 .step_box .go_step2 p span,.part_11 .step_box .go_step3 p span {
	display: block;
	width: 100%;
	padding-top: 100%
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box .go_step2,.part_11 .step_box .go_step3 {
		width: 4%
	}
}

.part_11 .step_box .go_step2 {
	top: 14%;
	left: 16%
}

.part_11 .step_box .go_step2 p:nth-child(1) {
	top: 0;
	left: 0;
	background: url(../../../../images/frontend/pc/tw/go_1_1.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.part_11 .step_box .go_step2 p:nth-child(2) {
	top: 20%;
	left: 20%;
	background: url(../../../../images/frontend/pc/tw/go_1_2.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.part_11 .step_box .go_step2 p:nth-child(3) {
	top: 40%;
	left: 40%;
	background: url(../../../../images/frontend/pc/tw/go_1_3.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box .go_step2 {
		top: 14%;
		left: 21%
	}
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box .go_step2 {
		top: 15%;
		left: 28%
	}
}

.part_11 .step_box .go_step3 {
	top: 46%;
	left: 37%
}

.part_11 .step_box .go_step3 p:nth-child(1) {
	top: 0;
	left: 0;
	background: url(../../../../images/frontend/pc/tw/go_2_1.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.part_11 .step_box .go_step3 p:nth-child(2) {
	top: 20%;
	left: 20%;
	background: url(../../../../images/frontend/pc/tw/go_2_2.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.part_11 .step_box .go_step3 p:nth-child(3) {
	top: 40%;
	left: 40%;
	background: url(../../../../images/frontend/pc/tw/go_2_3.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media only screen and (max-width:1199px) {
	.part_11 .step_box .go_step3 {
		top: 46%;
		left: 42%
	}
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box .go_step3 {
		top: 44%;
		left: 51%
	}
}

.part_11 .step_box .click_show {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 15%;
	left: 30%;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	z-index: 3
}

.part_11 .step_box .click_show .bg {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	z-index: 1;
	-webkit-animation: click 3s 2.7s infinite linear;
	-moz-animation: click 3s 2.7s infinite linear;
	-o-animation: click 3s 2.7s infinite linear;
	animation: click 3s 2.7s infinite linear
}

.part_11 .step_box .click_show .dot {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	width: 70px;
	height: 70px;
	background: #000;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	z-index: 2;
	-webkit-animation: click 3s infinite linear;
	-moz-animation: click 3s infinite linear;
	-o-animation: click 3s infinite linear;
	animation: click 3s infinite linear
}

.part_11 .step_box .click_show p {
	cursor: pointer;
	font-weight: 700;
	color: #000;
	font-size: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
	background: #FFF;
	line-height: 50px;
	text-align: center;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	z-index: 3
}

@media only screen and (max-width:1023px) {
	.part_11 .step_box .click_show {
		top: 12%;
		left: 40%
	}
}

.part_11 .step_box.now .go_step2 p:nth-child(1) {
	-webkit-animation: step_go .5s forwards linear;
	-moz-animation: step_go .5s forwards linear;
	-o-animation: step_go .5s forwards linear;
	animation: step_go .5s forwards linear
}

.part_11 .step_box.now .go_step2 p:nth-child(2) {
	-webkit-animation: step_go .5s .3s forwards linear;
	-moz-animation: step_go .5s .3s forwards linear;
	-o-animation: step_go .5s .3s forwards linear;
	animation: step_go .5s .3s forwards linear
}

.part_11 .step_box.now .go_step2 p:nth-child(3) {
	-webkit-animation: step_go .5s .6s forwards linear;
	-moz-animation: step_go .5s .6s forwards linear;
	-o-animation: step_go .5s .6s forwards linear;
	animation: step_go .5s .6s forwards linear
}

.part_11 .step_box.now .go_step3 p:nth-child(1) {
	-webkit-animation: step_go .5s .9s forwards linear;
	-moz-animation: step_go .5s .9s forwards linear;
	-o-animation: step_go .5s .9s forwards linear;
	animation: step_go .5s .9s forwards linear
}

.part_11 .step_box.now .go_step3 p:nth-child(2) {
	-webkit-animation: step_go .5s 1.2s forwards linear;
	-moz-animation: step_go .5s 1.2s forwards linear;
	-o-animation: step_go .5s 1.2s forwards linear;
	animation: step_go .5s 1.2s forwards linear
}

.part_11 .step_box.now .go_step3 p:nth-child(3) {
	-webkit-animation: step_go .5s 1.5s forwards linear;
	-moz-animation: step_go .5s 1.5s forwards linear;
	-o-animation: step_go .5s 1.5s forwards linear;
	animation: step_go .5s 1.5s forwards linear
}

.part_11 .show_job {
	display: none
}

.part_11 .show_job a {
	font-size: 16px;
	font-weight: 700;
	color: #000
}

.part_11 .show_job .item {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.part_11 .show_job .item:last-child {
	margin-bottom: 0
}

@media only screen and (max-width:767px) {
	.part_11 .show_job {
		display: block
	}
}

.part_12 {
	padding-bottom: 120px;
	position: relative
}

@media only screen and (max-width:767px) {
	.part_12 {
		padding-bottom: 60px
	}
}

.part_12 .title_mid {
	position: relative
}

.part_12 .title_mid .part_line {
	background: url(../../../../images/frontend/pc/tw/part_11_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 339px;
	height: 49px;
	position: absolute;
	left: 340px;
	top: 15px
}

@media only screen and (max-width:767px) {
	.part_12 .title_mid {
		text-align: center
	}

	.part_12 .title_mid .part_line {
		display: none
	}
}

.part_12 .go_where {
	padding-top: 10%
}

.part_12 .go_where .item {
	position: relative;
	width: 65%
}

.part_12 .go_where .item:nth-child(1) {
	margin: -8% 0 0 -5%
}

.part_12 .go_where .item:nth-child(1) .box_title {
	margin: 29% 0 0 -40%
}

.part_12 .go_where .item:nth-child(1) .box_title p.link {
	background: url(../../../../images/frontend/pc/tw/link_arrow_left.png) 0 50% no-repeat;
	padding-left: 21px
}

.part_12 .go_where .item:nth-child(2) {
	margin-left: -25%
}

.part_12 .go_where .item:nth-child(2) .box_title {
	margin: 16% 0 0 10%;
}

.part_12 .go_where .item svg {
	cursor: pointer;
	z-index: 2
}

.part_12 .go_where .item .box_title {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%
}

@media only screen and (min-width:1024px) {
	.part_12 .go_where .item:hover .box_title .on {
		top: -10px;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
		transition: all .3s
	}
}

@media only screen and (max-width:1023px) {
	.part_12 .go_where .item .box_title .on {
		padding: 0 10px
	}
}

@media only screen and (max-width:767px) {
	.part_12 .go_where {
		overflow: hidden;
		padding-top: 5%
	}

	.part_12 .go_where .item {
		position: relative
	}

	.part_12 .go_where .item:nth-child(1) {
		padding-top: 80%;
		margin: 0 0 0 25%
	}

	.part_12 .go_where .item:nth-child(1) .box_title {
		margin: 29% 0 0 -75%
	}

	.part_12 .go_where .item:nth-child(2) {
		padding-top: 55%;
		margin-left: -4%
	}

	.part_12 .go_where .item:nth-child(2) .box_title {
		width: 130px;
		margin-left: 16%;
	}

	.part_12 .go_where .item>.view {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -50%;
		width: 120%;
		height: 100%
	}
}

.part_13 {
	padding-top: 67px;
	position: relative
}

@media only screen and (max-width:767px) {
	.part_13 {
		padding-top: 60px
	}
}

.part_13 .part_bg {
	height: 67px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../../../../images/frontend/pc/tw/part_13_bg.png) 0 0 repeat-x;
}

.part_bg_page11 {
	height: 67px;
	width: 100%;
	background: url(../../../../images/frontend/pc/tw/part_13_bg.png) 0 0 repeat-x;
}

#v-page11 .part_bg_bot, .part_13 .part_bg_bot {
	height: 67px;
	width: 100%;
	background: url(../../../../images/frontend/pc/tw/part_13_bg.png) 0 0 repeat-x;
	transform: rotate(180deg);
}


@media only screen and (max-width:767px) {
	.part_13 .part_bg, .part_bg_page11, #v-page11 .part_bg_bot, .part_13 .part_bg_bot {
		display: none
	}
}

.part_13 .type_3 {
	padding: 120px 0 90px 0;
	background-color: #f7f7f7
}

@media only screen and (max-width:767px) {
	.part_13 .type_3 {
		background: 0 0;
		padding-bottom: 60px
	}
}

.part_13 .title_tool {
	position: relative;
	margin-bottom: 60px
}

@media only screen and (max-width:767px) {
	.part_13 .title_tool {
		margin-bottom: 30px;
		text-align: center
	}

	.part_13 .title_tool .box_title {
		display: none
	}
}

.part_13 .part_line {
	background: url(../../../../images/frontend/pc/tw/part_12_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 347px;
	height: 172px;
	position: absolute;
	left: -365px;
	top: 15px
}

@media only screen and (max-width:767px) {
	.part_13 .part_line {
		display: none
	}
}

.part_13 .box_btn {
	top: 0;
	z-index: 1;
	margin-left: -110px
}

.part_13 .box_btn .floor {
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
	background: url(../../../../images/frontend/pc/tw/m_floor.png) center center no-repeat;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	width: 190px;
	height: 141px
}

.part_13 .box_btn .txt {
	top: 7px;
	left: 50%;
	margin-left: -43px;
	font-weight: 700;
	color: #473B1C;
	background: url(../../../../images/frontend/pc/tw/arrow_bro.png) right 50% no-repeat;
	padding: 45px 0 0 0
}

@media only screen and (min-width:1024px) {
	.part_13 .box_btn:hover .floor {
		background: url(../../../../images/frontend/pc/tw/m_floor_s.png) center center no-repeat;
		-moz-background-size: contain;
		-o-background-size: contain;
		-webkit-background-size: contain;
		background-size: contain
	}

	.part_13 .box_btn:hover .txt {
		top: 12px
	}
}

.part_13 .infbox_list {
	margin-bottom: 30px
}

.part_13 .infbox_list li.col-6:nth-child(2n+1) {
	clear: both
}

.part_13 .arrow_btn {
	display: block;
	margin: 0 auto
}

.part_13 .box_title {
	margin-right: 35px
}

.part_14 {
	background-color: #f7f7f7;
	position: relative;
	/* padding-bottom: 120px; */
	padding: 80px 0 50px 0;
}

@media only screen and (max-width:767px) {
	.part_14 {
		background: 0 0;
		padding-bottom: 0
	}
}

.part_14 .title_tool {
	position: relative;
	margin-bottom: 60px
}

@media only screen and (max-width:767px) {
	.part_14 .title_tool {
		margin-bottom: 30px;
		text-align: center
	}

	.part_14 .title_tool .box_title {
		display: none
	}
}

.part_14 .part_line {
	background: url(../../../../images/frontend/pc/tw/part_13_title_line.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 180px;
	height: 54px;
	position: absolute;
	left: 160px;
	top: 15px
}

@media only screen and (max-width:767px) {
	.part_14 .part_line {
		display: none
	}
}

.part_14 .infbox_list {
	margin-bottom: 30px
}

@media only screen and (max-width:1199px) {
	.part_14 .infbox_list li.col-m-4:nth-child(3n+1) {
		clear: both
	}
}

@media only screen and (min-width:1200px) {
	.part_14 .infbox_list li.col-3:nth-child(4n+1) {
		clear: both
	}
}

.part_14 .arrow_btn {
	display: none;
	margin: 0 auto
}

@media only screen and (max-width:767px) {
	.part_14 .arrow_btn {
		display: block
	}
}

.part_14 .box_title {
	margin-right: 35px
}

@media only screen and (max-width:767px) {
	/* .wrap_all {
		padding-bottom: 60px;
	} */
}

.edu_book01_set svg,.edu_book02_set svg {
	position: absolute
}

.rd_bar_animation {
	width: 0
}

@-webkit-keyframes animation_salary {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-moz-keyframes animation_salary {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-o-keyframes animation_salary {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes animation_salary {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

.animation_salary {
	-webkit-backface-visibility: visible!important;
	-webkit-animation: animation_salary 1s forwards;
	-moz-backface-visibility: visible!important;
	-moz-animation: animation_salary 1s forwards;
	-o-backface-visibility: visible!important;
	-o-animation: animation_salary 1s forwards;
	backface-visibility: visible!important;
	animation: animation_salary 1s forwards
}

.bg_just {
	background: url(../../../../images/frontend/pc/tw/type_1_s_02.jpg) top center no-repeat;
	height: 866px
}

@media only screen and (max-width:1199px) {
	.job_select.main {
		padding: 0;
		overflow: hidden
	}
}

@media only screen and (max-width:767px) {
	.job_select {
		padding: 0
	}
}

.job_type_box {
	width: 100%;
	position: relative;
	padding-top: 91%
}

@media only screen and (max-width:767px) {
	.job_type_box {
		padding-top: 0;
		overflow: hidden
	}
}

.job_type_box .m_type_title {
	display: none
}

@media only screen and (max-width:767px) {
	.job_type_box .m_type_title {
		display: block;
		color: #39b7c5;
		text-align: center;
		padding-top: 20px;
		font-weight: 400
	}
}

.job_type_box .type_box {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media only screen and (max-width:767px) {
	.job_type_box .type_box {
		position: relative;
		width: auto;
		padding-top: 25%
	}
}

.job_type_box .type_box>.show {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media only screen and (max-width:767px) {
	.job_type_box .type_box>.show {
		position: relative
	}
}

.job_type_box .type_box>.show>.view {
	position: relative;
	width: 100%;
	height: 100%
}

.job_type_box .bottom_bg {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media only screen and (max-width:767px) {
	.job_type_box .bottom_bg {
		display: none
	}
}

.job_type_box .bottom_bg>.show {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.job_type_box .bottom_bg>.show>.view {
	position: relative;
	width: 100%;
	height: 100%
}

.job_type_box .bottom_bg .item_box span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.job_type_box .bottom_bg .item_box p {
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%
}

.job_type_box .bottom_bg .item_box:nth-child(1)>.view {
	background: url(../../../../images/frontend/pc/tw/part_1.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .bottom_bg .item_box:nth-child(1)>.view span {
	background: url(../../../../images/frontend/pc/tw/part_line_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 67px;
	height: 48px;
	margin: 34% 10% 0 0;
	right: 50%;
	left: auto
}

.job_type_box .bottom_bg .item_box:nth-child(1)>.view p {
	top: auto;
	bottom: 50%;
	margin: 0 0 28% -1%;
	padding: 10px 0 0 64px;
	background: url(../../../../images/frontend/pc/tw/part_line_1_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 140px;
	height: 49px
}

.job_type_box .bottom_bg .item_box:nth-child(2)>.view {
	background: url(../../../../images/frontend/pc/tw/part_2.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .bottom_bg .item_box:nth-child(2)>.view span {
	background: url(../../../../images/frontend/pc/tw/part_line_2.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 68px;
	height: 47px;
	margin: 23% 0 0 26%
}

.job_type_box .bottom_bg .item_box:nth-child(2)>.view p {
	top: auto;
	bottom: 50%;
	margin: 0 0 37% -79%;
	padding: 10px 0 0 0;
	background: url(../../../../images/frontend/pc/tw/part_line_2_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 210px;
	height: 49px
}

.job_type_box .bottom_bg .item_box:nth-child(3)>.view {
	background: url(../../../../images/frontend/pc/tw/part_3.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .bottom_bg .item_box:nth-child(3)>.view span {
	background: url(../../../../images/frontend/pc/tw/part_line_3.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 67px;
	height: 48px;
	margin: -20% 0 0 48%
}

.job_type_box .bottom_bg .item_box:nth-child(3)>.view p {
	left: auto;
	right: 50%;
	margin: 38% 11% 0 0;
	padding: 0 0 10px 0;
	background: url(../../../../images/frontend/pc/tw/part_line_3_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 118px;
	height: 36px
}

@media only screen and (max-width:1023px) {
	.job_type_box .bottom_bg .item_box:nth-child(3)>.view p {
		margin: 41% 4% 0 0
	}
}

.job_type_box .bottom_bg .item_box:nth-child(4)>.view {
	background: url(../../../../images/frontend/pc/tw/part_4.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .bottom_bg .item_box:nth-child(4)>.view span {
	background: url(../../../../images/frontend/pc/tw/part_line_4.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 67px;
	height: 48px;
	margin: 0 0 22% 26%;
	top: auto;
	bottom: 50%
}

.job_type_box .bottom_bg .item_box:nth-child(4)>.view p {
	margin: 24% 0 0 7%;
	padding: 0 0 10% 55px;
	background: url(../../../../images/frontend/pc/tw/part_line_4_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 96px;
	height: 42px
}

.job_type_box .bottom_bg .item_box:nth-child(5)>.view {
	background: url(../../../../images/frontend/pc/tw/part_5.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .bottom_bg .item_box:nth-child(5)>.view span {
	background: url(../../../../images/frontend/pc/tw/part_line_5.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 68px;
	height: 47px;
	margin: 0 20% 10% 0;
	top: auto;
	left: auto;
	right: 50%;
	bottom: 50%
}

.job_type_box .bottom_bg .item_box:nth-child(5)>.view p {
	left: auto;
	right: 50%;
	margin: 28% 1% 0 0;
	padding: 10px 0 0 0;
	background: url(../../../../images/frontend/pc/tw/part_line_5_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 150px;
	height: 42px
}

.job_type_box .bottom_bg .item_box:nth-child(6)>.view {
	background: url(../../../../images/frontend/pc/tw/part_6.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .bottom_bg .item_box:nth-child(6)>.view span {
	background: url(../../../../images/frontend/pc/tw/part_line_6.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 67px;
	height: 48px;
	margin: 20% 30% 0 0;
	right: 50%;
	left: auto
}

.job_type_box .bottom_bg .item_box:nth-child(6)>.view p {
	margin: 0 -15% 38% 0;
	padding: 10px 0 0 0;
	left: auto;
	right: 50%;
	top: auto;
	bottom: 50%;
	background: url(../../../../images/frontend/pc/tw/part_line_6_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 104px;
	height: 49px
}

.job_type_box .bottom_bg .item_box:nth-child(7) {
	width: 30%;
	position: absolute;
	margin: 29% 0 0 -7.5%
}

.job_type_box .bottom_bg .item_box:nth-child(7)>.view {
	width: 100%;
	padding-top: 92.8%;
	position: relative;
	color: #FFF;
	font-size: 36px;
	font-weight: 700;
	text-align: center
}

.job_type_box .bottom_bg .item_box:nth-child(7)>.view .floor {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	background: url(../../../../images/frontend/pc/tw/job_type_box_cate_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 430px;
	height: 292px;
	left: 50%;
	margin-left: -215px
}

.job_type_box .bottom_bg .item_box:nth-child(7)>.view .txt {
	padding-top: 40%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.job_type_box .item_box {
	position: absolute;
	top: 13%;
	left: 50%
}

.job_type_box .item_box .group_name {
	display: none;
	left: auto
}

.job_type_box .item_box .group_name .img_link p {
	font-size: 14px;
	line-height: 15px;
	font-weight: 700;
	vertical-align: middle
}

.job_type_box .item_box .group_name .img_link span {
	width: 0;
	height: 100%;
	vertical-align: middle
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box {
		position: relative;
		top: auto;
		left: auto;
		padding-top: 40px
	}

	.job_type_box .item_box .group_name {
		position: absolute;
		width: 70px;
		display: block
	}

	.job_type_box .item_box .group_name>.view {
		padding-top: 92.8%;
		position: relative
	}

	.job_type_box .item_box .group_name .img_link {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center
	}
}

.job_type_box .item_box>.view {
	position: relative;
	width: 100%
}

.job_type_box .item_box .item {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box .item {
		position: relative;
		top: auto;
		left: auto
	}
}

.job_type_box .item_box .item>.view {
	position: relative
}

.job_type_box .item_box .item>.view .people {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%
}

.job_type_box .item_box .item .tip_box {
	width: 190px;
	top: 50%;
	margin: -63px 0 0 -83px;
	color: #FFF
}

.job_type_box .item_box .item .tip_box>.view {
	padding: 10px 0
}

.job_type_box .item_box .item .tip_box>.view p:nth-child(1) {
	font-size: 18px;
	margin-bottom: 0
}

.job_type_box .item_box .item .tip_box .arrow {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -16px;
	width: 33px;
	height: 10px;
	border-style: solid;
	border-width: 10px 16px 0 17px;
	line-height: 0
}

@media only screen and (min-width:1024px) {
	.job_type_box .item_box .item .tip_box:hover {
		margin-top: -68px;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
		transition: all .3s
	}
}

@media only screen and (max-width:1199px) {
	.job_type_box .item_box .item .tip_box {
		margin-top: -45px
	}

	.job_type_box .item_box .item .tip_box>.view {
		padding: 5px 0
	}

	.job_type_box .item_box .item .tip_box>.view p:nth-child(1) {
		font-size: 15px
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box .item .tip_box {
		width: auto;
		top: auto;
		left: auto;
		position: relative
	}

	.job_type_box .item_box .item .tip_box>.view {
		position: relative;
		padding: 5px
	}

	.job_type_box .item_box .item .tip_box>.view p:nth-child(1) {
		font-size: 14px
	}
}

@media only screen and (max-width:767px) and (max-width:767px) {
	.job_type_box .item_box .item .tip_box>.view p:nth-child(2).arrow {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box .item .tip_box .arrow {
		position: absolute;
		bottom: auto;
		top: 50%;
		margin-top: -8px;
		width: 12px;
		height: 16px;
		border-style: solid
	}
}

.job_type_box .item_box:nth-child(1) {
	width: 36.58333%;
	margin: 0 0 0 -3%
}

.job_type_box .item_box:nth-child(1) .group_name {
	right: 0;
	margin-right: 23px;
	bottom: 165.5px
}

.job_type_box .item_box:nth-child(1) .group_name>.view {
	border: 2px solid #259EED
}

.job_type_box .item_box:nth-child(1)>.view {
	padding-top: 83.59909%
}

.job_type_box .item_box:nth-child(1) .item {
	padding-left: 10px
}

.job_type_box .item_box:nth-child(1) .item:nth-child(1) {
	width: 11.16173%;
	margin: -61% 0 0 -30%
}

.job_type_box .item_box:nth-child(1) .item:nth-child(1)>.view {
	width: 100%;
	padding-top: 232.65306%
}

.job_type_box .item_box:nth-child(1) .item:nth-child(1)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_1.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(1) .item:nth-child(2) {
	width: 17.88155%;
	margin: -6% 0 0 0
}

.job_type_box .item_box:nth-child(1) .item:nth-child(2)>.view {
	width: 100%;
	padding-top: 127.38854%
}

.job_type_box .item_box:nth-child(1) .item:nth-child(2)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_2.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(1) .item:nth-child(3) {
	width: 9.33941%;
	margin: -13% 0 0 -44%
}

.job_type_box .item_box:nth-child(1) .item:nth-child(3)>.view {
	width: 100%;
	padding-top: 246.34146%
}

.job_type_box .item_box:nth-child(1) .item:nth-child(3)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_3.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(1) .tip_box>.view {
	background: #259eed
}

.job_type_box .item_box:nth-child(1) .tip_box .arrow {
	border-color: #259eed transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(1) .tip_box .arrow {
		right: -12px;
		left: auto;
		border-width: 8px 0 8px 12px;
		border-color: transparent transparent transparent #259eed
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(1) {
		width: 100%;
		margin: 0
	}

	.job_type_box .item_box:nth-child(1) .group_name .img_link {
		color: #259EED
	}

	.job_type_box .item_box:nth-child(1)>.view {
		min-height: 183.5px;
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/part_m1_s.png) right 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.job_type_box .item_box:nth-child(1) .item .tip_box {
		margin: 0 160px 0 0
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(1) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(1)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(1)>.view .people {
		width: 30px;
		margin: 0;
		top: -40px;
		left: auto;
		right: 92px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(1)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_1.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 233%
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(2) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(2)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(2)>.view .people {
		width: 50px;
		margin: 0;
		top: -3px;
		left: auto;
		right: 46px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(2)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_2.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 126.32%
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(3) {
		margin: 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(3)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(3)>.view .people {
		width: 30px;
		margin: 0;
		top: -27px;
		left: auto;
		right: 92px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(1) .item:nth-child(3)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_3.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 245%
	}
}

.job_type_box .item_box:nth-child(2) {
	width: 39.41667%;
	margin: 9.5% 0 0 -36%
}

.job_type_box .item_box:nth-child(2) .group_name {
	left: 36.5px;
	bottom: 214px
}

.job_type_box .item_box:nth-child(2) .group_name>.view {
	border: #1757c1 2px solid
}

.job_type_box .item_box:nth-child(2)>.view {
	padding-top: 77.80127%
}

.job_type_box .item_box:nth-child(2) .item {
	padding-right: 10px
}

.job_type_box .item_box:nth-child(2) .item:nth-child(1) {
	width: 8.87949%;
	margin: -52% 0 0 13%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(1)>.view {
	width: 100%;
	padding-top: 242.85714%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(1)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_4.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(2) .item:nth-child(2) {
	width: 10.99366%;
	margin: -39% 0 0 -19%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(2)>.view {
	width: 100%;
	padding-top: 192.30769%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(2)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_5.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(2) .item:nth-child(3) {
	width: 8.87949%;
	margin: -8% 0 0 -45%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(3)>.view {
	width: 100%;
	padding-top: 226.19048%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(3)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_6.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(2) .item:nth-child(4) {
	width: 7.39958%;
	margin: -5% 0 0 10%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(4)>.view {
	width: 100%;
	padding-top: 297.14286%
}

.job_type_box .item_box:nth-child(2) .item:nth-child(4)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_7.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(2) .tip_box>.view {
	background: #1757c1
}

.job_type_box .item_box:nth-child(2) .tip_box .arrow {
	border-color: #1757c1 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(2) .tip_box .arrow {
		left: 4px;
		border-width: 8px 12px 8px 0;
		border-color: transparent #1757c1 transparent transparent
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(2) {
		width: 100%;
		margin: 0
	}

	.job_type_box .item_box:nth-child(2) .group_name .img_link {
		color: #1757c1
	}

	.job_type_box .item_box:nth-child(2)>.view {
		min-height: 221px;
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/part_m2_s.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.job_type_box .item_box:nth-child(2) .item .tip_box {
		margin: 0 0 0 160px
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(1) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(1)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(1)>.view .people {
		width: 30px;
		margin: 0;
		top: -19px;
		left: 87px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(1)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_4.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 242.86%
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(2) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(2)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(2)>.view .people {
		width: 30px;
		margin: 0;
		top: -19px;
		left: 110px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(2)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_5.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 192.31%
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(3) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(3)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(3)>.view .people {
		width: 30px;
		margin: 0;
		top: -18px;
		left: 116px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(3)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_6.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 228.51%
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(4) {
		margin: 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(4)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(4)>.view .people {
		width: 22px;
		margin: 0;
		top: -6px;
		left: 85px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(2) .item:nth-child(4)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_7.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 300%
	}
}

.job_type_box .item_box:nth-child(3) {
	width: 36.58333%;
	margin: 33.5% 0 0 -50.5%
}

.job_type_box .item_box:nth-child(3) .group_name {
	right: 5.75px;
	bottom: 220px
}

.job_type_box .item_box:nth-child(3) .group_name>.view {
	border: #178fc1 2px solid
}

.job_type_box .item_box:nth-child(3)>.view {
	padding-top: 84.51025%
}

.job_type_box .item_box:nth-child(3) .item {
	padding-left: 10px
}

.job_type_box .item_box:nth-child(3) .item:nth-child(1) {
	width: 10.93394%;
	margin: -48% 0 0 23%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(1)>.view {
	width: 100%;
	padding-top: 218.75%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(1)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_8.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(3) .item:nth-child(2) {
	width: 10.70615%;
	margin: -39% 0 0 -32%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(2)>.view {
	width: 100%;
	padding-top: 221.2766%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(2)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_9.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(3) .item:nth-child(3) {
	width: 10.25057%;
	margin: -15% 0 0 10%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(3)>.view {
	width: 100%;
	padding-top: 220%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(3)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_10.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(3) .item:nth-child(4) {
	width: 15.03417%;
	margin: 0 0 0 -21%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(4)>.view {
	width: 100%;
	padding-top: 166.66667%
}

.job_type_box .item_box:nth-child(3) .item:nth-child(4)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_11.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(3) .tip_box>.view {
	background: #178fc1
}

.job_type_box .item_box:nth-child(3) .tip_box .arrow {
	border-color: #178fc1 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(3) .tip_box .arrow {
		right: -12px;
		left: auto;
		border-width: 8px 0 8px 12px;
		border-color: transparent transparent transparent #178fc1
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(3) {
		width: 100%;
		margin: 0
	}

	.job_type_box .item_box:nth-child(3) .group_name .img_link {
		color: #178fc1
	}

	.job_type_box .item_box:nth-child(3)>.view {
		min-height: 248px;
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/part_m3_s.png) right 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.job_type_box .item_box:nth-child(3) .item .tip_box {
		margin: 0 160px 0 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(1) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(1)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(1)>.view .people {
		width: 30px;
		margin: 0;
		top: -20px;
		left: auto;
		right: 92px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(1)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_8.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 220.83%
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(2) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(2)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(2)>.view .people {
		width: 30px;
		margin: 0;
		top: -10px;
		left: auto;
		right: 92px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(2)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_9.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 221.74%
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(3) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(3)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(3)>.view .people {
		width: 30px;
		margin: 0;
		top: -20px;
		left: auto;
		right: 77px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(3)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_10.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 218.18%
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(4) {
		margin: 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(4)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(4)>.view .people {
		width: 40px;
		margin: 0;
		top: -8px;
		left: auto;
		right: 92px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(3) .item:nth-child(4)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_11.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 166.67%
	}
}

.job_type_box .item_box:nth-child(4) {
	width: 37%;
	margin: 49% 0 0 -29%
}

.job_type_box .item_box:nth-child(4) .group_name {
	left: 54.5px;
	bottom: 157.5px
}

.job_type_box .item_box:nth-child(4) .group_name>.view {
	border: #149e89 2px solid
}

.job_type_box .item_box:nth-child(4)>.view {
	padding-top: 80.85586%
}

.job_type_box .item_box:nth-child(4) .item {
	padding-right: 10px
}

.job_type_box .item_box:nth-child(4) .item:nth-child(1) {
	width: 9.90991%;
	margin: -5% 0 0 -30%
}

.job_type_box .item_box:nth-child(4) .item:nth-child(1)>.view {
	width: 100%;
	padding-top: 225%
}

.job_type_box .item_box:nth-child(4) .item:nth-child(1)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_12.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(4) .item:nth-child(2) {
	width: 12.83784%;
	margin: -40% 0 0 -5%
}

.job_type_box .item_box:nth-child(4) .item:nth-child(2)>.view {
	width: 100%;
	padding-top: 184.21053%
}

.job_type_box .item_box:nth-child(4) .item:nth-child(2)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_13.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(4) .tip_box>.view {
	background: #149e89
}

.job_type_box .item_box:nth-child(4) .tip_box .arrow {
	border-color: #149e89 transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(4) .tip_box .arrow {
		left: 4px;
		border-width: 8px 12px 8px 0;
		border-color: transparent #149e89 transparent transparent
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(4) {
		width: 100%;
		margin: 0
	}

	.job_type_box .item_box:nth-child(4) .group_name .img_link {
		color: #149e89
	}

	.job_type_box .item_box:nth-child(4)>.view {
		min-height: 179.5px;
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/part_m4_s.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.job_type_box .item_box:nth-child(4) .item .tip_box {
		margin: 0 0 0 160px
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(1) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(1)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(1)>.view .people {
		width: 30px;
		margin: 0;
		top: -18px;
		left: 43px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(1)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_12.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 272.27%
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(2) {
		margin: 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(2)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(2)>.view .people {
		width: 30px;
		margin: 0;
		top: -11px;
		left: 97px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(4) .item:nth-child(2)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_13.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 185.71%
	}
}

.job_type_box .item_box:nth-child(5) {
	width: 41.25%;
	margin: 44.5% 0 0 6.5%
}

.job_type_box .item_box:nth-child(5) .group_name {
	right: 31.5px;
	bottom: 194.5px
}

.job_type_box .item_box:nth-child(5) .group_name>.view {
	border: #14969e 2px solid
}

.job_type_box .item_box:nth-child(5)>.view {
	padding-top: 66.86869%
}

.job_type_box .item_box:nth-child(5) .item {
	padding-left: 10px
}

.job_type_box .item_box:nth-child(5) .item:nth-child(1) {
	width: 10.90909%;
	margin: -5% 0 0 -48%
}

.job_type_box .item_box:nth-child(5) .item:nth-child(1)>.view {
	width: 100%;
	padding-top: 190.74074%
}

.job_type_box .item_box:nth-child(5) .item:nth-child(1)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_14.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(5) .item:nth-child(2) {
	width: 10.50505%;
	margin: 3% 0 0 0
}

.job_type_box .item_box:nth-child(5) .item:nth-child(2)>.view {
	width: 100%;
	padding-top: 190.38462%
}

.job_type_box .item_box:nth-child(5) .item:nth-child(2)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_15.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(5) .item:nth-child(3) {
	width: 15.75758%;
	margin: -38% 0 0 18%
}

.job_type_box .item_box:nth-child(5) .item:nth-child(3)>.view {
	width: 100%;
	padding-top: 148.71795%
}

.job_type_box .item_box:nth-child(5) .item:nth-child(3)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_16.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(5) .item:nth-child(4) {
	width: 12.32323%;
	margin: -23% 0 0 -15%
}

.job_type_box .item_box:nth-child(5) .item:nth-child(4)>.view {
	width: 100%;
	padding-top: 170.4918%
}

.job_type_box .item_box:nth-child(5) .item:nth-child(4)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_17.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(5) .tip_box>.view {
	background: #14969e
}

.job_type_box .item_box:nth-child(5) .tip_box .arrow {
	border-color: #14969e transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(5) .tip_box .arrow {
		left: auto;
		right: -12px;
		border-width: 8px 0 8px 12px;
		border-color: transparent transparent transparent #14969e
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(5) {
		width: 100%;
		margin: 0
	}

	.job_type_box .item_box:nth-child(5) .group_name .img_link {
		color: #14969e
	}

	.job_type_box .item_box:nth-child(5)>.view {
		min-height: 191.5px;
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/part_m5_s.png) right 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.job_type_box .item_box:nth-child(5) .item .tip_box {
		margin: 0 160px 0 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(1) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(1)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(1)>.view .people {
		width: 30px;
		margin: 0;
		top: -15px;
		left: auto;
		right: 66px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(1)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_14.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 192.59%
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(2) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(2)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(2)>.view .people {
		width: 30px;
		margin: 0;
		top: -14px;
		left: auto;
		right: 110px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(2)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_15.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 192.31%
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(3) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(3)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(3)>.view .people {
		width: 40px;
		margin: 0;
		top: -3px;
		left: auto;
		right: 92px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(3)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_16.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 148.72%
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(4) {
		margin: 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(4)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(4)>.view .people {
		width: 30px;
		margin: 0;
		top: -22px;
		left: auto;
		right: 67px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(5) .item:nth-child(4)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_17.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 170%
	}
}

.job_type_box .item_box:nth-child(6) {
	width: 36.58333%;
	margin: 14% 0 0 17%
}

.job_type_box .item_box:nth-child(6) .group_name {
	left: 46.5px;
	bottom: 184.5px
}

.job_type_box .item_box:nth-child(6) .group_name>.view {
	border: #0e5d4d 2px solid
}

.job_type_box .item_box:nth-child(6)>.view {
	padding-top: 83.59909%
}

.job_type_box .item_box:nth-child(6) .item {
	padding-right: 10px
}

.job_type_box .item_box:nth-child(6) .item:nth-child(1) {
	width: 14.80638%;
	margin: -9% 0 0 -39%
}

.job_type_box .item_box:nth-child(6) .item:nth-child(1)>.view {
	width: 100%;
	padding-top: 150.76923%
}

.job_type_box .item_box:nth-child(6) .item:nth-child(1)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_18.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(6) .item:nth-child(2) {
	width: 11.16173%;
	margin: -2% 0 0 11%
}

.job_type_box .item_box:nth-child(6) .item:nth-child(2)>.view {
	width: 100%;
	padding-top: 208.16327%
}

.job_type_box .item_box:nth-child(6) .item:nth-child(2)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_19.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(6) .item:nth-child(3) {
	width: 14.57859%;
	margin: -34% 0 0 -2%
}

.job_type_box .item_box:nth-child(6) .item:nth-child(3)>.view {
	width: 100%;
	padding-top: 150%
}

.job_type_box .item_box:nth-child(6) .item:nth-child(3)>.view .people {
	background: url(../../../../images/frontend/pc/tw/people_20.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.job_type_box .item_box:nth-child(6) .tip_box>.view {
	background: #0e5d4d
}

.job_type_box .item_box:nth-child(6) .tip_box .arrow {
	border-color: #0e5d4d transparent transparent transparent
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(6) .tip_box .arrow {
		left: 4px;
		border-width: 8px 12px 8px 0;
		border-color: transparent #0e5d4d transparent transparent
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .item_box:nth-child(6) {
		width: 100%;
		margin: 0;
		padding-top: 25%
	}

	.job_type_box .item_box:nth-child(6) .group_name .img_link {
		color: #0e5d4d
	}

	.job_type_box .item_box:nth-child(6)>.view {
		min-height: 183.5px;
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/part_m6_s.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}

	.job_type_box .item_box:nth-child(6) .item .tip_box {
		margin: 0 0 0 160px
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(1) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(1)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(1)>.view .people {
		width: 30px;
		margin: 0;
		top: -5px;
		left: 68px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(1)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_18.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 150%
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(2) {
		margin: 0 0 20px 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(2)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(2)>.view .people {
		width: 30px;
		margin: 0;
		top: -19px;
		left: 77px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(2)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_19.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 208.33%
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(3) {
		margin: 0;
		width: 100%
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(3)>.view {
		position: relative;
		padding-top: 0
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(3)>.view .people {
		width: 30px;
		margin: 0;
		top: -8px;
		left: 61px;
		background: 0 0
	}

	.job_type_box .item_box:nth-child(6) .item:nth-child(3)>.view .people>.view {
		background: url(../../../../images/frontend/pc/tw/people_20.png) 50% 50% no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width: 100%;
		padding-top: 150%
	}
}

.job_type_box.open {
	width: 100%;
	position: relative;
	padding-top: 120px
}

@media only screen and (max-width:767px) {
	.job_type_box.open {
		padding-top: 20px;
		padding-bottom: 60px
	}
}

.job_type_box.open .bottom_bg {
	display: none
}

.job_type_box.open .group_name {
	display: none
}

@media only screen and (max-width:767px) {
	.job_type_box.open .m_type_title {
		padding-top: 0
	}
}

.job_type_box.open .type_box {
	position: relative;
	width: auto;
	top: auto;
	left: auto;
	margin: 0
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box {
		padding-top: 30px
	}
}

.job_type_box.open .type_box>.show {
	position: relative;
	width: auto;
	top: auto;
	left: auto;
	margin: 0
}

.job_type_box.open .type_box>.show>.view {
	width: auto;
	height: auto
}

.job_type_box.open .type_box .item_box {
	display: none
}

.job_type_box.open .type_box .item_box:nth-child(1).open {
	background: url(../../../../images/frontend/pc/tw/part_1_s.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 228px;
	height: 190px
}

.job_type_box.open .type_box .item_box:nth-child(1).open .item .people {
	width: 228px
}

.job_type_box.open .type_box .item_box:nth-child(1).open .item:nth-child(1).open .people {
	height: 114px
}

.job_type_box.open .type_box .item_box:nth-child(1).open .item:nth-child(2).open .people {
	height: 100px
}

.job_type_box.open .type_box .item_box:nth-child(1).open .item:nth-child(3).open .people {
	height: 101px
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box .item_box:nth-child(1).open {
		background-position: bottom center;
		height: auto;
		padding-bottom: 15%
	}

	.job_type_box.open .type_box .item_box:nth-child(1).open>.view {
		background: 0 0
	}

	.job_type_box.open .type_box .item_box:nth-child(1).open .item:nth-child(1).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(1).open .item:nth-child(2).open .people {
		width: 30%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(1).open .item:nth-child(3).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(1).open .item .tip_box .arrow {
		border-color: #259eed transparent transparent transparent
	}
}

.job_type_box.open .type_box .item_box:nth-child(2).open {
	background: url(../../../../images/frontend/pc/tw/part_2_s.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 245px;
	height: 190px
}

.job_type_box.open .type_box .item_box:nth-child(2).open .item .people {
	width: 245px
}

.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(1).open .people {
	height: 102px
}

.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(2).open .people {
	height: 100px
}

.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(3).open .people {
	height: 95px
}

.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(4).open .people {
	height: 104px
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box .item_box:nth-child(2).open {
		background-position: bottom center;
		height: auto;
		padding-bottom: 15%
	}

	.job_type_box.open .type_box .item_box:nth-child(2).open>.view {
		background: 0 0
	}

	.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(1).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(2).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(3).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(2).open .item:nth-child(4).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(2).open .item .tip_box .arrow {
		border-color: #1757c1 transparent transparent transparent
	}
}

.job_type_box.open .type_box .item_box:nth-child(3).open {
	background: url(../../../../images/frontend/pc/tw/part_3_s.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 227px;
	height: 192px
}

.job_type_box.open .type_box .item_box:nth-child(3).open .item .people {
	width: 227px
}

.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(1).open .people {
	height: 105px
}

.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(2).open .people {
	height: 104px
}

.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(3).open .people {
	height: 99px
}

.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(4).open .people {
	height: 110px
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box .item_box:nth-child(3).open {
		background-position: 30% center;
		height: auto;
		padding-bottom: 15%
	}

	.job_type_box.open .type_box .item_box:nth-child(3).open>.view {
		background: 0 0
	}

	.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(1).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(2).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(3).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(3).open .item:nth-child(4).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(3).open .item .tip_box .arrow {
		border-color: #178fc1 transparent transparent transparent
	}
}

.job_type_box.open .type_box .item_box:nth-child(4).open {
	background: url(../../../../images/frontend/pc/tw/part_4_s.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 235px;
	height: 190px
}

.job_type_box.open .type_box .item_box:nth-child(4).open .item .people {
	width: 235px
}

.job_type_box.open .type_box .item_box:nth-child(4).open .item:nth-child(1).open .people {
	height: 99px
}

.job_type_box.open .type_box .item_box:nth-child(4).open .item:nth-child(2).open .people {
	height: 105px
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box .item_box:nth-child(4).open {
		background-position: bottom center;
		height: auto;
		padding-bottom: 15%
	}

	.job_type_box.open .type_box .item_box:nth-child(4).open>.view {
		background: 0 0
	}

	.job_type_box.open .type_box .item_box:nth-child(4).open .item:nth-child(1).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(4).open .item:nth-child(2).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(4).open .item:nth-child(3).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(4).open .item .tip_box .arrow {
		border-color: #149e89 transparent transparent transparent
	}
}

.job_type_box.open .type_box .item_box:nth-child(5).open {
	background: url(../../../../images/frontend/pc/tw/part_5_s.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 256px;
	height: 171px
}

.job_type_box.open .type_box .item_box:nth-child(5).open .item .people {
	width: 256px
}

.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(1).open .people {
	height: 103px
}

.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(2).open .people {
	height: 99px
}

.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(3).open .people {
	height: 116px
}

.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(4).open .people {
	height: 104px
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box .item_box:nth-child(5).open {
		background-position: bottom center;
		height: auto;
		padding-bottom: 15%
	}

	.job_type_box.open .type_box .item_box:nth-child(5).open>.view {
		background: 0 0
	}

	.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(1).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(2).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(3).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(5).open .item:nth-child(4).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(5).open .item .tip_box .arrow {
		border-color: #14969e transparent transparent transparent
	}
}

.job_type_box.open .type_box .item_box:nth-child(6).open {
	background: url(../../../../images/frontend/pc/tw/part_6_s.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 227px;
	height: 190px
}

.job_type_box.open .type_box .item_box:nth-child(6).open .item .people {
	width: 227px
}

.job_type_box.open .type_box .item_box:nth-child(6).open .item:nth-child(1).open .people {
	height: 98px
}

.job_type_box.open .type_box .item_box:nth-child(6).open .item:nth-child(2).open .people {
	height: 102px
}

.job_type_box.open .type_box .item_box:nth-child(6).open .item:nth-child(1).open .people {
	height: 96px
}
.job_type_box.open .type_box .item_box:nth-child(6).open .item:nth-child(3).open .people {
	height: 100px;
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box .item_box:nth-child(6).open {
		background-position: 30% center;
		height: auto;
		padding-bottom: 15%
	}

	.job_type_box.open .type_box .item_box:nth-child(6).open>.view {
		background: 0 0
	}

	.job_type_box.open .type_box .item_box:nth-child(6).open .item:nth-child(1).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(6).open .item:nth-child(2).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(6).open .item:nth-child(3).open .people {
		width: 20%;
		height: auto
	}

	.job_type_box.open .type_box .item_box:nth-child(6).open .item .tip_box .arrow {
		border-color: #0e5d4d transparent transparent transparent
	}
}

.job_type_box.open .type_box .item_box.open {
	position: relative;
	width: auto;
	margin: auto;
	top: auto;
	left: auto;
	display: block
}

.job_type_box.open .type_box .item_box.open .item {
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	margin: auto;
	display: none
}

.job_type_box.open .type_box .item_box.open .item.open {
	display: block
}

.job_type_box.open .type_box .item_box.open .item>.view {
	height: 100%;
	width: auto;
	padding-top: 0
}

.job_type_box.open .type_box .item_box.open .item>.view .people {
	position: relative;
	top: auto;
	left: auto;
	margin: auto;
	right: auto
}

.job_type_box.open .type_box .item_box.open>.view {
	padding-top: 0
}

.job_type_box.open .type_box .item_box.open .tip_box {
	margin: -140px 0 0 -95px
}

@media only screen and (max-width:767px) {
	.job_type_box.open .type_box .item_box.open {
		padding-top: 0
	}

	.job_type_box.open .type_box .item_box.open .tip_box {
		float: none;
		margin: 0 auto 30px auto
	}

	.job_type_box.open .type_box .item_box.open .tip_box .arrow {
		position: absolute;
		bottom: -12px;
		left: 50%;
		right: auto;
		margin-left: -8px;
		width: 16px;
		height: 12px;
		border-style: solid;
		border-width: 12px 8px 0 8px;
		line-height: 0;
		top: auto
	}
}

.job_type_box.open .type_layer_2 {
	display: block;
	transition: all 1s
}

.job_type_box .type_layer_2 {
	display: none;
	padding-top: 20px
}

.job_type_box .type_layer_2 .back {
	text-align: center
}

.job_type_box .type_layer_2 .box_title {
	cursor: pointer;
	display: inline-block
}

@media only screen and (max-width:1023px) {
	.job_type_box .type_layer_2 .box_title {
		display: none
	}
}

.job_type_box .type_layer_2 .arrow_btn {
	display: none
}

@media only screen and (max-width:1023px) {
	.job_type_box .type_layer_2 .arrow_btn {
		display: block;
		margin: 0 auto
	}
}

.job_type_box .type_layer_2 ul {
	margin-bottom: 80px
}

.job_type_box .type_layer_2 li {
	overflow: hidden;
	margin-bottom: 20px
}

.job_type_box .type_layer_2 li>.view {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	position: relative;
	padding: 0 36px
}

.job_type_box .type_layer_2 li>.view .show {
	background: #f7f7f7
}

.job_type_box .type_layer_2 li>.view a {
	color: #555;
	display: block
}

.job_type_box .type_layer_2 li>.view span {
	height: 50px;
	width: 36px;
	border-style: solid;
	position: absolute;
	display: block
}

.job_type_box .type_layer_2 li>.view span.arrow_l {
	border-width: 25px 36px 25px 0;
	border-color: transparent #F7F7F7 transparent transparent;
	left: 0
}

.job_type_box .type_layer_2 li>.view span.arrow_r {
	border-width: 25px 0 25px 36px;
	border-color: transparent transparent transparent #F7F7F7;
	right: 0
}

.job_type_box .type_layer_2 li>.view .name {
	margin-left: 40px;
	font-size: 15px
}

.job_type_box .type_layer_2 li>.view .number {
	position: relative;
	width: 40px;
	color: #fff;
	text-align: center;
	margin: 6px 0 0 -15px
}

.job_type_box .type_layer_2 li>.view .number .txt {
	position: relative;
	padding-top: 92.8%
}

.job_type_box .type_layer_2 li>.view .number p {
	top: 0;
	height: 0;
	position: absolute;
	width: 100%;
	height: 100%
}

.job_type_box .type_layer_2 li>.view .number p:nth-child(1) {
	z-index: 2;
	font-size: 13px;
	line-height: 40px
}

.job_type_box .type_layer_2 li>.view .number p:nth-child(2) {
	z-index: 1
}

@media only screen and (max-width:1023px) {
	.job_type_box .type_layer_2 li {
		width: 50%
	}
}

@media only screen and (max-width:767px) {
	.job_type_box .type_layer_2 li {
		width: 100%
	}
}

.job_type_box .type_layer_2.c_1 .number p:nth-child(2) {
	background: #259eed
}

.job_type_box .type_layer_2.c_2 .number p:nth-child(2) {
	background: #1757c1
}

.job_type_box .type_layer_2.c_3 .number p:nth-child(2) {
	background: #178fc1
}

.job_type_box .type_layer_2.c_4 .number p:nth-child(2) {
	background: #149d89
}

.job_type_box .type_layer_2.c_5 .number p:nth-child(2) {
	background: #13969e
}

.job_type_box .type_layer_2.c_6 .number p:nth-child(2) {
	background: #0f5d4d
}

.content_box {
	margin-top: -6%;
	padding-top: 58.49%;
	position: relative
}

@media only screen and (max-width:1199px) {
	.content_box {
		margin-top: 0
	}
}

@media only screen and (max-width:767px) {
	.content_box {
		margin-top: 0;
		padding-top: 0
	}

	.content_box .infbox_list {
		padding: 0 10px
	}
}

.content_box>.view {
	position: relative;
	z-index: 2;
	background: #39b7c5;
	padding-bottom: 160px
}

@media only screen and (max-width:767px) {
	.content_box>.view {
		background: 0 0;
		padding-bottom: 90px
	}

	.content_box>.view>.main {
		padding: 0
	}
}

.content_box .link_tool {
	padding: 5% 0 15% 0;
	overflow: hidden;
	position: absolute;
	bottom: 110%;
	left: 50%;
	margin-left: -600px;
	width: 1200px
}

@media only screen and (max-width:1599px) {
	.content_box .link_tool {
		bottom: 100%
	}
}

@media only screen and (max-width:1199px) {
	.content_box .link_tool {
		padding: 5% 0 17% 0
	}
}

@media only screen and (max-width:1023px) {
	.content_box .link_tool {
		bottom: 92%;
		padding-bottom: 25%;
		overflow: hidden
	}
}

@media only screen and (max-width:767px) {
	.content_box .link_tool {
		position: relative;
		width: 100%;
		margin-left: 0;
		top: 0;
		left: 0;
		padding-top: 164.6875%;
		background: url(../../../../images/frontend/pc/tw/m_type_bg.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain
	}
}

.content_box .link_tool>.view {
	width: 100%;
	position: relative
}

@media only screen and (max-width:767px) {
	.content_box .link_tool>.view {
		position: absolute;
		height: 100%;
		top: 0;
		left: 0
	}
}

.content_box .link_tool .item {
	position: relative;
	z-index: 1
}

.content_box .link_tool .item:nth-child(1) {
	width: 35%;
	float: left;
	margin-left: 8%
}

.content_box .link_tool .item:nth-child(1) .floor {
	background: #E6FDFF
}

.content_box .link_tool .item:nth-child(1) .people {
	position: absolute;
	z-index: 2;
	width: 22%;
	top: 50%;
	left: 50%;
	margin: -57% 0 0 -2%
}

.content_box .link_tool .item:nth-child(1) .people>.view {
	width: 100%;
	padding-top: 149%;
	background: url(../../../../images/frontend/pc/tw/hot.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

@media only screen and (max-width:1023px) {
	.content_box .link_tool .item:nth-child(1) {
		width: 30%;
		margin-left: 20%
	}
}

@media only screen and (max-width:767px) {
	.content_box .link_tool .item:nth-child(1) {
		width: 70%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -5% 0 0 -20%
	}
}

.content_box .link_tool .item:nth-child(2) {
	width: 40%;
	float: right;
	margin: 7% 9% 0 0;
	position: relative
}

.content_box .link_tool .item:nth-child(2)>.view {
	position: absolute;
	top: 0;
	right: -25%;
	width: 131.25%;
	padding-top: 0
}

.content_box .link_tool .item:nth-child(2)>.view>.show {
	top: 0;
	left: 0;
	position: relative;
	width: 100%;
	padding-top: 77.77778%;
	background: url(../../../../images/frontend/pc/tw/type_1_s_07.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.content_box .link_tool .item:nth-child(2) .chat {
	position: absolute;
	z-index: 4;
	width: 20%;
	top: 50%;
	left: 50%;
	margin: -30% 0 0 -30%
}

.content_box .link_tool .item:nth-child(2) .chat>.view {
	width: 100%;
	padding-top: 103.96825%;
	background: url(../../../../images/frontend/pc/tw/chat.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

@media only screen and (max-width:1023px) {
	.content_box .link_tool .item:nth-child(2) {
		width: 35%;
		margin: 10% 15% 0 0
	}
}

@media only screen and (max-width:767px) {
	.content_box .link_tool .item:nth-child(2) {
		width: 75%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -82% 0 0 -44%
	}
}

.content_box .link_tool .item:nth-child(3) {
	width: 13%;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	margin: 11% 0 0 -12%
}

.content_box .link_tool .item:nth-child(3) .view {
	position: relative;
	padding-top: 75%;
	background: url(../../../../images/frontend/pc/tw/type_1_s_03.png) 50% bottom no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.content_box .link_tool .item:nth-child(3) .view .txt {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	position: absolute;
	color: #fff;
	z-index: 2;
	top: 0;
	left: 0
}

.content_box .link_tool .item:nth-child(3) .view .txt p,.content_box .link_tool .item:nth-child(3) .view .txt span {
	vertical-align: middle
}

.content_box .link_tool .item:nth-child(3) .view .txt span {
	width: 0;
	height: 100%
}

.content_box .link_tool .item:nth-child(3) .view .link {
	display: block;
	padding-top: 75%;
	width: 75%;
	position: absolute;
	top: 0;
	left: 14%;
	z-index: 3
}

@media only screen and (min-width:1024px) {
	.content_box .link_tool .item:nth-child(3):hover .view {
		background: url(../../../../images/frontend/pc/tw/type_1_s_03_s.png) 50% bottom no-repeat
	}

	.content_box .link_tool .item:nth-child(3):hover .view .txt {
		top: 5px
	}
}

@media only screen and (max-width:767px) {
	.content_box .link_tool .item:nth-child(3) {
		width: 35%;
		margin: -18% 0 0 -40%
	}

	.content_box .link_tool .item:nth-child(3) .option_btn .floor {
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
		background: url(../../../../images/frontend/pc/tw/m_opinion_btn.png) top center no-repeat;
		width: 115px;
		height: 85.5px;
		-webkit-background-size: 115px auto;
		-o-background-size: 115px auto;
		background-size: 115px auto
	}

	.content_box .link_tool .item:nth-child(3) .option_btn .floor .left_wall,.content_box .link_tool .item:nth-child(3) .option_btn .floor .right_wall {
		display: none
	}
}

.content_box .link_tool .item>.view {
	position: relative;
	padding-top: 100%
}

.content_box .link_tool .item .txt_box {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	padding: 20%
}

.content_box .link_tool .item .txt_box .txt {
	vertical-align: middle
}

.content_box .link_tool .item .txt_box>span {
	width: 0;
	height: 100%;
	vertical-align: middle
}

.content_box .link_tool .item .txt_box h2 {
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 30px
}

.content_box .link_tool .item .txt_box a {
	font-size: 18px;
	color: #326BA2
}

@media only screen and (max-width:767px) {
	.content_box .link_tool .item .txt_box {
		padding: 15% 15% 20% 15%
	}

	.content_box .link_tool .item .txt_box h2 {
		font-size: 18px;
		margin-bottom: 10px;
		line-height: 18px
	}

	.content_box .link_tool .item .txt_box a {
		font-size: 15px
	}
}

.company_top_bg {
	position: absolute;
	top: 0;
	right: -48%;
	width: 265%;
	padding-top: 75.49%;
	background: #39b7c5
}

@media only screen and (max-width:767px) {
	.company_top_bg {
		display: none
	}
}

.company_bottom_bg {
	z-index: 2;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	right: 50%;
	background: #F7F7F7;
	margin-right: -600px
}

.company_bottom_bg>.view {
	position: relative;
	width: 100%;
	height: 100%
}

.company_bottom_bg>.view span {
	position: absolute;
	display: block;
	width: 90px;
	height: 60px;
	top: 0;
	right: -90px;
	border-style: solid;
	border-width: 30px 45px;
	line-height: 0;
	border-color: transparent transparent #F7F7F7 #F7F7F7
}

@media only screen and (max-width:1199px) {
	.company_bottom_bg {
		right: 70%
	}
}

@media only screen and (max-width:1023px) {
	.company_bottom_bg {
		right: 100%
	}
}

@media only screen and (max-width:767px) {
	.company_bottom_bg {
		right: 200%;
		height: 30px
	}

	.company_bottom_bg>.view span {
		height: 30px
	}
}

.type_4_bottom_bg {
	z-index: 2;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #F7F7F7;
	margin-left: -600px
}

.type_4_bottom_bg>.view {
	position: relative;
	width: 100%;
	height: 100%
}

.type_4_bottom_bg>.view span {
	position: absolute;
	display: block;
	width: 90px;
	height: 60px;
	top: 0;
	left: -90px;
	border-style: solid;
	border-width: 30px 45px;
	line-height: 0;
	border-color: #F7F7F7 #F7F7F7 transparent transparent
}

@media only screen and (max-width:1199px) {
	.type_4_bottom_bg {
		left: 70%
	}
}

@media only screen and (max-width:1023px) {
	.type_4_bottom_bg {
		left: 100%
	}
}

@media only screen and (max-width:767px) {
	.type_4_bottom_bg {
		left: 216%;
		height: 30px
	}

	.type_4_bottom_bg>.view span {
		height: 30px
	}
}

.infbox_list>li {
	font-size: 15px;
	margin-bottom: 30px;
	line-height: 25px
}

@media only screen and (max-width:1023px) {
	.infbox_list>li {
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.infbox_list>li {
		/* margin-bottom: 15px; */
		padding: 0px 25px;
	}

	.infbox_list>li:last-child {
		margin-bottom: 0
	}
}

.infbox_list>li .view {
	padding: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
	-webkit-box-shadow: 0 1px 1px #888;
	box-shadow: 0 1px 1px #888
}

@media only screen and (max-width:767px) {
	.infbox_list>li .view {
		/* padding: 10px 10px 30px 10px; */
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		/* border-bottom: 1px solid #ddd; */
		border: 1px solid #ddd;
	}
}

.infbox_list>li .view .titlearea {
	position: relative;
	margin-bottom: 16px;
}

.infbox_list>li .view .titlearea span {
	width: 5px;
	height: 20px;
	display: block;
	position: absolute;
	left: -20px;
	top: 0;
	background: #326BA2
}

.infbox_list>li .view .titlearea:hover .title {
	color: #39b7c5
}

.infbox_list>li .view .titlearea:hover span {
	background: #39b7c5
}

@media only screen and (max-width:767px) {
	.infbox_list>li .view .titlearea {
		/* margin-bottom: 10px; */
	}
}

.infbox_list>li .view .title {
	display: block;
	font-size: 18px;
	color: #326BA2;
	font-weight: 700;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	width: 100%
}

@media only screen and (max-width:767px) {
	.infbox_list>li .view .title {
		font-size: 18px;
	}
}

.infbox_list>li .view .short_text {
	height: 50px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px
}

.infbox_list>li .view .tag_area {
	font-size: 0;
	letter-spacing: 0;
	background: url(../../../../images/frontend/pc/tw/tag_icon.png) 0 5px no-repeat;
	padding-left: 25px
}

.infbox_list>li .view .tag_area a {
	font-size: 15px;
	border-right: 1px solid #326BA2;
	padding-right: 5px;
	margin-right: 5px
}

.infbox_list>li .view .tag_area a:last-child {
	border: 0
}

.infbox_list>li .view .tag_area a:hover {
	color: #39b7c5
}

@media only screen and (max-width:767px) {
	.infbox_list>li .view .tag_area a {
		font-size: 12px;
		margin-right: 5px;
	}
}

.infbox_list>li .view .bag_area {
	background: url(../../../../images/frontend/pc/tw/bag_cion.png) 0 5px no-repeat;
	padding-left: 25px;
}

.infbox_list>li .view .bag_area p {
	margin-right: 25px;
	float: left;
}

@media only screen and (max-width:767px) {
	.infbox_list>li .view .bag_area {
		background-position: 0 5px;
		font-size: 12px;
	}
}

.infbox_list>li .view .job_tag {
	/* height: 50px; */
	overflow: hidden;
	/* margin-bottom: 20px; */
}

.infbox_list>li .view .job_tag li {
	border: 1px solid #ddd;
	margin: 0 10px 12px 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* height: 20px; */
	/* line-height: 20px; */
	padding: 0 7px;
}

.infbox_list>li .view .job_tag li:last-child {
	margin-right: 0
}

@media only screen and (max-width:1023px) {
	.infbox_list>li .view .job_tag {
		height: auto;
		margin-top: 10px;
	}
}

.infbox_list>li .view .company {
	display: block;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	/* display: -webkit-box; */
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/* display: -moz-box; */
	-moz-line-clamp: 1;
	-moz-box-orient: vertical;
	display: box;
	line-clamp: 1;
	box-orient: vertical;
	background: url(../../../../images/frontend/pc/tw/icon-company.png) 0 50% no-repeat;
	/* background-size: 3%; */
	padding-left: 23px;
}

.infbox_list>li .view .company::before {
	content: '公司名稱  ';
	color: #555;
	cursor: text;
}

.infbox_list>li .view .loact {
	background: url(../../../../images/frontend/pc/tw/icon-address.png) 0 50% no-repeat;
	/* background-size: 2.3%; */
	padding-left: 23px;
	line-height: 30px;
}

.infbox_list>li .view .monthly_salary {
	background: url(../../../../images/frontend/pc/tw/icon-money.png) 0 50% no-repeat;
	/* background-size: 3.5%; */
	display: flex;
	align-items: center;
	padding-left: 23px;
	line-height: 30px;
	white-space: nowrap;
}

.infbox_list>li .view .monthly_salary span {
	max-width: 80%;
	background: #326BA2;
	border-radius: 20px;
	color: #FFF;
	font-size: 14px;
	padding: 5px 10px;
	margin-left: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.infbox_list>li .view .update_time {
	background: url(../../../../images/frontend/pc/tw/icon-time.png) 0 50% no-repeat;
	/* background-size: 3%; */
	padding-left: 23px;
	line-height: 30px;
}

.infbox_list>li .view .loact span, .infbox_list>li .view .update_time span {
	color: #326BA2;
}

.infbox_list>li .view a {
	color: #326ba2;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.type_3 h3.title {
	font-size: 30px;
	float: left;
	line-height: 30px;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 0
}

@media only screen and (max-width:767px) {
	.type_3 h3.title {
		font-size: 24px;
		color: #39b7c5;
		text-align: center;
		float: none
	}
}

.type_3 .infbox_list li:nth-child(2n+1) {
	clear: both
}

@media only screen and (max-width:767px) {
	.type_3 .infbox_list {
		margin-bottom: 30px
	}
}

.type_3 .arrow_btn {
	display: none
}

@media only screen and (max-width:767px) {
	.type_3 .arrow_btn {
		display: block;
		margin: 0 auto
	}
}

@media only screen and (max-width:1023px) {
	.type_3 {
		padding-top: 25%
	}
}

.type_3 .box_title {
	margin-right: 35px
}

@media only screen and (max-width:767px) {
	.type_3 .box_title {
		display: none
	}
}

.type_4 {
	position: relative;
	overflow: hidden;
	padding-bottom: 60px
}

@media only screen and (max-width:767px) {
	.type_4 {
		margin-bottom: 60px;
		padding-bottom: 30px
	}
}

.type_4 .box_title {
	margin-right: 35px
}

@media only screen and (max-width:767px) {
	.type_4 .box_title {
		display: none
	}
}

.type_4>.view {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #f7f7f7
}

.type_4 h3.title {
	font-size: 30px;
	float: left;
	line-height: 30px;
	color: #39b7c5;
	font-weight: 400;
	letter-spacing: 0
}

@media only screen and (max-width:767px) {
	.type_4 h3.title {
		float: none;
		font-size: 24px;
		text-align: center
	}
}

.type_4 .ovh_1200 {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden
}

.type_4 .ovh_1200 .box_9999 {
	width: 99999px;
	position: absolute
}

@media only screen and (max-width:767px) {
	.type_4 .ovh_1200 {
		width: 100%;
		height: auto;
		margin-bottom: 30px
	}
}

.type_4 .brandlist li {
	cursor: pointer
}

.type_4 .brandlist li a {
	font-size: 18px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	color: #326BA2;
	text-align: center;
	font-weight: 700;
	text-align: center;
	display: block
}

.type_4 .brandlist li .pic_link {
	outline: 0;
	width: 100%;
	padding-top: 45.86%;
	position: relative;
	background: #FFF;
	margin-bottom: 10px
}

.type_4 .brandlist li .pic_link .img_link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.type_4 .brandlist li .pic_link .img_link img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	display: inline-block
}

.type_4 .brandlist li .pic_link .img_link span {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block
}

@media only screen and (max-width:767px) {
	.type_4 .brandlist li {
		width: 50%
	}

	.type_4 .brandlist li a {
		font-size: 14px;
		line-height: 18px
	}
}

.type_4 .dot_area {
	text-align: center
}

.type_4 .dot_area .dott {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 2px;
	cursor: pointer;
	background: #ddd;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.type_4 .dot_area .dott.now,.type_4 .dot_area .dott:hover {
	background: #326BA2
}

@media only screen and (max-width:767px) {
	.type_4 .dot_area {
		margin-bottom: 30px
	}
}

.type_4 .arrow_btn {
	display: none
}

@media only screen and (max-width:767px) {
	.type_4 .arrow_btn {
		display: block;
		margin: 0 auto
	}
}

.type_5 {
	overflow: hidden;
	padding-top: 120px
}

@media only screen and (max-width:767px) {
	.type_5 {
		padding-top: 0
	}
}

.type_5 .box_title {
	margin-right: 35px
}

@media only screen and (max-width:767px) {
	.type_5 .box_title {
		display: none
	}
}

.type_5 h3.title {
	font-size: 30px;
	float: left;
	line-height: 30px;
	color: #39b7c5;
	font-weight: 400;
	letter-spacing: 0
}

@media only screen and (max-width:767px) {
	.type_5 h3.title {
		font-size: 24px;
		text-align: center;
		float: none
	}
}

@media only screen and (max-width:767px) {
	.type_5 .box_4 {
		margin-bottom: 30px
	}
}

.type_5 .box_4 li {
	margin-bottom: 20px
}

.type_5 .box_4 li a {
	display: block
}

.type_5 .box_4 li .pic_area {
	width: 100%;
	padding-top: 75%;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px
}

.type_5 .box_4 li .pic_area .img_link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.type_5 .box_4 li .pic_area span {
	width: 0;
	height: 100%;
	vertical-align: middle
}

.type_5 .box_4 li .pic_area img {
	vertical-align: middle;
	max-width: 100%;
	min-height: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.type_5 .box_4 li .pic_area:hover img {
	transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

@media only screen and (max-width:767px) {
	.type_5 .box_4 li .pic_area {
		width: 90px;
		height: 67px;
		padding-top: 0;
		float: left;
		margin-bottom: 0
	}

	.type_5 .box_4 li .pic_area .cat_ct {
		display: none
	}

	.type_5 .box_4 li .pic_area img {
		max-width: 100%;
		max-height: 100%
	}
}

.type_5 .box_4 li .cat_ct {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	width: 205px;
	padding-left: 20px;
	background: #ff8400
}

.type_5 .box_4 li .cat_ct.blu {
	background: #178fc1
}

.type_5 .box_4 li .cat_ct.blu .rel span {
	background: #178FC1
}

.type_5 .box_4 li .cat_ct.green {
	background: #14969e
}

.type_5 .box_4 li .cat_ct.green .rel span {
	background: #14969e
}

.type_5 .box_4 li .cat_ct .rel {
	position: relative
}

.type_5 .box_4 li .cat_ct .rel span {
	height: 35px;
	background: #ff8400;
	width: 52px;
	display: block;
	position: absolute;
	right: -26px;
	-webkit-transform: skewX(56deg);
	-moz-transform: skewX(56deg);
	-ms-transform: skewX(56deg);
	-o-transform: skewX(56deg);
	transform: skewX(56deg);
	top: 0
}

.type_5 .box_4 li .title {
	color: #326BA2;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	height: 50px;
	overflow: hidden
}

.type_5 .box_4 li .txt_box .cat_ct {
	display: none;
	position: relative;
	bottom: auto;
	left: auto;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	width: auto;
	margin-bottom: 10px
}

.type_5 .box_4 li .txt_box .cat_ct .rel {
	display: inline-block;
	padding-right: 26px
}

.type_5 .box_4 li .txt_box .cat_ct .rel p {
	display: inline-block;
	position: relative;
	z-index: 2
}

.type_5 .box_4 li .txt_box .cat_ct .rel span {
	z-index: 1;
	right: -15px;
	height: 20px;
	width: 30px
}

@media only screen and (max-width:767px) {
	.type_5 .box_4 li .txt_box {
		margin-left: 100px
	}

	.type_5 .box_4 li .txt_box .cat_ct {
		display: inline-block
	}
}

@media only screen and (max-width:767px) {
	.type_5 .box_4 li {
		width: 100%;
		margin-right: 0
	}

	.type_5 .box_4 li .title {
		display: block;
		font-size: 16px;
		line-height: 22px;
		height: 44px
	}
}

.type_5 .arrow_btn {
	display: none
}

@media only screen and (max-width:767px) {
	.type_5 .arrow_btn {
		display: block;
		margin: 0 auto
	}
}

.type_6 {
	overflow: hidden;
	padding-top: 120px
}

@media only screen and (max-width:767px) {
	.type_6 {
		padding-top: 60px
	}
}

.type_6 h3.title {
	font-size: 30px;
	float: left;
	line-height: 30px;
	color: #39b7c5;
	font-weight: 400;
	letter-spacing: 0
}

@media only screen and (max-width:767px) {
	.type_6 h3.title {
		font-size: 24px;
		float: none;
		text-align: center
	}
}

.type_6 .box_title {
	margin-right: 35px
}

@media only screen and (max-width:767px) {
	.type_6 .box_title {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.type_6 .infbox_list {
		margin-bottom: 30px
	}
}

.type_6 .infbox_list li.col-3:nth-child(4n+1) {
	clear: both
}

@media only screen and (max-width:1199px) {
	.type_6 .infbox_list li.col-m-4:nth-child(3n+1) {
		clear: both
	}

	.type_6 .infbox_list li.col-3:nth-child(4n+1) {
		clear: none
	}
}

.type_6 .arrow_btn {
	display: none
}

@media only screen and (max-width:767px) {
	.type_6 .arrow_btn {
		display: block;
		margin: 0 auto
	}
}

.back_btn {
	display: none;
	width: 40px;
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: url(../../../../images/frontend/pc/tw/back.png) 50% 50% no-repeat
}

@media only screen and (max-width:1023px) {
	.back_btn {
		display: block
	}
}

.hide_bg {
	background: #FFF;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}

@media only screen and (max-width:767px) {
	.form_box {
		height: 100%
	}
}

@media only screen and (max-width:767px) {
	.feedback_style {
		height: 100%
	}
}

.pop_login {
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-ms-overflow-y: auto;
	overflow-y: auto;
	-ms-overflow-x: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

.pop_login .hide_bg {
	z-index: 1
}

.login_box {
	position: absolute;
	width: 1200px;
	margin-left: -600px;
	left: 50%;
	height: 100%
}

@media only screen and (max-width:767px) {
	.login_box {
		width: 100%;
		background: #f7f7f7;
		height: 100%;
		position: relative;
		z-index: 2;
		margin-left: 0;
		left: auto;
		-ms-overflow-y: auto;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}
}

.login_box>.bg {
	position: relative;
	z-index: 1;
	width: 100%;
	padding-top: 67.5%;
	background: url(../../../../images/frontend/pc/tw/login_bg.png) 65% 0 no-repeat;
	text-align: center
}

@media only screen and (max-width:767px) {
	.login_box>.bg {
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/m_form_bg.png) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		height: 100%
	}
}

.login_box>.bg>.view {
	padding-top: 127px;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	.login_box>.bg>.view {
		position: relative;
		height: 100%;
		min-height: 700px;
		background: url(../../../../images/frontend/pc/tw/m_fb_bg.png) left bottom no-repeat;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto
	}
}

.login_box>.bg .show {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 830px
}

@media only screen and (max-width:767px) {
	.login_box>.bg .show {
		position: relative;
		background: 0 0;
		padding: 20px 10px 0 10px;
		height: auto
	}
}

.login_box>.bg .login {
	position: absolute;
	z-index: 3;
	width: 300px;
	top: 15%;
	left: 50%;
	margin-left: -150px
}

.login_box>.bg .login h3 {
	font-weight: 400;
	color: #39b7c5;
	margin-bottom: 30px
}

.login_box>.bg .login .txt {
	text-align: center;
	margin-bottom: 60px
}

.login_box>.bg .login a {
	color: #39b7c5
}

.login_box>.bg .login .form {
	text-align: left;
	margin-bottom: 20px
}

.login_box>.bg .login .add_member {
	margin-bottom: 30px
}

.login_box>.bg .login .add_member a {
	margin-left: 10px;
	background: url(../../../../images/frontend/pc/tw/login_add.png) 0 50% no-repeat;
	padding-left: 30px
}

.login_box>.bg .login .arrow_btn {
	color: #FFF;
	margin: 0 auto
}

@media only screen and (max-width:767px) {
	.login_box>.bg .login {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		margin-left: 0;
		padding-bottom: 195px
	}

	.login_box>.bg .login h3 {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 25px
	}

	.login_box>.bg .login .txt {
		margin-bottom: 30px
	}
}

.login_box>.bg .box_btn {
	margin: -28% 0 0 16%
}

.login_box>.bg .box_btn.fb_login {
	margin: 113% 0 0 -30.5%
}

.login_box>.bg .box_btn.fb_login .txt {
	background: 0 0;
	padding-top: 15%
}

.login_box>.bg .box_btn.fb_login .txt span {
	display: block;
	margin: 0 auto;
	background: url(../../../../images/frontend/pc/tw/facebook-logo.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 88px;
	height: 17px
}

.login_box>.bg .box_btn.fb_login .floor {
	background: #3C5A97
}

.login_box>.bg .box_btn.fb_login .floor .left_wall {
	background: #224284
}

.login_box>.bg .box_btn.fb_login .floor .right_wall {
	background: #466197
}

@media only screen and (max-width:767px) {
	.login_box>.bg .box_btn {
		width: 90px;
		top: 20px;
		margin: 0 0 0 -45px
	}

	.login_box>.bg .box_btn .txt {
		background-position: 50% 25px
	}

	.login_box>.bg .box_btn .wall {
		display: none
	}

	.login_box>.bg .box_btn .floor {
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
		background: url(../../../../images/frontend/pc/tw/m_floor.png) center center no-repeat;
		-moz-background-size: contain;
		-o-background-size: contain;
		-webkit-background-size: contain;
		background-size: contain;
		width: 113px;
		height: 106px;
		top: -4px;
		left: -12px
	}

	.login_box>.bg .box_btn.fb_login {
		top: 50%;
		margin: 29% 0 0 -14.5%
	}

	.login_box>.bg .box_btn.fb_login .floor {
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
		background: url(../../../../images/frontend/pc/tw/m_fb_login.png) center center no-repeat;
		-moz-background-size: contain;
		-o-background-size: contain;
		-webkit-background-size: contain;
		background-size: contain;
		width: 113px;
		height: 106px;
		top: -4px;
		left: -12px
	}
}

.login_box.pop_form {
	width: 1630px;
	margin-left: -815px
}

@media only screen and (max-width:767px) {
	.login_box.pop_form {
		width: 100%;
		margin-left: 0
	}
}

.login_box.pop_form>.bg {
	padding-top: 955px;
	background: url(../../../../images/frontend/pc/tw/form_bg.png) 0 0 no-repeat
}

@media only screen and (max-width:767px) {
	.login_box.pop_form>.bg {
		padding-top: 0;
		background: url(../../../../images/frontend/pc/tw/m_form_bg.png) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto
	}
}

@media only screen and (max-width:767px) {
	.login_box.pop_form>.bg>.view {
		min-height: 900px;
		background: 0 0
	}
}

.login_box.pop_form>.bg .show {
	top: 0;
	bottom: auto;
	height: 975px
}

@media only screen and (max-width:767px) {
	.login_box.pop_form>.bg .show {
		background: 0 0;
		height: auto
	}
}

.login_box.pop_form>.bg .login {
	width: 600px;
	margin-left: -300px
}

@media only screen and (max-width:767px) {
	.login_box.pop_form>.bg .login {
		width: 100%;
		background: 0 0;
		margin-left: 0
	}
}

.login_box.pop_form>.bg .box_btn {
	margin: -20% 0 0 28.5%
}

@media only screen and (max-width:1599px) {
	.login_box.pop_form>.bg .box_btn {
		margin: -24.7% 0 0 22.6%
	}
}

@media only screen and (max-width:1023px) {
	.login_box.pop_form>.bg .box_btn {
		margin: -28.7% 0 0 16.6%
	}
}

@media only screen and (max-width:767px) {
	.login_box.pop_form>.bg .box_btn {
		top: 20px;
		margin: 0 0 0 -45px
	}
}

.login_box.pop_form .arrow_btn .link {
	padding: 0
}

.login_box.pop_style {
	margin-top: 100px;
	width: 576px;
	height: 414px;
	margin-left: -288px
}

@media only screen and (max-width:767px) {
	.login_box.pop_style {
		width: 100%;
		margin: 0;
		height: 100%
	}
}

.login_box.pop_style>.bg {
	padding-top: 0;
	height: 100%;
	background: url(../../../../images/frontend/pc/tw/pop_bg.png)
}

@media only screen and (max-width:767px) {
	.login_box.pop_style>.bg {
		padding-top: 127px;
		background: url(../../../../images/frontend/pc/tw/m_form_bg.png) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto
	}
}

.login_box.pop_style>.bg .show {
	top: 0;
	bottom: auto;
	height: 414px
}

@media only screen and (max-width:767px) {
	.login_box.pop_style>.bg .show {
		top: auto;
		height: 100%
	}
}

.login_box.pop_style>.bg .login {
	width: 300px;
	top: 35%;
	margin-left: -150px
}

@media only screen and (max-width:767px) {
	.login_box.pop_style>.bg .login {
		width: 100%;
		margin-left: 0;
		top: auto;
		background: 0 0;
		padding-bottom: 0
	}
}

.login_box.pop_style .arrow_btn .link {
	padding: 0
}

@media only screen and (max-width:767px) {
	.g-recaptcha {
		-moz-transform: scale(.97);
		-ms-transform: scale(.97);
		-o-transform: scale(.97);
		-webkit-transform: scale(.97);
		transform: scale(.97)
	}
}

.form .input_item {
	margin-bottom: 20px
}

.form .input_item:last-child {
	margin-bottom: 0
}

.input_item .input_title {
	font-size: 15px;
	font-weight: 700;
	color: #555
}

.input_item .gender .item {
	height: 40px;
	cursor: pointer;
	text-align: center
}

.input_item .gender .item>.txt {
	line-height: 40px;
	height: 100%;
	background: #FFF;
	border: 1px solid #ddd
}

.input_item .gender .item.now>.txt {
	background: #39b7c5;
	border-color: #39b7c5;
	color: #FFF
}

.input_item .input.ui-state-highlight,.input_item .textarea.ui-state-highlight {
	border: 1px solid #39b7c5!important
}

.ui-tooltip {
	background: #fff!important;
	opacity: 1!important;
	border-color: #39b7c5!important
}

.ui-widget-content {
	color: #333!important
}

@media only screen and (max-width:1199px) {
	.main.index_main {
		padding: 0 35px
	}
}

@media only screen and (max-width:767px) {
	.main.index_main {
		padding: 0
	}
}

.sub_title {
	font-size: 26px;
	line-height: 34px;
	color: #39b7c5;
	border-bottom: 4px solid #39b7c5;
	padding-bottom: 16px;
	letter-spacing: 2px;
	text-indent: -2px
}

@media only screen and (max-width:767px) {
	.sub_title {
		font-size: 20px;
		padding-bottom: 3px;
		border-bottom-width: 2px
	}
}

.subsub_title {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px
}

@media only screen and (max-width:767px) {
	.subsub_title {
		font-size: 15px;
		line-height: 22px
	}
}

.iso_cube {
	position: relative
}

.iso_cube .top_poly {
	position: absolute;
	z-index: 1;
	margin: auto;
	left: 0;
	right: 0;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.iso_cube .bottom {
	height: 20px;
	width: 100%
}

.iso_cube .bottom .lpart {
	float: left;
	width: 50%;
	height: 100%;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.iso_cube .bottom .rpart {
	float: left;
	width: 50%;
	height: 100%;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.iso_cube.slick_dot {
	width: 20px
}

.iso_cube.slick_dot .top_poly {
	width: 13px;
	height: 13px;
	top: -10px;
	background-color: #fece37
}

.iso_cube.slick_dot .bottom {
	height: 2px
}

.iso_cube.slick_dot .bottom .lpart {
	background-color: #dfaa0b;
	-moz-transform: skewY(30deg);
	-ms-transform: skewY(30deg);
	-o-transform: skewY(30deg);
	-webkit-transform: skewY(30deg);
	transform: skewY(30deg)
}

.iso_cube.slick_dot .bottom .rpart {
	background-color: #dfaa0b;
	-moz-transform: skewY(-30deg);
	-ms-transform: skewY(-30deg);
	-o-transform: skewY(-30deg);
	-webkit-transform: skewY(-30deg);
	transform: skewY(-30deg)
}

.iso_cube.slick_dot.now .top_poly,.iso_cube.slick_dot:hover .top_poly {
	background-color: #fff374
}

.iso_cube.slick_dot.now .bottom,.iso_cube.slick_dot:hover .bottom {
	height: 5px
}

.iso_cube.slick_dot.now .bottom .lpart,.iso_cube.slick_dot.now .bottom .rpart,.iso_cube.slick_dot:hover .bottom .lpart,.iso_cube.slick_dot:hover .bottom .rpart {
	background-color: #fed03d
}

@media only screen and (max-width:767px) {
	.iso_cube.slick_dot .top_poly {
		top: -11px;
		background-color: transparent;
		background: url(../../../../images/frontend/pc/tw/cubic_top_yel_o.png) top center no-repeat;
		width: 20px;
		height: 15.5px;
		-webkit-background-size: 20px auto;
		-o-background-size: 20px auto;
		background-size: 20px auto;
		-moz-transform: skewY(0);
		-ms-transform: skewY(0);
		-o-transform: skewY(0);
		-webkit-transform: skewY(0);
		transform: skewY(0)
	}

	.iso_cube.slick_dot .bottom {
		height: 2px
	}

	.iso_cube.slick_dot .bottom .lpart {
		background-color: #dfaa0b;
		-moz-transform: skewY(35deg);
		-ms-transform: skewY(35deg);
		-o-transform: skewY(35deg);
		-webkit-transform: skewY(35deg);
		transform: skewY(35deg)
	}

	.iso_cube.slick_dot .bottom .rpart {
		background-color: #dfaa0b;
		-moz-transform: skewY(-35deg);
		-ms-transform: skewY(-35deg);
		-o-transform: skewY(-35deg);
		-webkit-transform: skewY(-35deg);
		transform: skewY(-35deg)
	}

	.iso_cube.slick_dot:hover .top_poly {
		top: -11px;
		background-color: transparent;
		background: url(../../../../images/frontend/pc/tw/cubic_top_yel_o.png) top center no-repeat;
		width: 20px;
		height: 15.5px;
		-webkit-background-size: 20px auto;
		-o-background-size: 20px auto;
		background-size: 20px auto;
		-moz-transform: skewY(0);
		-ms-transform: skewY(0);
		-o-transform: skewY(0);
		-webkit-transform: skewY(0);
		transform: skewY(0)
	}

	.iso_cube.slick_dot:hover .bottom {
		height: 2px
	}

	.iso_cube.slick_dot:hover .bottom .lpart,.iso_cube.slick_dot:hover .bottom .rpart {
		background-color: #dfaa0b
	}

	.iso_cube.slick_dot.now .top_poly {
		background-color: transparent;
		background: url(../../../../images/frontend/pc/tw/cubic_top_yel_s.png) top center no-repeat;
		width: 20px;
		height: 15px;
		-webkit-background-size: 20px auto;
		-o-background-size: 20px auto;
		background-size: 20px auto;
		-moz-transform: skewY(0);
		-ms-transform: skewY(0);
		-o-transform: skewY(0);
		-webkit-transform: skewY(0);
		transform: skewY(0)
	}

	.iso_cube.slick_dot.now .bottom {
		height: 5px
	}

	.iso_cube.slick_dot.now .bottom .lpart,.iso_cube.slick_dot.now .bottom .rpart {
		background-color: #fed03d
	}
}

.index_logo a {
	display: block;
	background: url(../../../../images/frontend/pc/tw/index_logo.png) center center repeat-y;
	-moz-background-size: 126px auto;
	-o-background-size: 126px auto;
	-webkit-background-size: 126px auto;
	background-size: 126px auto;
	width: 126px;
	height: 30px
}

@media only screen and (max-width:767px) {
	.index_logo a {
		margin: 5px auto 0;
		width: 110px;
		height: 20px;
		-moz-background-size: contain;
		-o-background-size: contain;
		-webkit-background-size: contain;
		background-size: contain
	}
}

.header.index {
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,.3);
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	height: 60px;
	z-index: 100;
	padding-top: 10px;
	top: 28px;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.header.index .index_logo {
	display: none
}

.header.index .menu_btn {
	right: 25px;
	cursor: pointer;
	line-height: 0
}

.header.index .menu_btn p {
	background-color: #fff
}

.header.index .nav {
	padding-right: 55px;
	text-align: right
}

.header.index .nav a {
	color: #fff
}

.header.index .top_search_box {
	position: absolute;
	right: 30px;
	top: 12px
}

.header.index .top_search_box .top_search {
	background: #243342;
	display: inline-block;
	padding: 0 18px 0 12px;
	min-width: 36px;
	height: 36px;
	position: relative;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px
}

.header.index .top_search_box .top_search input {
	font-family: arial,Microsoft JhengHei,sans-serif;
	background: 0 0;
	width: 0;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	font-weight: 400
}

.header.index .top_search_box .top_search ::placeholder {
	color: #fff
}

.header.index .top_search_box .top_search :-ms-input-placeholder {
	color: #fff
}

.header.index .top_search_box .top_search ::-ms-input-placeholder {
	color: #fff
}

.header.index .top_search_box .top_search .search_btn {
	background: url(../../../../images/frontend/pc/tw/search_btn.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 20px;
	height: 21px;
	background-color: #243342;
	position: absolute;
	top: 7px;
	right: 8px;
	z-index: 1
}

.header.index .top_search_box .top_search.now,.header.index .top_search_box .top_search:hover {
	padding-right: 34px
}

.header.index .top_search_box .top_search.now input,.header.index .top_search_box .top_search:hover input {
	width: 200px
}

.header.index.scroll_down {
	position: fixed;
	background: #fff;
	color: #333;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.header.index.scroll_down .index_logo {
	display: block
}

.header.index.scroll_down .menu_btn p {
	background: #39b7c5
}

.header.index.scroll_down .nav a {
	color: #333
}

.header.index.scroll_down .top_search_box .top_search {
	background: #39b7c5
}

.header.index.scroll_down .top_search_box .top_search .search_btn {
	background-color: #39b7c5
}

@media only screen and (max-width:1320px) {
	.header.index {
		padding-top: 15px;
		top: 0px
	}

	.header.index .nav {
		display: none
	}

	.header.index .menu_btn {
		display: block;
		padding-top: 15px
	}

	.header.index .menu_btn p {
		width: 36px;
		height: 4px;
		margin-bottom: 8px
	}
}

@media only screen and (max-width:767px) {
	.header {
		background: transparent;
	}
	.header.index {
		height: 40px;
		padding-top: 5px;
		padding-bottom: 8px;
		background: #1a2530
	}

	.header.index .menu_btn {
		right: 15px;
		padding-top: 12px
	}

	.header.index .menu_btn p {
		width: 25px;
		height: 2px;
		margin-bottom: 5px
	}
}

.m_top_search {
	background: #ddd;
	display: inline-block;
	padding: 0 18px 0 12px;
	min-width: 40px;
	height: 40px;
	width: 100%;
	position: relative;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px
}

.m_top_search input {
	font-family: arial,Microsoft JhengHei,sans-serif;
	background: 0 0;
	width: 100%;
	color: #555;
	font-size: 18px;
	line-height: 40px;
	font-weight: 400
}

.m_top_search .search_btn {
	width: 40px;
	height: 40px;
	background: url(../../../../images/frontend/pc/tw/m_search_btn.png) center center no-repeat;
	-moz-background-size: 20px auto;
	-o-background-size: 20px auto;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
	position: absolute;
	top: 0;
	right: 6px;
	z-index: 1
}

.dot_menu {
	position: fixed;
	z-index: 10;
	top: 180px;
	right: 50px
}

@media only screen and (max-width:1366px) {
	.dot_menu {
		top: 130px;
		right: 26px
	}
}

@media only screen and (max-width:767px) {
	.dot_menu {
		display: none
	}
}

.dot_menu ul li {
	height: 15px;
	padding-right: 12px;
	margin-bottom: 15px;
	position: relative
}

.dot_menu ul li .dot_iso {
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	margin: 0 auto;
	cursor: pointer
}

.dot_menu ul li .dot_iso .pc_ind_dot {
	width: 20px
}

.dot_menu ul li .dot_iso .pc_ind_dot .top_poly {
	width: 13px;
	height: 13px;
	top: -10px;
	background-color: #d7f1f3
}

.dot_menu ul li .dot_iso .pc_ind_dot .bottom {
	height: 2px
}

.dot_menu ul li .dot_iso .pc_ind_dot .bottom .lpart {
	background-color: #39b7c5;
	-moz-transform: skewY(30deg);
	-ms-transform: skewY(30deg);
	-o-transform: skewY(30deg);
	-webkit-transform: skewY(30deg);
	transform: skewY(30deg)
}

.dot_menu ul li .dot_iso .pc_ind_dot .bottom .rpart {
	background-color: #26b5c5;
	-moz-transform: skewY(-30deg);
	-ms-transform: skewY(-30deg);
	-o-transform: skewY(-30deg);
	-webkit-transform: skewY(-30deg);
	transform: skewY(-30deg)
}

.dot_menu ul li .dot_des {
	display: none;
	margin-right: 23px;
	transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	width: auto!important;
	font-size: 16px;
	margin-top: -9px;
	padding: 0 8px;
	background: #ff8d30;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	position: relative
}

.dot_menu ul li .dot_des .deco {
	position: absolute;
	top: 9px;
	right: -9px;
	background: url(../../../../images/frontend/pc/tw/ind_dialog_tri.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 9px;
	height: 11px
}

@media only screen and (max-width:1199px) {
	.dot_menu ul li .dot_des .deco {
		top: 5px
	}
}

.dot_menu ul li:hover .dot_iso .pc_ind_dot .top_poly {
	background-color: #cee587
}

.dot_menu ul li:hover .dot_iso .pc_ind_dot .bottom {
	height: 5px
}

.dot_menu ul li:hover .dot_iso .pc_ind_dot .bottom .lpart {
	background-color: #99d465
}

.dot_menu ul li:hover .dot_iso .pc_ind_dot .bottom .rpart {
	background-color: #79c25f
}

.dot_menu ul li.now .dot_iso .pc_ind_dot .top_poly {
	background-color: #fff374
}

.dot_menu ul li.now .dot_iso .pc_ind_dot .bottom {
	height: 10px
}

.dot_menu ul li.now .dot_iso .pc_ind_dot .bottom .lpart {
	background-color: #fed03d
}

.dot_menu ul li.now .dot_iso .pc_ind_dot .bottom .rpart {
	background-color: #debc00
}

.dot_menu ul li:hover .dot_des {
	display: block
}

.dot_menu.detail_style {
	top: auto;
	top: 100px;
	right: 30px
}

@media only screen and (max-width:1366px) {
	.dot_menu.detail_style {
		right: 8px;
		top: auto;
		bottom: 150px
	}
}

.dot_menu.detail_style ul {
	padding-right: 15px
}

.dot_menu.detail_style ul li {
	clear: both;
	float: right;
	margin-bottom: 8px
}

.dot_menu.detail_style ul li .dot_iso .pc_ind_dot .top_poly {
	background: #DDD
}

.dot_menu.detail_style ul li .dot_iso .pc_ind_dot .bottom .lpart {
	background: #cecece
}

.dot_menu.detail_style ul li .dot_iso .pc_ind_dot .bottom .rpart {
	background: #f3f3f3
}

.dot_menu.detail_style ul li.now .dot_iso .pc_ind_dot .top_poly,.dot_menu.detail_style ul li:hover .dot_iso .pc_ind_dot .top_poly {
	background: #39b7c5
}

.dot_menu.detail_style ul li.now .dot_iso .pc_ind_dot .bottom .lpart,.dot_menu.detail_style ul li:hover .dot_iso .pc_ind_dot .bottom .lpart {
	background: #2b939e
}

.dot_menu.detail_style ul li.now .dot_iso .pc_ind_dot .bottom .rpart,.dot_menu.detail_style ul li:hover .dot_iso .pc_ind_dot .bottom .rpart {
	background: #61c6d1
}

.dot_menu.detail_style .nav_btn_view {
	position: relative;
	padding-top: 50px
}

.dot_menu.detail_style .nav_btn_view>.nav_btn {
	position: relative
}

.dot_menu.detail_style .nav_btn_view>.nav_btn>.show {
	width: 150%;
	position: absolute;
	left: 50%;
	margin-left: -80%
}

.dot_menu.detail_style .nav_btn_view>.nav_btn>.show>.view {
	background: url(../../../../images/frontend/pc/tw/m_floor.png) 50% 50% no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.dot_menu.detail_style .nav_btn {
	clear: both;
	width: 60px;
	height: 60px
}

.dot_menu.detail_style .nav_btn button {
	background: 0 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.dot_menu.detail_style .nav_btn .view {
	padding-top: 92.8%;
	position: relative
}

.dot_menu.detail_style .nav_btn .view p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 15px;
	line-height: 60px;
	padding: 10px;
	text-align: center
}

.dot_menu.detail_style .nav_btn .view .floor {
	background: #FFBA00
}

.dot_menu.detail_style .nav_btn .view .floor .left_wall {
	background: #EDB316;
	width: 100%;
	height: 10px;
	margin: 47.5% 0 0 -43.5%
}

.dot_menu.detail_style .nav_btn .view .floor .right_wall {
	background: #ffc936;
	width: 10px;
	height: 100%;
	margin: -38% 0 0 50%
}

.dot_menu.detail_style .go_to {
	padding-bottom: 10px
}

.dot_menu.detail_style .go_to .nav_btn {
	position: relative;
	top: auto;
	right: auto
}

.dot_menu.detail_style .go_to .nav_btn>.view p {
	background: url(../../../../images/frontend/pc/tw/nav_people.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 56px;
	height: 92px;
	left: 50%;
	bottom: 0;
	margin: -85% 0 0 -35%
}

.dot_menu.detail_style .go_to .nav_btn>.view .floor {
	background: #EE8E1D
}

.dot_menu.detail_style .go_to .nav_btn>.view .floor .left_wall {
	background: #D17A14
}

.dot_menu.detail_style .go_to .nav_btn>.view .floor .right_wall {
	background: #F9A848
}

.dot_menu.detail_style .go_to .dot_des {
	margin-right: 23px;
	display: none;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	position: relative;
	background: #C97F29;
	padding: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.dot_menu.detail_style .go_to .dot_des .deco {
	position: absolute;
	width: 14px;
	height: 16px;
	top: 50%;
	right: -14px;
	margin-top: -8px;
	border-style: solid;
	border-width: 8px 0 8px 14px;
	line-height: 0;
	border-color: transparent transparent transparent #C97F29
}

.dot_menu.detail_style .go_to:hover .dot_des {
	display: block
}

.page_nav_m_index {
	display: none;
	background: rgba(0,0,0,.3);
	font-size: 0;
	letter-spacing: 0;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.page_nav_m_index>.view {
	padding: 0 10px;
	overflow-x: auto;
	white-space: nowrap
}

.page_nav_m_index>.view .item {
	font-size: 14px;
	margin-right: 20px;
	line-height: 32px;
	height: 32px;
	color: #fff;
	white-space: nowrap
}

.page_nav_m_index>.view .item.now {
	color: #39b7c5;
	font-weight: 700;
	border-bottom: 5px solid #39b7c5
}

.page_nav_m_index.fix_style {
	position: fixed;
	border-top: 1px solid #ddd;
	background: #f7f7f7;
	-webkit-box-shadow: #eee 0 2px 0;
	box-shadow: #eee 0 2px 0
}

.page_nav_m_index.fix_style>.view .item {
	color: #000
}

.page_nav_m_index.fix_style>.view .item.now {
	color: #39b7c5
}

@media only screen and (max-width:767px) {
	.page_nav_m_index {
		display: block
	}
}

.index_gg {
	background: url(../../../../images/frontend/pc/tw/index_gg_bg.jpg) center center repeat-y;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center
}

.index_gg img {
	max-width: 100%;
	margin: 0 auto
}

@media only screen and (max-width:767px) {
	.index_gg {
		padding-top: 0px
	}
}

.pos_r {
	position: relative
}

.area_01_bg {
	width: 64.0625%;
	position: absolute;
	top: -1px;
	right: 0;
	z-index: -1
}

.area_01_bg .pb {
	padding-bottom: 68.82821%;
	background: url(../../../../images/frontend/pc/tw/index_bg_01.svg) top right no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.g_index_txt h2.index_title {
	margin-bottom: 45px;
	font-weight: 400;
	letter-spacing: 2px;
	text-indent: -2px;
	position: relative;
	z-index: 2
}

.g_index_txt .arrow_btn {
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	z-index: 2
}

.g_index_txt .arrow_btn .link {
	position: relative;
	min-width: 180px;
	letter-spacing: 3px
}

.g_index_txt .arrow_btn .link img,.g_index_txt .arrow_btn .link span {
	vertical-align: middle
}

.g_index_txt .arrow_btn>span {
	height: 40px;
	width: 36px
}

.g_index_txt .arrow_btn>span.arrow_l {
	border-width: 20px 36px 20px 0
}

.g_index_txt .arrow_btn>span.arrow_r {
	border-width: 20px 0 20px 36px
}

.g_index_txt .arrow_btn:hover .link {
	color: #fff
}

@media only screen and (max-width:767px) {
	.g_index_txt {
		text-align: center
	}

	.g_index_txt h2.index_title {
		margin-bottom: 23px;
		font-size: 25px;
		line-height: 30px
	}

	.g_index_txt .txt {
		text-align: left
	}

	.g_index_txt .arrow_btn {
		margin-top: 15px
	}

	.g_index_txt .arrow_btn .link {
		min-width: 180px
	}

	.g_index_txt .arrow_btn .link img {
		max-width: 6px
	}

	.g_index_txt .arrow_btn>span.arrow_l {
		left: -7px
	}

	.g_index_txt .arrow_btn>span.arrow_r {
		right: -7px
	}
}

.arrow_btn img {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	-moz-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.arrow_btn:hover .link {
	color: #fff
}

.arrow_btn:hover .link img {
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	transform: translateX(5px)
}

@media only screen and (max-width:767px) {
	.arrow_btn:hover .link img {
		-moz-transform: translateX(-5px);
		-ms-transform: translateX(-5px);
		-o-transform: translateX(-5px);
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

.svg_contain {
	position: relative
}

.svg_contain svg {
	position: absolute;
	top: 0;
	left: 0
}

.index_svg {
	position: absolute;
	width: 50%
}

@media only screen and (max-width:767px) {
	.index_svg {
		width: 100%;
		position: static;
		margin: auto
	}
}

.area_01 {
	padding-top: 85px;
	position: relative;
	width: 100%
}

.area_01 .index_svg {
	right: 0;
	top: 70px;
	max-width: 552px
}

.area_01 .index_svg .svg_contain {
	max-width: 104.18182%;
	padding-bottom: 80.62827%
}

.random_job {
	padding-top: 60px
}

.random_job .job_name.index {
	margin-bottom: 0
}

.random_job .job_name.index p {
	color: #39b7c5
}

.random_job .part_5 {
	padding-bottom: 0
}

.random_job .part_5 .right_part {
	padding-top: 0
}

.random_job .part_5 .left_part>.view {
	padding-top: 39%
}

.random_job .part_11,.random_job .part_6 {
	padding-bottom: 0
}

.random_job .part_11 .left_part,.random_job .part_6 .left_part {
	width: auto
}

.random_job .random_job_slick_control .arrow_box {
	margin: 0 auto;
	max-width: 200px
}

@media only screen and (max-width:980px) {
	.random_job {
		padding-bottom: 50px
	}

	.random_job .radar_num {
		width: 20px
	}

	.random_job .part_5 .sexes_chart_box .item {
		height: 7px
	}

	.random_job .part_5 .sexes_chart_box .item span {
		height: 5px;
		margin-top: -4px
	}

	.random_job .marb_60,.random_job .part_11 .transfer_txt {
		margin-bottom: 10px
	}
}

@media only screen and (max-width:767px) {
	.random_job {
		padding-bottom: 0;
		padding-top: 30px
	}

	.random_job .job_name.index {
		text-align: center;
		display: block
	}

	.random_job .part_5 .sexes_chart_box {
		padding-top: 5px
	}

	.random_job .part_5 .sexes_chart_box .item span {
		height: 4px;
		margin-top: -4px
	}

	.random_job .part_5 .sexes_chart_box .tip_box>.view p:nth-child(2) {
		margin-left: 29px;
		font-size: 15px
	}
}

.random_job .random_job_slick .part_11,.random_job .random_job_slick .part_5,.random_job .random_job_slick .part_6 {
	padding-left: 2px;
	padding-right: 2px
}

.random_job .random_job_slick .item {
	outline: 0
}

.random_job .random_job_slick .item_title {
	padding-top: 15px
}

.slick_control {
	margin: auto;
	line-height: 45px
}

.slick_control .arrow_box {
	margin: 0 auto;
	position: relative
}

.slick_control .arrow_box .prev {
	position: relative;
	z-index: 2;
	cursor: pointer;
	float: left
}

.slick_control .arrow_box .prev .arrow {
	background: url(../../../../images/frontend/pc/tw/btn_prev.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 21px;
	height: 32px;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.slick_control .arrow_box .prev:hover .arrow {
	-moz-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px)
}

.slick_control .arrow_box .next {
	position: relative;
	z-index: 2;
	cursor: pointer;
	float: right
}

.slick_control .arrow_box .next .arrow {
	background: url(../../../../images/frontend/pc/tw/btn_next.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 21px;
	height: 32px;
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.slick_control .arrow_box .next:hover .arrow {
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	transform: translateX(5px)
}

.slick_control .dot_box {
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
	position: absolute;
	width: 100%
}

.slick_control .dot_box .dot {
	cursor: pointer;
	margin: 0 7px;
	vertical-align: text-bottom
}

@media only screen and (max-width:767px) {
	.slick_control .arrow_box {
		margin-top: 30px
	}

	.slick_control .arrow_box .prev .arrow {
		background: url(../../../../images/frontend/pc/tw/m_btn_prev.png) top center no-repeat;
		width: 40px;
		height: 40px;
		-webkit-background-size: 40px auto;
		-o-background-size: 40px auto;
		background-size: 40px auto
	}

	.slick_control .arrow_box .prev:hover .arrow {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.slick_control .arrow_box .next .arrow {
		background: url(../../../../images/frontend/pc/tw/m_btn_next.png) top center no-repeat;
		width: 40px;
		height: 40px;
		-webkit-background-size: 40px auto;
		-o-background-size: 40px auto;
		background-size: 40px auto
	}

	.slick_control .arrow_box .next:hover .arrow {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.slick_control .dot_box {
		padding-top: 2px
	}
}

.img_box {
	text-align: center;
	position: relative
}

.img_box .img_box_in {
	letter-spacing: 0;
	font-size: 0;
	position: absolute;
	width: 100%;
	height: 100%
}

.img_box .img_box_in img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.img_box .img_box_in:after {
	content: "";
	height: 100%;
	vertical-align: middle
}

.index_post_view {
	margin: auto
}

.index_post_view .post_type_box {
	letter-spacing: 0;
	font-size: 0;
	text-align: center
}

@media only screen and (max-width:767px) {
	.index_post_view .post_type_box {
		max-height: 140px
	}
}

@media only screen and (max-width:767px) {
	.index_post_view .inter_post_type_set {
		text-align: left
	}

	.index_post_view .inter_post_type_set .title_link_box {
		margin-left: 20px
	}
}

.index_post_view .post_type {
	padding: 0;
	vertical-align: text-bottom
}

.index_post_view .inter_post_type {
	padding: 0 15px
}

@media only screen and (max-width:980px) {
	.index_post_view .inter_post_type {
		padding: 0
	}
}

.index_post_view .interest_set {
	text-align: center;
	height: 300px
}

@media only screen and (max-width:980px) {
	.index_post_view .interest_set {
		height: 150px
	}
}

@media only screen and (max-width:767px) {
	.index_post_view .interest_set {
		max-height: 140px
	}
}

.index_post_view .nine_set .post_type:first-child {
	max-width: 280px
}

@media only screen and (max-width:767px) {
	.index_post_view .nine_set .post_type:first-child {
		margin-bottom: 0;
		padding-bottom: 20px
	}
}

@media only screen and (max-width:767px) {
	.index_post_view .nine_set .img_box_in {
		padding-bottom: 20px
	}
}

.index_post_view .fleft {
	float: left
}

@media only screen and (max-width:980px) {
	.index_post_view .title_link_box {
		margin-bottom: 0
	}
}

@media only screen and (max-width:980px) {
	.index_post_view .part_11 .transfer_txt {
		margin-bottom: 0
	}
}

.index_post_view .title_style {
	padding-right: 36px
}

.index_post_view .title_style span {
	background: url(../../../../images/frontend/pc/tw/title_mid_bg_index.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 37px;
	height: 27px
}

@media only screen and (max-width:767px) {
	.index_post_view .title_style {
		padding-left: 10px;
		padding-right: 30px;
		font-size: 15px
	}
}

@media only screen and (max-width:767px) {
	.index_post_view .ul_tag {
		margin-top: 10px
	}
}

.area_0203_bg {
	width: 66.29167%;
	position: relative;
	top: -40px;
	left: 0;
	z-index: -1
}

.area_0203_bg .area_02_pb {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding-bottom: 67.97468%;
	background: url(../../../../images/frontend/pc/tw/index_bg_02.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.area_0203_bg .area_03_pb {
	width: 100%;
	position: absolute;
	top: -2px;
	padding-bottom: 67.72152%;
	background: url(../../../../images/frontend/pc/tw/index_bg_03.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

@media only screen and (max-width:1920px) {
	.area_0203_bg {
		width: 73.29167%
	}
}

@media only screen and (max-width:1440px) {
	.area_0203_bg {
		width: 80.25%
	}
}

@media only screen and (max-width:980px) {
	.area_0203_bg {
		width: 84.25%;
		top: -45px
	}
}

@media only screen and (max-width:767px) {
	.area_0203_bg {
		display: none
	}
}

.rd_target {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px
}

.area_02 {
	padding-top: 380px;
	position: relative;
	width: 100%
}

.area_02 .index_svg {
	left: 0;
	top: -290px
}

.area_02 .index_svg .svg_contain {
	max-width: 72.72727%;
	padding-bottom: 79.75%
}

@media only screen and (max-width:980px) {
	.area_02 {
		padding-top: 115px
	}

	.area_02 .index_svg {
		top: -100px
	}
}

.area_02 .area_02_list {
	position: relative;
	top: 15px;
	left: 5%;
	padding-bottom: 50px;
	z-index: 1
}

@media only screen and (max-width:1440px) {
	.area_02 .area_02_list {
		left: 3%
	}
}

@media only screen and (max-width:980px) {
	.area_02 .area_02_list {
		padding-left: 90px
	}
}

.area_02 .area_02_list .item {
	width: 31.66667%;
	margin-top: -13.5%;
	position: relative;
	left: 50%
}

.area_02 .area_02_list .item .pb {
	position: relative;
	padding-bottom: 79.47368%
}

.area_02 .area_02_list .item .pb .box {
	position: absolute;
	width: 100%;
	height: 100%
}

.area_02 .area_02_list .item .pb .box .pos_r {
	width: 100%;
	height: 100%
}

.area_02 .area_02_list .item .pb .box img {
	max-width: 100%
}

.area_02 .area_02_list .item .area_02_img {
	position: absolute;
	z-index: 1
}

.area_02 .area_02_list .item .area_02_cube {
	position: absolute;
	bottom: 0
}

.area_02 .area_02_list .item .item_txt {
	color: #fff;
	background: #fc9a00;
	height: 50px;
	line-height: 50px;
	position: absolute;
	bottom: 0;
	font-weight: 700;
	z-index: -1;
	left: 50%;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	-webkit-transform-origin: right;
	transform-origin: right
}

.area_02 .area_02_list .item .item_txt .deco {
	position: absolute;
	left: -70px;
	width: 0;
	height: 0;
	bottom: 0;
	border-style: solid;
	border-width: 0 70px 50px 0;
	border-color: transparent #fc9b00 transparent transparent
}

.area_02 .area_02_list .area_02_item_01 {
	top: 0;
	margin-left: -50%
}

.area_02 .area_02_list .area_02_item_01 .item_txt {
	width: 173px;
	margin-left: -173px
}

.area_02 .area_02_list .area_02_item_02 {
	margin-left: -33%
}

.area_02 .area_02_list .area_02_item_02 .area_02_img {
	top: -35px;
	left: 30px
}

.area_02 .area_02_list .area_02_item_02 .item_txt {
	width: 143px;
	margin-left: -143px
}

.area_02 .area_02_list .area_02_item_03 {
	margin-left: -16%
}

.area_02 .area_02_list .area_02_item_03 .area_02_img {
	top: -24px;
	left: 10px
}

.area_02 .area_02_list .area_02_item_03 .item_txt {
	width: 143px;
	margin-left: -143px
}

.area_02 .area_02_list .area_02_item_04 {
	margin-left: 1%
}

.area_02 .area_02_list .area_02_item_04 .area_02_img {
	top: -30px
}

.area_02 .area_02_list .area_02_item_04 .item_txt {
	width: 260px;
	margin-left: -260px
}

@media only screen and (max-width:767px) {
	.area_02 .area_02_list {
		background: url(../../../../images/frontend/pc/tw/m_area0203_bg.png) left center no-repeat;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
		left: 0;
		position: static;
		padding: 15px 15px 0
	}

	.area_02 .area_02_list .item {
		width: 150px;
		display: block;
		margin-left: 0;
		margin-top: 20px;
		position: relative;
		z-index: 1;
		left: 0
	}

	.area_02 .area_02_list .item .item_txt {
		padding-left: 24px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		letter-spacing: 0;
		top: 53px;
		margin-left: 57px;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		-webkit-transform-origin: left;
		transform-origin: left
	}

	.area_02 .area_02_list .item .item_txt .deco {
		position: absolute;
		left: auto;
		right: -10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 13px 0 13px 10px;
		border-color: transparent transparent transparent #fc9b00
	}

	.area_02 .area_02_list .area_02_item_01 .item_txt {
		width: 112px
	}

	.area_02 .area_02_list .area_02_item_02 .area_02_img {
		top: -17px;
		left: 9px
	}

	.area_02 .area_02_list .area_02_item_02 .item_txt {
		width: 85px
	}

	.area_02 .area_02_list .area_02_item_03 .area_02_img {
		top: -16px;
		left: 2px
	}

	.area_02 .area_02_list .area_02_item_03 .item_txt {
		width: 85px
	}

	.area_02 .area_02_list .area_02_item_04 .area_02_img {
		top: -20px
	}

	.area_02 .area_02_list .area_02_item_04 .item_txt {
		width: 150px
	}
}

.area_03 {
	padding-top: 10%;
	position: relative;
	width: 100%
}

.area_03 .index_svg {
	left: 0;
	top: -230px
}

.area_03 .index_svg .svg_contain {
	max-width: 86.72727%;
	padding-bottom: 106.28302%
}

@media only screen and (max-width:767px) {
	.area_03 .index_svg .svg_contain {
		max-width: 64.72727%;
		padding-bottom: 95.28302%
	}
}

@media only screen and (max-width:1920px) {
	.area_03 {
		padding-top: 20%
	}
}

@media only screen and (max-width:980px) {
	.area_03 .index_svg {
		top: -90px
	}
}

.resume_service {
	padding-top: 12%
}

.resume_service .resume_service_item {
	margin-bottom: 60px
}

.resume_service .resume_service_list {
	padding-top: 70px
}

.resume_service img {
	width: 100%
}

.resume_service .img {
	max-width: 314px;
	margin: auto
}

.resume_service .sub_title {
	margin-bottom: 24px
}

.resume_service .subsub_title {
	margin-top: 11px;
	margin-bottom: 5px
}

.resume_service .resume_service_img {
	position: absolute;
	top: -60px;
	left: 0;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}

.resume_service .resume_service_price {
	position: absolute;
	left: 0;
	top: 29%;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	-webkit-transform-origin: right;
	transform-origin: right
}

.resume_service .txt p:last-child {
	text-align: left
}

@media only screen and (max-width:767px) {
	.resume_service .resume_service_list {
		padding-top: 30px
	}

	.resume_service .resume_service_item {
		margin-bottom: 35px
	}

	.resume_service .img {
		width: 60%
	}

	.resume_service .resume_service_img {
		top: -40px
	}

	.resume_service .item {
		margin-bottom: 60px
	}

	.resume_service .item:last-child {
		margin-bottom: 0
	}
}

.resume_left_img {
	margin-top: 10%
}

.resume_left_img .resume_person {
	max-width: 416px
}

.resume_left_img .resume_arrow {
	position: absolute;
	z-index: -2;
	right: 0;
	bottom: -57%;
	width: 223%;
	max-width: none
}

@media only screen and (max-width:767px) {
	.resume_left_img {
		margin-bottom: 45px;
		text-align: center
	}

	.resume_left_img .resume_person {
		max-width: 205px
	}

	.resume_left_img .resume_arrow {
		right: 9%;
		bottom: -30%;
		width: 163%
	}
}

.area_04 {
	padding-top: 240px;
	padding-bottom: 120px;
	position: relative;
	width: 100%
}

.area_04 .index_svg {
	right: 0;
	top: -190px;
	width: 50%;
	overflow: hidden
}

.area_04 .index_svg .svg_contain {
	max-width: 62.18182%;
	padding-bottom: 59.66082%
}

@media only screen and (max-width:767px) {
	.area_04 .index_svg .svg_contain {
		max-width: 98.18182%;
		padding-bottom: 97.66082%
	}
}

.area_04 .ind_04_des {
	position: relative;
	left: 6%;
	top: -34px;
	color: #fff;
	text-shadow: 0 0 1px #39b7c5,0 0 3px #39b7c5
}

.area_04 .ind_04_des .ind_chart_des {
	vertical-align: middle;
	text-align: left;
	width: 150px
}

.area_04 .ind_04_des .ind_chart_icon {
	vertical-align: middle;
	margin-right: 40px;
	text-align: left;
	width: 60px
}

@media only screen and (max-width:1280px) {
	.area_04 .ind_04_des .ind_chart_des {
		width: 120px
	}

	.area_04 .ind_04_des .ind_chart_icon {
		margin-right: 8px
	}
}

@media only screen and (max-width:855px) {
	.area_04 {
		padding-top: 70px
	}

	.area_04 .index_svg {
		top: 0
	}
}

@media only screen and (max-width:767px) {
	.area_04 .ind_04_des {
		display: none
	}

	.area_04 .index_svg {
		width: 100%;
		position: static;
		margin: auto;
		max-width: 80.15625%
	}
}

.ind_radar_chart {
	text-align: center;
	margin-bottom: 35px
}

.ind_radar_chart p {
	margin-top: 5px;
	color: #39b7c5;
	text-shadow: 0 0 1px #fff,0 0 3px #fff
}

@media only screen and (max-width:767px) {
	.ind_radar_chart {
		display: none
	}
}

.area_04_bg {
	width: 52.08333%;
	position: relative;
	top: -153px;
	left: 0;
	z-index: -1
}

.area_04_bg .index_bg_04_t {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding-bottom: 70.3%;
	background: url(../../../../images/frontend/pc/tw/index_bg_04_t.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.area_04_bg .index_bg_04_b {
	width: 100%;
	position: absolute;
	top: -2px;
	padding-bottom: 72.3%;
	background: url(../../../../images/frontend/pc/tw/index_bg_04_b.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

@media only screen and (max-width:1280px) {
	.area_04_bg {
		top: -190px
	}
}

@media only screen and (max-width:855px) {
	.area_04_bg {
		top: -166px;
		width: 62.08333%
	}
}

@media only screen and (max-width:767px) {
	.area_04_bg {
		display: none
	}
}

.area_05 {
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
	width: 100%
}

.map_svg {
	position: relative;
	cursor: pointer
}

.map_svg svg {
	position: absolute;
	top: 0;
	left: 0
}

.map_map {
	width: 35.53355%;
	right: -1.76018%;
	top: -11.47357%
}

.map_map .map_svg {
	padding-bottom: 75.85139%
}

.map_key {
	width: 23.76238%;
	left: 33.0033%;
	top: 14.73566%
}

.map_key .map_svg {
	padding-bottom: 106.48148%
}

.map_box {
	width: 31.68317%;
	right: -9.24092%;
	top: 27.67154%
}

.map_box .map_svg {
	padding-bottom: 103.50877%
}

.map_test {
	width: 30.58306%;
	left: -7.70077%;
	top: 38.58268%
}

.map_test .map_svg {
	padding-bottom: 93.88489%
}

.map_book {
	width: 29.59296%;
	right: 26.07261%;
	top: 57.5928%
}

.map_book .map_svg {
	padding-bottom: 92.9368%
}

.map_license {
	width: 30.80308%;
	right: -12.65127%;
	top: 82%;
	z-index: 1
}

.map_license .map_svg {
	padding-bottom: 91.42857%
}

@media only screen and (max-width:767px) {
	.map_map {
		top: -5.39707%
	}

	.map_key {
		top: 3.85505%
	}

	.map_box {
		top: 31.61141%
	}

	.map_test {
		top: 47%
	}

	.map_book {
		top: 69.4%
	}

	.map_license {
		bottom: -10%
	}
}

.map {
	margin: -110px auto;
	width: 82.63636%
}

.map .pb {
	padding-bottom: 97.79978%;
	background: url(../../../../images/frontend/pc/tw/ind_road.png) top center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative
}

.map .pb .item {
	display: block;
	text-align: center;
	position: absolute;
	font-weight: 700;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out
}

.map .pb .item p {
	transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	color: #333;
	margin-top: 7%
}

.map .pb .item img {
	max-width: 100%
}

.map .pb .item:hover {
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.map .pb .item:hover p {
	color: #39b7c5
}

@media only screen and (max-width:767px) {
	.map {
		padding-bottom: 45%;
		margin-top: 60px;
		-moz-transform: translateX(23px);
		-ms-transform: translateX(23px);
		-o-transform: translateX(23px);
		-webkit-transform: translateX(23px);
		transform: translateX(23px);
		width: 74.7541%
	}

	.map .pb {
		padding-bottom: 284.42982%;
		background: url(../../../../images/frontend/pc/tw/m_ind_road.png) top center no-repeat;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover
	}

	.map .item {
		width: 57%
	}

	.map .item:nth-child(even) {
		left: -23.02632%
	}

	.map .item:nth-child(odd) {
		right: -4.38596%
	}

	.map .item:hover {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	.map .item:hover p {
		color: #333
	}
}

.area_06 {
	padding-top: 220px;
	padding-bottom: 120px;
	position: relative;
	width: 100%
}

.area_06 .index_svg {
	left: 0;
	top: -90px
}

.area_06 .index_svg .svg_contain {
	max-width: 78.36364%;
	padding-bottom: 88.45708%
}

@media only screen and (max-width:855px) {
	.area_06 {
		padding-bottom: 50px
	}
}

@media only screen and (max-width:767px) {
	.area_06 .index_svg .svg_contain {
		padding-bottom: 82.45708%
	}
}

.area_06_bg {
	width: 52.08333%;
	position: relative;
	left: 0;
	top: 78px;
	z-index: -1
}

.area_06_bg .index_bg_06_t {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding-bottom: 70.3%;
	background: url(../../../../images/frontend/pc/tw/index_bg_06_t.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.area_06_bg .index_bg_06_b {
	width: 100%;
	position: absolute;
	top: -2px;
	padding-bottom: 72.3%;
	background: url(../../../../images/frontend/pc/tw/index_bg_06_b.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

@media only screen and (max-width:1280px) {
	.area_06_bg {
		top: -190px
	}
}

@media only screen and (max-width:855px) {
	.area_06_bg {
		top: -236px;
		width: 49.08333%
	}
}

@media only screen and (max-width:767px) {
	.area_06_bg {
		top: 155px;
		width: 80%
	}
}

.talk_contain {
	padding-top: 155px;
	padding-bottom: 115px
}

.talk_contain .arrow_btn {
	background-color: #8fc31f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-left: 0;
	padding-right: 27px
}

.talk_contain .arrow_btn img {
	right: 30px
}

.talk_contain .arrow_btn .link {
	font-weight: 700;
	line-height: 51px;
	background-color: transparent
}

@media only screen and (max-width:1280px) {
	.talk_contain {
		padding-top: 0
	}
}

@media only screen and (max-width:980px) {
	.talk_contain {
		padding-bottom: 65px
	}
}

@media only screen and (max-width:767px) {
	.talk_contain {
		padding: 0 15px
	}

	.talk_contain .arrow_btn {
		float: right
	}

	.talk_contain .arrow_btn .link {
		line-height: 40px
	}
}

.talk_article_link {
	position: relative;
	z-index: 5
}

.talk_article {
	max-width: 950px;
	padding: 25px 25px 17px;
	background: #0462a3;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 40px;
	position: relative;
	line-height: 35px
}

.talk_article .talk_top_info {
	font-size: 16px;
	margin-bottom: 10px
}

.talk_article .talk_top_info .cate_tag {
	background: #004371;
	color: #fff;
	margin-right: 10px;
	padding: 4px 8px;
	line-height: 20px
}

.talk_article .talk_top_info .talk_name {
	color: #b3e0ff
}

.talk_article .talk_article_title {
	font-size: 26px;
	font-weight: 700;
	height: 30px;
	overflow: hidden;
	margin-bottom: 3px
}

.talk_article .talk_article_txt {
	height: 90px;
	height: auto;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	.talk_article {
		padding: 15px 15px 10px;
		margin-bottom: 20px
	}

	.talk_article .talk_top_info {
		font-size: 13px;
		margin-bottom: 5px
	}

	.talk_article .talk_top_info .cate_tag {
		padding: 2px 3px;
		margin-right: 3px
	}

	.talk_article .talk_article_title {
		font-size: 15px;
		line-height: 22px;
		height: 42px
	}
}

.talk_img img {
	max-width: 100%
}

@media only screen and (max-width:767px) {
	.talk_img {
		position: relative;
		top: -40px;
		display: inline-block;
	}
}

.talk_img_furniture {
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	width: 20.66667%;
	margin-right: 4.16667%
}

.talk_img_man {
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	width: 14.83333%;
	margin-right: 4.16667%
}

.ind_talk_table {
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	margin-top: 7%;
	width: 22.16667%;
	margin-right: 5%
}

.ind_talk_girl {
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	margin-top: 6%;
	width: 16%
}

@media only screen and (max-width:767px) {
	.talk_img_furniture {
		display: none
	}

	.talk_img_man {
		margin-left: 10%;
		width: 27.8125%;
		margin-right: -11.5625%;
		float: left
	}

	.ind_talk_table {
		margin-top: 24%;
		width: 41.5625%;
		margin-right: -9.375%;
		float: left
	}

	.ind_talk_girl {
		margin-top: 25%;
		width: 30%;
		float: left
	}
}

.col_org {
	color: #f39700
}

.area_07 {
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
	width: 100%
}

.area_07 .index_svg {
	right: 0;
	top: -90px
}

.area_07 .index_svg .svg_contain {
	max-width: 88.54545%;
	padding-bottom: 70%
}

@media only screen and (max-width:767px) {
	.area_07 .index_svg .svg_contain {
		max-width: 90%;
		margin-top: -10px
	}
}

.analyis_list {
	width: 100%
}

.analyis_list .pb {
	padding-bottom: 49.33333%;
	position: relative
}

.analyis_list .pb .item {
	position: absolute;
	width: 29.75%
}

.analyis_list .img {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

@media only screen and (max-width:767px) {
	.analyis_list {
		padding: 20px 15px 60px;
		background: url(../../../../images/frontend/pc/tw/m_area07_bg.png) right center no-repeat;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		background-size: auto 100%
	}

	.analyis_list .pb {
		padding-bottom: 172.05387%
	}

	.analyis_list .pb .item {
		width: 65.15152%
	}

	.analyis_list .pb .item .img {
		width: 100%
	}

	.analyis_list .pb .item .cube {
		width: 100%
	}
}

.imgmap {
	position: absolute;
	top: 0;
	left: 0;
	filter: alpha(Opacity=0);
	opacity: 0;
	z-index: 8
}

.imgmap_pc {
	display: block
}

@media only screen and (max-width:767px) {
	.imgmap_pc {
		display: none
	}
}

.imgmap_mb {
	display: none;
	width: 100%
}

@media only screen and (max-width:767px) {
	.imgmap_mb {
		display: block
	}
}

.ind_ana_01 {
	left: 33.91667%
}

.ind_ana_01 .img {
	top: 0
}

.ind_ana_02 {
	top: 23.47973%;
	left: 17.33333%
}

.ind_ana_02 .img {
	top: 7.8125%
}

.ind_ana_03 {
	top: 46.4527%;
	left: .75%
}

.ind_ana_03 .img {
	top: -14.45313%
}

.ind_ana_04 {
	top: 8.9527%;
	left: 60.66667%
}

.ind_ana_04 .img {
	top: -5.46875%
}

.ind_ana_05 {
	top: 33.10811%;
	left: 43.25%
}

.ind_ana_05 .img {
	top: -5.46875%
}

.ind_ana_06 {
	top: 56.58784%;
	left: 26.16667%
}

.ind_ana_06 .img {
	top: 7.8125%
}

@media only screen and (max-width:767px) {
	.ind_ana_01 {
		top: 0;
		right: 0;
		left: auto
	}

	.ind_ana_02 {
		top: 14.6771%;
		left: 0
	}

	.ind_ana_03 {
		top: 29.35421%;
		right: 0;
		left: auto
	}

	.ind_ana_04 {
		top: 44.03131%;
		left: 0
	}

	.ind_ana_04 .img {
		left: 0
	}

	.ind_ana_05 {
		top: 58.70841%;
		right: 0;
		left: auto
	}

	.ind_ana_06 {
		top: 73.38552%;
		left: 0
	}
}

.area_0708_bg {
	width: 82.29167%;
	position: relative;
	top: -200px;
	right: 0;
	z-index: -1
}

.area_0708_bg .area_07_pb {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding-bottom: 67.97468%;
	background: url(../../../../images/frontend/pc/tw/index_bg_07.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.area_0708_bg .area_08_pb {
	width: 100%;
	position: absolute;
	top: -2px;
	padding-bottom: 67.72152%;
	background: url(../../../../images/frontend/pc/tw/index_bg_08.svg) top left no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

@media only screen and (max-width:1440px) {
	.area_0708_bg {
		width: 89%;
		top: -230px
	}
}

@media only screen and (max-width:767px) {
	.area_0708_bg {
		display: none
	}
}

.area_08 {
	padding-top: 9%;
	padding-bottom: 100px
}

.area_08 .index_svg {
	right: 0;
	top: -250px
}

.area_08 .index_svg .svg_contain {
	max-width: 56.72727%;
	padding-bottom: 103%
}

@media only screen and (max-width:1024px) {
	.area_08 {
		padding-top: 19%
	}
}

@media only screen and (max-width:1024px) {
	.area_08 {
		padding-top: 0
	}

	.area_08 .index_svg {
		top: -106px
	}
}

@media only screen and (max-width:767px) {
	.area_08 {
		margin-top: -20%
	}

	.area_08 .index_svg .svg_contain {
		margin-top: -15px;
		padding-bottom: 73%
	}
}

.magic_box {
	padding-top: 126px;
	text-align: center
}

.magic_box .magic_list {
	padding-top: 80px
}

.magic_box .magic_list .item {
	width: 25%
}

.magic_box .magic_list .item .magic_img {
	left: 0;
	right: 0;
	margin: auto;
	position: absolute
}

.magic_box .magic_list .item p {
	padding: 25px 4px 0
}

@media only screen and (max-width:1220px) {
	.magic_box .magic_list .item {
		margin: 0 auto 60px;
		width: 50%
	}
}

@media only screen and (max-width:767px) {
	.magic_box {
		padding-top: 20px;
		padding-bottom: 0
	}

	.magic_box .magic_list {
		padding-top: 50px
	}

	.magic_box .magic_list .item {
		margin-bottom: 40px;
		width: 100%
	}

	.magic_box .magic_list .item:nth-child(3) {
		margin-bottom: 20px
	}

	.magic_box .magic_list .item:last-child {
		margin-bottom: 0
	}

	.magic_box .magic_list .item .magic_cube,.magic_box .magic_list .item .magic_img {
		max-width: 54.375%
	}

	.magic_box .magic_list .item p {
		padding-top: 10px
	}
}

.magic_item_01 .magic_img {
	top: -22.91667%
}

.magic_item_02 .magic_img {
	top: -12.5%
}

.magic_item_03 .magic_img {
	top: -23.95833%
}

.magic_item_04 .magic_img {
	top: 11.97917%
}

.area_09 {
	padding-top: 100px;
	padding-bottom: 450px
}

.area_09 .index_svg {
	left: 0;
	top: -100px
}

.area_09 .index_svg .svg_contain {
	max-width: 94.54545%;
	padding-bottom: 100.46154%
}

@media only screen and (max-width:1220px) {
	.area_09 {
		padding-bottom: 100px
	}
}

@media only screen and (max-width:767px) {
	.area_09 .index_svg {
		width: 100%;
		position: static;
		margin: auto;
		margin-top: -20px
	}
}

.area_0910_bg {
	width: 62.29167%;
	top: -154px
}

@media only screen and (max-width:1920px) {
	.area_0910_bg {
		top: -182px;
		width: 68.29167%
	}
}

@media only screen and (max-width:1220px) {
	.area_0910_bg {
		width: 82.29167%;
		top: 47px
	}
}

.area_10 {
	padding-top: 6%;
	padding-bottom: 150px
}

.area_10 .index_svg {
	left: 0;
	top: -280px
}

.area_10 .index_svg .svg_contain {
	max-width: 101.81818%;
	padding-bottom: 100%
}

@media only screen and (max-width:1220px) {
	.area_10 {
		padding-bottom: 100px;
		padding-top: 37%
	}
}

@media only screen and (max-width:1024px) {
	.area_10 {
		padding-top: 35%
	}

	.area_10 .index_svg {
		top: -140px
	}
}

@media only screen and (max-width:767px) {
	.area_10 .index_svg {
		width: 100%;
		position: static;
		margin: -18px auto 0;
		max-width: 88.9375%
	}
}

.mind_img {
	position: relative;
	z-index: 2;
	padding: 0 15px
}

.mind_img .ind_mind_01 {
	float: right;
	width: 9.66667%;
	margin-right: 25%;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}

.mind_img .ind_mind_02 {
	margin-top: 45px;
	float: right;
	width: 35.58333%;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}

@media only screen and (max-width:767px) {
	.mind_img {
		padding-top: 20px;
		padding-bottom: 30px
	}

	.mind_img .ind_mind_01 {
		float: left;
		width: 18.125%;
		margin-right: 0;
		margin-left: 9.375%
	}

	.mind_img .ind_mind_02 {
		width: 66.71875%
	}
}

.index_area {
	min-height: 500px
}

.index_area img {
	max-width: 100%
}

.index_area .svg_contain {
	margin: auto;
	text-align: center
}

.index_area .index_svg {
	margin-bottom: 10px
}

@media only screen and (max-width:767px) {
	.index_area {
		padding: 30px 0
	}

	.index_area .fleft,.index_area .fright {
		float: none
	}
}

.svg_show {
	padding-bottom: 94.48819%;
	position: relative
}

.svg_show svg {
	position: absolute;
	top: 0;
	left: 0
}

@-webkit-keyframes scale_in {
	0% {
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes scale_in {
	0% {
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-ms-keyframes scale_in {
	0% {
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scale_in {
	0% {
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.m1,.m2,.m3,.m4 {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0)
}

.anima_scale_in .m1 {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-animation: scale_in .45s 0s forwards;
	-webkit-animation: scale_in .45s 0s forwards;
	animation: scale_in .45s 0s forwards
}

.anima_scale_in .m2 {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-animation: scale_in .45s .2s forwards;
	-webkit-animation: scale_in .45s .2s forwards;
	animation: scale_in .45s .2s forwards
}

.anima_scale_in .m3 {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-animation: scale_in .45s .4s forwards;
	-webkit-animation: scale_in .45s .4s forwards;
	animation: scale_in .45s .4s forwards
}

.anima_scale_in .m4 {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-animation: scale_in .45s .6s forwards;
	-webkit-animation: scale_in .45s .6s forwards;
	animation: scale_in .45s .6s forwards
}

@-webkit-keyframes step_go {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1
	}
}

@-moz-keyframes step_go {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1
	}
}

@-ms-keyframes step_go {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1
	}
}

@keyframes step_go {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1
	}
}

@-webkit-keyframes click {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}
}

@-moz-keyframes click {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}
}

@-ms-keyframes click {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}
}

@keyframes click {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0
	}
}

.gsc-search-button .gsc-search-button-v2,.gsc-selected-option-container {
	box-sizing: content-box;
	cursor: pointer
}

.google_custom select {
	height: 40px;
	border: 1px solid #ddd;
	width: 100%
}

.google_custom input {
	border: 1px solid #ddd;
	width: 100%;
	height: 40px;
	padding: 7px 5px 8px 5px;
	line-height: 25px
}

.google_custom .input_box {
	margin-right: 90px
}

@media only screen and (max-width:767px) {
	.google_custom .input_box {
		margin-right: 75px
	}
}

.google_custom button {
	width: 60px;
	height: 40px;
	background: #eee;
	color: #333;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.topLinkFrame {
	background-color: #2e2e2e;
	clear: both;
	width: 100%;
	height: auto;
	line-height: 17px;
	font-family: arial,Microsoft JhengHei,sans-serif;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	visibility: visible;
	display: inline-block
}

.topLinkFrame .clear {
	clear: both
}

.topLinkFrame ul {
	margin: 0;
	padding: 0
}

.topLinkFrame ul.left {
	float: left
}

.topLinkFrame ul.right {
	float: right
}

.topLinkFrame ul li {
	color: #FFF;
	float: left;
	list-style: none;
	margin: 0;
	padding: 6px 0 4px 0
}

.topLinkFrame ul li a {
	color: #FFF;
	font-weight: 400;
	margin: 0;
	padding: 8px 6px 6px 8px;
	text-decoration: none;
	font-size: 13px
}

.topLinkFrame ul li a.AD {
	color: #FF0
}

.topLinkFrame ul li a.job {
	background-image: url(//www.1111.com.tw/includesU/topLink/images/customer.png);
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden
}

.topLinkFrame ul li:hover {
	background-color: #666
}

.topLinkFrame ul li a.active {
	background-color: #FFF;
	color: #000
}

.topLinkFrame ul li a img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.topLinkFrame ul li ul {
	display: none;
	background-color: #FFF;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 4px 0 0 -1px;
	padding: 0;
	position: absolute;
	width: 140px;
	z-index: 2
}

.topLinkFrame ul li ul.setLeft {
	right: 25px
}

.topLinkFrame ul li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%
}

.topLinkFrame ul li ul li.bottomLine {
	border-bottom: 1px dotted #666
}

.topLinkFrame ul li ul li a {
	color: #000;
	display: block;
	font-weight: 400;
	margin: 0;
	padding: 7px 10px;
	text-decoration: none;
	width: 100%
}

.topLinkFrame ul li ul li a:hover {
	background-color: #F1F1F1
}