@charset "utf-8";
@font-face{

            font-family:myFont;

            src:url('https://uuchuanmei.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2-35-Thin.ttf');

        }

/*主要css*/
html,
body,
div,
span,
p,
a,
img,
ul,
li,
form,
table,
tbody,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

#project_nav .img_nav_bg_82 .icon_maps2 {
		/*background-position:center center;*/
		/*width: 50px;*/
		/*height: 40px;*/
		/*background-size: 62%;*/
		display: inline-block;
		width: 76px;
    	height: 71px;
    	background-image: url(../Images/07.png);
    	background-size: 90%;
    	background-position: center;
    	background-repeat: no-repeat;
	}
@media (max-width: 767px) {
  .mobile-cang {
    display: none !important;
  }
}
.swiper-pagination .swiper-pagination-bullet{background-color:rgba(255,255,255,0.2);opacity:1; width:16px;height:16px;border:2px solid rgba(255,255,255,0.8)}
.swiper-pagination .swiper-pagination-bullet-active{background-color:rgba(255,255,255,0.9);opacity:0.9;border:2px solid rgba(255,255,255,0.8)}
.juyou{text-align:right;}
.cuti{font-size:900;}
.hezi{display:flex;flex-direction: row;justify-content: space-around;}
.col1{flex:1; width:0;}
.col2{flex:2; width:0;}
.col3{flex:3; width:0;}
.col4{flex:4; width:0;}
.col5{flex:5; width:0;}
.col6{flex:6; width:0;}
.col7{flex:7; width:0;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.shangxia-zhong{display:flex;justify-content:center;flex-direction:column;align-items:left;}
.btn-moren{display:inline-block;padding:5px 15px;color:#000;background-color:rgba(255,255,255,0.3);text-decoration:none;}
.btn-moren:hover{background-color:rgba(255,255,255,0.6);}
body {
	width: auto;
	max-width: 100%;
	font-family: "myFont", "Microsoft YaHei", Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	position: relative;
	background: #efefef;
	-webkit-font-smoothing: antialiased;
	padding-top: 70px;
	-webkit-text-size-adjust: none;
}
.dongtai{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

li {
	list-style-type: none;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a:active {
	cursor: pointer;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear_new::after {
	clear: both;
	display: block;
	content: '';
	width: 0;
}

.transition {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.hansnfont {
	font-family: 'Arial Black' !important;
}

.background_img_size {
	background-size: cover;
}

/*start*/
.nmbGShadow {
	position: relative;
}

.nmbGShadow .nmbGShadow_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../Images/add_new_bg.png) repeat;
}

#brower_style_2 {
	display: none;
}

.touch_marvel:hover .no_scale {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}

.maybe_video .have_play_bts {
	background: url(../Images/video_play.png) no-repeat;
	width: 99px;
	height: 99px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	display: none;
}

#page_content_container {
	width: 100%;
	position: relative;
	z-index: 12;
	margin-top: 180px;
	background: #efefef;
}

#container {
	max-width: 100%;
}

#header {
	width: 100%;
	height: 70px;
	background: #fff;
	box-shadow: 0px 1px 3px #cdcdcd;
	position: fixed;
	z-index: 105;
	top: 0;
}

#navigation {
	max-width: 1500px;
	width: auto;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

#navigation .logo_icon {
	background: url(../Images/logo.png) no-repeat;
	background-size: 100%;
	width: 181px;
	height: 38px;
	display: block;
	position: absolute;
	top: 20px;
	left: 37px;
	cursor: pointer;
	z-index: 114;
}

#navigation ul {
	position: absolute;
	left: 26.73%;
	max-width: 48%;
	width: 100%;
	height: 100%;
}

#navigation ul li {
	float: left;
	font-size: 15px;
	font-weight: bold;
	height: 100%;
	width: 20%;
	line-height: 72px;
	text-align: center;
}

#navigation ul li:first-child {
	margin-left: 0;
}

#soical_bts {
	width: 55px;
	height: 20px;
	position: absolute;
	right: 45px;
	top: 26px;
	z-index: 114;
}

#soical_bts div {
	position: absolute;
	background: url(../Images/soical_bts.png) no-repeat;
	cursor: pointer;
}

#soical_bts .weibo_bt {
	background-position: 0 0;
	width: 22px;
	height: 18px;
	left: 0;
}

#soical_bts .qq_bt {
	background-position: -36px 0;
	width: 17px;
	height: 18px;
	right: 0;
}

#img_box {
	z-index: 11;
	position: relative;
	width: 100%;
}

#img_box .img_box_container {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	display: none;
}

#img_box .img_box_container ul {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#img_box .img_box_container ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	display: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#img_box .img_box_container ul li:first-child {
	display: block;
}

#img_box .img_box_container ul li img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

#img_box .video-container {
	width: 100%;
	height: calc(100vh - 70px);
	position: relative;
	display: block;
	overflow: hidden;
}

#img_box .video-container video {
	width: 100%;
	height: calc(100vh - 70px);
	object-fit: cover;
	position: relative;
	z-index: 1;
}

#img_box .video-container .cover {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	background-image: url('../Images/banner-video-cover.png');
	background-repeat: repeat-x;
	background-size: contain;
	z-index: 2;
}

#img_box .video-container .slogan {
	width: 100%;
	height: calc(100vh - 70px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}

#img_box .video-container .slogan .title {
	font-size: 40px;
	font-weight: bold;
	margin-top: -150px;
}

#img_box .video-container .slogan .abst {
	margin-top: 20px;
	font-size: 17px;
	font-weight: normal;
}

#contents_container {
	max-width: 1500px;
	width: auto;
	margin: 0 auto;
	position: relative;
	min-height: 200px;
}

#contents_container .wapper_dots {
	left: 50%;
	top: -50px;
	display: none;
}

#project_nav {
	
	position: relative;
}

#tuandui{margin-top: -100px;}

#project_nav li {
	width: 14.28%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 36px;
	position: relative
}

#project_nav li .it_title {
	letter-spacing: 5px;
	margin-top: 40px;
}

#project_nav li .summary {
	font-size: 12px;
}

#project_nav li .icon_maps {
	position: absolute;
	top: 120px;
	left: 50%;
}

#project_nav li .project_nav_square {
	width: 100%;
	padding-bottom: 94%;
	position: relative;
}

#project_nav .img_nav_bg_1 {}

#project_nav .img_nav_bg_1 .icon_maps {
	width: 112px;
	height: 67px;
	background-image: url(../Images/01.png);
	background-size: 68%;
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-left: -56px;
}

#project_nav .img_nav_bg_2 {}

#project_nav .img_nav_bg_2 .icon_maps {
	width: 69px;
	height: 89px;
	
	background-image: url(../Images/02.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -34px;
}

#project_nav .img_nav_bg_3 {
	color: #ffffff;
}

#project_nav .img_nav_bg_3 .icon_maps {
	width: 86px;
	height: 76px;
	
	background-image: url(../Images/03.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -43px;
}

#project_nav .img_nav_bg_4 {}

#project_nav .img_nav_bg_4 .icon_maps {
	width: 72px;
	height: 79px;
	background-image: url(../Images/04.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -36px;
}

#project_nav .img_nav_bg_5 {}

#project_nav .img_nav_bg_5 .icon_maps {
	width: 76px;
	height: 71px;
	background-image: url(../Images/05.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -38px;
}

#project_nav .img_nav_bg_6 {}

#project_nav .img_nav_bg_6 .icon_maps {
	/*width: 76px;
	height: 71px;
	background-image: url(../Images/06.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -38px;*/
}

#project_nav .img_nav_bg_7 {}

#project_nav .img_nav_bg_7 .icon_maps {
	width: 76px;
	height: 71px;
	background-image: url(../Images/06.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -38px;
}
#project_nav .img_nav_bg_8 {}

#project_nav .img_nav_bg_8 .icon_maps {
	width: 76px;
	height: 71px;
	background-image: url(../Images/07.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -38px;
}


#contents_container .white_line {
	width: 100%;
	height: 92px;
	background: #fff;
	color: #333;
	line-height: 92px;
	font-size:20px;
	position: relative;
	/*z-index:299;*/
}

#grid_container {
	width: 100%;
	position: relative;
}

#grid_container .grid_box {
	float: left;
	color: #fff;
	font-size: 50px;
}

#grid_container .grid_box_1 {
	width: 60%;
	height: 100%;
	max-width: 900px;
	max-height: 600px;
}

#grid_container .grid_box_2 {
	width: 40%;
	height: 100%;
	max-width: 600px;
	max-height: 600px;
}

#grid_container .grid_box_2.er {
	width: 60%;
	height: 100%;
	max-width: 900px;
	max-height: 600px;
}
#grid_container .grid_box_2.er>div{padding-bottom:66.66666%;}

#grid_container .grid_box_3 {
	width: 20%;
	height: 100%;
	max-width: 300px;
	max-height: 600px;
}

#grid_container .grid_box_4 {
	width: 40%;
	height: 100%;
	max-width: 600px;
	max-height: 300px;
}

#grid_container .grid_box_5 {
	width: 20%;
	height: 100%;
	max-width: 300px;
	max-height: 300px;
}

/*sub-top-banner*/
#sub_banner {
	width: 100%;
	height: 180px;
	position: fixed;
	z-index: 11;
	box-shadow: inset 0 3px 5px #343434;
	background: #333;
	top: 70px;
}

#sub_banner .sb_container {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top: 137px;
	position: relative;
}

#sub_banner .sb_container .img_sb_title {
	position: absolute;
	right: 35px;
	top: 73px;
}

#sub_banner .sb_container ul {
	margin-left: 38px;
}

#sub_banner .sb_container li {
	float: left;
	width: 108px;
	text-align: center;
	font-size: 14px;
	position: relative;
	height: 20px;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
}

#sub_banner .sb_container li:first-child {
	width: 0;
}

#sub_banner .sb_container li:hover {
	color: #ffd235;
}

#sub_banner .sb_container li .li-line {
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	border-left: 1px solid #9d9d9d;
	-webkit-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#sub_banner .sb_container li .line_stay {
	background: #ffd235;
	border-left-color: #ffd235;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);
}

#sub_banner .sb_container li .line_hover {
	background: #ffd235;
	border-left-color: #ffd235;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);
}

#footer {
	max-width: 1500px;
	width: auto;
	/*height: 255px;*/
	background: #fff;
	margin: 0 auto;
	padding-top: 65px;
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}

#icon_to_top {
	cursor: pointer;
	position: absolute;
	top: 47px;
	right: 24px;
	width: 47px;
	height: 47px;
	background: url(../Images/icon_to_top.png) no-repeat 0 0;
	z-index: 13;
}

#icon_to_top:hover {
	background-position: -66px 0;
}

#footer_info_list {
	
}

#footer .footer_ot_info {
	text-align: center;
	margin-top: 43px;
}

#footer_info_list li {
	float: left;
	color: #202020;
	margin-top: 7px;
	width: 25%;
	margin-left: 0px;
	padding: 10px 25px;
    box-sizing: border-box;
}

#footer_info_list li:first-child {
	margin-top: 0;
}

#footer_info_list .with_icon_tel {
	position: relative;
	font-size: 24px;
	padding-left: 24px;
	letter-spacing: 3px;
}

#footer_info_list .with_icon_tel::before {
	background: url(../Images/icon_tel.png) no-repeat;
	width: 24px;
	height: 29px;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#footer_info_list .img400 {
	margin: 20px 0 2px 0;
}

#footer_info_list .big_title {
	font-size: 19px;
	letter-spacing: 1px;
	height: 26px;
	margin-bottom: 40px;
}

#footer_info_list .check_location {
	position: relative;
	text-indent: 27px;
	line-height: 27px !important;
	margin-top: 2px;
}

#footer_info_list .check_location:hover a {
	text-decoration: underline;
}

#footer_info_list .check_location::before {
	background: url(../Images/l_icon.png) no-repeat;
	width: 23px;
	height: 27px;
	content: '';
	display: block;
	position: absolute;
	left: -1px;
	top: 0;
}

#footer_info_list .check_location_icon_1::before {
	background: url(../Images/l_icon.png) no-repeat -42px 0;
}

#footer_info_list .check_location_icon_1:hover::before {
	background: url(../Images/l_icon.png) no-repeat 0 0;
}

.gray_color {
	color: #666;
	line-height: 1.5em;
}

.gray_color a {
	color: #666;
}

.gray_color a:hover {
	text-decoration: underline;
}

#footer_info_list .p10 {
	margin-bottom: 0px;
}

#footer_info_list .ot_lis p {
	line-height: 1.5em;
}

.hs-font {
	font-size: 12px;
	font-family: Arial, "Microsoft YaHei";
	font-size: 13px;
	text-transform: uppercase;
}

.hs-font strong {
	font-family: 'Arial Black' !important;
}

#grid_container .proportion_grid {
	position: relative;
}

#grid_container .proportion_square {
	position: relative;
	overflow: hidden;
	height: 0;
}

#grid_container .grid_box_1 .proportion_square {
	width: 100%;
	padding-bottom: 66.666666666%;
}

#grid_container .grid_box_2 .proportion_square {
	width: 100%;
	padding-bottom: 100%;
}

#grid_container .grid_box_4 .proportion_square {
	width: 100%;
	padding-bottom: 50%;
}

#grid_container .grid_box_5 .proportion_square {
	width: 100%;
	padding-bottom: 100%;
}

.project_nav_square .menu {
	position: absolute;
	text-align: center;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px
}

.project_nav_square .menu-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	line-height: 26px;
}

