@charset "utf-8";
/* CSS Document */
.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;	
}
.fc000{ color:#000;}
.fcfff{ color:#fff;}
.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:181px;height:17px;display:block;position:absolute;top:30px;left:37px;cursor:pointer;z-index:114;}
#navigation ul{position:absolute;left:26.73%;max-width:48%;width:100%;height:100%;}
#navigation ul li{float:left;font-size:15px;font-weight:bold;height:100%;width:25%;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;}
#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;}
#contents_container{max-width:1500px;width:auto;margin:0 auto;position:relative;min-height:200px;}
#contents_container .wapper_dots{left:50%;top:-50px}
#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;}
#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:17px;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;text-indent: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%; height:315px;font-size:22px;color:#fff;position:relative;}/*翻转DIV的高度决定者*/
.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:43.4%;}
#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:;}
.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;}
.ability_img_box{ height:315px;overflow:hidden;}
.ability_img_box img{width:100%;height:315px;
transition:1s ;
-webkit-transition:1s ;
-moz-transition:1s ;
-o-transition:1s ;
-ms-transition:1s ;}
.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;text-indent:15%;background:#fff;}
.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:#fdd134;}

.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:#ffe63f;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;}
.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;}
/**/