/* 头部 BEGIN*/ .in_top{ position:absolute; left:0; top:0; z-index:9999; width:100%; } .in_logo{ display:none;} .sub_logo{} .in_top .in_logo{ display:block;} .in_top .sub_logo{ display:none;} .top_bg{min-height:86px; position:relative; z-index:9999; background:url(../images/top_box_bg02.png) repeat-x bottom;transition:all 2s; -webkit-transition:all 0s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .in_top .top_bg{min-height:77px; background:url(../images/top_box_bg.png) repeat-x;} .top_box{ overflow:hidden;} .in_logo{ float:left; margin:10px 0 0;transition:all 2s; -webkit-transition:all 2s;} .in_logo img{ display:block;} .sub_logo{ float:left; margin:10px 0 0;} .sub_logo img{ display:block;} /*头部 移动媒体 导航*/ .top_nav{ float:right;} .top_nav_fh{ display:none; text-indent:8px; width:80%; margin:0 auto; height:46px; line-height:46px; font-size:18px; color:#d9d9d9; font-weight:bold;} .top_nav ul{ overflow:hidden;} .top_nav li{ float:left; width:104px; height:84px; line-height:84px;transition:all 2s; -webkit-transition:all 2s;} .top_nav li a{ overflow:hidden; display:block; height:84px; line-height:84px; color:#737373; font-size:17px; text-align:center;transition:all 2s;-webkit-transition:all 2s;} .top_nav li a em{ display:block; height:84px; line-height:84px; color:#737373;transition: line-height 0.3s ease 0s;-webkit-transition: line-height 0.3s ease 0s;} .top_nav li a i{ display:block; height:84px; line-height:84px; color:#1cbfc2; text-transform:uppercase;transition: line-height 0.3s ease 0s; -webkit-transition: line-height 0.3s ease 0s;} .in_top .top_nav li{ float:left; width:104px; height:67px; line-height:67px;} .in_top .top_nav li a{ overflow:hidden; display:block; height:67px; line-height:67px; font-size:17px; text-align:center;} .in_top .top_nav li a em{ display:block; height:67px; line-height:67px; color:#fff;} .in_top .top_nav li a i{ display:block; height:67px; line-height:67px; color:#fecb00; text-transform:uppercase;} .top_nav li.top_nav_xz em{ display:none;} .in_top .top_nav li.top_nav_xz em{ display:none;} /*头部 移动媒体 导航*/ /*头部 移动媒体 按钮*/ .in_top .nav_btn{ display:none; float:right; width:30px; height:30px; margin:10px 0 0; background:url(../images/top_btn_bg.png) center center no-repeat;} .nav_btn{ display:none; float:right; width:30px; height:30px; margin:10px 0 0; background:url(../images/sub_top_btn.png) center center no-repeat;} .top_nav_gb{ display:none;} /*头部 移动媒体 按钮*/ /*头部 PC fixed 效果*/ .top_bg.top_bg_f{ position:fixed; top:0; left:0; width:100%; z-index:99999; min-height:57px; padding:0 0 5px; background:#fff url(../images/top_box_bg02.png) repeat-x bottom !important;} .top_bg.top_bg_f .in_logo{ display:none;} .top_bg.top_bg_f .sub_logo{ display:block; margin:0;} .top_bg.top_bg_f .top_nav li{ height:57px; line-height:57px;} .top_bg.top_bg_f .top_nav li a{ height:57px; line-height:57px;} .top_bg.top_bg_f .top_nav li a em{ height:57px; line-height:57px; color:#333;} .in_top .top_bg.top_bg_f .top_nav li a em{ height:57px; line-height:57px; color:#333;} .top_bg.top_bg_f .top_nav li a i{ height:57px; line-height:57px;} .top_bg_f{ position:fixed; top:0; left:0; width:100%; z-index:99999; height:50px;} .to_top{ display:none; width:40px; position:fixed; right:100px; bottom:15px; z-index:9999; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .to_top img{ display:block; width:100%; height:auto;} .w100{width:100%; height:auto;} /*头部 PC fixed 效果*/ /*头部 移动媒体*/ @media (min-width: 0px) and (max-width: 1200px) { .top_bg .in_logo{ display:none;} .top_bg .sub_logo{ display:block; margin:0;} .top_bg .sub_logo{ margin:10px 0 0;} .to_top{ right:0;} .top_bg.top_bg_f .sub_logo{ margin:10px 0 0;} .top_nav_gb{ display:block; position:absolute; left:-46px; top:0; width:46px; height:46px;} .top_nav_gb img{ display:block;} .top_nav_fh{ display:block; margin:10px auto;} .in_top{ position:fixed; left:0; top:0;} .top_bg{ min-height:50px !important;} .in_top .top_bg.top_bg_f .in_logo{ margin:10px 0 0;} /*.in_top .top_bg{ background:#633e9f;}*/ .w1200{ width:100%;} .top_box{ height:50px; width:94%; padding:0 3%;} .top_nav{ width:168px; position:absolute; top:0px; right:0; display:none; float:none; z-index:9999; background:#292929;} .top_nav ul{ width:80%; margin:0 auto; padding-bottom:2px;} .top_nav li{ width:100% ; float:none; margin:0 auto; height:44px !important; line-height:44px !important; border:none; border-bottom:1px solid #000; box-shadow:0 1px 0px #414141;} .in_top .top_nav li{ width:100% ; float:none; height:44px !important; line-height:44px !important;} .top_nav li a{ display:block; height:44px !important; line-height:44px !important; font-size:14px !important; text-align:left !important; text-indent:8px;} .top_nav li a em{ display:inline !important; height:44px !important; line-height:44px !important; font-size:16px; color:#bababa !important;} .top_nav li a i{ display:inline !important; height:44px !important; line-height:44px !important; font-size:14px; color:#bababa !important; font-style:normal; padding:0 0 0 10px;} .in_top .top_nav li.top_nav_xz em{ display:inline;} .sub_logo{ float:left; height:30px; width:auto;} .sub_logo img{ height:100%; width:auto;} .in_logo{ float:left; height:30px; width:auto;} .in_logo img{ height:100%; width:auto;} .nav_btn{ display:block !important;} .sub_bg img{ width:100%; height:auto;} } /*头部 移动媒体*/ @media (min-width: 640px) and (max-width: 1024px) {} @media (min-width: 0px) and (max-width: 640px) {} /*头部 END*/ /*banner图 BEGIN*/ .fx_grid_c1{width:1200px;margin:0 auto} .fx_banner{background:#51c7d3;width:1903px;overflow:hidden;position:relative;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .fx_banner_inner{position:relative;height:650px;} .fx_banner_img{width:20000px} .fx_banner_img li{float:left;height:650px;width:1903px;position:relative} .fx_banner_link{position:absolute;top:0;left:0;width:100%;height:650px;cursor:pointer} .fx_banner .child{position:absolute;width:1200px;height:650px;} .fx_banner .child img{ display:block; margin:0 auto;} .fx_banner_common{position:relative} .fx_banner_common a{position:absolute;top:50%;margin-top:-315px;width:41px;height:119px;cursor:pointer;display:block;overflow:hidden;opacity:.5;filter:alpha(opacity=50);} .fx_banner_pre{left:0;background:url(../images/ban_pre_24.png);} .fx_banner_next{right:0;background:url(../images/ban_next_24.png);} .fx_banner_pre:hover,.fx_banner_next:hover{opacity:1;filter:alpha(opacity=100)} .fx_banner .control{width:200px;position:absolute;bottom:15px;left:50%;margin-left:-100px;text-align:center} .fx_banner .control li{display:inline-block;*display:inline;*zoom:1;margin:0 5px;width:15px;height:15px;border-radius:50%;cursor:pointer;background:url(../images/banner_dd.png) right center no-repeat;} .fx_banner .control li a{display:none} .fx_banner .control li.current{background:url(../images/banner_dd.png) left center no-repeat;} .m_ban{ display:none;} .swiper-container { } @media (min-width: 0px) and (max-width: 1200px) { .fx_banner{ display:none;} .swiper-slide { } .indexbanner{ display:none;} .swiper-container{ display:block;} .swiper-container img{ width:100%; height:auto; display:block;} .m_ban{ padding:50px 0 0; width:100%; display:block; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} } @media (min-width: 640px) and (max-width: 1024px) {} @media (min-width: 0px) and (max-width: 640px) {} /*banner图 END*/ /*BEGIN*/ .bot_bg{ background:url(../images/bot_bg.jpg) center top no-repeat;} .bot_box{ padding:24px 0 0; overflow:hidden; min-height:210px;} .bot_left{ float:left;} .bot_right{ float:right; text-align:center; width:105px;} .bot_right img{ display:block; padding-bottom:10px;} .bot_right a{ display:inline-block; text-align:center;} .bot_right a:hover img{ display:block; width:80px !important; height:auto !important; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;} .bot_ewm{ float:right; padding:15px 0 0;} .bot_nav_box{ overflow:hidden; width:775px; border-bottom:1px solid #565656;} .bot_nav_box em{ float:left; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:bold;} .bot_nav{ float:left; padding:0 0 0 38px; height:50px; line-height:50px;} .bot_nav ul{} .bot_nav li{ float:left; width:84px;} .bot_nav li a{ display:block; height:50px; line-height:50px; text-align:center; color:#b4b4b4; font-size:13px;} .bot_nav li a:hover{ color:#fff;} .bot_c{ padding:25px 0 0; line-height:32px; font-size:13px; color:#b4b4b4;} .bot_c img{ vertical-align:middle;} .bot_bq{ height:42px; line-height:42px; color:#717171; border-bottom:1px solid #353738; border-top:1px solid #353738;} .bot_bq a{ color:#717171;} .bot_bq a:hover{ color:#fff;} .key_word{ padding:10px 0; background:#000; min-height:26px;} .key_word>div{ line-height:28px; color:#535353;} .key_word>div a{color:#535353; white-space:nowrap;} .key_word>div a:hover{color:#fff;} .mob_bot{ display:none;} @media (min-width: 0px) and (max-width: 1200px) { .bot_bg{ display:none;} .mob_bot{ display:block; padding:1px 0; margin:0 auto; background:#10161b;} .mob_btn{ display:block; width:85%; margin:15px auto; height:36px; line-height:36px; font-size:18px; text-align:center; background:#1cbfc2; color:#fff; border-radius:6px;} .mob_b{ color:#fff; text-align:center; background:#000; padding:5px 0;} .mob_b a{ color:#fff;} .mob_b img{ vertical-align:middle;} .bot_nav_box{ width:100%;} .bot_nav_box em{ display:none;} .bot_nav{ padding:0; float:none; width:100%;} .bot_nav li{ width:10%;} } @media (min-width: 640px) and (max-width: 1024px) { .mob_b{ overflow:hidden; text-align:center;} .mob_b p{ display:inline-block; padding:0 5px;} } @media (min-width: 0px) and (max-width: 640px) { .bot_nav_box{ display:none;} } /*END*/ /*BEGIN*/ .in_one{ padding:43px 0 0; min-height:825px;} .in_one_tit{ height:68px; padding:0 0 10px; margin:42px 0 22px; font-size:33px; text-align:center; color:#535353; font-weight:bold; line-height:68px; background:url(../images/in_one_tibg.png) center bottom no-repeat;} .in_one_nav{ overflow:hidden; margin:0 auto;} .in_one_nav ul{ float:left;} .in_one_nav li{ float:left; margin:0 9px; width:115px; height:32px; line-height:30px; background:url(../images/in_one_nav_bg.png) no-repeat center bottom;} .in_one_nav li a{ display:block; padding:3px 0 0; height:29px; line-height:28px; font-size:15px; color:#505050; text-align:center;} .in_one_nav li:hover,.in_one_nav li.in_one_navxz{ background:url(../images/in_one_nav_hbg.png) center bottom no-repeat;} .in_one_nav li:hover a,.in_one_nav li.in_one_navxz a{ color:#fff;} .in_one_list{ overflow:hidden; display:none;} .in_one_list ul{ width:967px; float:left; padding:5px 0 0 5px;} .in_one_list li{ float:left; margin:0 13px 23px 0; width:228px;} .in_one_limg{ display:block; width:228px; height:208px; border-radius:5px; overflow:hidden;} .in_one_lic{ overflow:hidden; padding:6px 5px 0;} .in_one_lic div{ float:left; height:40px;} .in_one_lic h3{ height:24px; line-height:24px;} .in_one_lic h3 a{ display:block; height:24px; line-height:24px; font-size:15px; color:#6d6d6d;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .in_one_lic div em{ display:block; height:16px; line-height:16px; font-size:12px; color:#6d6d6d;} .in_one_lic span{ float:right; height:40px; line-height:40px; color:#6d6d6d; font-size:13px; padding:0 0 0 23px; background:url(../images/in_one_li_timebg.png) left center no-repeat;} .in_one_list ul{*padding:0 0 23px;} .in_one_list li:hover .in_one_limg{ box-shadow:-3px -2px 3px #ccc;} .in_one_list li:hover h3 a{ color:#61d1d3;} .in_one_list li:hover em{ color:#61d1d3;} .in_one_list li:hover span{ color:#61d1d3;} .in_one_lir{ float:right; margin:5px 0 0;} .in_one_lir .in_one_limg{ width:228px; height:485px;} .in_one_lir:hover .in_one_limg{ box-shadow:-3px -2px 3px #ccc;} .in_one_lir:hover h3 a{ color:#61d1d3;} .in_one_lir:hover em{ color:#61d1d3;} .in_one_lir:hover span{ color:#61d1d3;} .in_one_hyp{ overflow:hidden; padding:10px 0 0; display:none;} .in_one_hyp a{ float:right; height:40px; line-height:40px; font-size:15px; color:#767676; padding:0 10px 0 28px; background:url(../images/in_sxbg.png) left center no-repeat;} .in_one_hyp a:hover{ background:url(../images/in_sxbg_h.png) left center no-repeat; color:#6136a6;} .in_one_con{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} @media (min-width: 0px) and (max-width: 1200px) { .in_one_con{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;} .in_one{ padding:15px 0; min-height:0;} .in_one_nav ul{ float:none;} .in_one_nav li{ width:14.66%; margin:0 1%;background-size:100% 100%;} .in_one_nav li.in_one_navxz{background-size:100% 100%;} .in_one_hyp{ width:98%; margin:0 auto;} .in_one_list{} .in_one_list ul{ width:100%; margin:0 auto; padding:0; float:none;} .in_one_list li{ width:47%; margin:1.5% 1.5% 0;} .in_one_limg{ width:100%; height:auto;} .in_one_limg img{ display:block; width:100%;} .in_one_lic span{ display:none;} .in_one_lir{ display:none;} } @media (min-width: 640px) and (max-width: 1024px) { .in_one_list li{ width:22%; margin:1.5% 1.5% 0;} } @media (min-width: 0px) and (max-width: 640px) { .in_one_tit{ margin:10px 0; height:40px; line-height:40px; font-size:16px;} .in_one_nav li{ width:30.33%; margin:3% 1.5% 0;background:url(../images/in_one_nav_bg.png) no-repeat center bottom; background-size:100% 100%; } .in_one_nav ul{ float:none;} .in_one_hyp a{background:url(../images/in_sxbg.png) left center no-repeat; background-size:15px auto;} .in_one_hyp a:hover{ background:url(../images/in_sxbg_h.png) left center no-repeat; background-size:15px auto;} } /*END*/ /*BEGIN*/ .in_two_bg{ height:549px; background:#363638 url(../images/in_two_cbg.png) center 468px repeat-x; overflow:hidden; position:relative; z-index:99;} .in_two{ position:relative;} .in_two_tit{ height:82px; padding:12px 0 10px; line-height:82px; font-size:33px; color:#e9e9e9; font-weight:bold; text-align:center; background:url(../images/in_two_tibg.png) center bottom no-repeat;} .in_two_c{ padding:26px 0 0;} .in_two_c ul{ padding-top:50px !important;} .in_two_c li{ position:relative; float:left; width:242px; height:416px; margin:0 0 0 -1px;} .in_two_c li>div{ height:241px; width:240px; padding:45px 0 0; background:#404042; border:1px solid #4d4d4d; border-bottom:none;} .tb{ display:block; margin:0 auto; width:63px; height:63px;} .in_two_c li h3{ padding:3px 0 0; height:62px; line-height:62px; font-size:26px; color:#d9d9d9; text-align:center;} .cw{ padding:0 0 10px; text-align:center;} .cw em{ display:block; min-height:26px; line-height:26px;} .cw a{ font-size:14px; color:#aaaaad; float:left; width:50%; text-align:center;} .in_two_lim{ display:block; margin:0 auto; height:32px; width:80px; line-height:32px; font-size:12px; font-style:oblique; color:#9d9d9d; text-align:center;} .in_two_lim02{ display:none;margin:0 auto; height:32px; width:80px; line-height:32px; font-size:12px; font-style:oblique; color:#9d9d9d; text-align:center;} .in_two_c li:hover h3{ color:#61d1d3;} .in_two_c li .in_two_lim:hover{ color:#61d1d3;} .cw a:hover{ color:#61d1d3;} .in_two_c li.on{ z-index:9; background:url(../images/in_two_con.png) center bottom no-repeat; } .in_two_c li.on>div{border-bottom:1px solid #4d4d4d; width:100%; border-left:none; border-right:none; box-shadow:0px 0px 10px #373738; background:#404042 url(../images/in_two_con.png) center 0px no-repeat;} .in_two>a{ display:block; position:absolute; width:35px; height:64px;} .in_two .prev{ left:-50px; top:290px; background:url(../images/in_two_btnbg.png) left top no-repeat;} .in_two .next{ right:-50px; top:290px; background:url(../images/in_two_btnbg.png) right top no-repeat;} .in_two .prev:hover{background:url(../images/in_two_btnbg.png) left bottom no-repeat;} .in_two .next:hover{background:url(../images/in_two_btnbg.png) right bottom no-repeat;} @media (min-width: 0px) and (max-width: 1024px) { .in_two_lim{ display:none;} .in_two_lim02{ display:block;} } @media (min-width: 640px) and (max-width: 1024px) { .in_two_bg{ background:#363638;} .in_two_c{ width:97%; margin:0 auto;} .in_two_c li{ width:20%; margin:0;} .in_two_c li > div{ width:100%; height:auto; padding:15px 0 5px;} .cw a{ font-size:12px;} } @media (min-width: 768px) and (max-width: 1024px) { .cw a{ display:block; text-align:center; float:none; width:100%; font-size:12px;} } @media (min-width: 0px) and (max-width: 640px) { .in_two_c ul{ padding-top:0px !important;} .in_two_bg{ height:auto; padding:0 0 15px; background:#363638;} .in_two_tit{ margin:10px 0; height:40px; line-height:40px; font-size:16px;} .in_two_c{ width:97%; margin:0 auto; padding:0;} .in_two_c li{ width:50%; height:auto; margin:0;} .in_two_c li > div{ width:100%; height:auto; padding:15px 0 5px;} .cw a{ display:block; text-align:center; float:none; width:100%; font-size:12px;} .cw em{ } .in_two_c li h3{ height:36px; line-height:36px; font-size:18px;} .tb{ width:40px; height:40px; background-size:100% auto !important;} .in_two > a{ display:none;} } /*END*/ /*BEGIN*/ .in_thr_bg{ height:620px; padding:40px 0 0;} .in_thr{} .in_thr_tit{ padding:0 0 10px; height:62px; line-height:62px; font-size:33px; color:#535353; font-weight:bold; text-align:center; background:url(../images/in_one_tibg.png) center bottom no-repeat;} .in_thr_c{} .in_thr_nav{ padding:30px 0 40px; overflow:hidden; margin:0 auto;} .in_thr_nav ul{ float:left;} .in_thr_nav li{ float:left; margin:0 9px; width:115px; height:32px; line-height:30px; background:url(../images/in_one_nav_bg.png) no-repeat center 3px;} .in_thr_nav li a{ display:block; padding:3px 0 0; height:29px; line-height:28px; font-size:15px; color:#505050; text-align:center;} .in_thr_nav li:hover,.in_thr_nav li.in_one_navxz{ background:url(../images/in_one_nav_hbg.png) center top no-repeat;} .in_thr_nav li:hover a,.in_thr_nav li.in_one_navxz a{ color:#fff;} .in_thr_xxk{ overflow:hidden; display:none;} .in_xxk_l{ width:832px; float:left;} .in_xxk_l ul{} .in_xxk_l li{ position:relative; width:260px; height:161px; overflow:hidden; margin:0 17px 19px 0; float:left;} .in_xxk_l li img{ display:block;} .in_xxk_lzz{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/in_thr_lizz.png) repeat-x bottom;} .in_xxk_l li div{ position:absolute; left:0; bottom:0; width:94%; padding:0 3%; height:30px; line-height:30px; overflow:hidden;} .in_xxk_l li div h3{ float:left; height:30px; line-height:30px;} .in_xxk_l li div h3 a{ height:30px; line-height:30px; color:#fff; font-size:13px;} .in_xxk_l li em{ float:right; color:#fff; text-align:right;} .in_xxk_l li:hover h3 a{ color:#61d1d3;} .in_xxk_l li:hover img{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/-moz-opacity:0.9; /*Firefox私有，透明度50%*/opacity:0.9;/*其他，透明度50%*/} .in_xxk_r{ background:#fff; width:342px; height:326px; float:right; padding:15px 12px 0;} .in_xxk_r ul{} .in_xxk_r li{ height:40px; line-height:38px; padding:0 0 0 13px; background:url(../images/in_thr_libg.png) left center no-repeat;} .in_xxk_r li em{ float:left; height:40px; line-height:38px; font-size:14px; padding:0 8px 0 0;} .in_xxk_r li h3{ height:40px; line-height:38px;} .in_xxk_r li h3 a{ overflow:hidden; white-space:nowrap; display:block; height:40px; line-height:38px; font-size:14px; color:#646464;} .in_xxk_r li h3 a:hover{ color:#61d1d3;} .in_thr_m{ display:block; width:110px; height:16px; margin:35px auto 0;} .in_thr_m:hover{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/} @media (min-width: 0px) and (max-width: 1200px) { .in_thr_c{ width:97%; margin:0 auto;} .in_xxk_l{ width:100%; float:none;} .in_xxk_l li{ width:30.33%; height:auto; margin:0 1.5% 1.5%; } .in_xxk_l li img{ width:100%; height:auto;} .in_xxk_r{ float:none; width:91%; margin:0 auto; padding:3%; height:auto;} .in_xxk_l li em{ width:24%;} .in_xxk_l li div h3{ width:75%;} } @media (min-width: 640px) and (max-width: 1024px) { .in_thr_bg{ height:auto;} .in_xxk_r{ height:auto;} .in_xxk_r li{ width:45%; float:left;} .in_xxk_r li:nth-child(even){ float:right;} .in_xxk_r li h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .in_thr_m{ margin:10px auto 30px;} } @media (min-width: 0px) and (max-width: 640px) { .in_thr_bg{ padding:0; height:auto;} .in_thr_tit{ margin:10px 0 0; height:40px; line-height:40px; font-size:15px;} .in_thr_nav{ padding:5px 0 15px;} .in_thr_nav ul{ float:none;} .in_thr_nav li{ width:30.33%; margin:3% 1.5% 0;background:url(../images/in_one_nav_bg.png) no-repeat center bottom; background-size:100% 100%; } .in_thr_nav li.in_one_navxz{background-size:100% 100%;} .in_thr_xxk{ margin:0 auto; min-height:400px;} .in_xxk_l{ float:none; width:100%;} .in_xxk_l li{ width:47%; margin:0 1.5% 1.5%; } .in_xxk_l li div h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .in_xxk_r{ float:none; width:91%; margin:0 auto; padding:3%;} .in_xxk_r li{ height:32px; line-height:30px;} .in_xxk_r li h3 a{ height:32px; line-height:30px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block; font-size:13px;} .in_xxk_r li em{ height:32px; line-height:30px;} .in_thr_m{ margin:10px auto 10px;} .in_thr_m{ width:70px; height:auto;} .in_thr_m img{ width:100%; height:auto;} } /*END*/ /*BEGIN*/ .in_four_bg{ background:#fff;} .in_four{ height:430px; overflow:hidden;} .in_four_tit{ height:76px; padding:30px 0 13px; line-height:76px; font-size:33px; text-align:center; color:#535353; font-weight:bold; background:url(../images/in_f_tibg.png) center bottom no-repeat;} .in_four_c{ overflow:hidden; padding:34px 0 0;} .in_fl{ float:left; width:568px;} .in_fl_ti{ height:40px; line-height:40px; text-align:center; background:url(../images/in_fl_tibg.png) repeat-x center ;} .in_fl_ti em{ padding:0 15px; font-size:20px; color:#747474; font-weight:bold; background:#fff;} .in_fl_c{ overflow:hidden;} .in_fl_c ul{ width:588px;} .in_fl_c li{ float:left; margin:20px 20px 0 0;} .in_fl_c li a{ display:block; overflow:hidden;} .in_fl_c li a img{ display:block;} .in_fr{ float:right; width:568px;} .in_fl_c li:hover img{ filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; /*Firefox私有，透明度50%*/ opacity:0.9;/*其他，透明度50%*/ transform: scale(0.95); transition: all 1s ease 0s;} @media (min-width: 0px) and (max-width: 1200px) { .in_four{ height:auto;} .in_fl{ width:49%;} .in_fl_c{ width:100%;} .in_fl_c ul{ width:100%;} .in_fl_c li{ float:left; width:30.33%; margin:3% 1.5% ;} .in_fl_c li a{ display:block;} .in_fl_c li a img{ display:block; width:100%; height:auto;} .in_fr{ width:49%;} .in_fr_c{ width:100%;} .in_fr_c ul{ width:100%;} .in_fr_c li{ float:left; width:30.33%; margin:3% 1.5% ;} .in_fr_c li a{ display:block;} .in_fr_c li a img{ display:block; width:100%; height:auto;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 640px) { .in_four_tit{ margin:10px 0; height:40px; line-height:40px; font-size:15px; padding:0 0 10px;} .in_four{ height:auto;} .in_four_c{ padding:5px 0 0;} .in_fl{ width:100%;} .in_fl_c{ width:100%;} .in_fl_c ul{ width:100%;} .in_fl_c li{ float:left; width:30.33%; margin:3% 1.5% ;} .in_fl_c li a{ display:block;} .in_fl_c li a img{ display:block; width:100%; height:auto;} .in_fr{ width:100%;} .in_fr_c{ width:100%;} .in_fr_c ul{ width:100%;} .in_fr_c li{ float:left; width:30.33%; margin:3% 1.5% ;} .in_fr_c li a{ display:block;} .in_fr_c li a img{ display:block; width:100%; height:auto;} .in_fl_ti em{ font-size:13px;} } /*END*/ /*BEGIN*/ .in_five_bg{ height:111px; background:url(../images/in_f_bg.jpg) center center no-repeat;} .in_five{ overflow:hidden; width:1200px; height:111px; margin:0 auto;} .in_five_l{ float:left; height:111px; width:689px; background:url(../images/in_vid_play.png) center center no-repeat;} .in_five_l:hover{ background:url(../images/in_vid_playh.png) center center no-repeat;} .in_five_r{ float:right; height:111px; width:500px;} .in_five_r img{ float:right; padding:26px 0 0;} @media (min-width: 0px) and (max-width: 1200px) { .in_five_bg{background:url(../images/in_f_bg.png)left center no-repeat;} .in_five{ width:100%;} .in_five_l{ float:none; display:block; width:100%;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 640px) { .in_five_bg{background:url(../images/in_f_bg.png)-200px center no-repeat;} } /*END*/ /*BEGIN*/ .in_vid_bg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:url(../images/in_tcbg.png);} .in_vid_c{ position:relative; width:500px; height:400px; line-height:400px; text-align:center; font-size:24px;margin:0 auto; margin-top:8%; background:#fff;} .in_vid_gb{ position:absolute; right:-36px; top:-36px; width:36px; height:36px; z-index:9999; animation: 3s linear 0s normal none infinite running Circle; -webkit-animation: 3s linear 0s normal none infinite running Circle; -moz-animation: 3s linear 0s normal none infinite running Circle; -ms-animation: 3s linear 0s normal none infinite running Circle; } .in_vid_gb img{ width:100%; height:auto;} .gb_box{ display:none; position:absolute; right:-18px; top:-18px; width:36px; height:36px; z-index:9997;opacity:0; background:#fff; border-radius:18px;} @keyframes Circle { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);} 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);} } @-webkit-keyframes Circle { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);} } @-moz-keyframes Circle { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);} } @-ms-keyframes Circle { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);} } @media (min-width: 0px) and (max-width: 1200px) { .in_vid_box iframe{ display:block; margin:0 auto;} .in_vid_c{ margin:100px auto 0; background:none;} .in_vid_gb img{ width:100%; height:auto;} } @media (min-width: 0px) and (max-width: 640px) { .in_vid_c{ width:95%; height:200px; line-height:200px;} .gb_box{ right:-12px;} .in_vid_box{ width:100%;} .in_vid_box iframe{ width:300px; height:200px; margin:0 auto;} .in_vid_gb{ width:36px; height:36px; margin-right:-18px; right:50%; top:auto; bottom:-100px} .in_vid_gb img{ display:block; width:100%; height:auto;} } /*END*/ /* sub_banner BEGIN*/ .sub_box{ width:1440px; min-height:492px; overflow:hidden; margin:0 auto;} .sub_banner_a{ float:left;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/} .sub_banner_b{ float:left;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/} .sub_box img{ display:block;} @media (min-width: 0px) and (max-width: 1450px) { .sub_box{ width:100%; min-height:0;} .sub_banner_a{ width:32.15%;} .sub_banner_b{ width:67.85%;} .sub_box img{ width:100%; height:auto;} } /* sub_banner END*/ /*子页框架 BEGIN*/ .sub_con{ position:relative; min-height:500px;} .dqwz{ position:absolute; width:1440px; margin-left:-720px; left:50%; top:0; z-index:999; height:42px; line-height:42px; text-align:right; color:#a1a1a1;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/} .dqwz a{ font-size:12px; color:#a1a1a1;} .dqwz a:hover{ color:#1cbfc2;} .sub_ti{ text-align:center; padding:28px 0 20px;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/} .sub_ti h2{ height:54px; line-height:54px; font-size:32px; color:#7d7d7d;} .sub_ti h2 em{ font-size:29px; color:#7d7d7d; text-transform:uppercase;} .sub_ti span{ display:block; height:30px; line-height:30px; font-size:14px; color:#acacac;} .sub_cc{ min-height:500px; padding:30px 0;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/} .sub_nav{ background:url(../images/sub_nav_bg.png) center top no-repeat;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/} .sub_nav_box{ margin:0 auto; overflow:hidden;} .sub_nav ul{ float:left;} .sub_nav li{ float:left; margin:0 15px; width:104px; height:62px; line-height:62px;} .sub_nav li h2{} .sub_nav li h2 a{ display:block; height:62px; line-height:62px; text-align:center; font-size:16px; color:#7d7d7d;} .sub_nav li:hover h2 a,.sub_nav li.sub_navxz h2 a{ color:#1cbfc2; font-weight:bold;} .sub_nav02{filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/} .sub_nav02 ul{ float:left; padding:0 33px; background:url(../images/bot_nav_bg.jpg) repeat-x center 16px;} .sub_nav02 li{ float:left; margin:0 25px; min-width:72px; height:80px;} .sub_nav02 li h2{} .sub_nav02 li h2 a{ display:block; padding:35px 0 0; height:45px; line-height:45px; text-align:center; font-size:16px; color:#7d7d7d; background:url(../images/sub_nav02_libg.png) center top no-repeat;} .sub_nav02 li:hover h2 a,.sub_nav02 li.sub_navxz h2 a{ color:#1cbfc2; font-weight:bold;} @media (min-width: 0px) and (max-width: 1200px) { .sub_con{ width:97%; margin:0 auto;} .sub_ti{ padding:0;} .sub_cc{ padding:20px 0;} .dqwz{ position:inherit; text-align:right; width:100%; margin:0; left:0;} .sub_nav{ background:url(../images/sub_nav_bg.png) center top no-repeat; background-size:100% 2px;} .sub_nav ul{ width:97%; padding-top:3%; margin:0 auto; float:none;} .sub_nav li{ float:left; margin:0 1.5%; width:30.33%; height:36px; line-height:36px;} .sub_nav li h2 a{ font-size:14px; color:#7f7f7f; height:36px; line-height:36px;} .sub_nav_02 li{ width:30%; margin:0 10%;} .sub_nav02 ul{ padding:0; float:none; width:100%;} .sub_nav02 li{ width:21%; margin:0 2%;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 640px) { .sub_ti h2{ font-size:18px; height:36px; line-height:36px;} .sub_ti h2 em{ font-size:14px;} .sub_ti span{ display:block; height:28px; line-height:28px; font-size:14px; color:#acacac;} .sub_nav02 li{ margin:0;} .sub_nav02 {background:url(../images/bot_nav_bg.jpg) repeat-x center 16px;} } /*子页框架 END*/ /*网站地图 BEGIN*/ .smap_c{ padding:40px 0 0;} .smap_c ul{} .smap_c li{ width:129px; float:left; margin:0 21px;} .smap_c li a{ display:block; text-align:center;} .map_af{ width:129px; height:38px; padding:4px 0 0; margin:0 0 20px; line-height:38px; font-size:16px; color:#fff; background:url(../images/smap_fabg.png) left center no-repeat;} .map_az{ height:45px; line-height:45px; font-size:14px; color:#333;} .map_az:hover{ color:#1cbfc2;} .map_af:hover{ background:url(../images/smap_fabg.png) right center no-repeat;} @media (min-width: 0px) and (max-width: 1200px) { .smap_c{ padding:0;} .smap_c li { padding:15px 0 1px; margin:0; overflow:hidden; width:100%;} .map_af{ margin:0 0 15px;} .map_az{ float:left; padding:0 10px;} } @media (min-width: 640px) and (max-width: 1024px) { .map_af{float:left;} .map_az{ padding:0 15px;} } @media (min-width: 0px) and (max-width: 640px) { } /*网站地图 END*/ /*关于我们 BEGIN*/ .gy_c01{ overflow:hidden; min-height:555px; padding-bottom:80px;} .ql_aboutbox_a{ background:url(../images/qgl01.jpg) no-repeat center top; padding-top:50px;} .gy_c01_l{ float:left; width:100%; font-size:14px; color:#333; line-height:34px;} .gy_c01_l img{ padding:0 0 45px;} .gy_c01_l div{ padding:30px 0 0;} .gy_c01_l em{ min-height:34px; line-height:34px; color:#535353; font-size:16px; font-weight:bold; margin-right:20px;} .gy_c02_bg{ background:#fff; min-height:440px;} .gy_c02{ padding:48px 0 0; overflow:hidden;} .gy_c02 img{ display:block; padding:0 0 30px;} .gy_c02 ul{ float:left; width:480px;} .gy_c02 li{ height:33px; margin:20px 0 0; line-height:33px; font-size:14px; color:#333;} .gy_c02 li em{ margin:0 14px 0 0; width:86px; height:33px; float:left; text-align:center; font-size:16px; color:#fff; background:url(../images/abt_bg01.png) no-repeat;} .left{ float:left;} .fzlc_img01{ display:block; margin:0 auto; padding:30px 0 0;} .gy_c03_bg{ padding:0 0 30px 0; background:#f5f5f5;} .gy_c03_bg>div{ overflow:hidden;} .gfwh_ti{ float:left;} .ql_fzyj{ clear:both; width:90%; text-align:center; padding-bottom:30px; margin:0 auto;} .ql_fzyj img{ } .gy_c04_bg{ background:#fff;} .gy_c04_bg>div{ padding:0 0 30px 0; overflow:hidden;} .fzyj_ti{ float:left;} .fzyj_c{ float:right; } .fzyj_c img{ float:left; padding:0 0 0 110px;} .gy_c01_r{ text-align:center; padding-top:50px; width:90%; margin:0 auto;} .gy_c01_r img{ width:100%; height:auto; max-width:544px;} .ql_gfwhtop{ text-align:center;} .ql_gfwhtop img{ display:block; margin:0 auto;} .ql_gfwhul{ clear:both; height:auto !important; min-height:10px; height:10px; overflow:hidden;} .ql_gfwhul li{ float:left; position:relative; width:473px; margin-right:10px;} .ql_gfwhul li img{ display:block; vertical-align:middle; width:100%; height:auto;} .ql_gfwhul li span{ display:none; position:absolute; width:100%; top:0; left:0; z-index:2;} @media (min-width: 0px) and (max-width: 1440px) { .ql_gfwhul li{ width:33.33%; margin:0; box-sizing:border-box; padding:0 5px;} .ql_gfwhul li span{ box-sizing:border-box; padding:0 5px;} } @media (min-width: 0px) and (max-width: 515px) { .ql_gfwhul li{ width:100%; margin:0 0 10px 0; box-sizing:border-box; padding:0 0;} .ql_gfwhul li span{ box-sizing:border-box; padding:0 0;} } @media (min-width: 0px) and (max-width: 960px) { .gy_c01_l em{ display:block;} .ql_gfwhul li span{ display:block;} } @media (min-width: 0px) and (max-width: 1200px) { .gy_c01_l{ width:100%; font-size:14px; float:none;} .gy_c01_l img{ width:40%; padding:0; height:auto; max-width:291px;} .gy_c01_l div{ padding:10px 0 0;} .gy_c01_l em{ font-size:14px;} .gy_c02_bg{ padding:50px 0 0;} .gy_c02_bg img{ width:40%; max-width:315px;} .gy_c01_r{ padding-top:0px;} .memory .scrollbox{ width:100% !important;} .memory{ background:none; height:auto; margin:0 auto; padding:10px 0 0;} .example1 .sly ul li{ margin:0 auto; display:block; width:100%; float:none; overflow:hidden; background:none; line-height:1.8rem !important;} .sly{ height:auto !important;} #horizontal{ height:auto;} .let_box{ float:none; width:100%; background:#ebebeb;} .let_box span, .ltr_box span{ display:none;} .ltr_box{ margin:12px 0; text-align:right; float:none; width:100%; background:#ebebeb;} .let_box, .ltr_box{ padding:2%; height:auto; box-sizing:border-box; margin:10px 0 0; font-size:12px;} img.fzlc_img01{ width:70%;} img.gfwh_ti{ width:25%; height:auto; float:left;} img.fzyj_ti{ float:left; display:block; width:25%;} .fzyj_c{ width:74%; float:right;} .fzyj_c img{ float:left; box-sizing:border-box; width:49.5%; padding:0 15px;} .let_box p:nth-child(1){ font-size:12px; color:#ff7006;} .ltr_box p:nth-child(2){ font-size:12px; color:#ff7006;} .ltr_box p:nth-child(1),.ltr_box p:nth-child(4){ display:none;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 640px) { .gy_c01_l{ width:100%; font-size:12px; float:none;} .gy_c01_l em{ font-size:12px;} .gy_c02_bg{ padding:50px 0 0;} .fzlc_img01{ display:block; margin:0 auto; width:100%;} .example1 .sly ul li{line-height:1.4rem !important;} img.gfwh_ti{ width:40%; height:auto; float:none; display:block;} .gfwh_c{ float:none; margin:0 auto;} .gy_c04_bg > div{ padding:0 0 30px 0;} img.fzyj_ti{ float:none; display:block; width:80%;} .fzyj_c{ float:none; width:100%;} .fzyj_c img{ float:none; padding:0; width:95%; padding:20px 0 0;} .gy_c03_bg{ padding:25px 0;} img.fzlc_img01{ width:96%;} .ql_gfwhtop img{ width:80%; max-width:640px;} .ql_fzyj img{ width:80%; margin:0 auto;} } /*关于我们 END*/ /*办公环境 BEGIN*/ .bghj_c01{ overflow:hidden;} .bghj_c01_l{ position:relative;} .bghj_c02_r{ position:relative;} .bghj_c{ padding:0 0 30px;} .bghj_c .hd{ position:absolute; z-index:999;} .bghj_c .hd ul{ overflow:hidden;} .bghj_c .hd li{ float:left; width:12px; height:11px; margin:0 5px; text-indent:-9999px; background:url(../images/bghj_hd_bg.png) right center no-repeat; cursor:pointer;} .bghj_c .hd li.on{background:url(../images/bghj_hd_bg.png) left center no-repeat;} .bghj_c01_l .hd{ right:10px; bottom:10px;} .bghj_c02_r .hd{ right:10px; bottom:10px;} .bghj_c01_l{ float:left; width:763px;} .bghj_c01_l li{ float:left;} .bghj_c01_l li a{ display:block;} .bghj_c01_l li a img{ display:block;} .bghj_c01_r{ float:right; width:635px; padding:60px 0 0; font-size:14px; color:#535353; line-height:28px;} .bghj_c01_r img{ display:block; padding:0 0 25px;} .bghj_c02{ overflow:hidden; padding:35px 0 0;} .bghj_c02_r{ float:right; width:763px;} .bghj_c02_r li{ float:left;} .bghj_c02_r li a{ display:block;} .bghj_c02_r li a img{ display:block;} .bghj_c02_l{ float:left; width:635px; padding:60px 0 0; font-size:14px; color:#535353; line-height:28px;} .bghj_c02_l img{ display:block; padding:0 0 25px;} .swiper-pagination-bullet{ margin:0 5px;} @media (min-width: 0px) and (max-width: 1200px) { .w1440{ width:100%;} .bghj_c01_r img{ width:40%; height:auto; display:block; padding:15px 0;} .bghj_c02_l img{ width:40%; height:auto; display:block; padding:15px 0;} } @media (min-width: 640px) and (max-width: 1024px) { .w1440{ width:100%;} .bghj_c01_r img{ width:30%; height:auto; display:block; padding:15px 0;} .bghj_c02_l img{ width:30%; height:auto; display:block; padding:15px 0;} .bghj_c01_l{float:none; margin:0 auto; width:100%;} .bghj_c01_r{ float:none; margin:0 auto; width:100%;} .bghj_c02_r{float:none; margin:0 auto; width:100%;} .bghj_c02_l{ float:none; margin:0 auto; width:100%;} } @media (min-width: 1000px) and (max-width: 1024px) { .bghj_c{ width:70%; margin:0 auto;} .bghj_c01_r img{ width:30%; height:auto; display:block; padding:15px 0;} .bghj_c02_l img{ width:30%; height:auto; display:block; padding:15px 0;} .bghj_c01_l{float:none; margin:0 auto; width:100%;} .bghj_c01_r{ float:none; margin:0 auto; width:100%;} .bghj_c02_r{float:none; margin:0 auto; width:100%;} .bghj_c02_l{ float:none; margin:0 auto; width:100%;} } @media (min-width: 0px) and (max-width: 640px) { .w1440{ width:100%;} .bghj_c01_r img{ width:40%; height:auto; display:block; padding:15px 0;} .bghj_c02_l img{ width:40%; height:auto; display:block; padding:15px 0;} .bghj_c01_l{ width:100%; padding:0; float:none;} .bghj_c01_r{ float:none; padding:15px 0; width:100%;} .bghj_c02_r{ width:100%; padding:0; float:none;} .bghj_c02_l{ float:none; padding:15px 0; width:100%;} } /*办公环境 END*/ /*国风团队BEGIN*/ .gftd_c{ padding:0 0 50px;} .gftd_c .w1440{ min-height:500px; overflow:hidden; padding:25px 0 40px;} .gftd_c ul{ padding:0 0 40px; width:1500px; background:url(../images/gftd_ulbg.jpg) repeat-y center 318px;} .gftd_c li{ position:relative; float:left; width:440px; height:321px; margin:0 60px 40px 0; padding:10px 0 0; background:url(../images/gftd_libg.png) no-repeat;} .gftd_liimg{ display:block; width:417px; height:258px; margin:0 auto; overflow:hidden;} .gftd_lit{ height:64px; width:387px; padding:16px 15px 0; overflow:hidden; position:absolute; left:10px; top:204px; background:url(../images/tdfc_tibg.png) repeat-x;} .gftd_lit h3{ float:left; height:48px; line-height:48px;} .gftd_lit h3 a{ display:block; height:48px; line-height:48px; font-size:18px; color:#fff;} .gftd_lit em{ float:right; padding:0 0 0 30px; height:48px; line-height:48px; font-size:14px; color:#fff; background:url(../images/gftd_lookbg.png) left center no-repeat;} .gftd_lit span{ float:right; padding:0 14px 0 22px; height:48px; line-height:48px; font-size:14px; color:#fff; background:url(../images/gftd_goodbg.png) left center no-repeat;} .gftd_c li:hover h3 a{ color:#1cbfc2;} .gftd_c li:hover img{ /* transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 -moz-transform:rotate(7deg); /* Firefox -webkit-transform:rotate(7deg); /* Safari 和 Chrome -o-transform:rotate(7deg); /* Opera transform:translateY(-8px); -ms-transform:translateY(-8px); -moz-transform:translateY(-8px); -webkit-transform:translateY(-8px); -o-transform:translateY(-8px);*/ transform: scale(1.1); transition: all 1s ease 0s; -moz-transform: scale(1.1); -moz-transition: all 1s ease 0s; -ms-transform: scale(1.1); -ms-transition: all 1s ease 0s; -o-transform: scale(1.1); -o-transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transition: all 1s ease 0s; } @media (min-width: 0px) and (max-width: 1200px) { .gftd_c{ padding:0 0 30px;} .gftd_c .w1440{ min-height:450px;} .gftd_c ul{ width:100%; background:none; padding:0;} .gftd_c li{ float:none; box-sizing:border-box; width:100%; height:auto; padding:0; margin:0 auto 20px; border-radius:6px; overflow:hidden;} .gftd_c li img{ width:100%; height:auto;} .gftd_liimg{ width:100%; height:auto;} .gftd_lit{ height:36px; line-height:36px; top:auto; bottom:0%; left:0%; width:94%; padding:0 3%;} .gftd_lit h3{ height:36px; line-height:36px;} .gftd_lit h3 a{ height:36px; line-height:36px; color:#fff;} .gftd_lit em{ color:#fff; height:36px; line-height:36px;} .gftd_lit span{ color:#fff; height:36px; line-height:36px;} } @media (min-width: 640px) and (max-width: 1024px) { .gftd_c li{ width:31.33%; float:left !important; margin:0 1%;} .gftd_c ul{ padding:0 0 30px;} } @media (min-width: 0px) and (max-width: 640px) { } /*国风团队END*/ /*国风相册BEGIN*/ .gfxc_c{ overflow:hidden; padding:0 0 45px;} .gfxc_c ul{ width:1513px; min-height:500px;} .gfxc_c li{ float:left; width:431px; margin:15px 73px 0 0;} .gfxc_liimg{ display:block; width:100%; height:288px; overflow:hidden;} .gfxc_liimg img{ display:block;} .gfxc_lic{ overflow:hidden; height:108px; line-height:108px; background:url(../images/gfxc_licbg.jpg) left center no-repeat;} .gfxc_lic h3{ float:left; height:108px; line-height:108px;} .gfxc_lic h3 a{ display:block; min-width:70px; height:108px; line-height:108px; font-size:16px; color:#333; background:#fff;} .gfxc_lic em{ float:left; padding:0 0 0 14px; height:108px; line-height:108px; font-size:12px; color:#666;} .gfxc_lic h3 a:hover{ color:#1cbfc2;} .gfxc_c li:hover img{-webkit-transform:scale(0.99);-moz-transform:scale(0.99);transition:all 1s;} @media (min-width: 0px) and (max-width: 1200px) { .gfxc_c ul{ width:100%;} .gfxc_c li{ width:31.33%; margin:0 1%;} .gfxc_liimg img{ display:block; width:100%; height:auto;} .gfxc_lic{ overflow:hidden; height:58px; line-height:58px; background:url(../images/gfxc_licbg.jpg) left center no-repeat;} .gfxc_lic h3{ float:left; height:58px; line-height:58px;} .gfxc_lic h3 a{ display:block; height:58px; line-height:58px; font-size:16px; color:#333; background:#fff;} .gfxc_lic em{ float:left; padding:0 0 0 14px; height:58px; line-height:58px; font-size:12px; color:#666;} .gfxc_liimg{ height:auto;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 640px) { .gfxc_c li{ width:100%; margin:0; float:none;} .gfxc_lic h3{ float:left; width:76%; height:38px; line-height:38px;} .gfxc_lic h3 a{ font-size:12px; height:38px; line-height:38px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .gfxc_lic em{ float:right; padding:0 0 0 14px; height:38px; line-height:38px; font-size:12px; color:#666;} } /*国风相册END*/ /*案例列表BEGIN*/ .al_c{ overflow:hidden; padding:0 0 40px;} .al_c ul{ width:1460px; min-height:500px; *padding:0 0 32px;} .al_c li{ float:left; width:345px;margin:0 20px 32px 0;} .al_lizz{ position:relative; display:block; width:100%; height:315px; background:#000; overflow:hidden;} .al_lizz em{ display:none; position:absolute; left:50%; top:50%; margin-left:-82px; margin-top:-20px; width:164px; height:40px; line-height:40px; text-align:center; font-size:17px; color:#fff; background:url(../images/al_lizz02.png) no-repeat;} .al_c li img{ display:block;} .al_lic{ padding:10px 0 0;} .al_lic h3{ height:30px; line-height:30px; text-align: center;} .al_lic h3 a{ display:block; height:30px; line-height:30px; font-size:15px; color:#5a5a5a; font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .al_lic div{ height:26px; line-height:26px; text-align:center; color:#b8b8b8; font-size:12px;} .al_lic span{ padding:0 12px 0 0;} .al_lic em{ padding:0 0 0 24px; background:url(../images/al_look.png) left center no-repeat;} .al_lic h3 a:hover{ color:#1cbfc2;} .al_c li:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition:all 1s;} @media (min-width: 0px) and (max-width: 1200px) { .al_c ul{ width:100%;} .al_c li{ width:31.33%; height:auto; margin:0 1% 2%;} .al_lizz{ height:auto;} .al_c li img{ width:100%; height:auto;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 640px) { .al_c li{ width:48%; margin:0 1% 2%;} } /*案例列表END*/ /*案例详细BEGIN*/ .al_xxc{ padding:0 0 40px;} .al_xxc h1{ min-height:60px; line-height:60px; font-size:33px; color:#3a3a3a; font-weight:bold;} .al_xxgn{ overflow:hidden;} .al_xxgn_l{ float:left; width:690px;} .al_xxgn_lt{ overflow:hidden; min-height:30px;} .al_xxgn_lt em{ float:left; min-width:60px; height:24px; line-height:24px; font-size:14px; color:#626262; text-align:center; padding:0 10px; margin:0 8px 4px 0; border:1px solid #e2e2e2;} .al_xxgn_lw{ min-height:26px; line-height:26px; font-size:14px; color:#626262;} .al_xxgn_ltel{ min-height:32px; line-height:32px; font-size:14px; color:#1cbfc2;} .al_xxgn_r{ float:right;} .al_xxgn_r em{ display:block; height:36px; line-height:36px; font-size:14px; color:#737373;} .al_xxgn_r a{ display:block; min-width:134px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:url(../images/alxx_ll1.png) repeat-x;} .al_xxgn_r a span{display:block; padding:6px 20px 0 15px; height:34px; line-height:34px;background:url(../images/alxx_ll.png) no-repeat right bottom;} .al_xxgn_r a:hover{filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/} .al_xxw{ min-height:500px; padding:20px 0 0;} .al_xxw img{ display:block; margin:0 auto;} .al_xxbg{ background:#f5f5f5; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/} .al_xx{ overflow:hidden; min-height:105px; padding:28px 0 0;} .al_l{ float:left;} .al_l em{ display:block; height:50px; line-height:50px; font-size:26px; color:#1cbfc2; text-transform:uppercase;} .al_l span{ display:block; height:26px; line-height:26px; font-size:14px; color:#9a9a9a;} .al_r{ float:right;} .al_rdqwz{ height:34px; line-height:34px; color:#b2b2b2; font-size:12px; text-align:right;} .al_rdqwz a{ color:#b2b2b2; font-size:12px;} .al_rdqwz a:hover{ color:#1cbfc2;} .al_rnav{ min-height:32px; padding:12px 0 0;} .al_rnav ul{} .al_rnav li{ float:left; width:97px; height:32px; line-height:32px; font-size:15px; color:#7d7d7d; padding:0 8px 0 0; background:url(../images/alxx_navbg.png) right center no-repeat;} .al_rnav li h2{} .al_rnav li h2 a{ display:block; height:32px; line-height:32px;font-size:15px; text-align:center; color:#7d7d7d;} .al_rnav li:hover h2 a,.al_rnav li.on h2 a{ color:#1cbfc2; font-weight:bold;} @media (min-width: 0px) and (max-width: 1200px) { .al_xxgn_l{ width:70%;} .al_xxw img{ width:100%; height:auto;} .al_xx{ padding:10px 0;} .al_l{ float:none; text-align:center;} .al_r{ float:none; text-align:center;} .al_rdqwz{ text-align:center;} .al_rnav li{ padding:0; float:left; background:none; width:33.33%;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 640px) { .al_xxc h1{ font-size:16px;} .al_xxgn_l{ float:none; width:100%;} .al_xxgn_r{ float:none;} .al_xxgn_lw{} .al_xxgn_ltel{ line-height:26px;min-height:26px;} .al_xxgn_ltel em{ display:block;} .al_xxgn_r em{ line-height:26px;height:26px;} .al_rnav{} .al_rdqwz{ height:28px; line-height:28px;} .al_xxgn_lt em{ width:24%; box-sizing:border-box; margin-right:1%; padding:0 4px; font-size:12px;} } /*案例详细END*/ /*职业通道BEGIN*/ .zytd_c{ overflow:hidden;} .zytd_c img{ float:left; margin:0 14px 26px;} .zytd_c img:hover{ transform:rotate(10deg) scale(0.8); -ms-transform:rotate(10deg) scale(0.8); /* IE 9 */ -moz-transform:rotate(10deg) scale(0.8); /* Firefox */ -webkit-transform:rotate(10deg) scale(0.8); /* Safari 和 Chrome */ -o-transform:rotate(10deg) scale(0.8); /* Opera */ transition:all 3s; } @media (min-width: 0px) and (max-width: 1200px) { } @media (min-width: 640px) and (max-width: 1024px) { .zytd_c img{ width:48%; margin:0 1% 2%; height:auto;} } @media (min-width: 0px) and (max-width: 640px) { .zytd_c img{ width:100%; margin:0 auto 15px; height:auto;} } /*职业通道END*/ /*人才理念BEGIN*/ .rc_c{ padding:60px 0 0;} .rc_c div{ float:left; width:375px; padding:0 12px; text-align:center; font-size:14px; color:#333; line-height:28px;} .rc_c div img{ display:block; margin:0 auto; padding:0 0 8px;} @media (min-width: 0px) and (max-width: 1200px) { .rc_c{ padding:0;} } @media (min-width: 640px) and (max-width: 1024px) { .rc_c div{ float:left; width:31.33%; padding:0 1%; text-align:center; font-size:14px; color:#333; line-height:28px;} .rc_c div img{ width:70%; height:auto;} } @media (min-width: 0px) and (max-width: 640px) { .rc_c div{ float:none; margin:0 auto; width:98%; padding:5% 1%; text-align:center; font-size:14px; color:#333; line-height:28px;} .rc_c div img{ width:70%; height:auto;} } /*人才理念END*/ /*国风待遇BEGIN*/ .gfdy_c01{ overflow:hidden;} .gfdy_c01_l{ float:left;} .gfdy_c01_l img{ display:block; padding:0 0 45px;} .gfdy_c01_r{ float:right; margin-top:75px; width:760px; height:376px; line-height:30px; font-size:14px; color:#333;background:#f8f8f8; padding:30px 28px 15px;} .gfdy_c01_r em{ display:block; min-width:85px; height:30px; line-height:30px; font-size:15px; font-weight:bold; color:#1cbfc2; background:url(../images/gfdy_bg001.jpg) no-repeat left bottom;} .gfdy_c02{ overflow:hidden;} .gfdy_c02_l{ float:left; height:377px;} .gfdy_c02_r{ float:right;} .gfdy_c02_r img{ display:block; padding:0 0 45px;} .gfdy_c02_l{ float:left; margin-top:75px; width:760px; height:376px; line-height:30px; font-size:14px; color:#333;background:#f8f8f8; padding:30px 28px 15px;} .gfdy_c02_l em{ display:block; min-width:85px; height:30px; line-height:30px; font-size:15px; font-weight:bold; color:#1cbfc2; background:url(../images/gfdy_bg001.jpg) no-repeat left bottom;} @media (min-width: 0px) and (max-width: 1200px) { .gfdy_c01_l{ float:none; width:100%;} .gfdy_c01_l img{ display:block; margin:0 auto;} .gfdy_c01_r{ margin:0; width:96%; padding:2%; float:none; height:auto;} .gfdy_c02_l{ float:none; width:96%; margin:0; padding:2%; height:auto;} .gfdy_c02_r img{ display:block;} .gfdy_c02_r{ margin:20px 0 0; width:96%; padding:2%; float:none;} .gfdy_img02{ margin:0 auto;} .gfdy_img04{ margin:0 auto;} } @media (min-width: 640px) and (max-width: 1024px) { .gfdy_c01_l{ float:left; width:50%;} .gfdy_c01_l .gfdy_img01{ width:95%;} .gfdy_c01_l .gfdy_img02{ width:100%;} .gfdy_c01_r{ margin:0; width:40%; padding:2%; float:right; height:auto;} .gfdy_c02_l{ float:left; width:40%; margin:0; padding:2%; height:auto;} .gfdy_c02_r{ float:right; width:50%;} .gfdy_c02_r .gfdy_img03{ width:95%;} .gfdy_c02_r .gfdy_img04{ width:100%;} } @media (min-width: 0px) and (max-width: 640px) { .gfdy_c01_l{ float:none; width:100%;} .gfdy_c01_l img{ display:block; margin:0 auto; width:100%; height:auto;} .gfdy_c01_r{ margin:0; width:96%; padding:2%; float:none;} .gfdy_c02_r img{ display:block; margin:0 auto;} .gfdy_c02_r{ margin:20px 0 0; width:96%; padding:2%; float:none;} } /*国风待遇END*/ /*动态列表BEGIN*/ .dt_c{ overflow:hidden; padding: 0 0 35px;} .dt_cl{ width:1002px; float:left;} .dt_cl ul{ padding:5px;} .dt_cl li{ margin:0 0 40px; border-radius:5px; border:1px solid #eee; padding:15px 25px 30px; box-shadow:0 0 3px #eee;} .dt_cl li h3{ height:36px; line-height:36px;} .dt_cl li h3 a{ display:block; height:36px; line-height:36px; font-size:20px; color:#333;} .dt_gn{ overflow:hidden; min-height:42px; line-height:42px;} .dt_gn em{ float:left; width:74px; height:25px; line-height:25px; margin:8px 0 0; text-align:center; font-size:14px; color:#fff; border-radius:4px; background:#ec3c3d;} .dt_gn span{ float:left; padding:0 0 0 18px; font-size:14px; color:#989898;} .dt_gn .xxy_js{ float:right; color:#7b7b7b;} .dt_gn b{ padding:0 0 0 28px; float:left; font-weight:normal; background:url(../images/dt_bg01.jpg) left center no-repeat;} .xxy_dzx{ float:left; padding:0 0 0 15px;} .xxy_js a{ padding:0 0 0 35px; float:left; background:url(../images/dt_bg02.jpg) 9px center no-repeat;} .xxy_dzx{ font-size:14px;} .xxy_dzx a{ color:#989898;} .xxy_dzx a:hover{ color:#f90;} .dt_lic{ overflow:hidden; padding:12px 0 0;} .dt_liimg{ float:left;} .dt_liimg img{ display:block;} .dt_lic div{ float:left; width:435px; padding:40px 0 0 30px; font-size:14px; color:#333; line-height:26px;} .dt_lic div p{ min-height:210px;} .dt_lim{ height:44px; line-height:44px; font-size:16px; color:#1cbfc2;} .dt_cl li:hover{ box-shadow:0 0 3px #999;} .dt_cl li:hover h3 a{ color:#1cbfc2;} .dt_lim:hover{ color:#f90;} .dt_cr{ float:right;} .dt_cr_t{ width:378px; min-height:673px; padding:10px 0 15px; border:1px solid #f1f1f1; border-radius:4px; box-shadow:0 0 3px #eee;} .dt_cr_t>em{ display:block; height:40px; line-height:40px; font-size:18px; color:#000; text-indent:23px;} .dt_cr_t ul{} .dt_cr_t li{ margin:14px auto 0; width:332px;} .dt_cr_t li>a{ display:block;} .dt_cr_t li h3{} .dt_cr_t li h3 a{ display:block; height:44px; line-height:44px; font-size:16px; color:#333; text-align:center;} .dt_cr_t li:hover img{filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/} .dt_cr_t li:hover h3 a{ color:#1cbfc2;} .dt_cr_b{ width:378px; padding:0px 0 15px; margin:25px 0 0 ; border:1px solid #f1f1f1; border-radius:4px; box-shadow:0 0 3px #eee;} .dt_cr_b>em{ display:block; height:40px; line-height:40px; font-size:18px; color:#000; text-indent:23px;} .dt_cr_bxg{ width:325px; margin:0 auto; min-height:405px;} .dt_cr_bxg li{ display:block; min-height:34px; line-height:34px;} .dt_cr_bxg li h3{ height:34px; line-height:34px; font-size:} .dt_cr_bxg li h3 a{ display:block; height:34px; padding:0 0 0 12px; line-height:34px; font-size:14px; color:#000; background:url(../images/dt_cr_bxg_lgbg.jpg) left center no-repeat;} .dt_cr_blimg{ display:none;} .dt_cr_blimg img{ display:block;} .dt_cr_bxg li.on .dt_cr_blimg{ display:block;} .dt_cr_bxg li.on h3 a{ color:#01aeb2; font-weight:bold;} @media (min-width: 0px) and (max-width: 1200px) { .dt_cl{ width:70%;} .dt_liimg{ width:60%;} .dt_liimg img{ width:100%; height:auto;} .dt_lic div{ padding:0 0 0 2%; width:38%;} .dt_lic div p{ min-height:0; height:208px; overflow:hidden;} .dt_cl li h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .dt_cr_t li h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .dt_cr_bxg li h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .dt_cr{ width:28%;} .dt_cr_t{ width:100%; box-sizing:border-box;} .dt_cr_t li{ width:90%; margin:0 auto 20px;} .dt_cr_b{ width:100%; box-sizing:border-box;} .dt_cr_bxg{ width:90%; margin:0 auto; min-height:0;} .dt_cr_bxg li{ margin:0 0 20px;} .dt_cr_blimg{ display:block !important;} .dt_lim{ font-size:13px; line-height:26px;} .dt_gn em{ font-size:13px;} .dt_gn span{ font-size:13px;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { .dt_liimg{ width:100%; float:none;} .dt_lic div{ float:none; width:100%; padding:10px 0 0;} } @media (min-width: 0px) and (max-width: 640px) { .dt_cr{ display:none;} .dt_cl{ width:100%;} .dt_cl li{ padding:10px; margin-bottom:15px;} .dt_cl li h3 a{ font-size:18px;} .dt_gn{} .dt_gn .xxy_js{ float:none; clear:both;} .dt_liimg{ width:100%; float:none;} .dt_lic div{ float:none; width:100%; padding:10px 0 0; font-size:12px; line-height:22px;} .dt_lic div p{ height:auto;} .xxy_dzx{ } .xxy_dzx a:nth-last-of-type(1){ display:none;} } /*动态列表END*/ /*动态详细BEGIN*/ .dt_xxc{ overflow:hidden; padding:0 0 40px;} .dt_xxcl{width:954px; padding:15px 24px 0; float:left;border-radius:5px; border:1px solid #eee; min-height:1103px;box-shadow:0 0 3px #eee;} .dt_xxcl h1{display:block; min-height:36px; line-height:36px; font-size:20px; color:#333;} .dt_xxcw{ min-height:900px; padding:20px 0; font-size:14px; color:#333;} .dt_xxcw img{ display:block; margin:0 auto;} .dt_if{height:507px;width:830px;margin:0 auto 30px;} @media (min-width: 0px) and (max-width: 1200px) { .dt_xxcl{ width:70%; min-height:0; box-sizing:border-box; padding:15px 5px 0;} .dt_xxcw{ min-height:0;} .dt_xxcw img{ width:100%; height:auto;} .dt_xxc .dt_cr_b{ display:none;} .dt_xxcw table{ width:100%; height:auto;} .dt_if{height:430px;width:100%;margin:0 auto;} .dt_if iframe{height:430px;width:100%;margin:0 auto;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { .dt_if{height:400px;width:100%;margin:0 auto;} .dt_if iframe{height:400px;width:100%;margin:0 auto;} } @media (min-width: 0px) and (max-width: 640px) { .dt_xxcl{ width:100%; min-height:0; box-sizing:border-box;} .dt_if{height:210px;width:100%;margin:0 auto;} .dt_if iframe{height:210px;width:100%;margin:0 auto;} } /*动态详细END*/ /*服务BEGIN*/ .fw_c{ width:1441px; padding:0 0 50px 1px; margin:0 auto;} .fw_c01{} .fw_c01 ul{} .fw_c01_li{ overflow:hidden; float:left; width:720px; height:249px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .fw_c01_li>img{ float:left;} .fw_c01_li div{ float:left; width:320px; height:249px; padding:0 20px; font-size:14px; color:#7d7d7d;} .fw_c01_li div img{ display:block; padding:10px 0 8px;} .fw_c02{ overflow:hidden; margin:130px 0 50px; background:#f8f8f8;} .fw_c02 img{ float:left;} .fw_c01_li.fw_c01_r>img{ float:right;} .fw_c01_li.fw_c01_r div{ float:right;} .fw_c02_c{ float:right; width:1055px; height:476px; position:relative; background:url(../images/fw_c02_c004.png) 135px 213px no-repeat;} .fw_c02_c img{ position:absolute; display:block;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .fw_c02_c01{ left:0; top:152px;} .fw_c02_c02{ left:238px; top:169px;} .fw_c02_c03{ left:442px; top:169px;} .fw_c02_c04{ left:642px; top:169px;} .fw_c02_c05{ left:830px; top:169px;} .fw_c02_c06{ left:206px; top:277px;} .fw_c02_c07{ left:407px; top:42px;} .fw_c02_c08{ left:609px; top:277px;} .gfys_ti{ height:74px; margin-bottom:36px; line-height:70px; font-size:30px; color:#000; font-weight:bold; text-align:center; background:url(../images/gfys_bg.png) center bottom no-repeat;} .fw_li{ float:left; width:670px; padding:0 0 0 10px; margin-top:52px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .fw_li img{ display:block;} .fw_li_img{ float:right; -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-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .fw_li div{ float:left; width:452px; font-size:14px; line-height:26px; color:#7d7d7d; padding-top:5px;} .fw_li div img{ padding-bottom:18px;} .fw_lir{ float:right; padding:0 10px 0 0px;} .fw_lir .fw_li_img{ float:left;} .fw_lir div{ float:right;} .fw_li:hover .fw_li_img{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .xfw_02{ padding:120px 0 0;} .xfw_02 img.xfw_02_pc{ display:block;} .xfw_02 img.xfw_02_m{ display:none !important;} @media (min-width: 1200px) and (max-width: 1440px) { .fw_li{ width:48%;} .fw_li div{ width:auto; float:none;} .xfw_02{ padding:15px 0;} .xfw_02 img{ display:block; width:100%; height:auto;} } @media (min-width: 0px) and (max-width: 1200px) { .fw_c{ width:100%;} .fw_c01_li{ width:48%; margin:0 1% 5%; height:auto; float:left;} .fw_c01_li > img{ width:100%;} .fw_c01_li div{ width:100%; padding:0; height:auto; box-sizing:border-box;} .fw_c01_li div img{ width:20%;} .fw_c01_li.fw_c01_r>img{ float:left;} .fw_c01_li.fw_c01_r div{ float:left;} .fw_c02{ padding:15px 0;} .fw_c02 img.fw_c02_img01{ width:21.7%;} .fw_c02 img.fw_c02_img02{ width:78.3%;} .xfw_02{ padding:15px 0;} .xfw_02 img{ display:block; width:100%; height:auto;} .gfys_ti{ margin:0;} .fw_li img{ display:block; width:auto;} .fw_li_img{ float:right; width:auto;} .fw_li{ width:100%; padding:0; margin-top:25px; box-sizing:border-box;} } @media (min-width: 640px) and (max-width: 1022px) { .fw_c02_img01{ display:none;} .fw_c02{ margin-top:30px;} .fw_c02_c{ width:100%; height:380.8px; margin:0 auto; float:none; /*background:url(../images/fw_c02_c004.png) 108px 170px no-repeat; background-size:80% auto;*/ background:none;} .fw_c02_c img{ opacity:1;} .fw_c02_c img.fw_c02_c01{ width:108px; height:108px; top:115px;} .fw_c02_c img.fw_c02_c02{ width:78px; height:78px; left:200px; top:135px;} .fw_c02_c img.fw_c02_c03{ width:78px; height:78px; left:373px; top:135px;} .fw_c02_c img.fw_c02_c04{ width:78px; height:78px; left:545px; top:135px;} .fw_c02_c img.fw_c02_c05{ width:78px; height:78px; left:auto; right:0; top:135px;} .fw_c02_c img.fw_c02_c06{ width:169px; height:118px; left:154px; top:230px;} .fw_c02_c img.fw_c02_c07{ width:168px; height:116px; top:2px; left:328px;} .fw_c02_c img.fw_c02_c08{ width:169px; height:144px; top:230px; left:500px} } @media (min-width: 1023px) and (max-width: 1200px) { .fw_c02_img01{ display:none;} .fw_c02{ margin:15px 0 0;} .fw_c02_c{ width:931px; margin:0 auto; float:none; background:url(../images/fw_c02_c004.png) 135px 213px no-repeat;} .fw_c02_c img{ opacity:1;} .fw_c02_c img.fw_c02_c01{ width:135px; height:135px;} .fw_c02_c img.fw_c02_c02{ width:98px; height:98px;} .fw_c02_c img.fw_c02_c03{ width:98px; height:98px;} .fw_c02_c img.fw_c02_c04{ width:98px; height:98px;} .fw_c02_c img.fw_c02_c05{ width:98px; height:98px;} .fw_c02_c img.fw_c02_c06{ width:169px; height:118px;} .fw_c02_c img.fw_c02_c07{ width:168px; height:116px;} .fw_c02_c img.fw_c02_c08{ width:169px; height:144px;} } @media (min-width: 640px) and (max-width: 1000px) { .fw_c01_li div img{ width:30%;} } @media (min-width: 0px) and (max-width: 640px) { .fw_c02{ display:none;} .fw_c01_li{ width:100%; margin:0 0 10%; height:auto; float:none;} .fw_c01_li div img{ width:30%;} .fw_c02 img.fw_c02_img01{ width:100%;} .fw_c02 img.fw_c02_img02{ width:100%;} .fw_li img.fw_li_img{ display:none;} .fw_li div{ width:100%;} .xfw_02 img.xfw_02_pc{ display:none !important;} .xfw_02 img.xfw_02_m{ display:block !important;} } /*服务END*/ /*授权证书BEGIN*/ .sqzs_c{ overflow:hidden;} .sqzs_ti{ float:left; width:455px; padding:5px; margin:62px 0 0;} .sqzs_ti ul{} .sqzs_ti li{ float:left; margin:-1px 0 0 -1px; border:1px solid #e1e1e1; cursor:pointer;} .sqzs_ti li img{ display:block;} .sqzs_ti li.on{ box-shadow:0 0 3px #999; z-index:9999; position:relative;} .sqzs_ti li:hover{filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/} .sqzs_cc{ float:right; width:472px; height:695px; overflow:hidden;} .sqzs_cc li{ display:none;} .sqzs_cc li img{ display:block;} .sqzs_cc li em{ display:block; height:60px; line-height:60px; font-size:16px; color:#7d7d7d; font-weight:bold; text-align:center;} @media (min-width: 0px) and (max-width: 1200px) { .sqzs_ti{ width:40%; margin:0;} .sqzs_ti li{ width:50%; float:left; box-sizing:border-box;} .sqzs_cc{ width:50%; height:auto;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { } @media (min-width: 0px) and (max-width: 640px) { .sqzs_ti{ width:45%;} } /*授权证书END*/ /*员工成长BEGIN*/ .ygcz_c{ padding:0 0 45px;} .ygcz_c ul{ min-height:500px; padding:0 0 45px; width:1280px; margin:0 auto;} .ygcz_c li{ overflow:hidden; padding:20px 0 45px; border-bottom:1px solid #efefef;} .yg_img{ position:relative; float:left; width:164px; height:255px;} .yg_img img{ display:block;} .yg_img em{ position:absolute; display:block; width:164px; height:71px; left:0; bottom:0; background:url(../images/ygcz_lizz.png) no-repeat;} .yg_js{ float:right; width:1000px; padding:35px 0 0 96px; background:url(../images/ygcz_bg01.png) left 35px no-repeat;} .yg_js_ti{ padding:0 0 15px; color:#000; background:url(../images/yg_js_tibg.png) left bottom no-repeat;} .yg_js_ti em{ display:block; height:42px; line-height:42px; font-size:27px; } .yg_js_ti span{ height:22px; line-height:22px; font-size:15px;} .yg_js_cw{ padding:15px 0 0; line-height:28px; height:112px; overflow:hidden;} .yg_js_btn{ padding:17px 0 0; height:18px; background:url(../images/ygcz_bg02.png) 825px top no-repeat;} .yg_js_btn a{ display:block; height:18px; width:49px; background:url(../images/ylhd_btn.png) center top no-repeat;} .yg_js_btn a.on{ background:url(../images/ylhd_btn.png) center bottom no-repeat;} .ygcz_c li.on .yg_js_ti{ color:#1cbfc2;} .ygcz_c li.on .yg_js_cw{ height:auto;} .yg_js_btn a:hover{filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/} @media (min-width: 0px) and (max-width: 1200px) { .yg_js{ float:none; width:auto; padding:35px 0 0 184px; background:none;} .yg_img{ padding-right:20px;} .yg_js_btn{ background:none;} .ygcz_c ul{ width:100%;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { } @media (min-width: 0px) and (max-width: 640px) { .yg_js{ padding:0;} .yg_img{ float:none; margin:0 auto;} .yg_js{ clear:both;} } /*员工成长END*/ /*你问我答BEGIN*/ .nwwd_c{ overflow:hidden;} .nwwd_c>img{ float:right;} .nwwd_l{ float:left; width:1056px; padding:0 0 40px;} .nwwd_l ul{ min-height:550px; padding:0 0 40px;} .nwwd_l li{ position:relative; margin:0 0 16px; border-radius:5px; background:#fff; box-shadow:2px 2px 3px #d5d5d5; } .nwwd_l .wen{ min-height:30px; line-height:30px; padding:9px 15px; cursor:pointer;} .nwwd_l .wen em{ float:left; height:30px; width:40px; line-height:30px; font-size:17px; color:#1abfc2; font-weight:bold;} .nwwd_l .wen div{ width:986px; font-size:15px; color:#333;} .nwwd_l .da{ display:none; min-height:30px; line-height:30px; padding:9px 15px;} .nwwd_l .da em{ float:left; height:30px; width:40px; line-height:30px; font-size:17px; color:#f49d00; font-weight:bold;} .nwwd_l .da div{ width:986px; font-size:15px; color:#333;} .nwwd_btn{ position:absolute; display:block; bottom:0; right:0; width:48px; height:48px; background:url(../images/nwwd_btnbg.png) center center no-repeat;} .nwwd_l li:hover .nwwd_btn{ background:url(../images/nwwd_btnbg01.png) center center no-repeat;} .nwwd_l li.on .nwwd_btn{ background:url(../images/nwwd_btnbg_h.png) center center no-repeat;} .nwwd_l li.on:hover .nwwd_btn{ background:url(../images/nwwd_btnbg_h01.png) center center no-repeat;} .nwwd_l li:hover .wen div, .nwwd_l li.on .wen div{ color:#1abfc2;} @media (min-width: 0px) and (max-width: 1200px) { .nwwd_c > img{ display:none;} .nwwd_l{ float:none; width:100%;} .nwwd_l .wen{ padding: 9px 48px 9px 15px;} .nwwd_l .da{ padding: 9px 48px 9px 15px;} .nwwd_l .wen div{ width:100%; font-size:12px;} .nwwd_l .da div{ width:100%; font-size:12px;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { } @media (min-width: 0px) and (max-width: 640px) { } /*你问我答END*/ /*联系BEGIN*/ .lx_c{} .lx_ct{ overflow:hidden; padding:0 0 35px; border-bottom:1px solid #ebebeb;} .lx_ctt{ overflow:hidden; height:55px; line-height:55px;} .lx_ctt em{ float:left; height:55px; line-height:55px; padding:0 44px 0 36px; font-size:18px; color:#d90000; background:url(../images/lx_bg01.png) 5px center no-repeat;} .lx_ctt b{ float:left; height:55px; line-height:55px; padding:0 0 0 27px; font-size:16px; color:#d40000; font-weight:bold; background:url(../images/lx_bg02.png) left center no-repeat;} .lx_ctt strong{ float:left; height:55px; line-height:55px; padding:0 0 0 27px; font-size:16px; color:#d40000; font-weight:bold; background:url(../images/lx_bg02.png) left center no-repeat;} .lx_ctl{ float:left; width:625px; font-size:16px; color:#333; line-height:34px;} .lx_ctm{ float:left; width:635px; font-size:16px; color:#333; line-height:34px;} .lx_ctr{ float:left; width:179px; padding:10px 0 0;} .lx_ctr a{ display:block; width:175px; height:39px; margin:0 0 29px;} .lx_ctr a.lx_ctr_btn01{ background:url(../images/lx_abg.png) left top no-repeat;} .lx_ctr a.lx_ctr_btn001{ display:none; background:url(../images/lx_abg.png) left top no-repeat;} .lx_ctr a.lx_ctr_btn02{ background:url(../images/lx_abg.png) left bottom no-repeat;} .lx_ctr a.lx_ctr_btn01:hover{ background:url(../images/lx_abg.png) right top no-repeat;} .lx_ctr a.lx_ctr_btn02:hover{ background:url(../images/lx_abg.png) right bottom no-repeat;} .lx_cm{ padding:30px 0 35px; margin-bottom:40px; border-bottom:1px solid #ebebeb;} .lx_cmt{ padding:0 0 0 42px; height:58px; line-height:58px; font-size:18px; color:#d90000; background:url(../images/lx_bg03.png) 5px center no-repeat;} .lx_cmc{ overflow:hidden; font-size:16px; color:#333; line-height:34px;} .lx_cmc_l{ float:left; width:635px;} .lx_cmc_r{ float:left;} .lx_cmc_r em{ font-weight:bold;} .lx_box{ height:673px;} .lx_bd{} .lx_bd ul{} .lx_bd li{ vertical-align:middle; cursor:pointer;} .lx_bd li img{ display:block;} .lx_hd{ overflow:hidden; margin:0 auto; padding:25px 0 0;} .lx_hd ul{ float:left; overflow:hidden;} .lx_hd li{ float:left; margin:0 5px; width:11px; height:10px; text-indent:-9999px; background:url(../images/lxwm_hd.jpg) left center no-repeat; cursor:pointer;} .lx_hd li.on{ background:url(../images/lxwm_hd.jpg) right center no-repeat;} @media (min-width: 0px) and (max-width: 1200px) { .lx_box{ height:auto;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 0px) and (max-width: 1000px) { .lx_ct{ padding:0;} .lx_ctl{ width:100%; float:none;} .lx_ctm{ width:100%; float:none;} .lx_ctr{ float:none; width:100%;} .lx_ctr a{ float:left; margin:0 15px 0 0;} .lx_cm{ padding:5px 0 15px;} .lx_box{ height:auto;} .lx_ctt{ border-bottom:1px solid #d90000;} .lx_cmt{ border-bottom:1px solid #d90000;} .lx_ctr a.lx_ctr_btn01{ display:none;} .lx_ctr a.lx_ctr_btn001{ display:block;} .lx_ctt{ border:none;} .lx_ctr a{ float:none; margin:0 0 15px;} .lx_ctl div{} .lx_ctm div{} .lx_ctl em{} .lx_ctm em{} .lx_cmc_l{ width:100%;} .lx_cmc{ font-size:0.8rem;} .lx_ctl{ font-size:13px;} .lx_ctm{ font-size:13px;} .lx_ct{ border:none;} .lx_cmt{ border:none;} .lx_cm{ border:none;} } @media (min-width: 0px) and (max-width: 640px) { .lx_ctt{ border:none;} .lx_ctr a{ float:none; margin:0 0 15px;} .lx_ctl div{} .lx_ctm div{} .lx_ctl em{} .lx_ctm em{} .lx_cmc_l{ width:100%;} .lx_cmc{ font-size:0.8rem;} .lx_ctl{ font-size:13px; border-bottom:1px solid #57bed0;} .lx_ctl_01 em{ padding: 0 0 30px; float:left;} .lx_ctm{ font-size:13px;} .lx_ct{ border:none;} .lx_cmt{ border:none;} .lx_cm{ border:none;} } /*联系END*/ /*访客留言BEGIN*/ .fkly_c{ overflow:hidden;} .fk_img01{ float:left;} .fkly_r{ float:right; width:950px; padding:0 5px;} .fkly_form{ padding:5px 25px 0; background:#fff; border-radius:5px; box-shadow:2px 2px 4px #999; } .fkly_f{ float:left; width:425px; height:52px; line-height:52px; border-bottom:1px solid #e0e0e0;} .fkly_f02{ float:right;} .fkly_f em{ float:left; height:52px; line-height:52px; font-size:14px; color:#6b6b6b;} .fkly_f01 em{ padding:0 0 0 32px; background:url(../images/fkly_bg01.png) left center no-repeat;} .fkly_f02 em{ padding:0 0 0 32px; background:url(../images/fkly_bg02.png) left center no-repeat;} .fkly_f input{ float:right; width:320px;height:52px; line-height:52px; font-size:14px; color:#6b6b6b; border:none; background:none;} .fkly_form i{ font-style:normal; color:#F00;} .fkly_t{ border-bottom:1px solid #e0e0e0;} .fkly_t em{ display:block; height:30px; padding:0 0 0 32px; line-height:30px; font-size:14px; color:#595959; background:url(../images/fkly_bg03.png) 2px center no-repeat;} .fkly_txt{ padding:0 0 0 32px;} .fkly_txt textarea{ height:80px; width:847px; font-size:14px; color:#595959; border:none; background:none; resize:none;} .fkly_bq{ position:relative; width:23px; float:right; height:23px; padding:10px 18px 5px 0;} .fkly_bq a{ float:right; width:23px; height:23px; background:url(../images/fkly_bq01.png) center center no-repeat;} .fkly_bq a:hover{ background:url(../images/fkly_bq02.png) center center no-repeat;} .qqFace{ background:#fff; padding:10px; border-radius:5px; box-shadow:0 0 6px #999;} .fkly_b{ overflow:hidden; padding:18px 0 26px;} .fkly_yzm{ float:left; width:345px; height:52px; line-height:52px; border-bottom:1px solid #e0e0e0;} .fkly_yzm em{ float:left; height:52px; line-height:52px;font-size:14px; color:#595959; padding:0 0 0 33px; background:url(../images/fkly_bg04.png) 4px center no-repeat;} .fkly_yzm input{ float:left; width:175px; height:52px; line-height:52px;font-size:14px; color:#595959; border:none; background:none;} .fkly_yzm img{ float:left; padding:0 0 0 10px; cursor:pointer;} .fkly_b a{ float:right; margin:9px 0 0; width:129px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff; background:url(../images/fkly_btnbg.png) center top no-repeat;} .fkly_b a:hover{background:url(../images/fkly_btnbg.png) center bottom no-repeat;} .ckly_c{ padding:0 0 60px;} .ckly_c ul{ padding:0 0 60px; min-height:500px;} .ckly_c li{ padding:60px 0 0;} .ckly_c li>em{ display:block; margin:0 auto; width:131px; height:25px; text-align:center; font-size:13px; color:#fff; line-height:25px; background:url(../images/ckly_time.png) no-repeat;} .ly{ overflow:hidden;} .ly>em{ float:left; margin:0 15px 0 0; border-radius:5px; overflow:hidden;} .ly_c{ float:left;} .ly_c .ly_name{ display:block; height:26px; width:100%; line-height:26px; font-size:14px; color:#1cbfc2;} .ly_box{ position:relative; float:left; max-width:600px; padding:5px 15px; min-height:28px; line-height:28px; font-size:14px; color:#333; background:#fff; border-radius:5px; border:1px solid #e8e8e8;} .ly_box b{ position:absolute; width:9px; height:17px; left:-9px; top:11px; background:url(../images/ckly_bg01.png) no-repeat;} .hf{ overflow:hidden; padding:20px 0 0;} .hf>em{ float:right; margin:0 0 0 15px; border-radius:5px; overflow:hidden;} .hf_c{ float:right;} .hf_c .ly_name{display:block; line-height:26px; text-align:right; font-size:14px; color:#1cbfc2;} .hf_box{ position:relative; max-width:600px; padding:5px 15px; min-height:28px; line-height:28px; font-size:14px; color:#fff; background:#1cbfc2; border-radius:5px; border:1px solid #e8e8e8;} .hf_box b{ position:absolute; width:9px; height:16px; right:-9px; top:11px; background:url(../images/ckly_bg02.png) no-repeat;} @media (min-width: 0px) and (max-width: 1200px) { .fk_img01{ display:none;} .fkly_r{ float:none; width:100%; box-sizing:border-box;} .fkly_f{ width:45%;} .fkly_f input{ width:68%;} .fkly_txt textarea{ width:97%;} .ly_c{ width:77%;} .hf_c{ width:77%;} .ly_box{ max-width:80%;} .hf_box{ max-width:80%;} .fkly_yzm{ width:442px;} .fkly_yzm img{ height:52px; width:auto;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { } @media (min-width: 0px) and (max-width: 640px) { .ckly_c ul{ min-height:50px;} .ckly_c li{ padding:30px 0 0;} .ckly_c li>em{ margin:15px auto;} .qqFace{ width:250px;} .fkly_f{ width:100%; float:none;} .fkly_f input{ width:60%; box-sizing:border-box; padding:10px 0; line-height:32px;} .fkly_yzm{ height:auto; width:100%;} .fkly_yzm em{ height:36px; line-height:36px; padding-right:5px; display:block; float:none; border-bottom:1px solid #e0e0e0;} .fkly_yzm input{ width:45%; height:35px; padding:5px 0; box-sizing:border-box; line-height:25px; border-left:1px solid #e0e0e0; border-radius:0;} .fkly_yzm img{ width:auto; height:35px; float:right; padding:0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} } /*访客留言END*/ /*国风招聘BEGIN*/ .gfzp_c{ padding:0 0 60px;} .zp_c{ overflow:hidden; padding:15px 30px 35px; background:#fff; border-radius:5px;} .zp_l{ float:left; width:124px;} .zp_l a{ display:block; height:34px; line-height:34px; text-indent:14px; font-size:14px; color:#333; border-bottom:1px solid #fff;} .zp_l a.b{ color:#000; font-size:15px; padding:10px 0; font-weight:bold;} .zp_l a.on,.zp_l a:hover{ color:#1abfc2; border-bottom:1px solid #1abfc2;} .zp_r{ width:902px; float:right; padding:10px 0 0;} .zp_rti{ overflow:hidden; height:54px; line-height:54px; padding:0 28px;} .zp_rti>div{ float:left; height:54px; line-height:54px; text-align:center; font-size:14px; color:#1abfc2; font-weight:bold;} .zp_rti>div.zp_rti01{ width:200px; text-align:left;} .zp_rti02{ width:80px;} .zp_rti03{ width:305px;} .zp_rti04{ width:110px;} .zp_rti>div.zp_rti05{ float:right; width:70px;} .zp_r ul{ min-height:400px; *padding:15px;} .zp_r li{ overflow:hidden;height:36px; margin:0 0 15px; line-height:36px; padding:0 28px; background:#f5f5f5; border-radius:18px;} .zp_r li>div{ float:left; height:36px; line-height:36px; text-align:center; font-size:14px; color:#333; } .zp_r li>div.zp_rti01{ width:200px; text-align:left;} .zp_r li>a{ display:block; overflow:hidden;} .zp_r li>a em{ float:left; height:36px; line-height:36px; text-align:center; font-size:14px; color:#333; } .zp_r li>a em.zp_rti01{ width:200px; text-align:left;} .zp_rti02{ width:80px;} .zp_rti03{ width:305px;} .zp_rti04{ width:110px;} .zp_r li>div.zp_rti05{ float:right; width:70px;} .zp_r li>a em.zp_rti05{ float:right; width:70px;} .zp_rti05 a{ font-size:14px; color:#333;} .zp_r li:hover{ background:#1abfc2;} .zp_r li:hover>div{ color:#fff;} .zp_r li:hover a em{ color:#fff;} @media (min-width: 0px) and (max-width: 1200px) { .zp_c{ padding:0;} .zp_l{ float:none; width:100%; overflow:hidden;} .zp_l a{ display:block; height:34px; line-height:34px; font-size:12px; background:#eee; float:left; width:31.33%; margin:2% 1% 0; height:34px; line-height:34px; font-size:12px; border-bottom:none !important;} .zp_l a.b{ padding:0; font-size:12px;} .zp_l a.on,.zp_l a:hover{ background:#1abfc2; color:#fff;} .zp_r{ width:100%; float:none;} .zp_r li >a em.zp_rti01{ width:25%; font-size:12px;} .zp_r li >a em.zp_rti02{ width:10%; font-size:12px;} .zp_r li >a em.zp_rti03{ width:38%; font-size:12px;} .zp_r li>a em.zp_rti04{ font-size:12px; width:15%;} .zp_r li>a em.zp_rti05{ float:right; width:10%;} .zp_r li>a em.zp_rti05 a{ font-size:12px;} .zp_rti >div.zp_rti01{ width:25%; font-size:12px;} .zp_rti >div.zp_rti02{ width:10%; font-size:12px;} .zp_rti >div.zp_rti03{ width:38%; font-size:12px;} .zp_rti>div.zp_rti04{ font-size:12px; width:15%;} .zp_rti>div.zp_rti05{ float:right; width:10%;} .zp_rti>div.zp_rti05 a{ font-size:12px;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { } @media (min-width: 0px) and (max-width: 640px) { .zp_r li{ padding:0 10px;} .zp_rti02{ display:none;} .zp_rti03{ display:none;} .zp_r li >a em.zp_rti01{ width:50%; font-size:12px;} .zp_r li >a em.zp_rti04{ font-size:12px; width:25%;} .zp_r li>a em.zp_rti05{ float:right; width:20%;} .zp_r li>a em.zp_rti05 a{ font-size:12px;} .zp_rti{ padding:0 10px;} .zp_rti > div.zp_rti01{ width:50%; font-size:12px;} .zp_rti > div.zp_rti04{ font-size:12px; width:25%;} .zp_rti >div.zp_rti05{ float:right; width:20%;} .zp_rti >div.zp_rti05 a{ font-size:12px;} .gfzp_c{ padding:0 0 20px;} } /*国风招聘END*/ /*国风招聘详细BEGIN*/ .zp_xxr{ overflow:hidden; width:900px; float:right; padding:10px 0 0;} .zp_zw{ float:left; overflow:hidden;} .zp_zw em{ display:block; width:130px; height:130px; line-height:130px; text-align:center; font-size:31px; color:#fff; background:url(../images/gfzp_zwbg.png) no-repeat;} .zp_zw span{ display:block; height:52px; line-height:52px; font-size:17px; color:#333; text-align:center;} .zp_zwxx{ float:right; width:700px;} .zp_zwxx_top{ overflow:hidden; padding:0 0 24px;} .zp_zwxx_tl{ float:left; padding:8px 0 0;} .zp_zwxx_tl em{ display:block; height:28px; line-height:28px; font-size:14px; color:#333; font-weight:bold;} .zp_zwxx_tr{ float:right; padding:10px 0 0;} .zp_zwxx_tr em{ display:block; height:35px; line-height:35px; text-align:center; font-size:14px; color:#969696;} .zp_zwxx_tr span{ display:block; width:162px; height:33px; line-height:33px; font-size:17px; color:#fff; font-weight:bold; text-align:center; background:url(../images/zp_time_bg.png) no-repeat;} .zp_gwzz{ font-size:14px; color:#707070; line-height:28px;} .zp_gwzz em{ display:block; height:30px; line-height:30px; font-size:14px; color:#1abfc2;} .zp_rzzg{ font-size:14px; color:#707070; line-height:28px;} .zp_rzzg em{ display:block; height:30px; line-height:30px; font-size:14px; color:#1abfc2;} .zp_khnr{ font-size:14px; color:#707070; line-height:28px;} .zp_khnr em{ display:block; height:30px; line-height:30px; font-size:14px; color:#1abfc2;} @media (min-width: 0px) and (max-width: 1200px) { .zp_xxr{ float:none; width:100%; box-sizing:border-box; padding:5% 1%;} .zp_zw{ float:none;} .zp_zw em{ float:left;} .zp_zw span{ float:left; height:130px; line-height:130px; padding:0 0 0 15px;} .zp_zwxx{ width:100%; padding:0 2%; box-sizing:border-box;} } @media (min-width: 640px) and (max-width: 1024px) { } @media (min-width: 640px) and (max-width: 1000px) { } @media (min-width: 0px) and (max-width: 640px) { .zp_zwxx_tl em{ font-size:12px; height:auto; min-height:28px;} .zp_zwxx_tl em span{ padding-bottom:28px; float:left;} .zp_zwxx_tr span{ width:auto; padding:0 5px; border-radius:5px; overflow:hidden;} } /*国风招聘详细END*/ /*BEGIN*/ .animated{filter:alpha(opacity=100) !important; /*IE滤镜，透明度50%*/ -moz-opacity:1 !important; /*Firefox私有，透明度50%*/ opacity:1 !important;/*其他，透明度50%*/ } .animated_2s{filter:alpha(opacity=100) !important; /*IE滤镜，透明度50%*/ -moz-opacity:1 !important; /*Firefox私有，透明度50%*/ opacity:1 !important;/*其他，透明度50%*/ } .animated_2s_nob{filter:alpha(opacity=100) !important; /*IE滤镜，透明度50%*/ -moz-opacity:1 !important; /*Firefox私有，透明度50%*/ opacity:1 !important;/*其他，透明度50%*/} .animated_3s{filter:alpha(opacity=100) !important; /*IE滤镜，透明度50%*/ -moz-opacity:1 !important; /*Firefox私有，透明度50%*/ opacity:1 !important;/*其他，透明度50%*/ } /*END*/ /*BEGIN*/ .gftd_xxc{ padding:0 0 50px;} /*END*/ /*BEGIN*/ @media (min-width: 1200px) and (max-width: 1450px) { .w1440{ width:98%; margin:0 auto;} .dqwz{ width:90%; position:static; left:0; top:0; margin:0 auto;} .gfxc_c ul{ width:100%;} .gfxc_c li{ width:31.33%; margin:0 1%;} .gfxc_liimg img{ display:block; width:100%; height:auto;} .gfxc_lic{ overflow:hidden; height:58px; line-height:58px; background:url(../images/gfxc_licbg.jpg) left center no-repeat;} .gfxc_lic h3{ float:left; height:58px; line-height:58px;} .gfxc_lic h3 a{ display:block; height:58px; line-height:58px; font-size:16px; color:#333; background:#fff;} .gfxc_lic em{ float:left; padding:0 0 0 14px; height:58px; line-height:58px; font-size:12px; color:#666;} .gfxc_liimg{ height:auto;} .gfdy_c{ width:90%;} .gfdy_c01_l{ width:45%;} .gfdy_c01_r{ width:45%; height:auto;} .gfdy_c02_r{ width:45%;} .gfdy_c02_l{ width:45%; height:auto;} .nwwd_l{ width:100%;} .nwwd_c > img{ display:none;} .gy_c01_l{ float:left; width:100%;} .scrollbox{ width:99% !important; margin:0 auto;} .memory{} .fzyj_c img{ padding:0 0 0 45px;} .bghj_c01_r{ width:475px;} .bghj_c02_l{ width:475px;} .gftd_c ul{ width:100%; background:none;} .gftd_c li{ margin:0 1%; width:31.33%; height:auto; background:none; overflow:hidden; padding:0px;border-radius:6px; box-shadow:0 0 3px #666;} .gftd_c li img{ width:100%; height:auto;} .gftd_liimg{ width:100%; height:auto;} .gftd_lit{ height:36px; line-height:36px; top:auto; bottom:0%; left:0%; width:94%; padding:0 3%;} .gftd_lit h3{ height:36px; line-height:36px;} .gftd_lit h3 a{ height:36px; line-height:36px; color:#fff;} .gftd_lit em{ color:#fff; height:36px; line-height:36px;} .gftd_lit span{ color:#fff; height:36px; line-height:36px;} .al_c ul{ width:100%;} .al_c li{ width:23%; height:auto; margin:0 1% 2%;} .al_lizz{ height:auto;} .al_c li img{ width:100%; height:auto;} .fw_c{ width:98%; margin:0 auto;} .fw_c01{ width:75%; margin:0 auto;} .fw_c02_c{ width:935px;} /*.fw_c01_li{ width:50%;}*/ .fw_c01_li{ width:48%; margin:0 1% 5%; height:auto; float:left;} .fw_c01_li > img{ width:100%;} .fw_c01_li div{ width:100%; padding:0; height:auto;} .fw_c01_li div img{ width:20%;} .fw_c01_li.fw_c01_r>img{ float:left;} .fw_c01_li.fw_c01_r div{ float:left;} .fw_c02{ padding:15px 0; margin-top:30px;} .fw_c02 img.fw_c02_img01{ width:21.7%;} .fw_c02 img.fw_c02_img02{ width:78.3%;} .dt_cl{ width:70%;} .dt_liimg{ width:60%;} .dt_liimg img{ width:100%; height:auto;} .dt_lic div{ padding:0 0 0 5%; width:30%;} .dt_lic div p{ min-height:0;} .dt_cl li h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .dt_cr_t li h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .dt_cr_bxg li h3 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:block;} .dt_cr{ width:28%;} .dt_cr_t{ width:100%; box-sizing:border-box;} .dt_cr_t li{ width:90%; margin:0 auto 20px;} .dt_cr_b{ width:100%; box-sizing:border-box;} .dt_cr_bxg{ width:90%; margin:0 auto;} .dt_cr_bxg li{ margin:0 0 20px;} .dt_cr_blimg{ display:block !important;} .xxy_dzx{ padding:0;} .dt_xxcl{ width:70%; min-height:0; box-sizing:border-box;} .dt_xxcw{ min-height:0;} .dt_xxcw img{ width:100%; height:auto;} .dt_xxc .dt_cr_b{ display:none;} } /*END*/ /*BEGIN*/ .yssm_c{ padding:40px 0; font-size:14px; line-height:30px; color:#333;} .yssm_c img{ float:left; padding:0 64px 30px 0;} .yssm_c strong{ display:block; height:42px; line-height:42px; font-size:20px; font-weight:bold; color:#333;} .yssm_c span{ padding:0 0 19px; font-size:14px; color:#333; background:url(../images/yssm_cspan_bg.png) left bottom no-repeat;} .yssm_c em{ display:block; height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#333;} @media (min-width: 768px) and (max-width: 1200px) { .yssm_c img{ float:left; padding:0 34px 20px 0; width:318px; height:492px;} .yssm_c span{ background:none;} } @media (min-width: 0px) and (max-width: 640px) { .yssm_c img{ float:none; padding:0 0px 10px 0;} } /*END*/ .q_b2c_b{ padding:25px 0;} /*BEGIN*/ img.zwsj{ margin:0 auto; display:block; width:auto !important; height:auto !important;} /*END*/ /*以下css为青格勒添加-主要内容为关于我们里面-品牌目标、职业目标的样式*/ .ql_ppzybt{ max-width:1440px; text-align:center; margin:0 auto;} .ql_ppzybt em img,.ql_ppzybt div img{ width:38%; max-width:250px;} .ql_ppzybt em img{ padding-bottom:15px;} .ql_ppzybt div img{ padding-top:15px;} .ql_ppmb{ max-width:1139px; text-align:center; margin:0 auto; overflow:hidden; margin-top:60px; padding-bottom:60px;} .ql_ppmb li{ float:left; width:284px; margin-top:-1px; overflow:hidden; padding-bottom:1px;} .ql_ppmb li img{ width:100%; vertical-align:middle; display:block;} .ql_ppmb li a{ display:block; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} .ql_ppmb .ql_ppmbbor a{ border-right:0px;} @media (min-width: 0px) and (max-width: 1140px) { .ql_ppmb li{ width:25%; box-sizing:border-box;} } @media (min-width: 0px) and (max-width: 568px) { .ql_ppmb li{ width:50%;} .ql_ppmb li:nth-child(2n) a{ border-right:0px !important;} .ql_ppzybt{} } .ql_ppzybtt{ max-width:1440px; text-align:center; margin:0 auto;} .ql_ppzybtt em img{ padding-bottom:15px;} .ql_ppzybtt div img{ padding-top:15px;} .ql_zymbmain{ text-align:center; padding-bottom:410px; overflow:hidden; background:url("../images/qgl23.jpg") no-repeat scroll left bottom;} .ql_zymbmain img{ padding:30px 0; width:96%; max-width:650px;} .ql_su_dtback{ background:url(../images/qgl23.jpg) left bottom no-repeat;} @media (min-width: 0px) and (max-width: 1200px) { .ql_ppzybtt em img,.ql_ppzybtt div img{ width:38%; max-width:438px;} .ql_su_dtback{ background-size:100% auto} .ql_zymbmain{ padding-bottom:213px;} } @media (min-width: 0px) and (max-width: 1100px) { .ql_su_dtback{ background-size:100% auto} .ql_zymbmain{ padding-bottom:190px;} } @media (min-width: 0px) and (max-width: 850px) { .ql_su_dtback{ background-size:100% auto} .ql_zymbmain{ padding-bottom:157px;} } @media (min-width: 0px) and (max-width: 650px) { .ql_su_dtback{ background-size:100% auto} .ql_zymbmain{ padding-bottom:100px;} } .kjhk1200{ max-width:1200px; margin:0 auto;} .ql_ghgb1{ background:#f8f8f8; padding:20px 0;} .ql_right{ float:right;} .ql_left{ float:left;} .ql_ghgb1text{ width:41%;} .ql_ghgb1textimg{ width:45%;} .ql_ghgb1textimg img{ width:100%;} .ql_ghgb1text{ padding-top:145px;} .ql_ghgb2{ padding:30px 0;} .ql_ghgb3{ padding:30px; background:#f8f8f8;} .ql_ghgb1text{ font-size:14px; color:#333333; line-height:30px;} .qlsd_ksxta{ text-align:center; font-size:34px; color:#1cbfc2; padding-top:30px;} .qlsd_ksxtb{ font-size:14px; line-height:30px; color:#333333; padding:30px 0px; text-align:center;} .qlsd_ksxtaul{ text-align:center;} .qlsd_ksxtaul li{ display:inline-block; *zoom:1; *display:inline; width:19.5%;} .qlsd_ksxtaul li img{ width:96%; max-width:156px;} @media (min-width:0px) and (max-width:1000px){ .ql_ghgb1text{ padding-top:120px;} } @media (min-width:0px) and (max-width:860px){ .ql_right,.ql_left{ clear:both; width:100%; text-align:center;} .ql_right img,.ql_left img{ max-width:590px; vertical-align:middle; padding-bottom:15px;} .ql_ghgb1text{ padding-top:0px;} .qlsd_ksxtaul li{ width:32%;} } /*以上css为青格勒添加-主要内容为关于我们里面-品牌目标、职业目标的样式*/ /*相册样式*/ .xc_bg{background:url(../images/tc_bg.png); width:100%; overflow:hidden; height:100%; position:fixed; z-index:10000; left:0; top:0; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/} .xc_bg_show{filter:alpha(opacity=100); /*IE滤镜，透明度50%*/ -moz-opacity:1; /*Firefox私有，透明度50%*/ opacity:1;/*其他，透明度50%*/} .xc_box{ position:relative; width:700px; margin:60px auto 0; padding:10px; background:#fff; border-radius:8px;} .xc_bd{} .xc_bd ul{} .xc_bd li{} .xc_bd li img{ display:block;} .xc_bc{ padding:10px 0 0;} .xc_bc em{ display:block; min-height:28px; line-height:28px; font-size:16px; color:#000;} .xc_bc span{ display:block; height:28px; line-height:28px; font-size:16px; color:#000;} .xc_box>a{} .xc_box .prev{ position:absolute; top:200px; left:-25px; display:block; width:25px; height:49px; background:url(../images/tc_pn_btn.png) left top no-repeat;} .xc_box .next{ position:absolute; top:200px; right:-25px; display:block; width:25px; height:49px; background:url(../images/tc_pn_btn.png) right top no-repeat;} .xc_box .prev:hover{ background:url(../images/tc_pn_btn.png) left bottom no-repeat;} .xc_box .next:hover{ background:url(../images/tc_pn_btn.png) right bottom no-repeat;} .xc_gbbtn{ position:absolute; z-index:15; right:0; bottom:25px; width:61px; height:31px; line-height:31px; text-align:center; font-size:16px; color:#fff; background:url(../images/gb_btnbg.jpg) top center no-repeat;} .xc_gbbtn:hover{ background:url(../images/gb_btnbg.jpg) bottom center no-repeat;} .qq_box iframe{ left:100px !important; top:300px !important;} @media (min-width:0px) and (max-width:1200px){ .xc_box .prev,.xc_box .next{ display:none;} } @media (min-width:641px) and (max-width:1024px){} @media (min-width:0px) and (max-width:640px){ .xc_bg{} .xc_box{ width:99%; height:auto; box-sizing:border-box;} .xc_bd { width:100%;} .xc_bd li img{ width:100%; height:auto;} .qq_box iframe{ display:none !important;} } /*相册样式*/ .bot_tb a{ vertical-align:middle; display:inline-block; } .bot_tb a img{ transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}