.project_nav_square .menu-title .l1,
.project_nav_square .menu-title .l2 {
	display: block;
	position: relative;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.face-hover {
	display: none;
}

.project_nav_square .cube-container,
.project_nav_square .face-normal,
.project_nav_square .face-hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.project_nav_square .face-normal,
.project_nav_square .face-hover {
	overflow: hidden
}

.project_nav_square .cube-container {
	-webkit-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project_nav_square .menu-1 {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	z-index: 99;
}

.project_nav_square .menu-1 .cube-container {
	-webkit-transform: translateZ(-141px);
	-moz-transform: translateZ(-150px);
	-ms-transform: translateZ(-150px);
	-o-transform: translateZ(-150px);
	transform: translateZ(-141px)
}

.project_nav_square .menu-1 .face-normal {
	/*background:url(../Images/img_nav_bg_2.png) repeat;*/
	background: pink;
	/*
	-webkit-transform: translateZ(150px);
	-moz-transform: translateZ(150px);
	-ms-transform: translateZ(150px);
	-o-transform: translateZ(150px);
	transform: translateZ(150px)
	*/
}

.project_nav_square .menu-1 .face-hover .menu-title .l1 {
	top: -50px
}

.project_nav_square .menu-1 .face-hover .menu-title .l2 {
	top: 50px
}

.project_nav_square .menu:hover .menu-title .l1,
.project_nav_square .menu:hover .menu-title .l2 {
	left: 0 !important;
	top: 0 !important
}

.project_nav_square .menu:hover .side_word_y p {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.project_nav_square .menu:hover .side_icon_maps {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.work_grid_container .w_grid_box {
	max-width: 300px;
	max-height: 300px;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.w_grid_box .img_box {
	position: relative;
	width: 100%;
	height: 100%;
}

.w_grid_box .img_box:hover .opacity_mask {
	bottom: 0;
}

.img_box .opacity_mask {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -100px;
	left: 0;
	z-index: 7;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.opacity_mask .it_opacity_bg {
	background: url(../Images/work_mask_opacity.png) repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.opacity_mask .it_word {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-left: 23px;
}

@-moz-document url-prefix() {
	.opacity_mask .it_word {
		padding-left: 23px;
	}
}

.it_word .outter_works_title {
	font-size: 16px;
}

.it_word .outter_works_category {
	font-size: 12px;
	margin-top: 4px;
}

.img_box .w_grid_box_img {
	width: 100%;
	height: 100%;    object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.recommend_table .recommend_grid {
	float: left;
	font-size: 30px;
	display: inline-block;
	*display: inherit;
	zoom: 1;
}

.recommend_grid .recommend_square {
	position: relative;
}

.recommend_square .recommend_container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}

.recommend_square .recommend_container img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.recommend_table .recommend_1x1_grid {
	width: 20%;
	position: relative;
}

.recommend_1x1_grid .recommend_square {
	width: 100%;
	padding-bottom: 100%;
}

.recommend_table .recommend_2x1_grid {
	width: 40%;
}

.recommend_2x1_grid .recommend_square {
	width: 100%;
	padding-bottom: 50%;
}

.recommend_table .recommend_2x2_grid {
	width: 40%;
}

.recommend_2x2_grid .recommend_square {
	width: 100%;
	padding-bottom: 100%;
}

.recommend_table .recommend_3x2_grid {
	width: 60%;
}

.recommend_3x2_grid .recommend_square {
	width: 100%;
	padding-bottom: 66.666666666%;
}

.inner_2x1_container {
	width: 100%;
	padding-bottom: 50%;
	font-size: 22px;
	color: #fff;
	position: relative;
}

.inner_2x1_container .inner_2x1_box {
	width: 100%;
	height: 100%;
	line-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

/*关于我们*/
#about_container {
	max-width: 1500px;
	margin: 0 auto;
	width: auto;
}

#about_container .about_blackboroad {
	width: 100%;
	padding-bottom: 40%;
	position: relative;
}

.about_blackboroad .about_blackboroad_container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff url(../Images/about_1_bg.jpg) no-repeat 53% center;
	overflow: hidden;
}

.about_blackboroad_container .silder_box {
	width: 40%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	height: 100%;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.about_blackboroad_container .silder_box img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}

.silder_box_hover {
	-webkit-transform: translateX(0) !important;
	-moz-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	-o-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

#fluid_container {
	width: 100%;
}

#fluid_container .fluid_square {
	position: relative;
	height: 0;
}

#fluid_container .fluid_grid {
	float: left;
	box-sizing: border-box;
}

#fluid_container .fluid_grid1x1 {
	width: 20%;
}

#fluid_container .fluid_grid2x1 {
	width: 40%;
}

#fluid_container .fluid_grid2x2 {
	width: 40%;
}

#fluid_container .fluid_grid3x2 {
	width: 60%;
}

#fluid_container .fluid_grid5x2 {
	width: 100%;
}

.fluid_grid1x1 .fluid_square {
	width: 100%;
	padding-bottom: 100%;
}

.fluid_grid2x1 .fluid_square {
	width: 100%;
	padding-bottom: 50%;
}

.fluid_grid2x2 .fluid_square {
	width: 100%;
	padding-bottom: 100%;
}

.fluid_grid3x2 .fluid_square {
	width: 100%;
	padding-bottom: 66.666666666%;
}

.fluid_grid5x2 .fluid_square {
	width: 100%;
	padding-bottom: 50%;
}

.fluid_grid6x2 .fluid_square {
	width: 100%;
	padding-bottom: 50%;
}

.fluid_square .fluid_square_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.fluid_square_box .ability_big_box {
	padding: 8% 0 0 15%;
	color: #fff;
	line-height: 1.7em;
	font-size: 14px;
}

.fluid_square_box .ability_img_box img {
	width: 100%;
	height: auto;
}

.fluid_square_box .ability_big_box strong.title {
	font-size: 36px;
}

.fluid_square_box .history_content_box {
	padding: 24% 19% 0 19%;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.7em;
	color: #313131;
}

.fluid_square_box .leadership_content_box {
	padding-top: 17%;
}

.fluid_square_box .leadership_block_ul_box {
	padding: 17% 0 0 19%;
	line-height: 100%;
}

.fluid_square_box .leadership_block_ul_box ul li {
	margin-top: 30px;
}

.leadership_block_ul_box .second_ul {
	margin-left: 15.5%;
}

.touch_marvel {
	overflow: hidden;
}

.touch_marvel:hover .resize_img {
	display: block;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.touch_marvel_5 {
	overflow: hidden;
}

.touch_marvel_5:hover .resize_img {
	display: block;
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
}

.fluid_square_box .resize_img {
	width: 100%;
	height: 100%;object-fit: cover;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.animation_time {
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.proportion_square .resize_img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.img_square_with_link {
	text-align: center;
}

.img_square_with_link .history_sns_frame {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.img_square_with_link .sns_weibo {
	background: #fda977 url(../Images/sns_weibo.png) no-repeat 50%;
}

.img_square_with_link .sns_weibo:hover {
	background-color: #f9965b;
}

.img_square_with_link .sns_qq {
	background: #803f49 url(../Images/sns_qq.png) no-repeat 50%;
}

.img_square_with_link .sns_qq:hover {
	background-color: #7a2f3a;
}

.img_square_with_link .resize_img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.box_wall_pic_bgs {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#box_wall_pic_1 {
	background: url(../Images/about_photo_1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#box_wall_pic_2 {
	background: url(../Images/about_honnor_title_1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#box_wall_pic_3 {
	background: url(../Images/about_honnor_summary_1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#box_wall_pic_4 {
	background: url(../Images/about_honnor_title_2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#box_wall_pic_5 {
	background: url(../Images/about_honnor_summary_2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#box_wall_pic_6 {
	background: url(../Images/hansn_love.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.begToTouchMe {
	overflow: hidden;
	cursor: pointer;
}

.fluid_square_box .direction_cover {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff000;
	display: none;
	/*
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
*/
}

.fluid_square_box .icon_hansn_start {
	position: absolute;
	top: 38%;
	left: 18%;
	z-index: 10;
}

.fluid_square_box .icon_hansn_honnor {
	top: 40%;
	left: 21%;
}

.fluid_square_box .icon_hansn_love {
	top: 40%;
	left: 50%;
	margin-left: -76px;
}

.about_more {
	font-size: 16px;
	color: #434343;
	position: relative;
	display: inline-block;
	position: absolute;
	right: 7.5%;
	bottom: 5.8%;
	z-index: 10;
}

.button_with_underline:before,
.button_with_underline:after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #827340;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.button_with_underline:before,
.button_with_underline:after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.begToTouchMe:hover .button_with_underline::before,
.begToTouchMe:hover .button_with_underline::after,
.begToTouchMe:focus .button_with_underline::before,
.begToTouchMe:focus .button_with_underline::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.begToTouchMe:hover .button_with_underline::after,
.begToTouchMe:focus .button_with_underline::after,
.begToTouchMe:hover .button_with_underline::before,
.begToTouchMe:focus .button_with_underline::before {
	top: 0%;
	opacity: 1;
}

.word_white_with_underline {
	color: #fff;
}

.word_white_with_underline:before,
.word_white_with_underline:after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.word_white_with_underline:before,
.word_white_with_underline:after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.begToTouchMe:hover .word_white_with_underline::before,
.begToTouchMe:hover .word_white_with_underline::after,
.begToTouchMe:focus .word_white_with_underline::before,
.begToTouchMe:focus .word_white_with_underline::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.begToTouchMe:hover .word_white_with_underline::after,
.begToTouchMe:hover .word_white_with_underline::after,
.begToTouchMe:hover .word_white_with_underline::before,
.begToTouchMe:hover .word_white_with_underline::before {
	top: 0%;
	opacity: 1;
}

#second_top_banner {
	background: #333333;
	max-width: 1500px;
	width: auto;
	margin: 0 auto;
}

#second_top_banner table {
	width: 100%;
	height: 100%;
	font-size: 35px;
}

#second_top_banner table tr td {
    color: #fff;
	vertical-align: middle;
	padding-left: 10%;
	font-weight: bold;
}

.ability_second_top_banner {
	background: #333333 !important;
}

#second_top_banner .second_top_banner_square {
	width: 100%;
	padding-bottom: 12%;
	position: relative;
}

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

.ability_second_top_banner .ability_second_top_banner_container {
	background: url(../Images/ability_word.jpg) no-repeat 13% 50%;
}

.ability_second_top_banner .commonweal_second_top_banner_container {
	background: url(../Images/commonweal_word.jpg) no-repeat 13% 50%;
}

.second_top_banner_square .experience_second_top_banner_container {
	background: url(../Images/experience_word.jpg) no-repeat 13% 50%;
}

.second_top_banner_square .leadership_second_top_banner_container {
	background: url(../Images/leadership_word.jpg) no-repeat 13% 50%;
}

#img_tunr_change {
	max-width: 1500px;
	margin: 0 auto;
}

#img_tunr_change_square {
	width: 100%;
	padding-bottom: 40%;
	position: relative;
}

#img_tunr_change_square .img_tunr_change_square_container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#img_tunr_change_square .img_tunr_change_square_container ul {
	position: relative;
	width: 100%;
	height: 100%;
}

#img_tunr_change_square .img_tunr_change_square_container ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 40%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}

#img_tunr_change_square .img_tunr_change_square_container ul li:first-child {
	display: block;
}

#img_tunr_change_square .wapper_dots {
	position: absolute;
	left: 50%;
	bottom: 5%;
}

.wapper_dots .dots_container {
	width: 20px;
	height: 20px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 14px;
	cursor: pointer;
	position: relative;
}

.wapper_dots .dots_container::after {
	content: '';
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	border: 3px solid #fff;
	border-radius: 10px;
	top: 0;
	left: 0;
}

.wapper_dots .active_dots::after {
	width: 20px;
	height: 20px;
	border: 0;
	background: #fff;
}

.wapper_dots .dots_container:first-child {
	margin-left: 0;
}

.history_link {
	font-size: 22px;
	color: #fff;
	position: relative;
	display: inline-block;
	z-index: 10;
}

.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '{';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: '}';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1:hover a::before,
.cl-effect-1:hover a::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

#icons_ability {
	margin-top: 40px;
}

#icons_ability li {
	width: 100px;
	height: 100px;
	position: relative;
	float: left;
	margin-left: 5%;
	cursor: pointer;
}

#icons_ability li:first-child {
	margin-left: 0;
}

#icons_ability .icons_ability_1 .face-normal {
	background: #aba29b url(../Images/icons_ability.png) no-repeat 16px 5px;
}

#icons_ability .icons_ability_1 .face-hover {
	background: #9f948c url(../Images/icons_ability.png) no-repeat 16px 5px;
}

#icons_ability .icons_ability_2 .face-normal {
	background: #aba29b url(../Images/icons_ability.png) no-repeat -114px 5px;
}

#icons_ability .icons_ability_2 .face-hover {
	background: #9f948c url(../Images/icons_ability.png) no-repeat -114px 5px;
}

#icons_ability .icons_ability_3 .face-normal {
	background: #aba29b url(../Images/icons_ability.png) no-repeat -245px 5px;
}

#icons_ability .icons_ability_3 .face-hover {
	background: #9f948c url(../Images/icons_ability.png) no-repeat -245px 5px;
}

#icons_ability .icons_ability_4 .face-normal {
	background: #aba29b url(../Images/icons_ability.png) no-repeat -377px 5px;
}

#icons_ability .icons_ability_4 .face-hover {
	background: #9f948c url(../Images/icons_ability.png) no-repeat -377px 5px;
}

