img,div{border:none; font-family:'Microsoft Yahei','Simsun',Arial,Verdana,sans-serif;}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
input,button,select,textarea{outline:none; font-family:'Microsoft Yahei','Simsun',Arial,Verdana,sans-serif;}
textarea{resize:none;}

a{text-decoration:none; color:#ffffff; font-family:'Microsoft Yahei','Simsun',Arial,Verdana,sans-serif; -webkit-transition:0.2s; transition:0.2s;}
a:hover{font-family:'Microsoft Yahei','Simsun',Arial,Verdana,sans-serif; -webkit-transition:0.2s; transition:0.2s;}

.box_1200{width:1200px; text-align:left; margin:0 auto; clear:both;position:relative;}
.none_border{border:none!important;}
.none{display:none!important;}
.relative{position:relative;}
.absolute{position:absolute;}
.text-center{text-align:center;}
.clear{clear:both;}
.bg-w{background:#fff;}
.bg-f{background:#f5f5f5;}
.over-hide{overflow:hidden;}
.kdiv-40{clear:both; height:40px; overflow: hidden;}
.mkdiv{clear:both; height:48px; display:none;}


.top_side{height:4px; overflow:hidden; clear:both;}
.top_side span{width:20%; height:4px; display:block; float:left; overflow:hidden;}
.top_side span.top_color1{background-color:#83ccff;}
.top_side span.top_color2{background-color:#ff6b95;}
.top_side span.top_color3{background-color:#ffad5d;}
.top_side span.top_color4{background-color:#79ff5f;}
.top_side span.top_color5{background-color:#fff479;}


.head{width:1200px; height:100px; margin:0 auto;}
.head_left{float:left; width:600px; height:90px; text-align:left;}
.head_brand{font-size:15px; font-weight:400; display:block; height:36px; line-height:30px; clear:both;}

.head_logo{display:block; width:450px; float:left;}
.head_left span{font-size:13px; line-height:1;}

.head_right{float:right; height:90px;}
ul.head_link{display:block; height:45px; line-height:32px; text-align:right; clear:both;}
ul.head_link li{display:inline-block; margin:0 0 0 20px; font-size:12px;}
ul.head_link li a:hover{text-decoration:underline;}

.head_tel{padding:0 0 0 22px; height:40px;}
.head_tel strong{font-size:30px; font-weight:400; color:#ee0027;}

.menu{width:1920px; height:69px; background-color:#2d3235; text-align:center; clear:both; z-index:99999;}
.menu nav{height:48px;}
.menu_fixed{position:fixed; left:0; top:0;}

/* ========= 导航下分类 ========= */
.menu nav strong{display:block; float:left; position:relative; width:260px; height:48px; line-height:48px; text-indent:18px; letter-spacing:1px; font-size:18px; font-weight:400; color:#fff; background:url(../images/icon.png) 172px -460px no-repeat #1d2022;}

.it_class_bg{width:260px; height:400px; position:absolute; left:0; top:48px; z-index:90; background:#000; opacity:0.75; filter:Alpha(opacity=75); display:none;}
dl.i_top_class{width:260px; height:400px; font-size:14px; position:absolute; left:0; top:48px; z-index:100; text-indent:0; letter-spacing:0; overflow:hidden; display:none;}
dl.i_top_class dt{height:28px; line-height:28px; width:148px; background:url(../images/icon.png) no-repeat; border-bottom:1px #888 solid; font-size:14px; text-indent:30px; color:#fff; margin:10px 0 0 20px;}

dl.i_top_class dt.it_class1{background-position:-3px -79px;}
dl.i_top_class dt.it_class2{background-position:-3px -121px; margin-top:16px;}
dl.i_top_class dt.it_class3{background-position:-3px -163px; margin-top:16px;}
dl.i_top_class dd{border-bottom:1px #888 solid; margin:0 20px; padding:6px 0; font-size:14px; line-height:28px;}
dl.i_top_class dd a{display:inline-block; margin:0 8px 0 0; color:#fff; line-height:28px;}
dl.i_top_class dd a:hover{color:#E9002B;}

dl.i_top_class a.it_class_btn{display:block; margin:20px 0 12px 20px; width:220px; height:32px; line-height:32px; font-size:14px; color:#fff; text-align:center; background:#ff0030;}
dl.i_top_class a.it_class_btn:hover{background:#e7002c;}


/* ========= 导航 ========= */
ul.menu_list{display:block; float:left; height:48px; margin:0 0 0 4px;}
ul.menu_list li{display:block; float:left; margin:0 0 0 4px;}
ul.menu_list li.on{background-color:#1d2022;}
ul.menu_list li:hover{background-color:#1d2022;}
ul.menu_list li a{display:block; width:100px; height:48px; text-indent:-200px; background:url(../images/menu_bg.png) 8px -2px no-repeat; overflow:hidden;}
ul.menu_list li a.m_home{width:75px;}
ul.menu_list li a.m_xxgk{background-position:8px -52px;}
ul.menu_list li a.m_zykc{background-position:8px -102px;}
ul.menu_list li a.m_szdw{background-position:8px -152px;}
ul.menu_list li a.m_xwhd{background-position:8px -202px;}
ul.menu_list li a.m_zpzt{background-position:8px -252px;}
ul.menu_list li a.m_jcsp{background-position:8px -302px;}
ul.menu_list li a.m_jybz{background-position:8px -352px;}
ul.menu_list li a.m_lxzx{background-position:8px -402px;}


.big_pic{height:400px; clear:both;}


/* ========= 幻灯片 ========= */
.i_slide{width:940px; height:400px; float:right; overflow:hidden;}


/* ========= 面向对象 ========= */
.i_object{height:320px; background:url(../images/i_object_bg.png) center no-repeat; text-align:center; clear:both;}
dl.i_object_box{position:relative; display:block; height:320px;}
dl.i_object_box div{position:absolute; width:190px; height:140px; text-align:center;}
dl.i_object_box dt{font-size:24px; height:38px; line-height:38px;}
dl.i_object_box dd{font-size:16px; height:38px; line-height:38px;}
dl.i_object_box dd span{font-size:22px;}

dl.i_object_box div a{display:block; width:106px; height:36px; line-height:36px; margin:8px auto; color:#fff; font-size:16px;}

dl.i_object_box .io_content1{left:4px; top:120px;}
.io_content1 dt, .io_content1 dd, .io_content1 dd span{color:#0096bc;}
.io_content1 a{background:#0096bc;}
.io_content1 a:hover{background:#0083a4;}

dl.i_object_box .io_content2{left:254px; top:73px;}
.io_content2 dt, .io_content2 dd, .io_content2 dd span{color:#f49000;}
.io_content2 a{background:#f49000;}
.io_content2 a:hover{background:#d77f00;}

dl.i_object_box .io_content3{left:503px; top:107px;}
.io_content3 dt, .io_content3 dd, .io_content3 dd span{color:#ec019e;}
.io_content3 a{background:#ec019e;}
.io_content3 a:hover{background:#ca0087;}

dl.i_object_box .io_content4{left:753px; top:136px;}
.io_content4 dt, .io_content4 dd, .io_content4 dd span{color:#f45f31;}
.io_content4 a{background:#f45f31;}
.io_content4 a:hover{background:#dc4d21;}

dl.i_object_box .io_content5{right:7px; top:106px;}
.io_content5 dt, .io_content5 dd, .io_content5 dd span{color:#00cf00;}
.io_content5 a{background:#00cf00;}
.io_content5 a:hover{background:#00b500;}



/* ========= 师资队伍 ========= */
.i_teacher{height:680px; background:url(../images/i_teacher_bg.jpg) center no-repeat; text-align:center; border-bottom:1px #cdcdcd solid; clear:both;}
.i_teacher_left{float:left; width:196px; margin:94px 0 0 24px;}
.i_teacher_left h3{font-size:30px; color:#fff; display:block; height:40px; line-height:40px; text-align:center; clear:both;}

.i_teacher_info{margin:60px 0 0 0; font-size:16px; color:#fff; line-height:1.6;}


ul.i_teacher_list{float:left; width:780px; height:400px; margin:200px 0 0 135px;}
ul.i_teacher_list li{display:block; float:left; text-align:center;}
ul.i_teacher_list li h4{display:block; height:30px; line-height:30px; clear:both;}
ul.i_teacher_list li h4 a{font-size:18px;}
ul.i_teacher_list li span{display:block; margin:10px 0 0 0; height:90px; line-height:18px; color:#000; font-size:12px; clear:both;}
ul.i_teacher_list li a.it_content_img{display:inline-block; margin:33px auto 0 auto;}

li.it_content1{width:160px; margin:44px 0 0 0;}
li.it_content1 h4 a{color:#d23800;}
li.it_content1 a.it_content_img{width:100px; height:114px; overflow:hidden;}
li.it_content1 a.it_content_img:hover{margin:32px auto 0 auto; border:1px #d23800 solid;}

li.it_content2{width:182px; margin:26px 0 0 29px;}
li.it_content2 h4 a{color:#58346f;}
li.it_content2 a.it_content_img{width:115px; height:141px; overflow:hidden;}
li.it_content2 a.it_content_img:hover{margin:32px auto 0 auto; border:1px #58346f solid;}

li.it_content3{width:182px; margin:9px 0 0 35px;}
li.it_content3 h4 a{color:#436d29;}
li.it_content3 a.it_content_img{width:115px; height:141px; overflow:hidden;}
li.it_content3 a.it_content_img:hover{margin:32px auto 0 auto; border:1px #436d29 solid;}

li.it_content4{width:160px; margin:23px 0 0 31px;}
li.it_content4 h4 a{color:#1b7167;}
li.it_content4 a.it_content_img{width:100px; height:114px; overflow:hidden;}
li.it_content4 a.it_content_img:hover{margin:32px auto 0 auto; border:1px #1b7167 solid;}

li.it_content1 h4 a:hover, li.it_content2 h4 a:hover, li.it_content3 h4 a:hover, li.it_content4 h4 a:hover{color:#000;}


a.i_teacher_more{display:block; width:98px; height:32px; color:#fff; line-height:32px; text-align:center; border:1px #fff solid; margin:10px 0 0 1100px; background:#474a5e; float:left;}
a.i_teacher_more:hover{background:#313343;}




/* ========= 专业课程 ========= */
.i_subject{height:670px; margin:38px 0 0 0; text-align:center; border-bottom:1px #cdcdcd solid; clear:both;}
ul.i_subject_left{width:840px; height:624px; float:left; background:url(../images/i_subject_bg.png) right center no-repeat #2d3235; overflow:hidden;}
ul.i_subject_left li{display:block; height:155px; margin:0 38px 0 0; padding:0 20px 0 0; border-bottom:1px #888 solid; position:relative; overflow:hidden;}
ul.i_subject_left li a.i_subject_more{display:block; position:absolute; z-index:10; width:84px; height:24px; line-height:24px; text-indent:4px; border:1px #888 solid; color:#fff; right:26px; top:25px; background:url(../images/icon.png) 57px -205px no-repeat;}
ul.i_subject_left li a.i_subject_more:hover{color:#c33736;}

ul.i_subject_left li a.i_subject_img{display:block; float:left; width:140px; height:140px; margin:0 34px 0 0;}
ul.i_subject_left li h4{display:block; height:34px; line-height:34px; margin:20px 0 0 0; font-size:24px; font-weight:400; color:#fff; overflow:hidden;}
ul.i_subject_left li strong{display:block; height:34px; line-height:18px; font-weight:400; color:#b02624;}
ul.i_subject_left li span{color:#bbb; line-height:24px;}




/* ========= 快速报名通道 ========= */
.i_subject_right{width:360px; height:430px; float:right; margin:105px 0 0 0; background:url(../images/i_sign_bg.gif) center no-repeat #c33736;}
.i_sign_up{margin:24px 0 0 40px;}
.i_sign_up h3{display:block; height:36px; font-size:24px; line-height:1; color:#fff; font-weight:400;}

.i_sign_up .isign_line{width:280px; height:50px; clear:both;}
.i_sign_up .isign_msg{height:114px;}
.i_sign_up .isign_msg textarea{width:232px; height:74px; margin:4px 0 0 7px; border:none; font-size:16px; line-height:1.4; background:none; color:#fff;}

.isign_line input{border:none; height:28px; line-height:28px; width:232px; background:none; margin:4px 0 0 9px; color:#fff; font-size:16px;}
.isign_line input::-moz-placeholder{color:#ea8989;}
.isign_line input::-webkit-input-placeholder{color:#ea8989;}
.isign_line input:-ms-input-placeholder{color:#ea8989;}

.isign_line textarea::-moz-placeholder{color:#ea8989;}
.isign_line textarea::-webkit-input-placeholder{color:#ea8989;}
.isign_line textarea:-ms-input-placeholder{color:#ea8989;}

.isign_line span{display:block; float:left; width:40px; height:24px; line-height:24px; text-indent:22px; margin:6px 0 0 0; color:#fff; background:url(../images/icon.png) -5px -565px no-repeat; cursor:pointer;}
.isign_line span.on{background-position:-5px -526px;}
.isign_line span.usex_w{margin:6px 0 0 10px;}
.isign_line input.isign_name{float:left; width:108px; margin:4px 58px 0 9px;}


.isign_subject{position:relative;}
.isign_subject div{width:280px; height:36px; position:absolute; top:0; left:0; z-index:10; cursor:pointer;}
.isign_subject ul{display:none; position:absolute; top:36px; left:1px; width:243px; background:url(../images/ah8_bg.png) repeat; z-index:20;}
.isign_subject ul li{height:32px; line-height:32px; font-size:14px; padding:0 0 0 10px; color:#fff; cursor:default;}
.isign_subject ul li:hover{background:#444;}


input.isign_btn{display:block; float:left; width:84px; height:34px; line-height:32px; font-size:16px; text-align:center; color:#fff; background:#cf4544; border:1px #ea8989 solid;}
input.isign_btn:hover{background:#c33736; cursor:pointer;}

span.isign_info{display:inline-block; float:left; width:180px; height:34px; line-height:34px; margin:0 0 0 8px; color:#fff;}




/* ========= 新闻资讯 ========= */
.i_news{height:574px; margin:38px 0 0 0; text-align:center; border-bottom:1px #cdcdcd solid; clear:both;}
.i_area_title{width:1200px; height:30px; text-align:left; overflow:hidden; clear:both;}
.i_area_title h3{display:block; float:left; line-height:28px; font-size:18px; color:#000;}
.i_area_tag{float:right; width:800px; text-align:right; height:30px; line-height:30px;}
.i_area_tag a{display:inline-block; height:30px; line-height:30px; text-align:center; color:#17191a; padding:0 12px; margin:0 20px 0 0;}
.i_area_tag a.on{background:#2d3235; color:#fff;}
.i_area_tag a.more{display:inline; margin:0; padding:0;}
.i_area_tag a.more:hover{text-decoration:underline; color:#000;}


.inews_content{margin:10px 0 0 0; clear:both;}
ul.inews_img_list{display:block; float:left; width:610px;}
ul.inews_img_list li{display:block; float:left; width:280px; height:250px; margin:0 20px 0 0; line-height:20px; overflow:hidden;}

ul.inews_list{display:block; width:560px; float:right;}
ul.inews_list li{border-bottom:1px #cdcdcd solid; height:47px; line-height:47px; background:url(../images/icon.png) -4px -242px no-repeat; padding:0 0 0 30px;}
ul.inews_list li span{float:right; line-height:47px; color:#65696b; display:inline-block;}
ul.inews_list li a{font-size:16px;}
ul.inews_list li a:hover{text-decoration:underline;}



/* ========= 学员作品 ========= */
.i_works{height:430px; margin:38px 0 0 0; text-align:center; border-bottom:1px #cdcdcd solid; clear:both;}
.iworks_box{overflow:hidden;}
ul.iworks_content{display:block; width:1300px; margin:10px 0 0 0;}
ul.iworks_content li{display:inline-block; float:left; width:228px; height:360px; font-size:16px; line-height:20px; text-align:center; margin:0 15px 0 0;}



/* ========= 优秀学员 ========= */
.i_student{height:430px; margin:38px 0 0 0; text-align:center; border-bottom:1px #cdcdcd solid; clear:both;}
.istudent_box{overflow:hidden;}
ul.istudent_content{display:block; width:1300px; margin:10px 0 0 0;}
ul.istudent_content li{display:inline-block; float:left; width:228px; height:360px; font-size:16px; line-height:20px; text-align:center; margin:0 15px 0 0;}



/* ========= 精彩视频 ========= */
.i_video{height:310px; margin:38px 0 0 0; text-align:center; border-bottom:1px #cdcdcd solid; clear:both;}
.ivideo_box{overflow:hidden;}
ul.ivideo_content{display:block; width:1300px; margin:10px 0 0 0;}
ul.ivideo_content li{display:block; float:left; width:288px; height:222px; text-align:center; margin:0 15px 0 0; overflow:hidden;}
ul.ivideo_content li a{display:block; position:relative; width:288px; height:222px;}
ul.ivideo_content li a img{display:block;}
ul.ivideo_content li a p{display:inline-block; margin:0 auto; background:url(../images/icon.png) -7px -601px no-repeat; text-indent:22px; font-size:16px; height:30px; line-height:30px;}
ul.ivideo_content li a span{position:absolute; display:none; width:288px; height:222px; background:url(../images/player.png) center no-repeat #000; opacity:0.5; filter:Alpha(opacity=50); left:0; top:0; cursor:pointer;}
ul.ivideo_content li a:hover p{color:#f30;}




/* ========= 就业保障 ========= */
.i_jobs{height:460px; margin:38px 0 0 0; text-align:center; clear:both;}
h3.i_jobs_title{display:block; height:68px; line-height:68px; text-align:center; clear:both;}
h3.i_jobs_title a{font-size:42px; color:#000;}
h3.i_jobs_title a:hover{color:#E9002B;}

.i_jobs strong{display:block; text-align:center; height:90px; line-height:38px; color:#666; font-size:24px; font-weight:400; clear:both;}

dl.i_jobs_list{display:block;}
dl.i_jobs_list div{width:261px; height:280px; margin:0 52px 0 0; float:left; background:url(../images/i_jobs_bg.png) no-repeat; text-align:center;}
dl.i_jobs_list dt{display:block; height:36px; line-height:36px; margin:170px 0 0 0; font-size:18px; font-weight:700; color:#181b1c;}
dl.i_jobs_list dd{color:#666; line-height:24px;}
dl.i_jobs_list div.i_jobs_box1{background-position:78px 0;}
dl.i_jobs_list div.i_jobs_box2{background-position:-300px 0;}
dl.i_jobs_list div.i_jobs_box3{background-position:61px -361px;}
dl.i_jobs_list div.i_jobs_box4{background-position:-304px -361px; margin:0;}





/* ========= 侧边栏 ========= */
.side_box{position:fixed; width:66px; height:202px; right:50%; bottom:150px; z-index:3999999999;margin-right:-710px;}
.side_box a{display:block; width:66px; height:66px; background:url(../images/side_icon.png) no-repeat; clear:both;}
.side_box a:hover{background-color:#bbb;}
a.side_totop{background-position:0 0;}
a.side_online{background-position:0 -66px; margin:2px 0 0 0;}
a.side_code{background-position:0 -132px; margin:2px 0 0 0; position:relative;}
a.side_code img{width:140px; height:140px; position:absolute; left:-140px; bottom:0; display:none; z-index:3999999999;}
a.side_code:hover img{display:block;}


/* ========= 弹出浮动窗口 ========= */
.fbox_bg{width:100%; height:100%; position:fixed; display:none; left:0; top:0; z-index:1999; background:#000; opacity:0.6; filter:Alpha(opacity=60);}

.fbox_div{position:fixed; display:none; z-index:99998; width:500px; height:500px; background:url(../images/activity/zhounian_bg.png) no-repeat; overflow:hidden;}
.fbox_div span{display:block; float:right; margin:4px 4px 0 0; width:32px; height:32px; background:url(../images/activity/zhounian_close.png) 0 0 no-repeat; cursor:pointer; text-indent:-999px; overflow:hidden;}
.fbox_div span:hover{background-position:-33px 0;}
.fbox_btn{clear:both; margin:345px 0 0 185px;}
.fbox_btn a{display:block; width:130px; height:46px; line-height:46px; font-size:24px; font-weight:700; background:#fffecc; color:#f50023; text-align:center; overflow:hidden;}
.fbox_btn a:hover{background:#fffb42;}

.noswap, #zhichi_as{display:block; height:0; overflow:hidden;}




/* ========= 频道页面 ========= */
.c-nav{height:60px; text-align:right;}
.c-nav h2, .c-nav h3{display:block; line-height:60px; float:left;}
.c-nav h2 a, .c-nav h3 a{font-size:18px; font-weight:400;}
.c-nav h2 a.on, .c-nav h3 a.on{color:#000;}
.c-nav h2 a:hover, .c-nav h3 a:hover{color:#f30;}

.c-nav ul{display:inline-block; margin:15px 0 0 0;}
.c-nav ul li{display:inline-block; margin:0 0 0 20px;}
.c-nav ul li a{display:inline-block; padding:0 20px; line-height:30px;}
.c-nav ul li.on a{color:#f30;}
.c-nav ul li a.btn{background:#f30; color:#fff;}
.c-nav ul li a.btn i{color:#fff; padding:0 10px 0 0;}
.c-nav ul li a.btn:hover{background:#e22d00;}


.ctop-pic-about{min-width:1200px; height:600px; line-height:600px; text-align:center; background:url(../images/about-pic.jpg) center no-repeat; font-size:60px; color:#fff; font-weight:700; clear:both;}
.ctop-pic-teacher{min-width:1200px; height:600px; line-height:600px; text-align:center; background:url(../images/teacher-pic.jpg) center no-repeat; font-size:60px; color:#fff; font-weight:700; clear:both;}

.about-1{padding:80px 0; text-align:center;}
.about-1 h3:before{width:100%; height:1px; background:#ffffff; position: absolute; left:0; right:0; content:''; bottom:0;}
.about-1 h3:after{display:block; overflow:hidden; content:''; background:#ffffff; border:10px solid #f5f5f5; position:absolute; left:50%; width:5px; height:5px; bottom:-12px; border-radius:100%; margin-left:-12px;}
.bg-w h3:after{border:10px solid #fff !important;}
.about-1 h3{font-size:28px; font-weight:400; display:inline-block; line-height:80px; padding:0 50px; position:relative;}
.about-1 .t-1{position:relative;}
.about-1 .t-1:before{position:absolute; left:-6px; top:0; content:'“'; font-size:120px; font-weight:bold; font-family:AppleGothic,Arial,'Microsoft Yahei','Simsun'; color:#ddd;}
.about-1 .t-1:after{position:absolute; right:-6px; bottom:-50px; content:'”'; font-size:120px; font-weight:bold; font-family:AppleGothic,Arial,'Microsoft Yahei','Simsun'; color:#ddd;}
.about-1 .t-1 p{font-size:18px; line-height:1.8; padding:20px 60px;}
.about-1 p.btn{padding:20px 0 0 0;}
.about-1 p.btn a{display:inline-block; padding:0 40px; line-height:46px; font-size:16px; border:3px solid #666; color:#666; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.about-1 p.btn a:hover{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; padding:0 80px; color:#f30; border-color:#f30;}

.about-1 p.moshi{text-align:center; padding:50px 0 0 0;}
	

ul.about-img-list{width:1220px; height:560px;}
ul.about-img-list li{float:left; width:388px; height:260px; margin:18px 18px 0 0; position:relative; overflow:hidden;}

ul.about-img-list li img, ul.about-img-list li span, ul.about-img-list li span p, ul.about-img-list li:hover img, ul.about-img-list li:hover span, ul.about-img-list li:hover span p{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
ul.about-img-list li span{display:block; position:absolute; left:0; top:0; width:388px; height:260px; background-color:rgba(193, 30, 43, 0);}
ul.about-img-list li span p{padding:70px 0 0 0; text-align:center; line-height:1.6; font-size:12px; color:rgba(255, 255, 255, 0);}
ul.about-img-list li:hover img{-webkit-transform:scale(5); -moz-transform:scale(5); -o-transform:scale(5); -ms-transform:scale(5); transform:scale(5);}
ul.about-img-list li:hover span{background-color:rgba(193, 30, 43, 0.5);}
ul.about-img-list li:hover span p{-webkit-transform:scale(2); -moz-transform:scale(2); -o-transform:scale(2); -ms-transform:scale(2); transform:scale(2); color:rgba(255, 255, 255, 1);}


.end-contact{padding:60px 0; text-align:center;}
.end-contact h3{font-size:28px; font-weight:400; display:inline-block; padding:0 350px; line-height:60px; border-bottom:1px solid #ddd;}
.end-contact p{text-align:center; line-height:2; padding:16px 0 0 0; font-size:16px;}
.end-contact p i{padding:0 6px; color:#f30; font-size:16px;}
.end-contact p a{color:#f30;}
.end-contact p a:hover{text-decoration:underline; color:#e22d00;}


.ct-left{padding:60px 0;}
.ct-left h2{font-size:28px; text-align:center; line-height:60px; font-weight:400;}
.ct-left p.t-1{padding:20px 0; font-size:18px; line-height:1.6;}
.ct-left p.t-2{padding:8px 0; font-size:24px; line-height:1.6;}

.ct-center{padding:60px 0; text-align:center;}
.ct-center strong{font-size:48px; color:#999; display:inline-block; padding:0 100px; border-bottom:1px solid #ccc; line-height:80px;}
.ct-center h2{font-size:32px; line-height:60px; font-weight:400;}
.ct-center p.t-1{padding:8px 0; font-size:20px; line-height:1.6;}

.xxjs-pic{background:url(../images/introduction-1.jpg) center repeat-x; height:600px; text-align:center;}
.xxjs-pic h3{font-size:48px; color:#fff; line-height:1.6; padding:80px 0 40px 0;}
.xxjs-pic p{font-size:36px; line-height:1.8; color:#fff;}


.box-pic{width:1200px; overflow:hidden;}
ul.bpic-list{width:1220px;}
ul.bpic-list li{float:left; width:388px; height:260px; margin:20px 18px 0 0;}


.contact-box{padding:60px 0 0 0;}
.contact-box h2{font-size:32px; line-height:40px;}
.contact-box .t-1{font-size:24px; line-height:40px;}
.contact-box .t-2{font-size:18px; line-height:40px;}
.contact-box .t-3{font-size:24px; line-height:30px; padding:30px 0;}
.contact-box .t-3 i{color:#f30; padding:0 8px 0 0;}
.contact-box .t-3 a.btn{display:inline-block; background:#f30; padding:0 20px; color:#fff; font-size:14px; vertical-align:top;}
.contact-box .t-3 a.btn:hover{background:#e22d00;}
.contact-box .t-3 a.btn i{color:#fff; font-size:14px;}

.contact-info{clear:both; height:220px; margin:40px 0 0 0; font-size:18px; line-height:2;}
.contact-info img{display:block; float:left; border-radius:9px; border:1px #ddd solid; margin:0 20px 0 0; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.maps-box{clear: both; height:800px; margin:20px auto; border: 1px #ccc solid;}


.signup-box{padding:60px 0 0 0;}
.signup-box h2{font-size:32px; line-height:40px;}
.signup-box .t-1{font-size:24px; line-height:40px;}

.csign-table{clear:both; margin:40px 0 0 0;}
dl.csign-left{display:block; float:left; width:600px; height:440px; position:relative;}
dl.csign-left dt, dl.csign-left dd{display:block;}

.input-line{height:60px;}
.input-msg{height:80px !important;}
.input-line dt{float:left; width:140px; line-height:40px; font-size:18px;}
.input-line dt i{display:inline-block; float:left; width:20px; height:40px; font-size:24px; line-height:48px; font-style:normal; color:#f30; overflow:hidden;}
.input-line dd{border:1px solid rgba(0,0,0,0.3); border-radius:3px; width:400px; height:40px; overflow:hidden;}
.input-msg dd{height:78px !important;}
.input-line dd span{display:inline-block; float:right; width:116px; height:24px; line-height:24px; padding:0 4px 0 6px; border-left:1px solid rgba(0,0,0,0.2); margin:8px 0 0 0; font-size:16px; text-align:right;}
.input-line dd label{display:inline-block; padding:0 12px 0 4px;}
.input-line dd span input{vertical-align:middle; width:14px; height:14px; cursor:pointer;}
.input-text{display:block; width:370px; height:40px; line-height:40px; padding:0 0 0 10px; font-size:16px; color:rgba(0,0,0,0.7); border:none;}
.name{width:260px !important;}

.select-box{width:100%; height:40px; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background:none;}
.select-box i{float:right; margin:0 6px 0 0; line-height:1; font-size:30px; color:rgba(0,0,0,0.3);}
dl.csign-left ul{display:none; position:absolute; width:370px; top:181px; left:141px; padding:6px 0; background:rgba(0,0,0,0.7); z-index:20;}
dl.csign-left ul li{line-height:28px; font-size:14px; color:#fff; padding:0 20px; cursor:default; opacity:1;}
dl.csign-left li:hover{background:rgba(0,0,0,0.9);}

.input-line textarea{display:block; width:386px; height:60px; line-height:1.4; border:none; font-size:16px; color:rgba(0,0,0,0.7); margin:6px 0 6px 10px;}

.input-line ::-moz-placeholder{color:#999;}
.input-line ::-webkit-input-placeholder{color:#ccc;}
.input-line :-ms-input-placeholder{color:#ccc;}


.csign-btn{clear:both; padding:20px 0 0 140px;}
.csign-btn a{display:inline-block; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#f30; padding:0 50px;}
.csign-tips{height:40px; line-height:40px; color:#f30; font-size:14px; padding:0 0 0 140px; clear:both;}




.csign-right{float:right; width:570px; height:400px; text-align: right; border-left:1px solid #ddd;}



.teacher-1{padding:60px 0; text-align:center;}
.teacher-1 h2{font-size:36px; line-height:80px;}
.teacher-1 p.t-1{font-size:24px; line-height:1.8; color:#666;}

.teacher-boss{clear:both; height:400px; background:#15181e;}
.boss-img{float:left; display:block; width:426px; height:400px; margin:0 140px 0 100px;}
.boss-info{padding:100px 0 0 0;}
.boss-info h4{font-size:36px; color:#fff;}
.boss-info h4 span{font-size:18px; font-weight:400; padding:0 0 0 16px; color:#fff;}
.boss-info p{padding:40px 0 20px 0; line-height:2; color:#fff;}
.boss-info a{display:inline-block; padding:0 30px; line-height:40px; background:#f30; color:#fff;}
.boss-info a i{padding:0 8px 0 0; color:#fff;}
.boss-info a:hover{background:#e22d00;}


ul.teacher-list{width:1230px; padding:20px 0;}
ul.teacher-list li{float:left; display:block; position:relative; width:278px; height:360px; margin:30px 28px 0 0; text-align:center; overflow:hidden;}
ul.teacher-list li img{display:block;}
ul.teacher-list li .on{background-color:rgba(0, 0, 0, 0); position:absolute; left:0; top:0; width:248px; height:100%; padding:360px 15px 0 15px;}
ul.teacher-list li .on h4{display:block; font-size:24px; line-height:48px; color:#fff; border-bottom:2px solid #f30; font-weight:400;}
ul.teacher-list li .on p{color:#fff; line-height:1.6; font-size:18px; padding:10px 0;}
ul.teacher-list li a:hover .on{background-color:rgba(0, 0, 0, 0.5); padding:220px 15px 0 15px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}


.ateacher{padding:60px 0;}
.ateacher-img{float:left; width:600px; margin:0 40px 40px 0; overflow:hidden;}
.ateacher-info{overflow:hidden;}
.ateacher-info h2{display:block; line-height:60px; border-bottom:1px solid #ddd; font-size:32px;}
.ateacher-info strong{line-height:50px; font-size:24px; font-weight:400;}
.ateacher-content{padding:10px 0; font-size:18px; line-height:1.4;}
.ateacher-content p{padding:8px 0;}



ul.cnews-list{width:1230px;}
ul.cnews-list li{float:left; display:block; width:280px; height:290px; margin:30px 26px 0 0; background:#fff;}
ul.cnews-list li:hover{box-shadow:0 0 8px rgba(0, 0, 0, 0.5);}
ul.cnews-list p{line-height:1.4; padding:4px 5px;}
ul.cnews-list span{line-height:20px; color:#999; padding:0 5px;}



.article{clear:both; padding:30px 0;}
.article-left{float:left; width:890px; padding:20px 0;}
.article-box{margin:0 0 0 45px; width:800px; overflow:hidden;}
.article-box h2{font-size:24px; line-height:1.4; padding:20px 0; border-bottom:1px solid #ddd; text-align:center;}
.article-info{clear:both; line-height:30px; text-align:right; color:#999; font-size:12px; padding:0 20px 0 0;}
.article-info span{color:#888; font-size:12px;}
.bdsharebuttonbox{float:left; padding-top:4px;}

.article-content{padding:30px 0; font-size:16px; line-height:1.8; width:800px; overflow:hidden;}
.article-content p{padding:5px 0;}
.article-content img{max-width:100%;}
.article-content a{color:#0096e4; text-decoration:underline;}
.article-content a:hover{text-decoration:underline; color:#f30;}
.article-next,.article-next a{font-size:16px; line-height: 2;}
.article-next a{text-decoration: underline;}
.article-next a:hover{color:#f00;}



.article-right{float:right; width:280px;}
.article-right h3{position:relative; display:block; clear:both; line-height:50px; margin:20px 0 0 0;}
.article-right h3 .title{font-size:18px;}
.article-right h3 .more{position:absolute; right:0; top:20px; font-size:14px; font-weight:400; line-height:16px; color:#999;}
.article-right h3 .more i{padding:0 0 0 4px; font-size:10px; color:#999;}
.article-right h3 .more:hover, .article-right h3 .more:hover i{color:#f30;}

ul.ar-course{display:block; border:1px solid #eee; border-bottom:0; background:#fff; border-radius:2px;}
ul.ar-course li{border-bottom:1px solid #e8e8e8; line-height:50px; position:relative; background:url(../images/re-icon.gif) 250px center no-repeat;}
ul.ar-course li.jin{background:url(../images/jin-icon.gif) 250px center no-repeat;}
ul.ar-course li a{padding-left:18px; font-size:16px; display:block;}
ul.ar-course li a span{position:absolute; right:46px; line-height:50px; font-size:14px; color:#999;}


ul.ar-news{width:100%; overflow:hidden;}
ul.ar-news li{line-height:30px; padding:0 0 0 14px; background:url(../images/li.gif) 0 center no-repeat;}
ul.ar-news li.arn-img{padding:0; background:none; border-bottom:1px dashed #ccc; margin:0 0 10px 0;}
ul.ar-news li.arn-img img{display:block;}
ul.ar-news li.arn-img p{line-height:1; padding:8px 0 16px 0; font-size:16px;}
ul.ar-news li.arn-img a:hover p{color:#f30; text-decoration:underline;}



.article-comment{clear:both; margin:0 45px;}




/* =========================分页================================== */
.news_page{padding:50px 0; color:#ffffff; line-height:26px; text-align:center; clear:both;}
.news_page a{display:inline-block; border:1px #999 solid; line-height:24px; padding:0 10px; margin:0 6px;}
.news_page a:hover{border:1px #f30 solid; color:#f30;}
.news_page span.current{display:inline-block; border:1px #f30 solid; line-height:24px; padding:0 10px; margin:0 6px; color:#f30;}
.news_page span.page_info b{color:#ffffff; font-weight:400;}





.course{}
.course h3{font-size:22px; line-height:50px; padding:20px 0 0 0; border-bottom:1px solid #ccc;}
.course h3 a{font-size:22px;}
ul.makeup-list{width:1240px; height:260px; margin:30px 0 0 0; overflow:hidden;}
ul.makeup-list li{width:220px; float:left; margin:0 25px 0 0; overflow:hidden;}
ul.makeup-list li a{}
ul.makeup-list li a p{font-size:18px; line-height:30px;}
ul.makeup-list li a span{display:block; line-height:1; font-size:14px; margin:16px 0 0 0; color:#666;}
ul.makeup-list li a:hover p, ul.makeup-list li a:hover span{color:#f30;}



ul.beauty-list{width:1240px; height:300px; margin:30px 0 0 0; overflow:hidden;}
ul.beauty-list li{width:276px; float:left; margin:0 32px 0 0; overflow:hidden;}
ul.beauty-list li a{}
ul.beauty-list li a p{font-size:18px; line-height:30px;}
ul.beauty-list li a span{display:block; line-height:1; font-size:14px; margin:16px 0 0 0; color:#666;}
ul.beauty-list li a:hover p, ul.beauty-list li a:hover span{color:#f30;}



ul.photo-list{width:1240px; height:360px; margin:30px 0 0 0; overflow:hidden;}
ul.photo-list li{width:380px; float:left; margin:0 30px 0 0; overflow:hidden;}
ul.photo-list li a{}
ul.photo-list li a p{font-size:18px; line-height:30px;}
ul.photo-list li a span{display:block; line-height:1; font-size:14px; margin:16px 0 0 0; color:#666;}
ul.photo-list li a:hover p, ul.photo-list li a:hover span{color:#f30;}



.big-course{clear:both; width:100%; height:600px; margin-bottom:10px; overflow:hidden;}
.big-course .box_1200{padding-top:90px;}

.course-title{display:inline-block; padding:10px 25px; background:rgba(0,0,0,0.60);}
.course-title h1{font-size:30px; color:#ff1849; line-height:1; font-weight:400;}
.course-title h1 span{font-size:14px; color:#12c237; padding-left:15px;}
.course-title h3{font-size:16px; color:#ddd; line-height:1; padding-top:10px; font-weight:400;}

.course-about{clear:both; margin-top:12px; width:480px; padding:20px 25px; background:rgba(255,255,255,0.60);}
.course-about strong{font-size:24px; color:#000; line-height:1; font-weight:400;}
.course-about p{padding-top:8px; font-size:16px; color:#000; line-height:1.6;}
.course-about p span{font-size:24px; color:#e41f49; padding-right:8px;}

p.course-btn{width:540px; text-align:right; padding-top:20px;}
p.course-btn a{display:inline-block; line-height:48px; width:140px; margin-left:20px; border-radius:3px; background:#e41f49; text-align:center; font-size:18px; color:#fff;}
p.course-btn a.btn-2{background:#1380bf;}
p.course-btn a.btn-3{background:#14ac34;}
p.course-btn a:hover{background:#c3052e;}
p.course-btn a.btn-2:hover{background:#00598c;}
p.course-btn a.btn-3:hover{background:#00801b;}


.course-main{margin:0 30px; padding:30px 0; border-bottom:1px solid #eee; overflow:hidden;}
p.cm-p{font-size:18px; line-height:1.6; padding:10px 0;}
.course-mlist{clear:both; padding-bottom:30px; width:1200px;}
.course-mlist-box{float:left; overflow:hidden;}
.course-mlist-box img{max-width:100%;}
.course-mlist-box h4{font-size:18px; line-height:1.6;}
.course-mlist-box p{font-size:16px; padding:8px 0; line-height:1.4;}
.cmb-4{width:264px; margin:0 28px 0 0;}
.cmb-3{width:360px; margin:0 30px 0 0;}
.cmb-2{width:555px; margin:0 30px 0 0;}




.course-choose{height:960px; overflow:hidden;}


.course-target{clear:both; width:100%; height:300px; background:#4a9ec3; overflow:hidden;}
.course-target .box_1200{height:300px;}
.course-target strong{position:absolute; font-weight:400; font-size:24px; color:#000; left:446px; top:160px; line-height:1;}
.course-target p{position:absolute; width:640px; font-size:16px; line-height:1.8; color:#fff; left:440px; top:200px;}
.target-hair{background:url(../images/target-hair.jpg) center top no-repeat;}
.target-beauty{background:url(../images/target-beauty.jpg) center top no-repeat;}
.target-makeup{background:url(../images/target-makeup.jpg) center top no-repeat;}



.course-stage{clear:both; overflow:hidden;}
.cs-1{background:url(../images/stage-1.jpg) center no-repeat; height:640px;}
.cs-2{height:460px;}
.course-stage p{position:absolute; width:278px; font-size:16px; line-height:1.6;}
.cs-1 p.stage-1{left:26px; top:466px; color:#ff8a00;}
.cs-1 p.stage-2{left:312px; top:74px; color:#484476;}
.cs-1 p.stage-3{left:596px; top:466px; color:#2db9ae;}
.cs-1 p.stage-4{left:881px; top:74px; color:#2a87cd;}

.cs-2 p.stage-1{left:176px; top:304px; color:#08b936;}
.cs-2 p.stage-2{left:508px; top:304px; color:#2a87cd;}
.cs-2 p.stage-3{left:838px; top:304px; color:#e42f64;}




.course-direction{clear:both; height:230px; background:url(../images/direction-bg.jpg) center 0 no-repeat; overflow:hidden;}
.course-direction strong{position:absolute; font-weight:400; font-size:24px; color:#000; left:202px; top:59px; line-height:1;}
.course-direction p{position:absolute; width:620px; font-size:16px; line-height:1.8; color:#fff; left:196px; top:99px;}


p.course-ways{padding:80px 0;}

.course-teacher{clear:both; height:1236px; background:url(../images/teacher-bg-1.jpg) center 0 no-repeat; overflow:hidden;}
.course-tlist{clear:both; width:800px; height:460px; background:url(../images/teacher-abg.png) center 0 no-repeat; margin:140px 0 0 82px; overflow:hidden;}
a.course-timg{display:block; float:left; width:284px; height:404px; margin:8px 50px 0 33px; overflow:hidden;}
a.course-timg img{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
a.course-timg:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.course-tlist h4{margin-top:60px; font-size:36px; font-weight:400; color:#fff; line-height:60px;}
.course-tlist strong{font-size:24px; color:#fff; font-weight:400; line-height:2.2;}
.course-tlist p.course-tview-1{font-size:18px; color:#fff; line-height:2.2;}
.course-tlist p.course-tview-2{font-size:16px; color:#fff; line-height:1.8;}
a.course-more{position:absolute; width:88px; height:26px; line-height:26px; text-indent:8px; color:#fff; font-size:14px; background:url(../images/icon.png) 59px -203px no-repeat; border:1px solid #999; right:42px; bottom:42px;}
a.course-more:hover{color:#c33736;}

a.course-tm-btn{display:block; clear:both; border-radius:3px; width:100px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center; margin:20px 0 0 782px; background:#2d3235;}
a.course-tm-btn:hover{background:#000;}




.ctop-pic-job{min-width:1200px; height:600px; text-align:center; background:url(../images/job-pic.jpg) center no-repeat; clear:both;}
.ctop-pic-job h3{padding:200px 0 30px 0; font-size:36px; color:#fff;}
.ctop-pic-job p{line-height:2; font-size:22px; color:#fff;}

.job-1{text-align:center; padding:80px 0;}
.job-1 h3{line-height:40px; font-size:28px;}
.job-1 h3:hover{color:#f30; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; cursor:default;}
.job-1 ul{width:1280px; height:160px; margin:40px 0 0 0;}
.job-1 ul li{float:left; width:360px; margin:0 60px 0 0; text-align:center;}
.job-1 ul li strong{display:inline-block; margin:0 auto; padding:0 20px; line-height:36px; border:2px solid #f30; font-size:18px; font-weight:400; color:#f30; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.job-1 ul li strong:hover{padding:0 50px; cursor:default; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.job-1 ul li p{padding:20px 0 0 0; font-size:16px; line-height:1.6;}



.job-2{padding:80px 0; text-align:center;}
.job-2 h3{line-height:40px; font-size:28px;}

.job-2 ul{width:1280px; height:320px;}
.job-2 ul li{float:left; width:360px; margin:40px 60px 0 0; text-align:left; position:relative;}
.job-2 ul li i{position:absolute; left:0; top:0; width:50px; height:50px; line-height:50px; background:#f30; font-style:normal; font-size:28px; color:#fff; text-align:center; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.job-2 ul li:hover i{width:60px; height:60px; line-height:60px; font-size:32px; cursor:default; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.job-2 ul li strong{padding:0 0 0 80px; font-size:18px; line-height:1;}
.job-2 ul li p{padding:10px 0 0 80px; line-height:1.5;}


.job-3{padding:60px 0;}
.job-news{float:left; width:600px;}
.jn-h{height:30px; line-height:1; border-bottom:1px #ccc solid;}
.jn-h h3{float:left;}
.jn-h h3 a{font-size:18px;}
.jn-h span{float:right; line-height:1; margin:10px 10px 0 0;}
.jn-h span a{color:#999; font-size:14px;}
.jn-h span a:hover{color:#ffffff;}
.job-news ul{}
.job-news ul li{height:110px; border-bottom:1px #ddd solid; padding:18px 0 0 0;}
.job-news ul li:hover{background:#fff;}
.job-news ul li a.jn-img{display:block; float:left; margin:0 14px 0 0; width:130px; height:100px; overflow:hidden;}
.job-news ul li img{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.job-news ul li:hover img{-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.job-news ul li a.jn-title{font-weight:700; font-size:16px; line-height:32px;}
.job-news ul li a.jn-title:hover{text-decoration:underline;}
.job-news ul li p{line-height:1.5; color:#666;}
.job-news ul li p span{color:#999;}



.job-recruit{float:right; width:540px; background:#fff; border:1px #ccc solid; border-radius:5px; overflow:hidden;}
.jr-h{height:40px; line-height:40px; border-bottom:1px #ccc solid;}
.jr-h h3{float:left; padding:0 0 0 10px;}
.jr-h h3 a{font-size:18px;}
.jr-h span{float:right; line-height:1; margin:20px 10px 0 0;}
.jr-h span a{color:#999; font-size:14px;}
.jr-h span a:hover{color:#ffffff;}
.job-recruit ul{padding:0 10px 10px 10px;}
.job-recruit ul li{line-height:40px; border-bottom:1px #ccc dotted; background:url(../images/li.gif) left 18px no-repeat; padding:0 0 0 10px;}
.job-recruit ul li span{float:right; color:#999;}



.js-h{clear:both; height:64px; background:#666; overflow:hidden;}
.js-h h3{float:left; margin:20px 0 0 0; color:#fff; font-size:28px; font-weight:400; line-height:1;}
.js-h p{float:left; margin:28px 0 0 60px; font-size:16px; color:#fff;}
.js-h span{float:right; margin:24px 0 0 0;}
.js-h span a{color:#f30; display:block; padding:6px 15px; background:#fff; line-height:1;}
.js-h span a i{color:#f30; padding:0 4px 0 0;}
.js-h span a:hover{background:#ddd;}



ul.js-list{width:1280px; height:380px; margin:50px 0 0 0;}
ul.js-list li{float:left; width:208px; height:300px; margin:0 40px 0 0; background:#fff;}
ul.js-list li:hover{box-shadow:0 0 8px rgba(0, 0, 0, 0.8);}
ul.js-list li a{position:relative; display:block; width:208px; height:300px; overflow:hidden;}
ul.js-list li a p{position:absolute; left:0; bottom:0; width:208px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:16px; text-align:center; height:38px; line-height:38px;}
ul.js-list li a img{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
ul.js-list li a:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}


.jc-h{text-align:center; line-height:60px; font-size:38px;}
.jc-p{text-align:center; line-height:3; font-size:20px; padding:20px 0;}
.jc-s{display:block; text-align:center; clear:both; height:80px; line-height:60px; font-size:24px; font-weight:400;}
ul.jc-list{width:1280px;}
ul.jc-list li{float:left; width:160px; height:200px; text-align:center; margin:0 48px 0 0;}
ul.jc-list li a{}
ul.jc-list li a img{padding:5px; border:1px solid #ddd; display:block; border-radius:5px;}
ul.jc-list li a p{line-height:24px;}
ul.jc-list li a:hover p{color:#f30;}
ul.jc-list li a:hover img{border:1px solid #999;}






ul.cvideo-list{width:1280px;}
ul.cvideo-list li{display:block; float:left; width:280px; height:216px; text-align:center; margin:30px 26px 0 0; background:#fff;}
ul.cvideo-list li a{display:block; position:relative; width:280px; height:216px;}
ul.cvideo-list li a img{display:block;}
ul.cvideo-list li a p{display:inline-block; margin:0 auto; font-size:14px; height:30px; line-height:30px;}
ul.cvideo-list li a p i{padding:0 4px 0 0;}
ul.cvideo-list li a span{position:absolute; display:none; width:280px; height:216px; background:rgba(0,0,0,0.5); text-align:center; left:0; top:0; cursor:pointer;}
ul.cvideo-list li a span i{font-size:24px; color:#fff; line-height:210px;}
ul.cvideo-list li a:hover p{color:#f30;}





.cworks-list{width:1280px;}
.cworks-list .wall-column{width:230px; float:left; margin-left:10px; box-sizing:border-box;}
.cworks-list .wall-item{display:block; position:relative; border:1px solid #fff; margin-top:15px;}
.cworks-list .wall-item:hover{box-shadow:0 0 8px rgba(0, 0, 0, 0.8);}
.cworks-list .wall-item img{width:100%; display:block;}
.cworks-list .wall-item p{position:absolute; width:100%; left:0; bottom:0; text-align:center; line-height:30px; color:#fff; font-size:14px; background:rgba(0,0,0,0.5);}




.crecruit-left{float:left; width:888px; border:1px solid #eee;}
.crecruit-left h3{font-size:18px; line-height:40px; padding:0 20px;}
ul.crecruit-list{}
ul.crecruit-list li{border-top:1px solid #ddd; background:url(../images/li.gif) 18px 48% no-repeat; padding:20px 15px 20px 30px;}
ul.crecruit-list li:hover{background-color:#eee;}
ul.crecruit-list li span{float:right; line-height:20px; color:#999;}
ul.crecruit-list li a{line-height:20px;}
ul.crecruit-list li a:hover{text-decoration:underline; color:#f30;}
ul.crecruit-list li a:hover p{color:#f30;}