@charset "utf-8";
/* CSS Document */
html,body,div,span,p,a,img,ul,li,form,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;}
body{width:auto;max-width:100%;font-family:"Hiragino Sans GB",Arial,"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;}
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;width:242px;height:40px;display:block;position:absolute;top:20px;left:30px;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{margin-top:-280px;position:relative;}
#project_nav li{width:20%;float:left;text-align:center;color:#fff;font-size:36px;position:relative}
#project_nav li .it_title{letter-spacing:5px;margin-top:78px;}
#project_nav li .summary{font-size:12px;}
#project_nav li .icon_maps{background:url(../images/icon_map.png) no-repeat;position:absolute;top:150px;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-position:0 0;margin-left:-56px;}
#project_nav .img_nav_bg_2{}
#project_nav .img_nav_bg_2 .icon_maps{width:69px;height:89px;background-position:-153px 0;margin-left:-34px;}
#project_nav .img_nav_bg_3{color:#b51722;}
#project_nav .img_nav_bg_3 .icon_maps{width:86px;height:76px;background-position:-256px 0;margin-left:-43px;}
#project_nav .img_nav_bg_4{}
#project_nav .img_nav_bg_4 .icon_maps{width:72px;height:79px;background-position:-387px 0;margin-left:-36px;}
#project_nav .img_nav_bg_5{}
#project_nav .img_nav_bg_5 .icon_maps{width:76px;height:71px;background-position:-494px 0;margin-left:-38px;}
#contents_container .white_line{
	width:100%;
	height:92px;
	background:#fff url(../images/index_words.jpg) no-repeat 98% center;
	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_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:url(../images/sub_banner_bg.jpg) repeat;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;}
#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{margin-left:22%;}
#footer .footer_ot_info{text-indent:42%;margin-top:43px;}
#footer_info_list li{float:left;color:#202020;margin-top:7px;}
#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:11px;}
#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:auto;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: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);
}
.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:#ffd443;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{vertical-align:middle;padding-left:10%;font-weight:bold;}
.ability_second_top_banner{background:#ffd443 !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%;padding-bottom:40%;position:relative;}
#work_top_img img{width:100%;height:auto;position:absolute;top:0;left:0;}

.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:#ffe100;}

.hover-banner-effect{
	position:relative;
	z-index:1;
}
.hover-banner-effect a {
	overflow:hidden;
	display:inline-block;
	position:relative;
	width:100%;height:100%;	
}
.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:38px 0 0 36px;}
.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%;}
.sina_date::after{content:'';display:block;background:url(../images/weibo_news_icon.png) no-repeat;width:28px;height:23px;position:absolute;left:-35px;top:-5px;}
#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:#ffd443;}
#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 0 -22px;background-size:100% auto;} */
#navigation .logo_icon{background:url('../images/logo.png') no-repeat 0;background-size:100% auto;}
.holiday_header_container .logo_icon{background:url('../images/logo.png') no-repeat 0 -23px;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) {
#project_nav{margin-top:-16.5%;}
#navigation ul{max-width:800px;}
#project_nav li{font-size:36px;}
#project_nav li .it_title{margin-top:78px;}
#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 li .it_title{margin-top:73px;}
#project_nav li .icon_maps{top:144px;}
#footer_info_list{margin-left:22%;}
.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 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 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 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 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 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:310px;}
#footer .footer_ot_info{text-indent:297px;margin-top:43px !important;}
#footer_info_list{margin-left:56px;}
.pc_container{display:none;}
.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 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:310px;}
#footer .footer_ot_info{text-indent:8%;margin-top:43px !important;}
#footer_info_list{margin-left:8%;}
.pc_container{display:none;}
.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_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:15px;background-size:151px auto;background-position:0 -18px;top:22px;} */
#navigation .logo_icon{left:21px;width:151px;top:4px;}
#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:53%;}
.pc_index_summary{display:none;}
.mobile_index_summary{display:none;}
#project_nav .img_nav_bg_1 .icon_maps{background-position:0 0;width:38px;height:30px;margin-left:-19px;background-size:194px auto;}
#project_nav .img_nav_bg_2 .icon_maps{background-position:-52px 0;width:24px;height:30px;margin-left:-12px;background-size:194px auto;}
#project_nav .img_nav_bg_3 .icon_maps{background-position:-87px 0;width:30px;height:30px;margin-left:-15px;background-size:194px auto;}
#project_nav .img_nav_bg_4 .icon_maps{background-position:-131px 0;width:26px;height:30px;margin-left:-13px;background-size:194px auto;}
#project_nav .img_nav_bg_5 .icon_maps{background-position:-168px 0;width:26px;height:30px;margin-left:-13px;background-size:194px auto;}
#contents_container .white_line{background-size:141px auto;height:46px;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_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{margin-left:21px;}
.pc_container{display:none;}
.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:7px;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: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;}
}

.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;
  }
}