#icons_ability .icons_ability_5 .face-normal {
	background: #aba29b url(../Images/icons_ability.png) no-repeat -509px 5px;
}

#icons_ability .icons_ability_5 .face-hover {
	background: #9f948c url(../Images/icons_ability.png) no-repeat -509px 5px;
}

.inner_2x1_box .menu,
#icons_ability .menu {
	position: absolute;
	text-align: center;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px
}

.inner_2x1_box .menu-title,
#icons_ability .menu-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	line-height: 26px;
}

.inner_2x1_box .menu-title .l1,
#icons_ability .menu-title .l1,
#icons_ability .menu-title .l2 {
	display: block;
	position: relative;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.inner_2x1_box .cube-container,
.inner_2x1_box .face-normal,
.inner_2x1_box .face-hover,
#icons_ability .cube-container,
#icons_ability .face-normal,
#icons_ability .face-hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-90deg) translateZ(50px);
	-moz-transform: rotateX(-90deg) translateZ(50px);
	-ms-transform: rotateX(-90deg) translateZ(50px);
	-o-transform: rotateX(-90deg) translateZ(50px);
	transform: rotateX(-90deg) translateZ(50px)
}

.inner_2x1_box .face-normal,
.inner_2x1_box .face-hover,
#icons_ability .face-normal,
#icons_ability .face-hover {
	overflow: hidden
}

.inner_2x1_box .cube-container,
#icons_ability .cube-container {
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.inner_2x1_box .menu-1,
#icons_ability .menu-1 {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	z-index: 99;
}

.inner_2x1_box .menu-1 .cube-container,
#icons_ability .menu-1 .cube-container {
	-webkit-transform: translateZ(-50px);
	-moz-transform: translateZ(-50px);
	-ms-transform: translateZ(-50px);
	-o-transform: translateZ(-50px);
	transform: translateZ(-50px);
}

.inner_2x1_box .menu-1 .face-normal,
#icons_ability .menu-1 .face-normal {
	-webkit-transform: translateZ(50px);
	-moz-transform: translateZ(50px);
	-ms-transform: translateZ(50px);
	-o-transform: translateZ(50px);
	transform: translateZ(50px);
}

.project_nav_square .menu-1 .face-hover {
	-webkit-transform: rotateX(-90deg) translateZ(50px);
	-moz-transform: rotateX(-90deg) translateZ(50px);
	-ms-transform: rotateX(-90deg) translateZ(50px);
	-o-transform: rotateX(-90deg) translateZ(50px);
	transform: rotateX(-90deg) translateZ(50px);
}

.inner_2x1_box .menu-1 .face-hover .menu-title .l1,
#icons_ability .menu-1 .face-hover .menu-title .l1 {
	top: -50px
}

.inner_2x1_box .menu-1 .face-hover .menu-title .l2,
#icons_ability .menu-1 .face-hover .menu-title .l2 {
	top: 50px
}

#icons_ability .menu:hover .menu-title .l1,
#icons_ability .menu:hover .menu-title .l2 {
	left: 0 !important;
	top: 0 !important
}

.inner_2x1_box .menu-1:hover .cube-container,
#icons_ability .menu-1:hover .cube-container {
	-webkit-transform: translateZ(-50px) rotateX(90deg);
	-moz-transform: translateZ(-50px) rotateX(90deg);
	-ms-transform: translateZ(-50px) rotateX(90deg);
	-o-transform: translateZ(-50px) rotateX(90deg);
	transform: translateZ(-50px) rotateX(90deg);
}

#commonweal_list li {
	width: 100%;
	position: relative;
	font-size: 0;
}

#commonweal_list li .li_square {
	width: 100%;
	padding-bottom: 40%;
	position: relative;
}

#commonweal_list li .part_1 {
	width: 60%;
	height: 100%;
	left: 0;
}

#commonweal_list li .part_2 {
	width: 40%;
	height: 100%;
	right: 0;
}

#commonweal_list li .part_box {
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: absolute;
	top: 0;
}

#commonweal_list li img {
	display: block;
	width: 100%;
	height: auto;
}

#experience_list li {
	width: 100%;
	padding-bottom: 20%;
	position: relative;
}

#experience_list li .experience_list_container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.experience_list_container .experience_timeline_img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.experience_list_container .timeline_describe_box {
	width: 40%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}

.experience_list_container .timeline_summary {
	position: absolute;
	z-index: 11;
	color: #fff;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 2.1em;
	left: 12%;
	top: 50%;
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}

.timeline_describe_box .opacity_color_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.76;
}

.hover_effect {
	position: absolute;
	z-index: 11;
	overflow: hidden;
	width: 395px;
	height: 112px;
	color: #fff;
	top: 40%;
	right: 20%;
}

.hover_effect .effect_box {
	position: relative;
	width: 100%;
	font-size: 24px;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.7s 0.2s;
	-moz-transition: -moz-transform 0.7s 0.2s;
	transition: transform 0.7s 0.2s;
}

.hover_effect .effect_box .year_underline {
	text-decoration: underline;
}

.hover_effect .effect_box .year_become_big {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1px;
}

.effect_box .normal_box {
	opacity: 1;
	padding-left: 53px;
	-webkit-transition: all 0.3s 0.3s;
	-moz-transition: all 0.3s 0.3s;
	transition: all 0.3s 0.3s;
}

.effect_box .hover_box {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	opacity: 0;
	padding-left: 53px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.3s 0.3s;
	-moz-transition: all 0.3s 0.3s;
	transition: all 0.3s 0.3s;
}

.touch_this:hover .effect_box {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.touch_this:hover .hover_box {
	opacity: 1;
}

.touch_this:hover .normal_box {
	opacity: 0;
}

.touch_this:hover {
	width: 100% !important;
}

.touch_this:hover .timeline_summary {
	opacity: 1;
}

#work_container {
	max-width: 1500px;
	width: auto;
	margin: 0 auto;
}

#work_title {
	overflow: hidden;
}

#work_title .work_title_container {
	width: 100%;
	padding-bottom: 12%;
	position: relative;
}

.work_title_container .work_title_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	padding-left: 15%;
}

.work_title_box .title_name {
	font-size: 16px;
	color: #cfa972;
	margin-bottom: 5px;
	font-weight: bold;
}

.work_title_box .title_summary {
	font-size: 28px;
	font-weight: bold;
	color: #313131;
}

#work_top_img {
	width: 100%;
	position: relative;
}

#work_top_img img {
	width: 100%;
	height: auto;
}

.fluid_square_box .word_details_content_box {
	padding: 0 19% 0 21%;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.7em;
	color: #313131;
}

#work_container .fluid_square {
	position: relative;
}

#work_container .fluid_grid {
	float: left;
}

#work_container .fluid_grid1x1 {
	width: 20%;
}

#work_container .fluid_grid2x1 {
	width: 40%;
}

#work_container .fluid_grid2x2 {
	width: 40%;
}

#work_container .fluid_grid3x2 {
	width: 60%;
}

#work_container .fluid_grid6x2 {
	width: 100%;
}

#work_scroll_box {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#work_scroll_box .hover_touch_up {
	width: 100%;
	height: 17%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 11;
}

#work_scroll_box .hover_touch_down {
	width: 100%;
	height: 17%;
	position: absolute;
	bottom: 0;
	left: 0;
	cursor: pointer;
	z-index: 11;
}

#work_scroll_box li {
	position: absolute;
	top: 0;
	left: 0;
}

#work_scroll_box .dot_container {
	position: absolute;
	right: 2%;
	top: 50%;
	z-index: 11;
}

.dot_container .dots {
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #b0adae;
	margin-top: 10px;
}

.dot_container .dots:first-child {
	margin-top: 0;
}

#work_scroll_box li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#work_scroll_box li img {
	width: 100%;
	height: auto;
}

#work_scroll_box_1 {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#work_scroll_box_1 .hover_touch_up {
	width: 100%;
	height: 17%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 11;
}

#work_scroll_box_1 .hover_touch_down {
	width: 100%;
	height: 17%;
	position: absolute;
	bottom: 0;
	left: 0;
	cursor: pointer;
	z-index: 11;
}

#work_scroll_box_1 li {
	position: absolute;
	top: 0;
	left: 0;
}

#work_scroll_box_1 .dot_container {
	position: absolute;
	right: 2%;
	top: 50%;
	z-index: 11;
}

#work_scroll_box_1 li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#work_scroll_box_1 li img {
	width: 100%;
	height: auto;
}

.work_details_boxes {
	max-width: 1500px;
	width: auto;
	margin: 0 auto;
	font-size: 0;
}

.work_details_boxes .imgItem {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.work_details_boxes .imgItem a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-decoration: none;
}

.work_details_boxes .imgItem a img {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	height: auto;
}

.join_container {
	max-width: 1500px;
	width: auto;
	margin: 0 auto;
}

#join_us_container {
	max-width: 1500px;
	width: auto;
	margin: 0 auto;
	background: #fff;
}

.bg_inner_words {
	font-size: 24px;
	color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 11;
}

.bg_inner_words table {
	width: 100%;
	height: 100%;
}

.bg_inner_words table tr td {
	vertical-align: middle;
	text-align: center;
}

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

.mask_color_div {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.come_ririririr:hover .mask_color_div {
	left: 0;
}

.cnmb_word {
	position: absolute;
	width: 80%;
	left: 50%;
	top: 0;
	z-index: 11;
	height: 100%;
	overflow: hidden;
}

.cnmb_word .word_riririri {
	position: absolute;
	left: 9%;
	top: 50%;
	width: 100%;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;

}

.inner_2x1_box .cube-container .begging_you {
	position: absolute;
	left: 29%;
	top: 50%;
	line-height: 1.9em;
}

#move_block {
	position: absolute;
	/*background:#dce1e5;*/
	background: #333333;
}

.hover-banner-effect {
	position: relative;
	z-index: 1;
}

.hover-banner-effect a {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.hover-banner-effect:hover a{color:#fff;}

.hover-banner-effect a .before {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #dce1e5;
	color: #0f7c67;
}

#news_img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#move_box {
	position: absolute;
	left: 0;
	top: 0;
}

#move_box_contents {
	position: absolute;
	left: 0;
	top: 0;
}

#news_img li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
	height: 100%;
	position: relative;
}

#news_img .li_move_time {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

#news_img li img {
	width: 100%;
	height: auto;
}

#news_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #9d9d9d;
}

#news_box .news_square {
	padding: 12% 8.66666% 0 8.66666%;
	font-size: 14px;
}

#news_box .news_square .news_title {
	font-size: 26px;
}

.fluid_square_box .prize_show_box {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	z-index: 11;
}

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

.touch_img_effect:hover {
	box-shadow: 0 0 30px #fff inset;
}

.fluid_square_box .prize_show_box:first-child {
	display: block;
}

#prize_scroll_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#prize_scroll_img li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
}

#prize_scroll_img li:first-child {
	display: block;
}

.im_loading {
	background: url(../Images/preloader.gif) no-repeat center center;
}

.scrollLoading_y_100 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.ot_lis_1position {
	margin-left: 120px;
}

.ot_lis_2position {
	margin-left: 55px;
}

.ot_lis_3position {
	margin: 108px 0 0 55px !important;
}

.special_clear {
	display: none;
}

.special_big_title {
	display: block;
}

.pc_container {
	display: block;
}

.mobile_container {
	display: none;
}

.mobile_address_container {
	position: relative;
}

.mobile_address_container .check_location {
	position: absolute !important;
	bottom: 18px;
	left: 257px;
	width: 80px;
}

.line-height18 {
	line-height: 1.8em;
}

.pc_index_summary {
	display: block;
}

.mobile_index_summary {
	display: none;
}

.side_word {
	font-size: 15px;
	text-align: left;
	padding: 10px;
    height: 90%;
}

.side_word .pc_word_box{
    display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.side_word .side_word_y {
	overflow: hidden;
}

.side_word .side_word_y p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
}

.side_word_delay_1 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.side_word_delay_2 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
}

.side_word_delay_3 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

.side_word_delay_4 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;
}

.side_word_delay_5 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}

.side_word_delay_6 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

.side_word_delay_7 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}

.side_word p {
	line-height: 1.5em;
}

.side_word .special_small {
	font-size: 12px;
}

.side_word .margin_position {
	margin: 36px;
}

.side_word .line_size {
	font-size: 18px;
}

.side_word .side_big_word {
	font-size: 24px;
}

.side_icon_maps {
	background: url(../Images/turn_over_icon.png) no-repeat;
	position: absolute;
	bottom: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

#project_nav .img_nav_bg_1 .side_icon_maps {
	background-position: 0 -283px;
	width: 168px;
	right: -58px;
	height: 122px;
}

#project_nav .img_nav_bg_2 .side_icon_maps {
	background-position: -227px -283px;
	width: 95px;
	right: -27px;
	height: 122px;
}

#project_nav .img_nav_bg_3 .side_icon_maps {
	background-position: -381px -283px;
	width: 106px;
	right: -22px;
	height: 122px;
}

#project_nav .img_nav_bg_4 .side_icon_maps {
	background-position: -545px -283px;
	width: 89px;
	right: -19px;
	height: 122px;
}

#project_nav .img_nav_bg_5 .side_icon_maps {
	background-position: -695px -283px;
	width: 108px;
	right: -18px;
	height: 122px;
}

#index_news_contents {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#index_news_contents li {
	width: 100%;
	height: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
}

.sina_date {
	position: absolute;
	bottom: 5%;
	font-size: 12px;
	right: 6%;
}



#video_container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1111;
}

#video_container .opacity_mask {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}

#video_box {
	width: 1280px;
	height: 720px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -360px 0 0 -640px;
}

#link_container {
	max-width: 1500px;
	margin: 0 auto;
	height: 170px;
	font-size: 30px;
	line-height: 170px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#link_container a {
	position: relative;
}

#link_container a .under-line {
	display: none;
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	font-size: 0;
}

#link_container a:hover .under-line {
	display: block;
}

.pc_word_box {
	display: block;
}

.mobile_word_box {
	display: none;
}

#news_dots_container {
	position: absolute;
	height: 13px;
	font-size: 0;
	left: 50%;
	bottom: 10px;
}

#news_dots_container .dots {
	width: 13px;
	height: 13px;
	border-radius: 6px;
	background: #fff;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 11px;
	cursor: pointer;
}

#news_dots_container .dots_active {
	background: #333333;
}

#news_dots_container .dots:first-child {
	margin-left: 0;
}

.news_scroll {
	cursor: pointer;
}

.news_pc_container {
	display: block;
}

.news_mobile_container {
	display: none;
}

.holiday_header {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #ffe100;
	z-index: 111;
	overflow: hidden;
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.holiday_header .holiday_header_container {
	width: 1500px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.holiday_header_container .logo_icon {
	background: url(../Images/logo.png) no-repeat;
	width: 181px;
	height: 17px;
	display: block;
	position: absolute;
	top: 30px;
	left: 37px;
	cursor: pointer;
}

.holiday_header_container .holiyday_hint {
	background: url(../Images/holiyday_hint.png) no-repeat;
	width: 270px;
	height: 21px;
	position: absolute;
	top: 50%;
	margin: -10px 0 0 0;
	right: 135px;
	display: none;
}

.holiday_header_container .soical_bts {
	width: 55px;
	height: 20px;
	position: absolute;
	right: 45px;
	top: 26px;
}

.soical_bts div {
	position: absolute;
	background: url(../Images/soical_bts.png) no-repeat;
	cursor: pointer;
}

.soical_bts .weibo_bt {
	background-position: 0 0;
	width: 22px;
	height: 18px;
	left: 0;
}

.soical_bts .qq_bt {
	background-position: -36px 0;
	width: 17px;
	height: 18px;
	right: 0;
}

.holiyday_bottom {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 11;
	overflow: hidden;
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-ms-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.holiyday_bottom .holiyday_bottom_container {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 66px;
	background: url(../Images/holiyday_bottom_bg.png) repeat;
}

.holiyday_bottom_icon {
	margin-top: 72px;
}

.hoilyday_tel {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.hoilyday_tel b {
	font-weight: normal;
	text-shadow: 0 0 2px #ffe100;
	animation: shadow 3s linear infinite both;
	-webkit-animation: shadow 3s linear infinite both;
}

.holiyday_bottom_ot_lis_3position {
	margin: 82px 0 0 55px !important;
}

.holiyday_bottom_footer_ot_info {
	margin-top: 91px !important;
}

.close_video {
	background: url(../Images/video_close.png) no-repeat;
	width: 51px;
	height: 51px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
	cursor: pointer;
}

img::selection,
ul li::selection,
a::selection,
p::selection,
strong::selection,
div::selection,
span::selection {
	background: #ffe63f;
}

ul li::-moz-selection,
img::-moz-selection,
a::-moz-selection,
p::-moz-selection,
strong::-moz-selection,
div::-moz-selection,
span::-moz-selection {
	background: #ffe63f;
}

.coffee_square {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 200;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.coffee_square .coffee_inner,
.coffee_square .c_front,
.coffee_square .c_bak {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.coffee_square .coffee_inner {
	-webkit-perspective: 100px;
	-moz-perspective: 100pxpx;
	-ms-perspective: 100px;
	perspective: 100px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
	-moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
	-ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
	-o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
	transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
}

.coffee_square .c_front,
.coffee_square .c_bak {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.img_nav_bg_1 .c_front,
.img_nav_bg_1 .c_bak {
	background: rgb(242, 202, 48);
}

.img_nav_bg_2 .c_front,
.img_nav_bg_2 .c_bak {
	background: rgb(245, 125, 50);
}

.img_nav_bg_3 .c_front,
.img_nav_bg_3 .c_bak {
	background: rgb(240, 240, 240);
}

.img_nav_bg_4 .c_front,
.img_nav_bg_4 .c_bak {
	background: rgb(64, 198, 199);
}

.img_nav_bg_5 .c_front,
.img_nav_bg_5 .c_bak {
	background: rgb(72, 136, 202);
}

.coffee_square .c_bak {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.coffee_square .c_front {
	z-index: 8;
}

.coffee_square .c_bak {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	overflow: hidden;
}

.coffee_square.hover .c_front {
	z-index: -1;
}

.coffee_square.hover .coffee_inner {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.coffee_square.hover .coffee_inner .c_bak p {
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	opacity: 0.999;
	filter: alpha(opacity=99.9);
}

.coffee_square.hover .side_word_delay_1 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.coffee_square.hover .side_word_delay_2 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.coffee_square.hover .side_word_delay_3 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.coffee_square.hover .side_word_delay_4 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.coffee_square.hover .side_word_delay_5 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.coffee_square.hover .side_word_delay_6 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.coffee_square.hover .side_word_delay_7 p {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.message_square {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 200;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.message_square .inner,
.message_square .front,
.message_square .back {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.message_square .inner {
	-webkit-perspective: 100px;
	-moz-perspective: 100pxpx;
	-ms-perspective: 100px;
	perspective: 100px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
	-moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s;
	-o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
	transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0;
}

.message_square .front,
.message_square .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.message_square .front {
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.message_square .back {
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.message_square .inner {
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	overflow: hidden;
	position: relative;
}

.img_nav_bg_2 .message_square .inner {
	background: rgb(245, 125, 50);
}

.img_nav_bg_4 .message_square .inner {
	background: rgb(64, 198, 199);
}

.img_nav_bg_2 .message_square.hover .inner {
	background: rgb(245, 125, 50);
}

.img_nav_bg_4 .message_square.hover .inner {
	background: rgb(64, 198, 199);
}

.message_square.hover .inner {
	background: #000;
}

.message_square.hover .inner .front {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.message_square.hover .inner .back {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

#mobile_top_banner_sign {
	display: none;
}

.img_nav_bg_6 {
	display: none;
}

#footer_info_list .img400 {
	width: 180px;
	height: 22px;
}

.moblie_moblie_show {
	display: none;
}

.about_blackboroad_container .about_more {
	display: none;
}

.history_content_box_special_1 {
	font-size: 24px !important;
	padding-top: 38% !important;
}

#mobile_nav {
	position: fixed;
	top: 0;
	right: 0;
	background: url(../Images/mobile_nav_bg.png) repeat;
	z-index: 115;
}

.mobile_nav_tranformx {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

#mobile_nav_container {
	margin: 41px 0 0 21px;
	color: #eaeaea;
}

#mobile_nav_container .mobile_nav_logo {
	width: 181px;
	height: 17px;
	background: url(../Images/mobile_nav_logo.png) no-repeat;
}

#mobile_nav_container ul {
	position: absolute;
	bottom: 17%;
}

#mobile_nav_container .mobile_nav_contacts {
	position: absolute;
	bottom: 5%;
}

#mobile_nav_container ul li {
	font-size: 38px;
	line-height: 1.7em;
	letter-spacing: -1px;
}

.begging_you_size_1 {
	font-size: 22px;
}

.begging_you_size_2 {
	font-size: 18px;
}

.begging_you_size_3 {
	font-size: 28px;
}

.join_us_text {
	text-indent: 13% !important;
}

#mobile_sub_nav {
	display: none;
}

/**/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#navigation .logo_icon {
		background: url('../Images/logo.png') no-repeat;
		background-size: 100% auto;
	}

	.holiday_header_container .logo_icon {
		background: url('../Images/logo.png') no-repeat;
		background-size: 100% auto;
	}

	#soical_bts .weibo_bt {
		width: 22px;
		height: 18px;
		background-position: 0 -19px;
		background-size: 53px auto;
	}

	#soical_bts .qq_bt {
		width: 17px;
		height: 18px;
		background-position: -36px -19px;
		background-size: 53px auto;
	}

	#footer_info_list .with_icon_tel::before {
		width: 23px;
		height: 29px;
		background-size: 23px auto;
		background-position: 0 -26px;
	}

	#footer_info_list .check_location::before {
		width: 23px;
		height: 27px;
		background-size: 65px;
		background-position: 0 -23px;
	}

	#footer_info_list .check_location_icon_1::before {
		width: 23px;
		height: 27px;
		background-size: 65px;
		background-position: -42px -23px;
	}
}

@media(min-width:1680px) {
	#tuandui {
		margin-top: -8%;
	}

	#navigation ul {
		max-width: 800px;
	}

	#project_nav li {
		font-size: 24px;
	}
	
	#project_nav .img_nav_bg_82{display:none;}

	#project_nav li .it_title {
		margin-top: 40px;
	}

	#news_box .news_square {
		padding: 0 8.66666%;
	}

	.year_summary_container {
		width: 408px;
	}

	.hover_effect {
		overflow: visible;
	}
}

@media(min-width:1500px) and (max-width:1679px) {
	.year_summary_container {
		width: 408px;
	}

	.hover_effect {
		overflow: visible;
	}

	.fluid_square_box .history_content_box {
		padding-top: 19%;
	}

	.history_content_box_special_1 {
		padding-top: 33% !important;
	}

	#contents_container {
		margin: 0 45px;
		width: auto;
	}

	#about_container {
		margin: 0 45px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 45px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 45px;
		width: auto;
	}

	#join_us_container {
		margin: 0 45px;
		width: auto;
	}

	#work_container {
		margin: 0 45px;
		width: auto;
	}

	#work_details_box {
		margin: 0 45px;
		width: auto;
	}

	#link_container {
		margin: 0 45px;
		width: auto;
	}

	#footer {
		margin: 0 45px;
		width: auto;
	}

	#news_box .news_square {
		padding: 0 8.66666%;
	}

	#news_box .news_square .news_title {
		font-size: 24px;
	}

	.side_word .margin_position {
		margin: 15px;
	}

	#project_nav .side_icon_maps {
		bottom: 13px;
	}

	#project_nav {
		/*margin-top: -17.5%;*/
	}

	#navigation ul {
		max-width: 780px;
		left: 23%;
	}

	#project_nav li {
		font-size: 34px;
	}
	
	#project_nav .img_nav_bg_82{display:none;}

	#project_nav li .it_title {
		margin-top: 73px;
	}

	#project_nav li .icon_maps {
		top: 144px;
	}

	#footer_info_list {
		/*margin-left: 30px;*/
	}

	.ot_lis_1position {
		margin-left: 120px;
	}
}

@media(min-width:1366px) and (max-width:1499px) {
	.year_summary_container {
		width: 408px;
	}

	.hover_effect {
		overflow: visible;
	}

	.fluid_square_box .ability_big_box {
		padding: 4% 0 0 8%;
	}

	.opacity_mask .it_word {
		text-indent: 0;
		padding-left: 0px;
	}

	.opacity_mask .it_word table p {
		padding-left: 23px;
	}

	.history_content_box_special_1 {
		padding-top: 25% !important;
	}

	.effect_box .hover_box {
		padding-left: 150px;
	}

	.fluid_square_box .history_content_box {
		padding-top: 17%;
	}

	#contents_container {
		margin: 0 45px;
		width: auto;
	}

	#about_container {
		margin: 0 45px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 45px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 45px;
		width: auto;
	}

	#join_us_container {
		margin: 0 45px;
		width: auto;
	}

	#work_container {
		margin: 0 45px;
		width: auto;
	}

	#work_details_box {
		margin: 0 45px;
		width: auto;
	}

	#link_container {
		margin: 0 45px;
		width: auto;
	}

	#footer {
		margin: 0 45px;
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 235px;
	}

	.fluid_square_box .word_details_content_box {
		font-size: 13px;
	}

	#news_box .news_square {
		padding: 0 5.66666%;
	}

	#news_box .news_square .news_title {
		font-size: 22px;
	}

	.side_word .side_big_word {
		font-size: 18px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 0.8em;
	}

	.side_word .margin_position {
		margin: 15px;
	}

	#project_nav .side_icon_maps {
		bottom: 5px;
	}

	#project_nav {
		/*margin-top: -16.5%;*/
	}

	#navigation ul {
		max-width: 760px;
		left: 24%
	}

	#project_nav li {
		font-size: 32px;
	}
	#project_nav .img_nav_bg_82{display:none;}

	#project_nav li .it_title {
		margin-top: 68px;
	}

	#project_nav li .icon_maps {
		top: 138px;
	}

	#footer_info_list {
		/*margin-left: 20%;*/
	}

	.ot_lis_1position {
		margin-left: 110px;
	}
}

@media(max-width:1413px) {
	.side_word {
		padding-left: 32px;
	}

	.ot_lis_3position {
		margin-left: 20px !important;
	}
}

@media(min-width:1280px) and (max-width:1365px) {
	.year_summary_container {
		width: 408px;
	}

	.hover_effect {
		overflow: visible;
	}

	.fluid_square_box .ability_big_box {
		padding: 4% 0 0 8%;
		line-height: 1.6em;
	}

	#icons_ability {
		margin-top: 17px;
	}

	.opacity_mask .it_word {
		text-indent: 0;
	}

	.opacity_mask .it_word table p {
		padding-left: 23px;
	}

	.opacity_mask .it_word table .outter_works_category {
		padding-right: 5px;
	}

	.history_content_box_special_1 {
		padding-top: 25% !important;
	}

	.effect_box .hover_box {
		padding-left: 180px;
	}

	.fluid_square_box .history_content_box {
		padding-top: 17%;
	}

	#contents_container {
		margin: 0 45px;
		width: auto;
	}

	#about_container {
		margin: 0 45px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 45px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 45px;
		width: auto;
	}

	#join_us_container {
		margin: 0 45px;
		width: auto;
	}

	#work_container {
		margin: 0 45px;
		width: auto;
	}

	#work_details_box {
		margin: 0 45px;
		width: auto;
	}

	#link_container {
		margin: 0 45px;
		width: auto;
	}

	#footer {
		margin: 0 45px;
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 335px;
	}

	.fluid_square_box .word_details_content_box {
		padding: 0 15% 0 17%;
		font-size: 13px;
	}

	#news_box .news_square {
		padding: 0 5.66666%;
		font-size: 12px;
	}

	#news_box .news_square .news_title {
		font-size: 20px;
	}

	#project_nav {
		/*margin-top: -15.5%;*/
	}

	#navigation ul {
		max-width: 740px;
		left: 25%
	}

	#project_nav li {
		font-size: 30px;
	}
	#project_nav .img_nav_bg_82{display:none;}

	#project_nav li .it_title {
		margin-top: 63px;
	}

	#project_nav li .icon_maps {
		top: 132px;
	}

	#project_nav .img_nav_bg_1 .icon_maps {
		background-position: 0 -104px;
		width: 90px;
		height: 71px;
		margin-left: -45px;
	}

	#project_nav .img_nav_bg_2 .icon_maps {
		background-position: -115px -104px;
		width: 55px;
		height: 71px;
		margin-left: -27px;
	}

	#project_nav .img_nav_bg_3 .icon_maps {
		background-position: -195px -104px;
		width: 69px;
		height: 71px;
		margin-left: -34px;
	}

	#project_nav .img_nav_bg_4 .icon_maps {
		background-position: -297px -104px;
		width: 58px;
		height: 71px;
		margin-left: -39px;
	}

	#project_nav .img_nav_bg_5 .icon_maps {
		background-position: -388px -104px;
		width: 61px;
		height: 71px;
		margin-left: -30px;
	}

	.special_small {
		display: none;
	}

	.side_word {
		font-size: 13px;
		padding: 29px 0 0 29px;
	}

	.side_word .side_big_word {
		font-size: 19px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 0.8em;
	}

	.side_word .margin_position {
		margin: 15px;
	}

	#project_nav .img_nav_bg_1 .side_icon_maps {
		width: 134px;
		height: 98px;
		margin-left: -67px;
		background-position: 0 -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_2 .side_icon_maps {
		width: 76px;
		height: 98px;
		margin-left: -38px;
		background-position: -180px -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_3 .side_icon_maps {
		width: 85px;
		height: 98px;
		margin-left: -42px;
		background-position: -308px -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_4 .side_icon_maps {
		width: 71px;
		height: 98px;
		margin-left: -35px;
		background-position: -469px -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_5 .side_icon_maps {
		width: 86px;
		height: 98px;
		margin-left: -43px;
		background-position: -603px -124px;
		bottom: 17px;
	}

	#footer_info_list {
		/*margin-left: 17%;*/
	}

	.ot_lis_1position {
		margin-left: 100px;
	}
}

@media(min-width:1200px) and (max-width:1279px) {
	.year_summary_container {
		width: 299px;
	}

	.hover_effect {
		overflow: visible;
	}

	.effect_box .hover_box {
		left: 143%;
		top: -25%;
	}

	.experience_list_container .timeline_summary {
		left: 8%;
	}

	.fluid_square_box .ability_big_box {
		padding: 7% 0 0 7%;
		line-height: 1.3em;
	}

	#icons_ability li {
		margin-left: 4%;
	}

	#icons_ability {
		margin-top: 13px;
	}

	.inner_2x1_box .cube-container .begging_you {
		left: 21%;
	}

	.opacity_mask .it_word {
		text-indent: 0;
	}

	.opacity_mask .it_word table p {
		padding-left: 23px;
	}

	.opacity_mask .it_word table .outter_works_category {
		padding-right: 5px;
	}

	.history_content_box_special_1 {
		padding-top: 25% !important;
	}

	.fluid_square_box .history_content_box {
		padding-top: 15%;
	}

	.fluid_square_box .leadership_block_ul_box {
		padding: 10% 0 0 9% !important;
	}

	#contents_container {
		margin: 0 35px;
		width: auto;
	}

	#about_container {
		margin: 0 35px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 35px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 35px;
		width: auto;
	}

	#join_us_container {
		margin: 0 35px;
		width: auto;
	}

	#work_container {
		margin: 0 35px;
		width: auto;
	}

	#work_details_box {
		margin: 0 35px;
		width: auto;
	}

	#link_container {
		margin: 0 35px;
		width: auto;
	}

	#footer {
		margin: 0 35px;
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 435px;
	}

	.news_pc_container {
		display: none;
	}

	.news_mobile_container {
		display: block;
	}

	.fluid_square_box .word_details_content_box {
		padding: 0 11% 0 13%;
		font-size: 12px;
	}

	#news_box .news_square {
		padding: 0 4.66666%;
		font-size: 12px;
	}

	#news_box .news_square .news_title {
		font-size: 20px;
	}

	#project_nav {
		/*margin-top: -14.5%;*/
	}

	#navigation ul {
		max-width: 720px;
		left: 26%
	}

	#project_nav li {
		font-size: 29px;
	}
    #project_nav .img_nav_bg_82{display:none;}
	#project_nav li .it_title {
		margin-top: 59px;
	}

	#project_nav li .icon_maps {
		top: 125px;
	}

	#project_nav .img_nav_bg_1 .icon_maps {
		background-position: 0 -104px;
		width: 90px;
		height: 71px;
		margin-left: -45px;
	}

	#project_nav .img_nav_bg_2 .icon_maps {
		background-position: -115px -104px;
		width: 55px;
		height: 71px;
		margin-left: -27px;
	}

	#project_nav .img_nav_bg_3 .icon_maps {
		background-position: -195px -104px;
		width: 69px;
		height: 71px;
		margin-left: -34px;
	}

	#project_nav .img_nav_bg_4 .icon_maps {
		background-position: -297px -104px;
		width: 58px;
		height: 71px;
		margin-left: -39px;
	}

	#project_nav .img_nav_bg_5 .icon_maps {
		background-position: -388px -104px;
		width: 61px;
		height: 71px;
		margin-left: -30px;
	}


	.special_small {
		display: none;
	}

	.side_word {
		font-size: 13px;
		padding: 29px 0 0 29px;
	}

	.side_word .side_big_word {
		font-size: 19px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 0.8em;
	}

	.side_word .margin_position {
		margin: 15px;
	}

	#project_nav .img_nav_bg_1 .side_icon_maps {
		width: 134px;
		height: 98px;
		margin-left: -67px;
		background-position: 0 -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_2 .side_icon_maps {
		width: 76px;
		height: 98px;
		margin-left: -38px;
		background-position: -180px -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_3 .side_icon_maps {
		width: 85px;
		height: 98px;
		margin-left: -42px;
		background-position: -308px -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_4 .side_icon_maps {
		width: 71px;
		height: 98px;
		margin-left: -35px;
		background-position: -469px -124px;
		bottom: 17px;
	}

	#project_nav .img_nav_bg_5 .side_icon_maps {
		width: 86px;
		height: 98px;
		margin-left: -43px;
		background-position: -603px -124px;
		bottom: 17px;
	}

	#footer_info_list {
		/*margin-left: 12%;*/
	}

	.ot_lis_1position {
		margin-left: 90px;
	}
}

@media(min-width:1024px) and (max-width:1199px) {
	.year_summary_container {
		width: 299px;
	}

	.hover_effect {
		overflow: visible;
	}

	.effect_box .hover_box {
		left: 143%;
		top: -25%;
	}

	.experience_list_container .timeline_summary {
		left: 8%;
	}

	.effect_box .normal_box {
		padding-left: 27%;
	}

	#icons_ability {
		margin-top: 7px;
	}

	#icons_ability li {
		margin-left: 1%;
	}

	.fluid_square_box .ability_big_box {
		padding: 4% 0 0 3%;
		line-height: 1.3em;
	}

	.inner_2x1_box .cube-container .begging_you {
		left: 20%;
	}

	.maybe_has_scroll {
		overflow-y: auto !important;
	}

	.opacity_mask .it_word {
		text-indent: 0;
	}

	.opacity_mask .it_word table p {
		padding-left: 23px;
	}

	.opacity_mask .it_word table .outter_works_category {
		padding-right: 5px;
	}

	.history_content_box_special_1 {
		padding-top: 19% !important;
	}

	.leadership_block_ul_box .second_ul {
		margin-left: 3%;
	}

	.prize_grid {
		padding-left: 9% !important;
	}

	.fluid_square_box .history_content_box {
		padding-top: 12%;
	}

	.about_blackboroad .about_blackboroad_container {
		background-position: 55% center;
	}

	#contents_container {
		margin: 0 25px;
		width: auto;
	}

	#about_container {
		margin: 0 25px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 25px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 25px;
		width: auto;
	}

	#join_us_container {
		margin: 0 25px;
		width: auto;
	}

	#work_container {
		margin: 0 25px;
		width: auto;
	}

	#work_details_box {
		margin: 0 25px;
		width: auto;
	}

	#link_container {
		margin: 0 25px;
		width: auto;
	}

	#footer {
		margin: 0 25px;
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 40%;
	}

	.news_pc_container {
		display: none;
	}

	.news_mobile_container {
		display: block;
	}

	.fluid_square_box .word_details_content_box {
		padding: 0 7% 0 9%;
		font-size: 12px;
	}

	#news_box .news_square {
		padding: 0 2.66666%;
		font-size: 12px;
	}

	#news_box .news_square p {
		line-height: 1.4em;
	}

	#news_box .news_square .news_title {
		font-size: 18px;
	}

	#project_nav {
		/*margin-top: -13.5%;*/
	}

	#navigation ul {
		max-width: 615px;
		left: 27%
	}

	#project_nav li {
		font-size: 27px;
	}
	
	#project_nav .img_nav_bg_82{display:none;}

	#project_nav li .it_title {
		margin-top: 50px;
	}

	#project_nav li .icon_maps {
		top: 112px;
	}

	#project_nav .img_nav_bg_1 .icon_maps {
		background-position: 0 -104px;
		width: 90px;
		height: 71px;
		margin-left: -45px;
	}

	#project_nav .img_nav_bg_2 .icon_maps {
		background-position: -115px -104px;
		width: 55px;
		height: 71px;
		margin-left: -27px;
	}

	#project_nav .img_nav_bg_3 .icon_maps {
		background-position: -195px -104px;
		width: 69px;
		height: 71px;
		margin-left: -34px;
	}

	#project_nav .img_nav_bg_4 .icon_maps {
		background-position: -297px -104px;
		width: 58px;
		height: 71px;
		margin-left: -39px;
	}

	#project_nav .img_nav_bg_5 .icon_maps {
		background-position: -388px -104px;
		width: 61px;
		height: 71px;
		margin-left: -30px;
	}

	.pc_word_box {
		display: none;
	}

	.mobile_word_box {
		display: block;
	}

	.special_small {
		display: none;
	}

	.side_word {
		font-size: 13px;
		padding: 29px 0 0 29px;
	}

	.side_word .side_big_word {
		font-size: 15px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 1.5em;
	}

	.side_word .margin_position {
		margin: 15px;
	}

	#project_nav .img_nav_bg_1 .side_icon_maps {
		width: 134px;
		height: 98px;
		margin-left: -67px;
		background-position: 0 -124px;
		bottom: 1%;
	}

	#project_nav .img_nav_bg_2 .side_icon_maps {
		width: 76px;
		height: 98px;
		margin-left: -38px;
		background-position: -180px -124px;
		bottom: 1%;
	}

	#project_nav .img_nav_bg_3 .side_icon_maps {
		width: 85px;
		height: 98px;
		margin-left: -42px;
		background-position: -308px -124px;
		bottom: 1%;
	}

	#project_nav .img_nav_bg_4 .side_icon_maps {
		width: 71px;
		height: 98px;
		margin-left: -35px;
		background-position: -469px -124px;
		bottom: 1%;
	}

	#project_nav .img_nav_bg_5 .side_icon_maps {
		width: 86px;
		height: 98px;
		margin-left: -43px;
		background-position: -603px -124px;
		bottom: 1%;
	}

	#footer_info_list {
		/*margin-left: 8%;*/
	}

	.ot_lis_1position {
		margin-left: 60px;
	}

	.ot_lis_2position {
		margin-left: 45px;
	}

	.ot_lis_3position {
		margin-left: 12px !important;
	}
}

@media(max-width:1092px) {
	.ot_lis_3position {
		margin-left: -12px !important;
	}
}

@media(min-width:800px) and (max-width:1023px) {
	.year_summary_container {
		width: 299px;
	}

	.hover_effect {
		overflow: visible;
	}

	.effect_box .hover_box {
		left: 143%;
		top: -35%;
	}

	.experience_list_container .timeline_summary {
		left: 3%;
	}

	.timeline_summary {
		width: 50%;
	}

	.timeline_summary p {
		width: 100%;
		line-height: 1.6em;
	}

	.effect_box .normal_box {
		padding-left: 33%;
	}

	#icons_ability {
		display: none;
	}

	/*暂时先屏蔽*/
	.fluid_square_box .ability_big_box strong.title {
		font-size: 33px;
	}

	.fluid_square_box .ability_big_box {
		padding: 5% 0 0 3%;
		font-size: 13px;
		line-height: 1.5em;
	}

	.inner_2x1_box .cube-container .begging_you {
		left: 15%;
	}

	.maybe_has_scroll {
		overflow-y: auto !important;
	}

	.maybe_has_scroll .word_details_content_box {
		padding-top: 5px !important;
	}

	.opacity_mask .it_word {
		text-indent: 0;
	}

	.opacity_mask .it_word table p {
		padding-left: 23px;
	}

	.opacity_mask .it_word table .outter_works_category {
		padding-right: 5px;
	}

	.history_content_box_special_1 {
		padding-top: 16% !important;
	}

	.leadership_1_grid {
		padding: 7% 9% 0 9% !important;
	}

	.prize_grid {
		padding: 1% 0% 0 4% !important;
	}

	.leadership_block_ul_box .second_ul {
		margin-left: 4%;
	}

	.fluid_square_box .history_content_box {
		padding: 9% 13% 0 13%;
	}

	.about_blackboroad .about_blackboroad_container {
		background-position: 58% center;
	}

	.screen768 {
		display: none;
	}

	#contents_container {
		margin: 0 15px;
		width: auto;
	}

	#about_container {
		margin: 0 15px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 15px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 15px;
		width: auto;
	}

	#work_container {
		margin: 0 15px;
		width: auto;
	}

	#work_details_box {
		margin: 0 15px;
		width: auto;
	}

	#join_us_container {
		margin: 0 15px;
		width: auto;
	}

	#link_container {
		margin: 0 15px;
		width: auto;
	}

	#footer {
		margin: 0 15px;
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 850px;
	}

	.news_pc_container {
		display: none;
	}

	.news_mobile_container {
		display: block;
	}

	.fluid_square_box .word_details_content_box {
		padding: 0 3% 0 5%;
		font-size: 12px;
	}

	#news_box .news_square {
		padding: 0 2.66666%;
		font-size: 12px;
	}

	#news_box .news_square p {
		line-height: 1.2em;
	}

	#news_box .news_square .news_title {
		font-size: 18px;
	}


	#project_nav {
		/*margin-top: -12.5%;*/
	}

	#navigation ul {
		max-width: 510px;
		left: 30%
	}

	.pc_index_summary {
		display: none;
	}

	.mobile_index_summary {
		display: block;
	}

	#project_nav li {
		font-size: 25px;
	}
    #project_nav .img_nav_bg_82{display:none;}
	#project_nav li .it_title {
		margin-top: 40px;
	}

	#project_nav li .icon_maps {
		top: 100px;
	}

	#project_nav .img_nav_bg_1 .icon_maps {
		background-position: 0 -203px;
		width: 68px;
		height: 53px;
		margin-left: -34px;
	}

	#project_nav .img_nav_bg_2 .icon_maps {
		background-position: -90px -203px;
		width: 41px;
		height: 53px;
		margin-left: -20px;
	}

	#project_nav .img_nav_bg_3 .icon_maps {
		background-position: -169px -203px;
		width: 52px;
		height: 53px;
		margin-left: -26px;
	}

	#project_nav .img_nav_bg_4 .icon_maps {
		background-position: -264px -203px;
		width: 44px;
		height: 53px;
		margin-left: -22px;
	}

	#project_nav .img_nav_bg_5 .icon_maps {
		background-position: -365px -203px;
		width: 46px;
		height: 53px;
		margin-left: -23px;
	}

	.pc_word_box {
		display: none;
	}

	.mobile_word_box {
		display: block;
	}

	.special_small {
		display: none;
	}

	.side_word {
		font-size: 12px;
		padding: 20px 0 0 23px;
	}

	.side_word .side_big_word {
		font-size: 14px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 0.5em;
	}

	.side_word .margin_position {
		margin: 28px;
	}

	#project_nav .img_nav_bg_1 .side_icon_maps {
		width: 101px;
		height: 74px;
		margin-left: -20px;
		background-position: 0 0;
		right: -35px;
		bottom: 13px;
	}

	#project_nav .img_nav_bg_2 .side_icon_maps {
		width: 57px;
		height: 74px;
		margin-left: -38px;
		background-position: -165px 0;
		right: -15px;
		bottom: 13px;
	}

	#project_nav .img_nav_bg_3 .side_icon_maps {
		width: 64px;
		height: 74px;
		margin-left: -32px;
		background-position: -308px 0;
		bottom: 13px;
		right: -14px;
	}

	#project_nav .img_nav_bg_4 .side_icon_maps {
		width: 54px;
		height: 74px;
		margin-left: -27px;
		background-position: -457px 0;
		bottom: 13px;
		right: -12px;
	}

	#project_nav .img_nav_bg_5 .side_icon_maps {
		width: 65px;
		height: 74px;
		margin-left: -32px;
		background-position: -596px 0;
		bottom: 13px;
		right: -11px;
	}

	#footer {
		height: auto;
	}

	#footer .footer_ot_info {
		text-indent: 297px;
		margin-top: 43px !important;
	}

	#footer_info_list {
		/*margin-left: 56px;*/
	}

	.pc_container {
		
	}

	.mobile_container {
		display: block;
	}
}

@media(min-width:769px) and (max-width:899px) {
	.year_summary_container {
		width: 299px;
	}

	.hover_effect {
		overflow: visible;
		right: 5%;
	}

	.effect_box .hover_box {
		left: 113%;
		top: -35%;
	}

	.experience_list_container .timeline_summary {
		left: 3%;
	}

	.timeline_summary {
		width: 50%;
	}

	.timeline_summary p {
		width: 100%;
		line-height: 1.3em;
	}

	.effect_box .normal_box {
		padding-left: 33%;
	}

	#icons_ability {
		display: none;
	}

	/*暂时先屏蔽*/
	.fluid_square_box .ability_big_box strong.title {
		font-size: 33px;
	}

	.fluid_square_box .ability_big_box {
		padding: 5% 0 0 3%;
		font-size: 13px;
		line-height: 1.3em;
	}

	.ability_begging_you_size_2 {
		font-size: 16px;
	}

	.inner_2x1_box .cube-container .begging_you {
		left: 11%;
	}

	.maybe_has_scroll {
		overflow: auto !important;
	}

	.it_word .outter_works_title {
		font-size: 14px;
	}

	.opacity_mask .it_word {
		text-indent: 0;
	}

	.opacity_mask .it_word table p {
		padding-left: 13px;
	}

	.opacity_mask .it_word table .outter_works_category {
		padding-right: 5px;
	}

	.history_content_box_special_1 {
		padding-top: 8% !important;
	}

	.screen768 {
		display: none;
	}

	.about_blackboroad .about_blackboroad_container {
		background-size: contain;
		background-position: 63%;
	}

	.fluid_square_box .history_content_box {
		padding: 7% 7% 0 7%;
	}

	.leadership_1_grid {
		padding: 7% 3% 0 3% !important;
		line-height: 1.5em !important;
		font-size: 13px !important;
	}

	.prize_grid {
		padding: 0 0 0 3% !important;
		font-size: 13px !important;
		letter-spacing: 0 !important;
	}

	.leadership_block_ul_box .second_ul {
		margin-left: 3%;
	}

	.fluid_square_box .leadership_block_ul_box ul li {
		margin-top: 26px;
	}

	.maybe_scroll {
		overflow: auto !important;
	}

	#contents_container {
		margin: 0 15px;
		width: auto;
	}

	#about_container {
		margin: 0 15px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 15px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 15px;
		width: auto;
	}

	#work_container {
		margin: 0 15px;
		width: auto;
	}

	#work_details_box {
		margin: 0 15px;
		width: auto;
	}

	#join_us_container {
		margin: 0 15px;
		width: auto;
	}

	#link_container {
		margin: 0 15px;
		width: auto;
	}

	#footer {
		margin: 0 15px;
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 850px;
	}

	.news_pc_container {
		display: none;
	}

	.news_mobile_container {
		display: block;
	}

	.fluid_square_box .word_details_content_box {
		padding: 0 3% 0 5%;
		font-size: 12px;
	}

	#news_box .news_square {
		padding: 0 2.66666%;
		font-size: 12px;
	}

	#news_box .news_square p {
		line-height: 1.2em;
	}

	#news_box .news_square .news_title {
		font-size: 18px;
	}


	#project_nav {
		/*margin-top: -12.5%;*/
	}

	#navigation ul {
		max-width: 510px;
		left: 30%
	}

	#navigation ul li {
		width: 21%;
	}

	.pc_index_summary {
		display: none;
	}

	.mobile_index_summary {
		display: block;
	}

	#project_nav li {
		font-size: 25px;
	}
	#project_nav .img_nav_bg_82{display:none;}

	#project_nav li .it_title {
		margin-top: 28px;
	}

	#project_nav li .icon_maps {
		top: 78px;
	}

	#project_nav .img_nav_bg_1 .icon_maps {
		background-position: 0 -203px;
		width: 68px;
		height: 53px;
		margin-left: -34px;
	}

	#project_nav .img_nav_bg_2 .icon_maps {
		background-position: -90px -203px;
		width: 41px;
		height: 53px;
		margin-left: -20px;
	}

	#project_nav .img_nav_bg_3 .icon_maps {
		background-position: -169px -203px;
		width: 52px;
		height: 53px;
		margin-left: -26px;
	}

	#project_nav .img_nav_bg_4 .icon_maps {
		background-position: -264px -203px;
		width: 44px;
		height: 53px;
		margin-left: -22px;
	}

	#project_nav .img_nav_bg_5 .icon_maps {
		background-position: -365px -203px;
		width: 46px;
		height: 53px;
		margin-left: -23px;
	}

	.pc_word_box {
		display: none;
	}

	.mobile_word_box {
		display: block;
	}

	.special_small {
		display: none;
	}

	.side_word {
		font-size: 12px;
		padding: 20px 0 0 23px;
	}

	.side_word .side_big_word {
		font-size: 14px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 0.5em;
	}

	.side_word .margin_position {
		margin: 6px;
	}

	#project_nav .img_nav_bg_1 .side_icon_maps {
		width: 101px;
		height: 74px;
		margin-left: -20px;
		background-position: 0 0;
		right: -35px;
		bottom: 5px;
	}

	#project_nav .img_nav_bg_2 .side_icon_maps {
		width: 57px;
		height: 74px;
		margin-left: -38px;
		background-position: -165px 0;
		right: -15px;
		bottom: 5px;
	}

	#project_nav .img_nav_bg_3 .side_icon_maps {
		width: 64px;
		height: 74px;
		margin-left: -32px;
		background-position: -308px 0;
		bottom: 5px;
		right: -14px;
	}

	#project_nav .img_nav_bg_4 .side_icon_maps {
		width: 54px;
		height: 74px;
		margin-left: -27px;
		background-position: -457px 0;
		bottom: 5px;
		right: -12px;
	}

	#project_nav .img_nav_bg_5 .side_icon_maps {
		width: 65px;
		height: 74px;
		margin-left: -32px;
		background-position: -596px 0;
		bottom: 5px;
		right: -11px;
	}

	#footer {
		height: auto;
	}

	#footer .footer_ot_info {
		text-indent: 8%;
		margin-top: 43px !important;
	}

	#footer_info_list li{
	    width: 50%;
		/*margin-left: 8%;*/
	}
	/*#footer_info_list li.abcd{margin-top:15px !important;}*/

	.pc_container {
		
	}

	.mobile_container {
		display: block;
	}
}

/*
@media(min-width:641px) and (max-width:768px){
#contents_container{margin:0 15px;width:auto;}
#about_container{margin:0 15px;width:auto;}
#second_top_banner{margin:0 15px;width:auto;}
#img_tunr_change{margin:0 15px;width:auto;}
#work_container{margin:0 15px;width:auto;}
#work_details_box{margin:0 15px;width:auto;}
#join_us_container{margin:0 15px;width:auto;}
#link_container{margin:0 15px;width:auto;}
#footer{margin:0 15px;width:auto;}
.screen768{display:none;}

.holiday_header_container .holiyday_hint{right:850px;}

.news_pc_container{display:none;}
.news_mobile_container{display:block;}

.fluid_square_box .word_details_content_box{padding:0 3% 0 5%;font-size:12px;}

#news_box .news_square{padding:0 2.66666%;font-size:12px;}
#news_box .news_square p{line-height:1.2em;}
#news_box .news_square .news_title{font-size:18px;}

#project_nav{margin-top:-12.5%;}
#navigation ul{max-width:510px;left:36%}
#navigation ul li{width:15%;font-size:14px;}
.pc_index_summary{display:none;}
.mobile_index_summary{display:block;}
#project_nav li{font-size:25px;}
#project_nav li .it_title{margin-top:11px;letter-spacing:2px;}
#project_nav li .icon_maps{top:56px;}
#project_nav .img_nav_bg_1 .icon_maps{background-position:0 -203px;width:68px;height:53px;margin-left:-34px;}
#project_nav .img_nav_bg_2 .icon_maps{background-position:-90px -203px;width:41px;height:53px;margin-left:-20px;}
#project_nav .img_nav_bg_3 .icon_maps{background-position:-169px -203px;width:52px;height:53px;margin-left:-26px;}
#project_nav .img_nav_bg_4 .icon_maps{background-position:-264px -203px;width:44px;height:53px;margin-left:-22px;}
#project_nav .img_nav_bg_5 .icon_maps{background-position:-365px -203px;width:46px;height:53px;margin-left:-23px;}

.pc_word_box{display:none;}
.mobile_word_box{display:block;}
.special_small{display:none;}
.side_word{font-size:12px;padding:5px 0 0 23px;}
.side_word .side_big_word{font-size:14px;}
.side_word .line_size{font-size:18px;line-height:0.5em;}
.side_word .margin_position{margin:0;}
#project_nav .img_nav_bg_1 .side_icon_maps{width:101px;height:74px;margin-left:-20px;background-position:0 0;right:-35px;bottom:3px;}
#project_nav .img_nav_bg_2 .side_icon_maps{width:57px;height:74px;margin-left:-38px;background-position:-165px 0;right:-15px;bottom:3px;}
#project_nav .img_nav_bg_3 .side_icon_maps{width:64px;height:74px;margin-left:-32px;background-position:-308px 0;bottom:3px;right:-14px;}
#project_nav .img_nav_bg_4 .side_icon_maps{width:54px;height:74px;margin-left:-27px;background-position:-457px 0;bottom:3px;right:-12px;}
#project_nav .img_nav_bg_5 .side_icon_maps{width:65px;height:74px;margin-left:-32px;background-position:-596px 0;bottom:3px;right:-11px;}

#footer{height:310px;}
#footer .footer_ot_info{text-indent:3%;margin-top:43px !important;}
#footer_info_list{margin-left:3%;}
.pc_container{display:none;}
.mobile_container{display:block;}	
}
*/

@media(max-width: 768px) {

	#img_box .img_box_container,
	#contents_container .wapper_dots {
		display: block;
	}

	#img_box .video-container {
		display: none;
	}
}

@media(min-width:320px) and (max-width:768px) {
    
    #project_nav .img_nav_bg_8{display:none;}
    
    #project_nav .img_nav_bg_82{display:block !important;}
    
	.project_nav_square .menu-1 .cube-container {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0)
	}

	#mobile_nav {
		background: #fdd134;
		visibility: hidden;
	}

	#mobile_nav_container {
		color: #000;
		height: 100%;
		margin-left: 0;
	}

	.cnmb_new_mobile_nav_bg {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #fdd134;
		display: none;
	}

	.line-height18 {
		line-height: 1.5em;
	}

	#grid_container .grid_box_4 {
		max-width: inherit;
		max-height: inherit;
	}

	#grid_container .grid_box_5 {
		max-width: inherit;
		max-height: inherit;
	}

	#img_box .img_box_container {
		padding-bottom: 81%;
	}

	#mobile_sub_nav {
		width: 100%;
		height: 100%;
		display: table;
		border-collapse: collapse;
	}

	#mobile_sub_nav tr td {
		width: 16.667%;
		text-align: center;
		border: 1px solid #454545;
		font-size: 14px;
	}

	.work_grid_container .w_grid_box {
		max-width: 300px;
		max-height: 300px;
		position: absolute;
		overflow: hidden;
		cursor: pointer;
		-webkit-transition: all 0 cubic-bezier(0.6, 0.46, 0.45, 0.94);
		-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.im_loading {
		background: url(../Images/preloader.gif) no-repeat center center;
		background-size: 25px auto;
	}

	#sub_banner .sb_container li .li-line {
		border-left: 0;
	}

	.img_sb_title {
		display: none;
	}

	#container {
		-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	}

	body {
		padding-top: 55px;
	}

	#header {
		height: 55px;
		box-shadow: 0 0 0;
	}

	#pc_top_banner {
		display: none;
	}

	#soical_bts {
		display: none;
	}

	#navigation {
		z-index: 9999;
		background: #fff;
		box-shadow: 0 1px 0 #e6e6e6;
	}

	#navigation .logo_icon {
		left: 21px;
		width: 151px;
		height: 38px;
		background-size: 100%;
		background-position: 0 0px;
		top: 11px;
	}

	#navigation ul {
		max-width: 510px;
		left: 36%
	}

	#navigation ul li {
		width: 15%;
		font-size: 14px;
	}

	#mobile_top_banner_sign {
		display: block;
		position: absolute;
		top: 9px;
		right: 6%;
		width: 37px;
		height: 37px;
		border-radius: 19px;
		background: #eaeaea;
		z-index: 116;
		-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s;
		-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s;
		-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s;
		-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s;
		transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s;
	}

	#mobile_top_banner_sign ul {
		width: 20px !important;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -6px 0 0 -10px;
		height: auto;
	}

	#mobile_top_banner_sign ul li {
		width: 20px !important;
		height: 1px;
		background: #231815;
		border: 0;
		margin-top: 5px;
		-webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-ms-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-o-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	}

	#mobile_top_banner_sign ul li:first-child {
		margin-top: 0;
	}

	.img_nav_bg_6 {
		display: block;
	}

	#project_nav {
		/*margin-top: -31.5%;*/
	}

	#project_nav li {
		width: 33.33333333%;
		font-size: 1.4em;
	}

	#project_nav li .it_title {
		margin-top: 25%;
		letter-spacing: 2px;
	}

	#project_nav li .icon_maps {
		top: 62%;
	}

	.pc_index_summary {
		display: none;
	}

	.mobile_index_summary {
		display: none;
	}

	#project_nav .img_nav_bg_1 .icon_maps {
		background-position: center center;
		width: 50px;
		height: 40px;
		margin-left: -25px;
		background-size: 68%;
	}

	#project_nav .img_nav_bg_2 .icon_maps {
		background-position:center center;
		width: 50px;
		height: 40px;
		margin-left: -25px;
		background-size: 62%;
	}

	#project_nav .img_nav_bg_3 .icon_maps {
		background-position:center center;
		width: 50px;
		height: 40px;
		margin-left: -25px;
		background-size: 62%;
	}

	#project_nav .img_nav_bg_4 .icon_maps {
		background-position:center center;
		width: 50px;
		height: 40px;
		margin-left: -25px;
		background-size: 62%;
	}

	#project_nav .img_nav_bg_5 .icon_maps {
		background-position:center center;
		width: 50px;
		height: 40px;
		margin-left: -25px;
		background-size: 62%;
	}
	
	#project_nav .img_nav_bg_7 .icon_maps {
		background-position:center center;
		width: 50px;
		height: 40px;
		margin-left: -25px;
		background-size: 62%;
	}
	
	#project_nav .img_nav_bg_8 .icon_maps {
		background-position:center center;
		width: 50px;
		height: 40px;
		margin-left: -25px;
		background-size: 62%;
	}
	

	#contents_container .white_line {
		background-size: 141px auto;
		height: 90px;
		background-position: 90% center;
	}

	#grid_container .grid_box_1 {
		width: 100%;
	}

	#grid_container .grid_box_4 {
		width: 100%;
	}

	#grid_container .grid_box_2 {
		/*width: 50%;*/
	}
	#grid_container .grid_box_2.er>div {
		/*width: 50%;*/
		padding-bottom: 66.66666%;
	}

	#grid_container .grid_box_5 {
		width: 50%;
	}

	#grid_container .mobile_news_contents_scroll {
		display: none;
	}

	#icon_to_top {
		width: 48px;
		height: 48px;
		background-size: 115px auto;
		background-position: 0 0;
		top: 18px;
		right: 9px;
	}

	#icon_to_top:hover {
		background-position: -34px 0;
	}

	#footer_info_list .with_icon_tel {
		font-size: 19px;
		padding-left: 0;
	}

	#footer_info_list .with_icon_tel::before {
		left: 6px;
		top: -7px;
		display: none;
	}

	#footer_info_list .img400 {
		width: 153px;
		height: auto;
		font-size: 18px;
		font-weight: 800;
	}

	.mobile_move_show {
		display: none !important;
	}

	.moblie_moblie_show {
		display: block;
	}

	.moblie_moblie_show .mobile_address_container .check_location {
		left: inherit;
		right: -10px;
		bottom: -5px;
	}

	.mobile_address_container .check_location {
		left: inherit;
		right: -2px;
		bottom: -5px;
	}

	.moblie_moblie_show .big_title {
		margin-bottom: 10px !important;
	}

	.wapper_dots .dots_container {
		width: 10px;
		height: 10px;
		margin-left: 7px;
	}

	.wapper_dots .dots_container::after {
		width: 6px;
		height: 6px;
		border: 2px solid #fff;
	}

	.wapper_dots .active_dots::after {
		width: 6px;
		height: 6px;
	}

	#news_dots_container .dots {
		width: 10px;
		height: 10px;
		margin-left: 5px;
	}

	#contents_container .wapper_dots {
		left: 83%;
		/*top: 4.5%;*/
	}

	#footer_info_list {
		padding-bottom: 13px;
	}

	#sub_banner {
		top: 0;
		height: 90px;
		position: relative;
	}

	#sub_banner .sb_container {
		padding-top: 0;
		height: 100%;
	}

	#sub_banner .sb_container .img_sb_title {
		top: 29px;
		width: auto;
		height: 19px;
	}

	#sub_banner .sb_container ul {
		margin-left: 11px;
	}

	#sub_banner .sb_container ul li {
		font-size: 8px;
		width: 60px;
		height: 10px;
	}

	#page_content_container {
		margin-top: 0
	}

	.about_blackboroad .about_blackboroad_container {
		background: #fff url(../Images/mobile_about_1_1.png) no-repeat 15% center;
		background-size: 55% auto;
	}

	.mobile_about_new_bg_2 {
		background: url(../Images/mobile_about_1_2.png) no-repeat 15% center;
		background-size: 35% auto;
	}

	.mobile_about_new_bg_3 {
		background: url(../Images/mobile_about_1_3.png) no-repeat 15% center;
		background-size: 55% auto;
	}

	.mobile_about_new_bg_4 {
		background: url(../Images/mobile_about_1_4.png) no-repeat 15% center;
		background-size: 35% auto;
	}

	.about_blackboroad_container .about_more {
		display: block;
	}

	.recommend_table .recommend_3x2_grid {
		width: 100%;
	}

	.recommend_table .recommend_2x2_grid {
		width: 50%;
	}

	#about_container .about_blackboroad {
		padding-bottom: 66.66666666666666666666666666%;
	}

	#fluid_container .fluid_grid2x2 {
		width: 100%;
	}

	.fluid_grid2x2 .fluid_square {
		padding-bottom: 66.66666666666666666666666666%;
	}

	.mobile_about_index_grid {
		display: none;
	}

	.fluid_history_contents {
		width: 100% !important;
	}

	.fluid_history_contents .fluid_square {
		padding-bottom: 83.333333333333%;
	}

	.fluid_square_box .history_content_box {
		padding: 0 7%;
		font-size: 11px;
		letter-spacing: 0;
	}

	#padding {
		padding: 0 10% 0 7% !important;
	}

	.fluid_grid1x1_history {
		width: 33.3333333333333% !important;
	}

	.history_link {
		font-size: 17px;
	}

	#second_top_banner .second_top_banner_square {
		padding-bottom: 26.6666666666666666666%;
	}

	#second_top_banner table {
		font-size: 22px;
	}

	#img_tunr_change_square {
		padding-bottom: 51.666666666666666%;
	}

	#img_tunr_change_square .img_tunr_change_square_container ul li {
		padding-bottom: 51.666666666666666%;
		background-position: 30% center;
	}

	#experience_list li {
		padding-bottom: 50%;
	}

	.experience_list_container .experience_timeline_img {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.experience_list_container .timeline_describe_box {
		width: 50%;
	}

	.hover_effect {
		width: auto;
		right: 0;
		height: auto;
		left: 0;
	}

	.hover_effect .normal_box {
		width: 100%;
		padding-left: 13%;
	}

	.hover_effect .effect_box {
		font-size: 15px;
	}

	.hover_box {
		display: none;
	}

	.experience_list_container .timeline_summary {
		font-size: 12px;
		line-height: 1.3em;
		left: 7%;
		letter-spacing: 0;
		width: 62%;
	}

	.experience_list_container .timeline_summary br {
		line-height: 0;
	}

	.mobile_big_title_text {
		font-size: 14px;
		margin-bottom: 9px;
		font-weight: bold;
	}

	.mobile_leadership_grid3x2 {
		width: 100% !important;
	}

	.mobile_leadership_grid3x2 .fluid_square {
		height: 100% !important;
		padding: 0;
	}

	.mobile_leadership_grid1x1 {
		width: 33.33% !important;
	}

	.mobile_leadership_grid2x1 {
		width: 66.67% !important;
	}

	.mobile_ability3x2 {
		width: 100% !important;
	}

	#icon_to_top:hover {
		background-position: 0 0;
	}

	.w_grid_box .img_box .opacity_mask {
		bottom: 0;
	}

	.w_grid_box .img_box .outter_works_category {
		display: none;
	}

	.w_grid_box .img_box .it_word .outter_works_title {
		font-size: 12px;
		text-indent: 8px;
		padding-top: 8px;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	}

	.w_grid_box .img_box .opacity_mask .it_word {
		text-indent: 0;
	}

	.w_grid_box .img_box .opacity_mask .it_word table tr td {
		vertical-align: top;
	}

	.img_box .opacity_mask {
		height: 100%;
	}

	.word_details_container .fluid_grid3x2 {
		width: 100% !important;
	}

	.word_details_container .fluid_grid3x2 .fluid_square {
		padding-bottom: 0;
		height: 100%;
	}

	#relative {
		position: relative !important;
		padding: 50px 0;
	}

	.word_details_container .fluid_grid2x2 {
		width: 100% !important;
	}

	.word_details_container .fluid_grid2x2 .fluid_square {
		padding-bottom: 100%;
	}

	.fluid_square_box .leadership_block_ul_box ul li {
		margin-top: 17px;
	}

	.fluid_square_box .leadership_block_ul_box ul:first-child li:first-child {
		margin-top: 0;
	}


	#contents_container {
		width: auto;
	}

	#about_container {
		width: auto;
	}

	#second_top_banner {
		width: auto;
	}

	#img_tunr_change {
		width: auto;
	}

	#work_container {
		width: auto;
	}

	#work_details_box {
		width: auto;
	}

	#join_us_container {
		width: auto;
	}

	#link_container {
		width: auto;
	}

	#footer {
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 850px;
	}

	.news_pc_container {
		display: none;
	}

	.news_mobile_container {
		display: block;
	}

	.about_up_img_box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 11;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
		transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0;
	}

	#about_up_img_ul {
		width: 100%;
		height: 100%;
	}

	#about_up_img_ul li {
		float: left;
		height: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.fluid_square_box .word_details_content_box {
		padding: 0 3% 0 5%;
		font-size: 11px;
	}

	#news_box .news_square {
		padding: 0 2.66666%;
		font-size: 12px;
	}

	#news_box .news_square p {
		line-height: 1.2em;
	}

	#news_box .news_square .news_title {
		font-size: 18px;
	}

	.leadership_block_ul_box .second_ul {
		margin-left: 0;
	}

	.moblie_commonweal_title_special {
		font-size: 15px;
		line-height: 1.6em;
		margin-bottom: 17px;
	}

	#commonweal_list li .li_square {
		padding-bottom: 66.6666666666666667%;
	}

	#commonweal_list li .part_1 {
		width: 100%;
	}

	.mobile_ability_summary_2x2 .fluid_square {
		padding-bottom: 100%;
	}

	.mobile_ability_summary_2x2 .inner_2x1_box .cube-container .begging_you {
		left: 0;
		right: 0;
		text-align: center;
	}

	.begging_you_size_1 {
		font-size: 22px;
	}

	.mobile_new_ability_layout .fluid_grid3x2 {
		width: 100% !important;
	}

	.mobile_new_ability_layout .fluid_grid2x1 {
		width: 50% !important;
	}

	.mobile_new_ability_layout .fluid_grid2x2 {
		width: 50% !important;
	}

	.mobile_new_ability_layout .fluid_grid2x2 .fluid_square {
		padding-bottom: 100% !important;
	}

	.mobile_new_ability_layout .fluid_grid1x1 {
		width: 50% !important;
	}

	.mobile_ability3x2 .ability_big_box {
		padding: 0 3%;
		font-size: 11px;
	}

	.mobile_ability3x2 .fluid_square {
		padding: 0;
		height: 100% !important;
	}

	.mobile_ability3x2 strong.title {
		font-size: 24px !important;
	}

	#join_us_container .fluid_grid1x1 {
		width: 50%;
	}

	#join_us_container .fluid_grid2x1 {
		width: 100%;
	}

	#join_us_container .fluid_grid3x2 {
		width: 100%;
	}

	#work_title .work_title_container {
		padding-bottom: 26.666666666666667%;
	}

	.work_title_box .title_name {
		font-size: 13px;
	}

	.work_title_box .title_summary {
		font-size: 16px;
	}

	.join_us_text {
		text-indent: 0 !important;
		padding-left: 11%;
	}

	.recommend_table .recommend_1x1_grid {
		width: 50% !important;
	}

	.recommend_table .recommend_2x1_grid {
		width: 100% !important;
	}


	.pc_word_box {
		display: none;
	}

	.mobile_word_box {
		display: block;
	}

	.special_small {
		display: none;
	}

	.side_word {
		font-size: 12px;
		padding: 20px 0 0 23px;
	}

	.side_word .side_big_word {
		font-size: 14px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 0.5em;
	}

	.side_word .margin_position {
		margin: 28px;
	}

	#project_nav .img_nav_bg_1 .side_icon_maps {
		width: 101px;
		height: 74px;
		margin-left: -20px;
		background-position: 0 0;
		right: -35px;
		bottom: 13px;
	}

	#project_nav .img_nav_bg_2 .side_icon_maps {
		width: 57px;
		height: 74px;
		margin-left: -38px;
		background-position: -165px 0;
		right: -15px;
		bottom: 13px;
	}

	#project_nav .img_nav_bg_3 .side_icon_maps {
		width: 64px;
		height: 74px;
		margin-left: -32px;
		background-position: -308px 0;
		bottom: 13px;
		right: -14px;
	}

	#project_nav .img_nav_bg_4 .side_icon_maps {
		width: 54px;
		height: 74px;
		margin-left: -27px;
		background-position: -457px 0;
		bottom: 13px;
		right: -12px;
	}

	#project_nav .img_nav_bg_5 .side_icon_maps {
		width: 65px;
		height: 74px;
		margin-left: -32px;
		background-position: -596px 0;
		bottom: 13px;
		right: -11px;
	}

	#footer {
		padding: 29px 0 7px 0;
		height: auto;
	}

	#footer .footer_ot_info {
		text-indent: 0;
		margin-top: 43px !important;
	}

	#footer_info_list li{
		/*margin-left: 21px;*/
		width: 100%;
		padding-top:1px ;
		padding-bottom: 1px;
	}
	#footer_info_list li.abcd{margin-top:0px !important;}
	#footer_info_list li.abcde{margin-top:20px !important;}
	#footer_info_list li.abcde img{width:200px !important;}
	#footer_info_list .big_title{margin-bottom:5px;}

	.pc_container {
		
	}

	.mobile_container {
		display: block;
	}

	.footer_ot_info {
		text-align: center;
	}

	/*#footer_info_list .check_location::before{width:18px;height:21px;background-size:46px;background-position:-15px 0;}*/
	#footer_info_list .check_location::before {
		width: 18px;
		height: 21px;
		background-size: 46px;
		background-position: -28px -15px;
		left: 0px;
		top: 2px;
	}

	#footer_info_list .check_location_icon_1:hover::before {
		background: url(../Images/l_icon.png) no-repeat 0 -15px;
		background-size: 46px;
	}

	.work_title_container .work_title_box {
		text-indent: 5%;
	}

	.fluid_grid6x2 .fluid_square {
		padding-bottom: 60%;
	}

	#mobile_nav_container ul {
		width: 100%;
		bottom: auto;
		top: 12%;
		left: 0;
	}

	#mobile_nav_container ul li {
		font-size: 30px;
		line-height: 2.5em;
		border-bottom: 1px solid #dfb315;
		margin: 0 21px;
		font-weight: bold;
	}

	#mobile_nav_container .mobile_nav_contacts {
		bottom: 7%;
		margin-left: 21px;
	}

	#mobile_nav_container .mobile_nav_logo {
		width: 121px;
		height: 11px;
		background-size: 121px auto;
		display: none;
	}

	.cnmb_taifanle {
		color: #959494 !important;
	}

	.cnmb_black {
		color: #000 !important;
	}
}

@media(min-width:375px) {
	#mobile_nav_container {
		margin: 41px 0 0 21px;
	}

	#mobile_nav_container .mobile_nav_logo {
		width: 90px;
		height: 9px;
		background: url(../Images/mobile_nav_logo.png) no-repeat;
		background-size: 90px auto;
	}

	#mobile_nav_container ul li {
		color: #000;
		font-size: 28px;
	}

	#mobile_nav_container ul {}

	#mobile_nav_container .mobile_nav_contacts {
		position: absolute;
		bottom: 13%;
		font-size: 10px;
	}

	.moblie_moblie_show .mobile_address_container .check_location {
		right: -64px;
	}

	.mobile_address_container .check_location {
		right: -56px;
	}

	#mobile_nav_container ul li {
		font-size: 38px;
	}

	#mobile_nav_container .mobile_nav_logo {
		width: 181px;
		height: 17px;
		background-size: 181px auto;
	}
}



@media(min-width:414px) {
	.moblie_moblie_show .mobile_address_container .check_location {
		right: -92px;
	}

	.mobile_address_container .check_location {
		right: -84px;
	}

	#mobile_nav_container ul {}

	#mobile_nav_container ul li {
		font-size: 38px;
	}

	#mobile_nav_container .mobile_nav_logo {
		width: 181px;
		height: 17px;
		background-size: 181px auto;
	}
}






@media(max-width:319px) {
	#contents_container {
		margin: 0 15px;
		width: auto;
	}

	#about_container {
		margin: 0 15px;
		width: auto;
	}

	#second_top_banner {
		margin: 0 15px;
		width: auto;
	}

	#img_tunr_change {
		margin: 0 15px;
		width: auto;
	}

	#work_container {
		margin: 0 15px;
		width: auto;
	}

	#work_details_box {
		margin: 0 15px;
		width: auto;
	}

	#join_us_container {
		margin: 0 15px;
		width: auto;
	}

	#link_container {
		margin: 0 15px;
		width: auto;
	}

	#footer {
		margin: 0 15px;
		width: auto;
	}

	.holiday_header_container .holiyday_hint {
		right: 850px;
	}

	.news_pc_container {
		display: none;
	}

	.news_mobile_container {
		display: block;
	}

	.fluid_square_box .word_details_content_box {
		padding: 0 3% 0 5%;
		font-size: 12px;
	}

	#news_box .news_square {
		padding: 0 2.66666%;
		font-size: 12px;
	}

	#news_box .news_square p {
		line-height: 1.2em;
	}

	#news_box .news_square .news_title {
		font-size: 18px;
	}


	#project_nav {
		/*margin-top: -12.5%;*/
	}

	#navigation ul {
		max-width: 510px;
		left: 36%
	}

	#navigation ul li {
		width: 15%;
		font-size: 14px;
	}

	.pc_index_summary {
		display: none;
	}

	.mobile_index_summary {
		display: block;
	}

	#project_nav li {
		font-size: 25px;
	}

	#project_nav li .it_title {
		margin-top: 40px;
	}

	#project_nav li .icon_maps {
		top: 100px;
	}

	#project_nav .img_nav_bg_1 .icon_maps {
		background-position: 0 -203px;
		width: 68px;
		height: 53px;
		margin-left: -34px;
	}

	#project_nav .img_nav_bg_2 .icon_maps {
		background-position: -90px -203px;
		width: 41px;
		height: 53px;
		margin-left: -20px;
	}

	#project_nav .img_nav_bg_3 .icon_maps {
		background-position: -169px -203px;
		width: 52px;
		height: 53px;
		margin-left: -26px;
	}

	#project_nav .img_nav_bg_4 .icon_maps {
		background-position: -264px -203px;
		width: 44px;
		height: 53px;
		margin-left: -22px;
	}

	#project_nav .img_nav_bg_5 .icon_maps {
		background-position: -365px -203px;
		width: 46px;
		height: 53px;
		margin-left: -23px;
	}

	.pc_word_box {
		display: none;
	}

	.mobile_word_box {
		display: block;
	}

	.special_small {
		display: none;
	}

	.side_word {
		font-size: 12px;
		padding: 20px 0 0 23px;
	}

	.side_word .side_big_word {
		font-size: 14px;
	}

	.side_word .line_size {
		font-size: 18px;
		line-height: 0.5em;
	}

	.side_word .margin_position {
		margin: 28px;
	}

	#project_nav .img_nav_bg_1 .side_icon_maps {
		width: 101px;
		height: 74px;
		margin-left: -20px;
		background-position: 0 0;
		right: -35px;
		bottom: 13px;
	}

	#project_nav .img_nav_bg_2 .side_icon_maps {
		width: 57px;
		height: 74px;
		margin-left: -38px;
		background-position: -165px 0;
		right: -15px;
		bottom: 13px;
	}

	#project_nav .img_nav_bg_3 .side_icon_maps {
		width: 64px;
		height: 74px;
		margin-left: -32px;
		background-position: -308px 0;
		bottom: 13px;
		right: -14px;
	}

	#project_nav .img_nav_bg_4 .side_icon_maps {
		width: 54px;
		height: 74px;
		margin-left: -27px;
		background-position: -457px 0;
		bottom: 13px;
		right: -12px;
	}

	#project_nav .img_nav_bg_5 .side_icon_maps {
		width: 65px;
		height: 74px;
		margin-left: -32px;
		background-position: -596px 0;
		bottom: 13px;
		right: -11px;
	}

	#footer {
		height: auto;
	}

	#footer .footer_ot_info {
		text-indent: 3%;
		margin-top: 43px !important;
	}

	#footer_info_list li{
	    width: 100%;
		/*margin-left: 3%;*/
	}
	#footer_info_list li.abcd{margin-top:15px !important;}

	.pc_container {
		
	}

	.mobile_container {
		display: block;
	}
}

.tmp-container {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 1px;
	z-index: 999;
}

#ss-entry {
	width: 283px;
	height: 70px;
	position: absolute;
	top: 0;
	right: 0;
}

#ss-entry img {
	width: 283px;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
}

#ss-entry .normal {
	display: block;
}

#ss-entry .hover {
	display: none;
}

#ss-entry:hover .normal {
	display: none;
}

#ss-entry:hover .hover {
	display: block;
}

@-webkit-keyframes shadow {
	0% {
		text-shadow: 0 0 0px #ffe100;
	}

	50% {
		text-shadow: 0 0 4px #ffe100;
	}

	100% {
		text-shadow: 0 0 0px #ffe100;
	}
}

@keyframes shadow {
	0% {
		text-shadow: 0 0 0px #ffe100;
	}

	50% {
		text-shadow: 0 0 4px #ffe100;
	}

	100% {
		text-shadow: 0 0 0px #ffe100;
	}
}