.sub_banner{position:relative;width: 100%;height:315px;} .sub_local{padding-top:100px;} .sub_local .sub_left{ width:100%; text-align:center;} .sub_local .sub_left h3{font-weight:normal;font-size:50px;line-height:50px;color:#fff; font-weight:bold;text-shadow:0px 3px 10px #8c94a8;} .sub_local .sub_left i{ display:block; width:48px; height:4px; background-color:#fff;box-shadow: 0px 3px 10px #8c94a8; margin:0 auto; margin-top:28px;} .sub_local .sobtitle{margin-top:30px;font-size:14px;line-height:14px;color:#fff;} .sub_local .sobtitle a{font-size:14px;line-height:14px;color:#fff;} .sub_local .sobtitle a:first-child{margin-left:14px;} .sub_local .sub_right{padding-top:12px;float:right;width:36%;} .sub_local .sub_right p{font-size:16px;text-align:left;line-height:26px;color:#fff;} .ny_wrapper{background: url(../images/hl2_02.jpg);} .menuer{position:absolute;bottom:-30px;width:100%;height:65px; z-index:66;} .menuer .common_nav{position:relative;top:0;height:65px;box-shadow: 2px 0 5px rgba(0,0,0,0.1);background:#fff;} .menuer .common_nav .mitem{float:left; height:65px;text-align:left;border-right:1px solid #ddd;} .menuer .common_nav .mitem .mt{display:block;height:62px;font-size:20px;line-height:62px;text-align:center;color:#333;padding:0 64px;} .menuer .common_nav .mitem.hover .mt{font-weight:bold;color:#004a9a;border-bottom:3px solid #d74f31;} .menuer .common_nav .mitem:hover .mt{font-weight:bold;color:#004a9a;} .menuer .common_nav .nav_sub{display:none;} .din { width: 100%; } .din ul { width:100%; display:inline-block; margin-top:60px; background-color:#fff; } .din li{float:left;width:14%;height:40px;text-align:left;border-right:1px solid #ddd;} .din li a{display:block;height:40px;font-size:16px;line-height:40px;text-align:center;color:#333;} .din li.on a{font-weight:bold;color:#fff; background-color:#004a9a;} .din li:hover a{font-weight:bold;color:#fff; background-color:#004a9a;} /*ny page css*/ .ny .header_main{position:relative;background:#f2f2f2;} .ny .bottom_copy{position:relative; height:50px;line-height:50px; background:#ebebeb;border-top:1px solid #ccc;} .ny .bottom_copy .left{font-size:14px;} .ny .bottom_copy .right{font-size:14px;} .ny-wrapper{background: url(../images/hl2_02.jpg);min-height:220px; padding:80px 0;} /*menu start*/ .menu{width:1920px;height:60px;line-height:60px;background-color:rgba(255,255,255,1); position: absolute; bottom:0px; left:50%; margin-left:-600px;} .menu .w1200{ position:relative;} .menu .list{ display:inline-block;} .menu .list .item{float:left;display:block; border-right:#ddd solid 1px;height:60px; line-height:60px;} .menu .list .item:first-child{margin-left:0;} .menu .list .item a{display:block; padding:0 15px;height:60px;font-size:16px;line-height:60px;text-align:center;color:#333;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; background-color:#fff;padding-left:60px;padding-right:60px; position:relative;} .menu .list .item:hover a{color:#d81916; } .menu .list .item.hover a{background: #d81916; background: -webkit-linear-gradient(left,#ee2421,#bf0808); background: -o-linear-gradient(right,#ee2421,#bf0808); background: -moz-linear-gradient(right,#ee2421,#bf0808); background: linear-gradient(to right,#ee2421,#bf0808);color:#fff;} .menu .list .item a s{ display:none; width:20px; height:5px; background:url(../images/icon.png) center center no-repeat; background-position:-394px -37px; position:absolute; right:30px; top:28px;} .menu .list .item .subMenu{ display:none; position:absolute; left:50%; top:68px; width:1200px; margin-left:-600px;} .menu .list .item.hover .subMenu{ display:block;} .menu .list .item .subMenu a{ background-color:#fff; float:left; margin-right:20px; color:#333;} .menu .list .item .subMenu a.on{ background-color:#d81916; color:#fff;} .menu1{width:100%;height:60px;line-height:60px;background-color: rgba(206, 206, 206, 0.7); } .menu1 .list{ display:block;height:60px; width:1200px; margin:0 auto;} .menu1 .list .item{float:left;display:block;padding-top:10px;margin-left:12px;} .menu1 .list .item:first-child{margin-left:0;} .menu1 .list .item a{display:block;width:112px;height:38px;font-size:16px;line-height:38px;text-align:center;color:#333;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; background-color:#fff; border-radius:60px;} .menu1 .list .item.hover a{background:#d81916;color:#fff;} .menu1 .list .item:hover a{background:#d81916;color:#fff;} .menu1 .list .item .subMenu{ display:none; position:absolute; left:50%; top:68px; width:1200px; margin-left:-600px;} .menu1 .list .item.hover .subMenu{ display:block;} .menu1 .list .item .subMenu a{ background-color:#fff; float:left; margin-right:20px; color:#333;} .menu1 .list .item .subMenu a.on{ background-color:#d81916; color:#fff;} .menu .sitepath{ position:absolute; right:0; top:-56px; color:#fff;} .menu .sitepath a{ color:#fff;} /* 客户案例 */ .case_wrapper{padding-top:80px;} .case_wrapper .caselist li{position:relative;float:left;width:48%;margin-bottom:50px;margin-right:4%;height:380px;transition:all ease 0.36s;} .case_wrapper .caselist li:nth-child(2n){margin-right:0;} .case_wrapper .caselist li .img{position:relative;display:block;width:100%;padding-top:56.25%;overflow: hidden;} .case_wrapper .caselist li img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;} .case_wrapper .caselist li .txt{position:absolute;bottom:0;left:0;display:table;width:100%;height:74px;z-index:2;background:url("../images/ny_case_txt.png") no-repeat center center;} .case_wrapper .caselist li .txt .tit{position:relative;display:table-cell;vertical-align: middle;font-size:24px;text-indent:50px;color:#fff;z-index:12;} .case_wrapper .caselist li .txt p{position:relative;display:table;font-family:arial;float:right;font-size:30px;width: 75px;height:100%;background:#004a9a;z-index:12;} .case_wrapper .caselist li .txt p span{display:table-cell;vertical-align: middle;text-align:center;font-size:30px; color:#fff;} .case_wrapper .caselist li .txt:before,.case_wrapper .caselist li .txt:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:#004a9a;z-index:2;transition: .8s;} .case_wrapper .caselist li .txt:before{transition: .8s; background:#004a9a;z-index:-1; } .case_wrapper .caselist li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;} .case_wrapper .caselist li:hover .txt:after,.case_wrapper .caselist li:hover .txt:before{width: 100%;} .case_wrapper .caselist li:hover p{background:#004a9a;} .case_wrapper .caselist li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);} /* 新闻动态-详情 */ .news_detail{padding:6.4% 7% 7%;background:#fff;box-shadow: 1px 0 2px rgba(0,0,0,0.1);} .news_detail .title{padding-bottom:50px;border-bottom:1px solid #999;} .news_detail .title h1{font-weight:normal;font-family:"思源黑体 CN";font-size:50px;line-height:60px;text-align:left;color:#333;} .news_detail .title .marks{margin-top:30px;} .news_detail .title .marks span{font-size:16px;color:#333;} .news_detail .title .marks span em{margin-right:14px;color:#999;} .news_detail .title .marks span.t1{margin-right:14px;} .news_detail .title .marks span.t2{margin-right:54px;} .news_detail .title .marks span.t3{font-family:arial;} .news_detail .title .marks span.t3 em{font-family:"Microsoft YaHei";} .news_detail .context{padding-top:80px;line-height:30px;} .news_detail .context img{max-width: 100%;} .nybanner .xw{ position:absolute; width:1200px; top:90px; left:50%; margin-left:-600px;} .nybanner .xw h3{ font-size:34px; color:#fff; font-weight:bold; letter-spacing:4px;} .nybanner .xw p{ font-size:20px; color:#fff; text-transform:uppercase; padding-top:16px;} .nybanner .xw i{ display:block; width:150px; height:23px; background:url(http://www.cilijt.com/plugins/template/yizhu/pc/images/hl15_03.png) center center no-repeat; position:absolute; left:200px; top:4px;} .nybanner .xw1{position:absolute; width:1200px; top:120px; left:50%; margin-left:-600px; text-align:center;} .nybanner .xw1 h3{ font-size:34px; color:#fff; font-weight:bold; letter-spacing:4px;} .nybanner .xw1 p{ font-size:20px; color:#fff; text-transform:uppercase; padding-top:16px;} .nybanner .xw1 i{ display:block; width:150px; height:23px; background:url(http://www.cilijt.com/plugins/template/yizhu/pc/images/hl15_03.png) center center no-repeat; position:absolute; right:330px; top:4px;} .nybanner .xw1 s{ display:block; width:150px; height:23px; background:url(http://www.cilijt.com/plugins/template/yizhu/pc/images/hl15_04.png) center center no-repeat; position:absolute; left:330px; top:4px;} /*menu end*/ .content{} .news_center{ padding-top:80px;} .ny-wrapper .sitepath{height:50px;line-height:50px;text-align:right;} .ny-wrapper .sitepath a{font-size:14px;color:#333;} .ny-wrapper .sitepath a:hover{font-weight:bold;color:#d81916;} .nybanner{ height:300px; width:100%; position:relative; overflow:hidden;} .zybanner{height:510px; width:100%; position:relative; overflow:hidden;} .zybanner .xw1{position:absolute; width:1200px; top:196px; left:50%; margin-left:-600px; text-align:center;} .zybanner .xw1 h3{ font-size:42px; color:#fff; font-weight:bold; letter-spacing:4px; padding-bottom:6px;} .zybanner .xw1 p{ font-size:20px; color:#fff; display:inline-block; text-transform:uppercase; padding:0 26px; margin-top:16px; position:relative; border:#ccc solid 2px; height:30px;} .zybanner .xw1 i{ display:block; width:50px; height:2px; background-color:#ccc; position:absolute; right:-50px; top:14px;} .zybanner .xw1 s{ display:block; width:50px; height:2px; background-color:#ccc; position:absolute; left:-50px; top:14px;} .zg_1{ background-color:#fff;padding-bottom:80px;} .zg_top{ padding-top:80px; text-align:center;} .zg_top h3{font-size:40px; color:#2c303c; display:inline-block; padding:0 42px;position:relative;} .zg_top h3 i{ display:block; width:150px; height:23px; background:url(http://www.cilijt.com/plugins/template/yizhu/pc/images/hl15_06.png) center center no-repeat; position:absolute; right:-150px; top:4px;} .zg_top h3 s{ display:block; width:150px; height:23px; background:url(http://www.cilijt.com/plugins/template/yizhu/pc/images/hl15_05.png) center center no-repeat; position:absolute; left:-150px; top:4px;} .zg_1_1{ padding-top:40px;} .zg_2{ padding-bottom:80px;} .zg_3{ padding-bottom:80px; background-color:#fff;} .zg_4{ padding-bottom:80px;} .zg_5{ padding-bottom:80px; background:url(http://www.cilijt.com/plugins/template/yizhu/pc/images/hl17_02.jpg) center center no-repeat; width:100%;} .in_title1 .in_y1{ float:right;} .in_title1 .in_y1 a{ display:block; line-height:40px;font-size:16px; float:left;} .in_title1 .in_y1 a:hover{ color:#e53230;} .zg_5 .in_title1 h3{ font-weight:normal;} .zg_5 .in_title1 i{} .zg_5 .floor_3_1 ul li{ margin-top:28px;} .zg_5 .floor_3_1 ul li h3{} .zg_6{ padding-bottom:60px;} .zg_6 .in_title1 h3{ font-weight:normal;} .zg_6 .in_title1 .in_y1 a{ display:block; line-height:40px;font-size:16px; color:#666; float:left;} .zg_6 .in_title1 .in_y1 a:hover{ color:#e53230;} .zg_6_1{ padding-top:18px;} .zg_6_1 .item{width:1200px;height:280px;margin-bottom:30px; position:relative;} .zg_6_1 .item a{width:1170px;display:block;height:280px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2); margin-left:30px;} .zg_6_1 .item .text{width:554px;display:block; float:right; margin-right:100px; position:relative;} .zg_6_1 .item s{ display:block; width:42px; height:1px; background-color:#999; position:absolute; left:450px; top:104px;transition:all ease 300ms;} .zg_6_1 .item img{width:450px;height:252px;display:block;transition:ease-in-out .4s; overflow:hidden; position:absolute; left:0px; top:0;} .zg_6_1 .item i{ display:block; font-size:24px; color:#8c919d; line-height:24px; padding-top:50px; font-family:"Arial";} .zg_6_1 .item h3{font-size:30px; color:#171835;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms; padding-top:14px;} .zg_6_1 .item .txt{color:#666;line-height:26px;overflow:hidden; font-size:16px; margin-top:28px;} .zg_6_1 .item .time{width:138px;padding-top:60px;font-family:arial;font-size:20px;color:#999;} .zg_6_1 .item .time .day{font-size:40px;line-height:45px;display:block;} .zg_6_1 .item:hover a{box-shadow:0 2px 8px rgba(0,0,0,0.2)} .zg_6_1 .item:hover h3{font-weight:bold;color:#d81916;text-indent:5px;} .zg_6_1 .item:hover s{ width:80px; background-color:#d81916;} .zg_6_1 .item:hover .time .day span{background:#d81916;} .zg_6_1 .item:hover .time .day strong{background:#ff0000;color:#fff} .zg_7{padding-bottom:80px;} .zg_7 .in_title1 h3{ font-weight:normal;} .zg_7 .in_title1{padding-top: 44px; } .zg_7_1{ background-color:#fff; margin-top:30px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); padding:40px;} /*reLink start*/ .reLink{height:48px;line-height:48px;padding:0 15px;border:1px solid #dddddd} .reLink .nextLink,.reLink .prevLink{width:50%;color:#666} .reLink .nextLink{text-align:right} .reLink a{display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms} .reLink a:hover{color:#d81916} .reLink1{ background-color:#878f9f; width:100%; height:110px;} .reLink1 .prevLink{ width:50%;} .reLink1 .nextLink{ width:50%;} .reLink1 .prevLink a{ display:block; width:95%; padding-left:5%; height:110px; text-align:left;} .reLink1 .nextLink a{ display:block; width:95%; padding-right:5%; height:110px; text-align:right;} .reLink1 a:hover{background: #d81916; transition: ease-in-out .6s; background: -webkit-linear-gradient(left,#ee2421,#bf0808); background: -o-linear-gradient(right,#ee2421,#bf0808); background: -moz-linear-gradient(right,#ee2421,#bf0808); background: linear-gradient(to right,#ee2421,#bf0808);} .reLink1 .prevLink a em{ display:block; width:11px; height:19px; background-position:-283px -370px; float:left; margin-top:46px;} .reLink1 .prevLink a p{ float:left;margin-left:34px;width:280px; padding-top:22px; } .reLink1 .prevLink a p span{ display:block; font-size:18px; color:#fff; line-height:24px; height:54px; } .reLink1 .prevLink a p i{ display:block; font-size:12px; color:#fff; line-height:12px;} .reLink1 .nextLink a em{ display:block; width:11px; height:19px; background-position:-299px -370px; float:right; margin-top:46px;} .reLink1 .nextLink a p{ float:right;margin-right:34px;width:280px; padding-top:22px; } .reLink1 .nextLink a p span{ display:block; font-size:18px; color:#fff; line-height:24px; height:54px; } .reLink1 .nextLink a p i{ display:block; font-size:12px; color:#fff; line-height:12px;} /* reLink */ .news_detail .reLink{margin-top:100px;height:120px;box-sizing:border-box;background:#878f9f; padding:0;} .news_detail .reLink .prevLink,.news_detail .reLink .nextLink{position:relative;float:left;width:50%;height:120px;} .news_detail .reLink .prevLink .txt{padding:40px 50px;margin-left:50px;height:120px;box-sizing:border-box;background:url("../images/nico-prev.png") no-repeat left center;transition:all ease 0.36s;} .news_detail .reLink .prevLink .txt .tit{font-size:20px;line-height:20px;color:#fff;} .news_detail .reLink .prevLink .txt .sub{margin-top:9px;font-size:14px;line-height:14px;color:#fff;} .news_detail .reLink .prevLink .img{position:absolute;right:0;top:20px;width:135px;opacity:0;transition:all ease 0.36s;} .news_detail .reLink .prevLink img{display:block;width:135px;object-fit: contain;} .news_detail .reLink .nextLink .txt{padding:40px 50px 40px 50px;margin-right:50px;height:120px;box-sizing:border-box;background:url("../images/nico-next.png") no-repeat right center;transition:all ease 0.36s;} .news_detail .reLink .nextLink .txt .tit{font-size:20px;line-height:20px;color:#fff;text-align:right;} .news_detail .reLink .nextLink .txt .sub{margin-top:9px;font-size:14px;line-height:14px;color:#fff;text-align:right;} .news_detail .reLink .nextLink .img{position:absolute;left:0;top:20px;width:135px;opacity:0;} .news_detail .reLink .nextLink img{display:block;width:135px;object-fit: contain;} .news_detail .reLink .prevLink:hover{background:#004a9a;} .news_detail .reLink .prevLink:hover .img{right:20px;transition:all ease 0.36s;opacity:1;} .news_detail .reLink .prevLink:hover .txt{padding-left:44px;transition:all ease 0.36s;} .news_detail .reLink .nextLink:hover{background:#004a9a;} .news_detail .reLink .nextLink:hover .img{left:20px;transition:all ease 0.36s;opacity:1;} .news_detail .reLink .nextLink:hover .txt{padding-right:44px;transition:all ease 0.36s;} /*reLink end*/ /*n-tit start*/ .n-tit{margin-bottom:40px} .n-tit h3{font-weight:normal;line-height:40px;font-size:40px; position:relative; display:inline-block;} .n-tit h3 span{ position:relative; z-index:2;} .n-tit s{width:135px;height:5px;background:#d81916;display:block; position:absolute; right:0; bottom:-3px; z-index:1;} .n-tit .more{font-size:16px;margin-top:12px;} /*n-tit end*/ /*pager*/ .pager{padding: 0; margin-top:24px; text-align: center;} .pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .pager{*zoom: 1;} .pager p{height: 26px; line-height: 26px; float: left; display: none;} .pager ul{overflow: hidden; margin: 0 auto; text-align: center;} .pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;} .pager ul a{padding: 0;height: 52px; line-height: 52px; text-decoration: none; float: left; color: #666;} .pager ul li{margin-left:8px;width: 52px;height: 52px;} .pager ul li a{display:block;width:52px;height:52px;font-family:Arial;font-size:20px;text-align:center;background:url("../images/pageLi.png") no-repeat center center;color:#666;} .pager ul li a.current{color:#004a9a;} .pager ul li:hover a{color: #004a9a;line-height: 52px;display:block;width:52px;height:52px;} .pager ul li:nth-child(2){margin-right:8px;font-size:0;width:102px;height:52px;background:url("../images/pagePrev.png") no-repeat center center;} .pager ul li:nth-child(2) a{background:none;width:100%;} .pager ul li:nth-last-child(2){margin-left:16px;width:102px;height:52px;font-size:0;background:url("../images/pageNext.png") no-repeat center center;cursor:pointer;} .pager ul li:nth-last-child(2) a{background:none;} .pager ul li:nth-child(2):hover{background:url("../images/pagePrev_h.png") no-repeat center center;} .pager ul li:nth-last-child(2):hover{background:url("../images/pageNext_h.png") no-repeat center center;} .pager ul li:first-child{font-size:0;display:none;} .pager ul li:last-child{font-size:0;display:none;} .pager ul li:nth-child(2) a{font-size:0;} .pager ul li:nth-last-child(2) a{font-size:0;} /*pager end*/ .ny_wrapper { padding-bottom: 50px; } /* 人力资源 */ .jobs_wrapper .jobs_center{padding-top:107px;} .jobs_center .jobs{padding:5%;background:#fff;} .titlist{padding-bottom:30px;border-bottom:1px solid #666;} .titlist .j_tit1{float:left;font-size:26px;color:#333;width:42%;margin-left:3.5%;} .titlist .j_tit2{float:left;font-size:26px;color:#333;width:22%;} .titlist .j_tit3{float:left;font-size:26px;color:#333;width:22%;} .postlist .item .top{height:100px;line-height:100px;background:url("../images/plus.png") no-repeat right center #fff;} .postlist .item:nth-child(2n) .top{background:url("../images/plus.png") no-repeat right center #f0f2f6;} .postlist .item .top .jt1{float:left;width:42%;margin-left:3.5%;} .postlist .item .top .jt2{float:left;width:22%;height:100px;font-size:20px;color:#333;line-height:100px;} .postlist .item .top .jt3{float:left;width:22%;height:100px;font-family:arial;font-size:20px;color:#666;line-height:100px;} .postlist .item .top .jt1 h3{padding-left:40px;font-size:20px;color:#333;background:url("../images/trick1.png") no-repeat left center;} .postlist .item .bottom{border:1px solid #d3d7dd;border-top:none;width:calc(100% - 2px);} .postlist .item .bottom .bid_box{position:relative;min-height:450px;padding:50px;} .postlist .item .bottom .bid_box .bit{float:left;width:34%;} .postlist .item .bottom .bid_box .bit2{float:right;width:36%;} .postlist .item .bottom .bid_box .bit3{width:100%;margin-top:80px;} .postlist .item .bottom .bid_box .bit h3{font-size:20px;line-height:20px;color:#333;} .postlist .item .bottom .bid_box .bit p{margin-top:30px;font-size:14px;line-height:30px;color:#666;} .postlist .item .bottom .bid_box .bit p span{display:block;} .postlist .item .bottom .apply{position: absolute;bottom:50px;right:50px;display:block;width:200px;height:45px;font-size:16px;line-height:45px;text-indent:50px;color:#fff;background:url("../images/f1arr.png") 130px center no-repeat #004a9a;} .postlist .item .bottom .apply span{position:relative;z-index:12;} .postlist .item .bottom .apply:before,.postlist .item .bottom .apply:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:url("../images/f1arr.png") 130px center no-repeat #b51014;z-index:2;transition: .8s;} .postlist .item .bottom .apply:before{transition: .8s; background:url("../images/f1arr.png") 130px center no-repeat #004a9a;z-index:-1; } .postlist .item .bottom .apply:hover:after,.postlist .item .bottom .apply:hover:before{width: 100%;} .postlist .item:hover .top{cursor:pointer;} .postlist .item.hover .top{background:url("../images/jslide.png")no-repeat right center #004a9a;} .postlist .item.hover .top .jt1 h3{background:url("../images/trick_h.png") no-repeat left center;color:#fff;} .postlist .item.hover .top .jt2{color:#fff;} .postlist .item.hover .top .jt3{color:#fff;} .jobs_wrapper .pager{margin-top:50px;} .map_ul{list-style:outside none none;display:block;width:100%;padding-top:10px} .map_ul li{display:block;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DCDBDB;margin-left:10px;float:left} .map_ul li a{font-size:14px;float:left;width:100%;height:23px;line-height:23px;font-weight:bold} .map_ul .list-inline{display:block;margin-left:7%;width:80%;min-height:30px} .map_ul .list-inline a{font-weight:normal;width:auto;float:none;line-height:32px;height:32px;margin:0 10px 10px 0;display:inline-block;border:1px solid #ccc;padding:0px 10px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms} .map_ul .list-inline a:hover{background:#d81916;color:#fff;border-color:#d81916;} /*news start*/ .ny-wrapper .newsPage .item{width:100%;height:280px;margin-bottom:30px; position:relative;} .ny-wrapper .newsPage .item a{width:98%;display:block;height:280px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2); margin-left:2%;} .ny-wrapper .newsPage .item .text{width:56%;display:block; float:right; margin-right:6%; position:relative;} .ny-wrapper .newsPage .item s{ display:block; width:42px; height:1px; background-color:#999; position:absolute; left:450px; top:104px;transition:all ease 300ms;} .ny-wrapper .newsPage .item img{width:450px;height:252px;display:block;transition:ease-in-out .4s; overflow:hidden; position:absolute; left:0px; top:0;} .ny-wrapper .newsPage .item i{ display:block; font-size:24px; color:#8c919d; line-height:24px; padding-top:50px; font-family:"Arial";} .ny-wrapper .newsPage .item h3{font-size:30px; color:#171835;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms; padding-top:14px;} .ny-wrapper .newsPage .item .txt{color:#666;line-height:26px;overflow:hidden; font-size:16px; margin-top:28px;} .ny-wrapper .newsPage .item .time{width:138px;padding-top:60px;font-family:arial;font-size:20px;color:#999;} .ny-wrapper .newsPage .item .time .day{font-size:40px;line-height:45px;display:block;} .ny-wrapper .newsPage .item:hover a{box-shadow:0 2px 8px rgba(0,0,0,0.2)} .ny-wrapper .newsPage .item:hover h3{font-weight:bold;color:#d81916;text-indent:5px;} .ny-wrapper .newsPage .item:hover s{ width:80px; background-color:#d81916;} .ny-wrapper .newsPage .item:hover .time .day span{background:#d81916;} .ny-wrapper .newsPage .item:hover .time .day strong{background:#ff0000;color:#fff} .ny-wrapper .searchPage .item .text{width:1168px;} .ssa{ display:block; width:140px; height:46px; text-align:center; background-color:#004a9a; font-size:16px; line-height:46px; color:#fff; border-radius:4px;transition: ease-in-out .2s; margin:0 auto; margin-top:40px; margin-bottom:30px;} .ssa:hover{ width:160px; background-color:#004a9a; color:#fff;} .ny-wrapper .newsPage .item1{ height:246px;} .ny-wrapper .newsPage .item1 a{ height:246px;} .ny-wrapper .newsPage .item .text1{ width:88%; margin-left:6%;} /*news end*/ .ny-wrapper .newsPage1 .list{ width:105%;} .ny-wrapper .newsPage1 .item{width:584px;height:154px;margin-bottom:20px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;background:#fff; float:left; margin-right:30px;} .ny-wrapper .newsPage1 .item a{width:100%;display:block} .ny-wrapper .newsPage1 .item .text{width:98%;display:block} .ny-wrapper .newsPage1 .item .img{width:420px;height:236px;display:block;margin-right:16px;overflow:hidden;} .ny-wrapper .newsPage1 .item img{width:420px;height:236px;display:block;transition:ease-in-out .4s;} .ny-wrapper .newsPage1 .item h3{font-size:20px;padding:30px 0 20px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms} .ny-wrapper .newsPage1 .item .txt{color:#999999;line-height:24px;height:48px;padding-right:90px;overflow:hidden;} .ny-wrapper .newsPage1 .item .time{width:110px;padding-top:30px;font-family:arial;font-size:20px;color:#999;} .ny-wrapper .newsPage1 .item .time .day{font-size:30px;line-height:45px;display:block;} .ny-wrapper .newsPage1 .item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.2)} .ny-wrapper .newsPage1 .item:hover .img img{transform:scale(1.1)} .ny-wrapper .newsPage1 .item:hover h3{font-weight:bold;color:#d81916;text-indent:5px;} .ny-wrapper .newsPage1 .item:hover .time .day span{background:#d81916;} .ny-wrapper .newsPage1 .item:hover .time .day strong{background:#ff0000;color:#fff} .ny-wrapper .searchPage .item .text{width:1168px;} /*aboutPage start*/ .aboutPage {padding: 30px 40px;width: 1320px;margin: 0 auto;background: #fff;} .aboutPage .erro {width: auto;} .aboutPage .txtcon img {max-width: 100%;} /*aboutPage end*/ /*contactPage start*/ .contactPage .part3{padding-top:50px;padding-bottom:40px;} .contactPage .part3 .item{float:left} .contactPage .part3 .mobile .tx{float:left;display:table-cell} .contactPage .part3 .mobile .t1{font-size:14px;line-height:16px;color:#333} .contactPage .part3 .mobile .t2{font-weight:bold;font-size:16px;line-height:16px;margin-left:8px;color:#333} .contactPage .part3 .mobile .tx1{margin-top:16px} .contactPage .part3 .mobile .tx2{margin-top:16px;margin-left:10px} .contactPage .part3 .mobile .tx3{margin-top:10px;margin-right:10px} .contactPage .part3 .mobile .tx4{margin-top:10px} .contactPage .part3 .mobile{padding-left:70px;margin-right:30px;width:260px;height:79px;background:url("http://www.cilijt.com/plugins/template/yizhu/pc/images/mobile.png") no-repeat left center;background-size:60px;} .contactPage .part3 .address{padding-left:70px;margin-right:30px;width:350px;height:79px;background:url("../images/address.png") no-repeat left center;background-size:60px;} .contactPage .part3 .tel{padding-left:70px;width:240px;height:79px;background:url("../images/tel.png") no-repeat left center;background-size:60px;} .contactPage .part3 .item .p1{font-size:14px;line-height:16px;margin-top:20px;color:#333} .contactPage .part3 .item .p2{font-weight:bold;font-size:16px;line-height:24px;margin-top:8px;color:#333} .contactPage .part3 .address .p2{font-size:14px;} .contactPage{padding: 6.4% 7% 7%;background: #fff;box-shadow: 1px 0 2px rgba(0,0,0,0.1);} .contactPage .txtcon img {max-width: 100%;} /*表单*/ .contactPage .contact{margin-top:50px;} .contactPage .t2{padding: 10px 0 48px; text-align: center;} .contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;} .contactPage .t2 .txt{font-size: 14px; line-height: 24px;color:#828282;} .contactPage .t2 .txt span{font-family:arial;font-weight: bold; font-size:20px;color: #d81916;} .contactPage .formData{padding-bottom: 20px;} .contactPage .formData .item{float: left; color: #999; font-weight: normal; width: 378px; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; margin-right: 32px; margin-bottom: 20px; position: relative;} .contactPage .formData .item label{padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; font-weight:normal;text-align: center; display: block; margin: 0; height: 35px; line-height: 35px; font-size: 14px; color: #cccccc;} .contactPage .formData .item input{outline: none; line-height: 35px; height: 35px; font-size: 14px;} .contactPage .formData .item .txt{width: 308px; height: 35px; line-height: 35px; display: block; background: none; padding-left: 50px; border: 0 none; color: #333; font-size: 14px;} .contactPage .formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;} .contactPage .formData .item.mr0{margin-right: 0;} .contactPage .formData .item.mw .txt{width: 273px; padding-left: 85px;} .contactPage .formData .msg-box{position: absolute; left: 0; top: 0px;} .contactPage .formData .liuyan{width: 1202px; height: 180px; border: 1px solid #e5e5e5; float: left;} .contactPage .formData .liuyan label{text-align: right; top: 5px; display: block;} .contactPage .formData .liuyan textarea{width: 1178px; height: 154px; line-height: 28px; padding: 10px 10px; text-indent: 40px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;} .contactPage .formData .bot{width: 100%; float: left;} .contactPage .formData .sub{width: 232px; height: - 4px; line-height: 38px; border: 2px solid #d81916; text-align: center; background: #d81916; color: #FFF; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin: 0 auto;} .contactPage .formData .sub:hover{background: none; color: #d81916;} .contactPage .formData .yzm{width: 432px;} .contactPage .formData .yzm .txt{padding-left: 80px;} .contactPage .formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;} .contactPage .mapArea{width:100%;height:400px;margin-top:20px} .contactPage .mapArea #allmap{width:100%;height:400px} /*contactPage end*/ /*news detail start*/ .showNews{padding: 6.4% 7% 7%; background: #fff; box-shadow: 1px 0 2px rgba(0,0,0,0.1);} .showNews img{max-width:100%;display:block;margin:0 auto;} .showNews .title{color:#333333;line-height:32px;text-align:center;font-weight:bold;font-size:22px} .showNews .mark{width:100%;height:40px;line-height:40px;margin:15px 0 20px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;text-align:center} .showNews .mark span{margin:0 10px;font-size:12px;color:#666666} .showNews .shareNew{padding-bottom:25px} .showNews .showContxt{padding:0 0 30px;line-height:30px} /*news detail end*/ /*teacherPage start*/ .case-cut{width:105%; display:inline-block;} .case-cut .case-bin a{display:block} .case-cut .case-bin .img{display:block;position:relative;overflow:hidden} .case-cut .case-bin .img:before{width:15px;height:1px;margin-left:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0} .case-cut .case-bin .img:after{width:1px;height:15px;margin-top:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0} .case-cut .case-bin:hover .img:before{opacity:1} .case-cut .case-bin:hover .img:after{opacity:1} .case-cut .case-bin .img b{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:-100%;left:0;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out} .case-cut .case-bin .img b:before{position:absolute;content:'';width:50px;height:50px;border-radius:50%;box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box;border:500px solid rgba(0,0,0,.8);left:50%;top:50%;margin:-525px 0 0 -525px} .case-cut .case-bin .img b:after{position:absolute;content:'';width:50px;height:50px;border-radius:50%;background:rgba(194,2,2,.9);left:50%;top:50%;margin:-25px 0 0 -25px} .case-cut .case-bin .img:hover b{top:0} .case-cut .case-bin .img img{display:block;width:100%; border-radius:10px;} .case-cut .case-bin{display:block;list-style:none;margin:0 20px 30px 0;padding:0;float:left;width:265px;height: 384px; background:#fff;position:relative; border-radius:10px; overflow:hidden;} .teacherPage .case-cut .case-bin{width:378px;} .case-cut .case-bin .txt{display:block;position:relative;z-index:1;text-align:left;padding:20px 24px 16px 24px; position:relative;} .case-cut .case-bin:after{position:absolute;bottom:0;height:0px;left:0;right:0;content:'';z-index:1;background:#d81916;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out} .case-cut .case-bin .txt .title{display:block;font-weight:bold; text-align:center;font-size:24px;line-height:26px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out; position:relative;} .case-cut .case-bin .txt .desc{position:relative;display:block;margin-top:10px;font-size:14px;line-height:14px;color:#666;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out} .case-cut .case-bin .txt .title i{ display:inline-block; font-size:16px; color:#666; padding-left:10px;} .case-cut .case-bin:hover{ background:#de4045;} .case-cut .case-bin:hover .txt .title{color:#fff} .case-cut .case-bin:hover .txt .desc{color:#fff} .case-cut .case-bin:hover .txt .title i{color:#fff} .teacherPage .case-cut .case-bin .txt .title{font-weight:normal;font-size:20px;} .teacherPage .case-cut .case-bin:hover .title{font-weight:bold;} .case-cut .case-bin p{ width:100%;display:block;position:absolute;top:-100%;left:0;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out; text-align:center;} .case-cut .case-bin:hover p{ top:66%; color:#fff;} .team2 .case-cut{ display:inline-block; margin-top:40px;} .team2 .case-cut .case-bin{width:276px;} .team2 .case-cut .case-bin .txt{padding: 8px 24px 8px 24px;} .case-cut .case-bin h3{ text-align:center; line-height:50px; font-size:16px;} .case-cut .case-bin:hover{box-shadow: 0px 5px 25px #dbd9da;} /*teacherPage end*/ /*teacher detail start*/ .showProduct{padding:30px 40px;width:1120px;margin:0 auto;background:#fff} .showProduct .pro-tit{margin-bottom:40px} .showProduct .pro-tit h1{font-weight:bold;font-size:24px;line-height:24px;margin-bottom:10px;padding-top:40px} .showProduct .pro-tit s{width:4px;height:50px;display:block;background:#d81916;float:left;margin-right:10px} .showProduct .pro-tit h3{font-size:24px;line-height:24px;margin-bottom:10px} .showProduct .pro-tit .mark{line-height:20px;color:#999} .showProduct .pro-tit .mark span{margin-right:6px} .showProduct img{max-width:100%;display:block;margin:0 auto} .showProduct .shareNew{padding-bottom:25px} .showProduct .showContxt{padding:0 0 30px;line-height:30px} .showProduct .infoImg{margin-bottom:40px} .showProduct .infoImg .imgf{width:340px;display:block;float:left;margin-right:40px} .showProduct .infoImg .txt{line-height:32px;height:160px;overflow:hidden} .showProduct .infoImg .btn{margin-top:15px} .showProduct .infoImg .btn a{width:120px;height:40px;line-height:40px;font-size:16px;display:inline-block;margin-right:10px;text-align:center;background:url(../images/detail-btnbg.png) no-repeat -140px center} .showProduct .infoImg .btn a:hover{background-position:left center;color:#d81916} /*teacher detail end*/ /*works start*/ .case-work{width:110%;} .case-work .case-bin a{display:block} .case-work .case-bin .img{display:block;position:relative;overflow:hidden} .case-work .case-bin .img:before{width:15px;height:1px;margin-left:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:42%;left:50%;position:absolute;z-index:10;opacity:0} .case-work .case-bin .img:after{width:1px;height:15px;margin-top:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:42%;left:50%;position:absolute;z-index:10;opacity:0} .case-work .case-bin:hover .img:before{opacity:1} .case-work .case-bin:hover .img:after{opacity:1} .case-work .case-bin .img b{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:-100%;left:0;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out} .case-work .case-bin .img b:before{position:absolute;content:'';width:50px;height:50px;border-radius:50%;box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box;border:500px solid rgba(0,0,0,.8);left:50%;top:42%;margin:-525px 0 0 -525px} .case-work .case-bin .img b:after{position:absolute;content:'';width:50px;height:50px;border-radius:50%;background: rgba(194,2,2,.9);left:50%;top:42%;margin:-25px 0 0 -25px} .case-work .case-bin:hover .img b{top:0} .case-work .case-bin .img img{display:block;width:100%} .case-work .case-bin{display:block;list-style:none;margin:0 32px 30px 0;padding:0;float:left;width:378px;background:#f9f9f9;position:relative;text-align:center;box-shadow: 0px 1px 6px #dbd9da;} .case-work .case-bin .txt{display:block;position:relative;z-index:1;background:#f9f9f9;text-align:left;padding:20px 24px 16px 24px} .case-work .case-bin .txt:after{position:absolute;bottom:0;height:0px;left:0;right:0;content:'';z-index:1;background:#d81916;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out} .case-work .case-bin .txt .title{display:block;font-weight:normal;font-size:20px;line-height:26px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out; text-align:center;} .case-work .case-bin .txt .desc{position:relative;display:block;margin-top:10px;font-size:14px;line-height:14px;color:#666;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out} .case-work .case-bin:hover .txt:after{height:100%} .case-work .case-bin:hover .txt .title{color:#fff} .case-work .case-bin:hover .txt .desc{color:#fff} .case-work .case-bin p{ width:100%;display:block;position:absolute;top:-100%;left:0;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out; text-align:center;} .case-work .case-bin:hover p{ top:60%; color:#fff;} /*works end*/ .case-work1{display:inline-block; width:105%;} .case-work1 .case-bin{ width:1200px; height:450px; margin-top:18px; margin-bottom:32px; background-color:#fff;box-shadow: 0px 2px 5px #cbcbcb; text-align:left; overflow:hidden;} .case-work1 .case-bin a{ display:block; width:100%; height:100%;} .case-work1 .case-bin .im{ float:right; position:relative; z-index:2; display:block; width:400px; height:450px;background:#d81916; opacity:0.6;}.case-work1 .case-bin:hover .im{opacity:1;} .case-work1 .case-bin:hover{background:#d81916;background:-webkit-linear-gradient(left,#ee2421,#bf0808);background:-o-linear-gradient(right,#ee2421,#bf0808);background:-moz-linear-gradient(right,#ee2421,#bf0808);background:linear-gradient(to right,#ee2421,#bf0808);} .case-work1 .case-bin .img1{ width:800px; height:450px; float:left; display:block; transition: ease-in-out .6s;} .case-work1 .case-bin .img2{ width:80px; height:68px; float:right; display:block; margin-right:50px; margin-top:42px;transition: ease-in-out .6s;} .case-work1 .case-bin h3{ font-size:34px; color:#fff; line-height:42px;clear:left; width:336px; margin-left:30px; padding-top:140px;} .case-work1 .case-bin s{ margin-left:30px; display:block; width:0; height:1px; background-color:#eb8b8a; transition: ease-in-out .6s; margin-top:20px;} .case-work1 .case-bin p{font-size:16px; color:#fff; line-height:30px; margin-top:14px;width:336px; margin-left:30px;} .case-work1 .case-bin i{ display:block; width:40px; height:40px; background-position:-206px -328px; position:absolute; bottom:34px; left:30px;} .case-work1 .case-bin:hover{box-shadow: 0px 4px 15px #cbcbcb;} .case-work1 .case-bin:hover s{ width:336px;} .case-work1 .case-bin:hover h3{ font-weight:bold;} .case-work1 .case-bin:hover p{ color:#fff;} .case-work2{ width:105%; display:inline-block;} .case-work2 .case-bin{display:block;list-style:none;padding:13px;float:left;width:303px;background:#f9f9f9;position:relative;text-align:left;box-shadow: 0px 5px 20px #dbd9da; margin-right:28px; margin-bottom:30px; height:384px; background-color:#fff; position:relative;} .case-work2 .case-bin:hover{ background-color:#e6211e; opacity:0.9;} .case-work2 .case-bin b{ display:block; width:303px; height:170px; overflow:hidden;} .case-work2 .case-bin b img{ display:block;width:303px; height:170px;transition: ease-in-out .6s;} .case-work2 .case-bin:hover img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);} .case-work2 .case-bin h3{ width:276px; margin:0 auto; margin-top:26px; font-size:20px; color:#333; line-height:28px; border-bottom:#ebebeb dashed 1px; height:48px;} .case-work2 .case-bin:hover h3{ color:#fff;} .case-work2 .case-bin p{width:276px; margin:0 auto; margin-top:20px;} .case-work2 .case-bin p{ display:block; font-size:14px; color:#666; line-height:24px;} .case-work2 .case-bin:hover p{ color:#fff;} .case-work2 .case-bin i{ display:block; width:45px; height:45px; text-align:center; line-height:45px; background-color:#eb231f; position:absolute; right:0; bottom:0; font-size:30px; color:#fff;transition: ease-in-out .6s;} .case-work2 .case-bin:hover i{ display:block; text-align:center;background-color:#fff; position:absolute; right:0; bottom:0; color:#e9221f;} .case-work2 .case-bin i:hover{width:54px; height:54px; line-height:54px; } .caselist{ padding-top:90px;} /*works detail start*/ .showWork .infoImg .imgf{width:600px;} /*works detail end*/ /*video list start*/ .videoPage .video-list{display:inline-block;width:104%; padding-top:10px;} .videoPage .video-list .item{display:block;margin-bottom:42px;width:380px;float:left;margin-right:30px;position:relative;overflow:hidden;height:350px;background-color:#fff;box-shadow:0 1px 8px #cddff0;border-radius:8px} .videoPage .video-list .item b{display:block;overflow:hidden;width:380px;height:286px} .videoPage .video-list .item b img{display:block;width:380px;height:286px;transition:all .36s ease} .videoPage .video-list .item:hover b img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)} .videoPage .video-list .item p{font-size:18px;color:#000;line-height:20px;padding-top:20px;text-align:center;font-weight:bold;border-top:#e6e6e6 solid 1px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .videoPage .video-list .item i{display:block;font-size:14px;color:#666;line-height:14px;padding-top:14px} .videoPage .video-list .item:hover{box-shadow:0 3px 16px #cddff0;} .videoPage .video-list .item:hover p{font-weight:bold;color:#d81916;} .videoPage .video-list .item .cp_bg{position:absolute;left:-380px;top:0px;width:380px;height:286px;text-align:center;transition:all ease-in-out 600ms} .videoPage .video-list .item:hover .cp_bg{background:url(../images/black50.png) repeat center center;transition:all ease 600ms;left:0} .videoPage .video-list .item .cp_bg span{margin:0 auto;background-position:-100px -50px;width:51px;height:51px;margin-top:126px;} /*video list end*/ /* start*/ .common-style .cmore{float:left;cursor:pointer;margin-right:30px;display:block;width:126px;height:32px;font-size:16px;line-height:32px;text-align:center;color:#666;border:2px solid #d81916;border-radius:18px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .common-style .czx{float:left;cursor:pointer;display:block;width:126px;height:32px;font-size:16px;line-height:32px;text-align:center;color:#fff;background:#d81916;border:2px solid #d81916;border-radius:18px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .common-style .cmore:hover{background:#ff7f00;color:#fff;-moz-box-shadow: 0px 3px 5px #cecbcb; -webkit-box-shadow: 0px 3px 5px #cecbcb; box-shadow: 0px 3px 5px #cecbcb;} .common-style .czx:hover{background:#fff;color:#666;-moz-box-shadow: 0px 3px 5px #cecbcb; -webkit-box-shadow: 0px 3px 5px #cecbcb; box-shadow: 0px 3px 5px #cecbcb;} /*关于十方上品*/ .shifang .part_1{height:710px;background:#f2f2f2;} .shifang .part_1 .left{float:left;width:514px;margin-top:24px;} .shifang .part_1 .left .shifang_zs{position:relative;width:514px;height:290px;} .shifang .part_1 .left .shifang_zs a{display:block;width:514px;height:290px;overflow: hidden;} .shifang .part_1 .left .shifang_zs img{display:block;width:514px;height:290px;transition:all ease-out 0.2s;} .shifang .part_1 .left .shifang_zs .frame{position:absolute;left:8px;top:9px;display:block;width:498px;height:272px;background:url("../images/frame.png") no-repeat;} .shifang .part_1 .left .img:hover img{transform: scale(1.1);transition:all ease-out 0.2s;} .shifang .part_1 .picMarquee-left{position:relative;width:514px;height:120px;margin-top:16px;overflow:hidden;} .shifang .part_1 .picMarquee-left .bd{position:relative;width:514px;height:120px;} .shifang .part_1 .picMarquee-left .bd li{position:relative;display:block;width:160px;height:122px;background:#fff;margin-right:17px;} .shifang .part_1 .picMarquee-left .bd li a{display:block;width:160px;height:122px;} .shifang .part_1 .picMarquee-left .bd li img{diplay:block;width:160px;height:122px;} .shifang .part_1 .picMarquee-left .bd li p{position:absolute; left:0; top:0;width:160px; height:122px; background:url(../images/r9.png) repeat; display:none;} .shifang .part_1 .picMarquee-left .bd li p i{margin:0 auto; display:block;width:30px; height:30px; margin-top:40px; background-position:-160px -50px;} .shifang .part_1 .picMarquee-left .bd li p span{color:#fff;font-size:14px;text-align:center;padding-top:12px; display:block;} .shifang .part_1 .picMarquee-left .bd li:hover p{display:block;} .shifang .part_1 .right{float:right;width:669px;height:428px;margin-top:24px;background:url("../images/part1_bg.png") no-repeat;} .shifang .part_1 .right .rcont{padding:50px 40px 50px 60px;} .shifang .part_1 .right .rcont .rtit1{font-weight:bold;font-size:34px;line-height:40px;color:#333;} .shifang .part_1 .right .rcont .rline{margin-top:24px;display:block;width:50px;height:1px;background:#ccc;} .shifang .part_1 .right .pcont{margin-top:20px;} .shifang .part_1 .right .pcont{font-size:14px;line-height:24px;color:#666;text-align:justify;} .shifang .part_1 .right .pcont .p2{margin-top:20px;} .shifang .part_1 .right .buttons{margin-top:24px;} .shifang .part_2{position:relative;width:100%;height:1176px;background:url("../images/part2_bg.jpg") no-repeat;} /*核心理念*/ .shifang .part_2_1{position:absolute;top:-180px;left:50%;margin-left:-600px;height:387px;background:url("../images/hc_bg.png") no-repeat left center;} .shifang .part_2_1 .left{width:530px;} .shifang .part_2_1 .left .hcont{padding:70px 70px 56px 70px;} .shifang .part_2_1 .left .hcont .htit{float:left;display:block;width:34px;font-weight:bold;font-size:34px;line-height:40px;color:#333;} .shifang .part_2_1 .left .hcont .hline{margin-left:26px;float:left;display:block;width:1px;height:50px;background:#ccc;} .shifang .part_2_1 .left .hc{float:left;width:280px;margin-left:36px;} .shifang .part_2_1 .left .cont{font-size:14px;line-height:24px;color:#666;} .shifang .part_2_1 .left .cont .p1{margin-bottom:30px;} .shifang .part_2_1 .left .czx{margin-top:36px;} .shifang .part_2_1 .right{float:right;width:670px;height:387px;} .common-style .slideBox{position:relative;height:387px;z-index:2;} .common-style .slideBox .bd{position:relative;height:387px;} .common-style .slideBox .bd ul li{vertical-align: middle;zoom:1;} .common-style .slideBox .bd ul li a{display:block;} .common-style .slideBox .bd ul li .img{display:block;width:670px;margin-top:2px;} .common-style .slideBox .hd {height: 10px;overflow: hidden;position: absolute;right: 120px;margin-right: 0;bottom: 60px;z-index: 1;} .common-style .slideBox .hd ul {overflow: hidden;zoom: 1;float: left;} .common-style .slideBox .hd ul li {float: left;margin-right: 10px;width: 10px;height: 10px;line-height: 14px;font-size:0;text-align: center;background: #fff;cursor: pointer;border-radius: 100%;} .common-style .slideBox .hd ul li.on {background: #d81916;color: #fff;} .common-style .slideBox .next, .common-style .slideBox .prev{cursor:pointer;position: absolute;left: 52px;bottom: 49px;display: block;width: 40px;height: 40px;z-index: 3;background-position: -42px -162px;} .common-style .slideBox .next{background-position: -82px -120px;left: 107px;} .common-style .slideBox .prev:hover{background-position: -40px -120px;} .common-style .slideBox .next:hover{background-position: -82px -162px;} .common-style .sftit .pctit{font-weight:bold;font-size:34px;line-height:36px;text-align:center;color:#333;} .common-style .sftit .sline{margin:0 auto;margin-top:16px;display:block;width:50px;height:1px;background:#ccc;} /*管理制度*/ .shifang .part_2_2{position:absolute;top:280px;left:50%;margin-left:-600px;} .common-style .system{margin-top:40px;} .common-style .system .list{width:110%;} .common-style .system .list .item{margin-bottom:30px;margin-right:26px;background:#fff;float:left;position:relative;display:block;width:586px;height:173px;border:1px solid #d3d3d3;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .common-style .system .list .item a{display:block;padding:40px 40px 30px;} .common-style .system .list .item .stit{font-weight:normal;display:block;font-size:26px;line-height:30px;color:#333;} .common-style .system .list .item .cont{margin-top:18px;width:380px;font-size:14px;line-height:24px;color:#999;} .common-style .system .list .item .circle{position:absolute;bottom:33px;right:50px;display:block;width:34px;height:34px;background-position:-280px 0;} .common-style .system .list .item i{position:absolute;bottom:-1px;left:0;display:block;width:0;height:1px;background:#d81916;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .common-style .system .list .item:hover{transform:translateY(-3px);transition: all ease 300ms;} .common-style .system .list .item:hover i{width:580px;} .common-style .system .list .item:hover .circle{background-position:-320px 0;} .common-style .system .list .item:hover .stit{color:#d81916;} .common-style .part_2_2 .btns{text-align: center;margin-top:10px;} .common-style .part_2_2 .buttons{display:inline-block;} /*视频专区*/ .shifang .part_3{position:relative;margin-top:-316px;z-index:12;} .shifang .part_3 .videoshow{background:url("../images/shadow.png") no-repeat bottom center;} #certify {position: relative;width: 1200px;margin: 0 auto; margin-top:50px;} #certify .swiper-container {padding-bottom:60px;overflow: inherit;} #certify .swiper-slide {width: 493px;height: 369px; text-align:center;} #certify .swiper-slide b{ display:block;width:100%;background: #1c202c;} #certify .swiper-slide img{display:block; width:100%;margin:0 auto;} #certify .swiper-slide p {line-height:70px;padding-top: 0;text-align: center;color: #333;font-size:28px;margin: 0;} #certify .swiper-slide .playico{opacity:0;position:absolute;top:50%;left:50%;margin-left:-32.5px;margin-top:-32.5px;width:65px;height:65px;background:url("../images/playico.png") no-repeat center center;} #certify .swiper-slide .txt{opacity:0;position:absolute;bottom:0;left:0;display:block;width:494px;height:86px;background:url("http://www.cilijt.com/plugins/template/yizhu/pc/images/vtxt.png") no-repeat;} #certify .swiper-slide .txt .stit{font-weight:normal;font-size:18px;line-height:110px;text-align:center;color:#fff;} #certify .swiper-pagination {width: 100%;bottom: 20px;} #certify .swiper-slide i{ display:block; width:98%; height:97%; position:absolute; left: 1%;top: 1.6%;} #certify .swiper-slide em{ display:block; width:56px; height:56px; position:absolute; left:50%; background-position:-89px -80px; top:128px; margin-left:-28px; display:none;} #certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;} #certify .swiper-button-prev {left: -50px;width: 40px;height: 40px; background-size: 100%; border-radius:60px; background-image:none;} #certify .swiper-button-prev:hover { background-size: 100%} #certify .swiper-button-prev span{ display:block; width: 40px;height: 40px; background-position:-40px -120px; margin:0 auto;} #certify .swiper-button-next {right: -50px;width: 40px;height: 40px; border-radius:60px;background-image:none;} #certify .swiper-button-next:hover {background-size: 100%} #certify .swiper-button-next span{ display:block; width: 40px;height: 40px; background-position:-82px -120px; margin:0 auto;} #certify .swiper-slide:hover{box-shadow: 0px 3px 20px #6d6d6d;} #certify .swiper-slide.swiper-slide-active .txt{opacity: 1;} #certify .swiper-slide.swiper-slide-active .playico{opacity:1;} #certify .swiper-slide.swiper-slide-active em{ display:block;} #certify .swiper-slide.swiper-slide-active i{ display:none;} .shifang .part_3 .czx{float:none;margin:0 auto;margin-top:30px;} /*学校环境*/ .shifang .part_4{padding-bottom:70px;margin-top:80px;} .shifang .part_4 .sftit{margin-bottom:40px;} .shifang .part_4 .box1{width: 284px; height: 445px; overflow: hidden;} .shifang .part_4 .box1 li{width: 100%; position: relative; overflow: hidden; margin-bottom: 18px;} .shifang .part_4 .box1 li img{width: 100%; height: 213px; display: block;} .shifang .part_4 .box1 li h3{position: absolute; left: 0; height: 63px; line-height: 66px; bottom: 0; width: 100%;background:url("../images/stxt_1.png") no-repeat; transition: ease-in-out .2s;} .shifang .part_4 .box1 li h3 .fl{font-size: 16px; color: #fff; font-weight: 400; padding-left: 15px;} .shifang .part_4 .box1 li h3 .fr{width: 26px; height: 26px; background: #fff; text-align: center; line-height: 26px; border-radius: 100%; color: #ff4900; font-size: 18px; margin-right: 15px; margin-top: 10px;} .shifang .part_4 .box1 li .on{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: url(../images/r8.png) repeat; color: #fff; opacity: 0; filter: alpha(opacity=0); transition: ease-in-out .2s;} .shifang .part_4 .box1 li .on span{display: block; width: 40px; height: 40px; background: #fff; text-align: center; line-height: 38px; border-radius: 100%; color: #ff5400; font-size: 28px; position: absolute; top: 39px; left: 50%; margin-left: -20px; transition: ease-in-out .2s;} .shifang .part_4 .box1 li .on p{font-size: 18px; position: absolute; width: 100%; left: 0; top: 153px; transition: ease-in-out .2s;} .shifang .part_4 .box1 li a{display: block; width: 100%; height: 100%;cursor:pointer;} .shifang .part_4 .box1 li:hover .on{opacity: 1; filter: alpha(opacity=100);} .shifang .part_4 .box1 li:hover .on span{top: 69px;} .shifang .part_4 .box1 li:hover .on p{top: 133px;} .shifang .part_4 .box1 li:hover h3{opacity: 0; filter: alpha(opacity=0); bottom: -63px;} .shifang .part_4 .box2{width: 592px; height: 445px; margin-left: 20px;} .shifang .part_4 .box2 .slideBox{width: 592px; height: 445px; overflow: hidden; position: relative;} .shifang .part_4 .box2 .slideBox .hd{height: 15px; overflow: hidden; position: absolute; right: 10px; bottom: 26px; z-index: 1;} .shifang .part_4 .box2 .slideBox .hd ul{overflow: hidden; zoom: 1; float: left;} .shifang .part_4 .box2 .slideBox .hd ul li{float: left; margin-right: 18px; width: 12px; height: 12px; line-height: 12px; text-align: center; background: #fff; cursor: pointer; border-radius: 100%;} .shifang .part_4 .box2 .slideBox .hd ul li.on{background: #ff5400; color: #fff;} .shifang .part_4 .box2 .slideBox .bd{position: relative; height: 100%; z-index: 0;} .shifang .part_4 .box2 .slideBox .bd li{zoom: 1; vertical-align: middle; position: relative;} .shifang .part_4 .box2 .slideBox .bd li h3{position: absolute; left: 0; bottom: 0; height: 63px; width: 100%; background:url("../images/stxt_2.png");color: #fff; line-height: 53px; font-size: 20px; font-weight: 400; text-indent: 2em;} .shifang .part_4 .box2 .slideBox .bd img{width: 592px; height: 445px; display: block;} .shifang .part_4 .btns{text-align: center;margin-top:60px;} .shifang .part_4 .buttons{display:inline-block;} /*学员风采*/ .shifang .part_5{ padding-top:80px;margin-bottom:-50px; position:relative;background:#e7e7e7;} .shifang .part_5 .fcbox{padding-bottom:40px;margin-top:80px;position:relative;} .shifang .part_5 .bd{ width:100%; overflow:hidden;} .shifang .part_5 .bd ul{ display:inline-block;} .shifang .part_5 .bd ul li{width:370px;height: 460px;float:left;margin-right:45px;} .shifang .part_5 .bd ul li a{display:block;width:370px;height: 460px;background-color:#fff;border-radius:10px;box-shadow: 0 2px 10px #e7d7ca;} .shifang .part_5 .bd ul li em{ display:block;width:370px; height:277px; overflow:hidden;} .shifang .part_5 .bd ul li img{ display:block; width:370px; height:277px; border-radius:10px 10px 0 0;transition: all .36s ease;} .shifang .part_5 .bd ul li b{display:block;width:100px;height:4px;margin-left:40px;background-image: linear-gradient(to right, #e7904c , #ee781c);} .shifang .part_5 .bd ul li p{font-size: 16px;color: #999;line-height:20px;padding-top: 24px;font-family:"Arial";padding-left:38px;} .shifang .part_5 .bd ul li h3{font-weight:normal;font-size:18px;color:#2e3949;line-height:18px;padding-left:38px;padding-top: 16px;height: 36px;} .shifang .part_5 .bd ul li h3 span{ display:block; font-size:14px; color:#999; line-height:24px; height:68px; margin-top:16px; font-weight:normal; padding-right:36px;} .shifang .part_5 .bd ul li i{display:block;width:138px;height:32px;border:#d81916 solid 1px;border-radius:50px;text-align:center;color:#d81916;margin-left:38px;line-height:32px;margin-top: 14px;} .shifang .part_5 .bd ul li:hover a{box-shadow: 0 6px 20px #e7d1bf;} .shifang .part_5 .bd ul li i:hover{background-image: linear-gradient(to right, #e7741a , #d81916); color:#fff;} .shifang .part_5 .bd ul li:hover b{ display:block; background-image:linear-gradient(to right, #d81916 , #d81916);} .shifang .part_5 .bd ul li:hover h3{ font-weight:bold;} .shifang .part_5 .bd ul li:hover img{ transform: scale(1.1);} .shifang .part_5 .hd .prev{ display:block; width:40px; height:40px; border-radius:60px; background-position:-40px -120px; position:absolute; left:-90px; top:210px; cursor: pointer;} .shifang .part_5 .hd .next{ display:block;width:40px; height:40px; border-radius:60px; background-position:-82px -120px; position:absolute; right:-90px; top:210px; cursor: pointer;} .shifang .part_5 .hd .prev:hover{background-position:-42px -162px; } .shifang .part_5 .hd .next:hover{background-position:-82px -162px; } /*十方上品 end*/ /*招生简章 start*/ /*学校简介*/ .guidePage .part_1{padding-top:10px;height:414px;background:#f2f2f2;} .guidePage .part_1 .pcont{margin-top:30px;} .guidePage .part_1 .left{position:relative;float:left;width:514px;} .guidePage .part_1 .gd_zs{position:relative;display:block;width:514px;height:274px;overflow:hidden;} .guidePage .part_1 .gd_zs a{display:block;width: 540px;height: 274px;overflow: hidden;} .guidePage .part_1 .gd_zs img{display:block;width: 540px;height: 274px;transition:all ease-out 0.2s;} .guidePage .part_1 .gd_zs .frame{position:absolute;left:8px;top:9px;display:block;width:498px;height:272px;background:url("../images/frame.png") no-repeat;} .guidePage .part_1 .gd_zs:hover img{transform: scale(1.1);transition:all ease-out 0.2s;} .guidePage .part_1 .right{display:block;width:686px;height:196px;background: url("../images/acont.png") no-repeat;background-size:690px 290px;} .guidePage .part_1 .rcont{padding:0px 50px;} .guidePage .part_1 .rcont .acont{ line-height: 24px; display: block; font-size: 14px;} .guidePage .part_1 .acont .item{float:left;} .guidePage .part_1 .acont .it1{padding-right:30px;background:url("../images/aline.png") no-repeat right center;} .guidePage .part_1 .acont .it2{padding:0 50px;background:url("../images/aline.png") no-repeat right center;} .guidePage .part_1 .acont .it3{padding-left:40px;} .guidePage .part_1 .acont .igs{float:left; font-weight:bold; font-size:50px; line-height:40px; font-family: arial; color:#d81916;} .guidePage .part_1 .acont .jw{float:left; font-weight:bold; font-size:14px; color:#d81916; margin-left:6px; margin-top:-4px;} .guidePage .part_1 .acont .desc{font-size:14px; line-height:16px; color:#333; margin-top:12px;} .guidePage .part_1 .adesc{margin-top:30px;font-size:14px;line-height:24px;color:#666;} .guidePage .part_1 .czx{margin-top:20px;} /*团队成绩*/ .guidePage .part_2{height:560px;background:#fff;} .guidePage .part_2 .sftit{padding-top:80px;} .guidePage .part_2 .team{margin-top:30px;position:relative; width:1200px; display:inline-block; background-color:#fff;} .guidePage .part_2 .team img{ display:block; width:514px; float:left; margin-right:50px;height: 290px;} .guidePage .part_2 .team p{ padding-top:20px; height:200px;} .guidePage .part_2 .left{padding:60px;width:410px;} .guidePage .part_2 .left .pcont{width:420px;font-size:14px;line-height:24px;text-align:justify;color:#666;} .guidePage .part_2 .left .pcont .p1{margin-bottom:40px;} .guidePage .part_2 .left .buttons{margin-top:30px;} .guidePage .part_2 .right{float:right;width:670px;height:387px;} .erro{ text-align:center;} .erro img{ display:inline-block;} /*七大优势*/ .guidePage .part_3{background-color:#eaeaea; padding-bottom:80px;} .guidePage .part_3 .sftit{padding-top:80px;} .guidePage .part_3 .adlist{margin-top:40px;} .guidePage .part_3 .team .case-box{ position:relative; margin-top:40px;} .guidePage .part_3 .team .case-box .hd .icon{position:absolute;top:50%;margin-top:-28px;cursor:pointer;width:28px;height:56px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;z-index:22} .guidePage .part_3 .team .case-box .hd span.prev{left:-10%;background-position:-133px -95px} .guidePage .part_3 .team .case-box .hd span.next{right:-10%;background-position:-169px -95px} .guidePage .part_3 .team .case-box .hd span.prev:hover{margin-left:-10px} .guidePage .part_3 .team .case-box .hd span.next:hover{margin-right:-10px;opacity:1} .common-style .part_3 .czx{ float:none; margin:0 auto; margin-top:36px;} .guidePage .part_3 .btns{text-align: center;margin-top:10px;} .guidePage .part_3 .buttons{display:inline-block;} .guidePage .part_1{ background-color:#fff;padding-top: 50px;height:350px;} .part_8{ background:url(../images/jt19_02.jpg) center center no-repeat; width:100%; height:750px;} .guidePage .part_8 .sftit{padding-top:80px;} .guidePage .part_8 .adlist{margin-top:40px;} .guidePage .part_8 .team1{} .part_8{position:relative;} .guidePage .part_8 .team1 .case-box1{ margin-top:40px;} .guidePage .part_8 .team1 .case-box1 .hd .icon{position:absolute;bottom:62px;cursor:pointer;width:50px;height:50px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;z-index:22} .guidePage .part_8 .team1 .case-box1 .hd span.prev{left:46%;background-position:-0px -219px} .guidePage .part_8 .team1 .case-box1 .hd span.next{left:50%;background-position:-56px -219px} .guidePage .part_8 .team1 .case-box1 .hd span.prev:hover{background-position:-113px -219px} .guidePage .part_8 .team1 .case-box1 .hd span.next:hover{background-position:-166px -219px;} .guidePage.common-style .part_8 .czx{ float:none; margin:0 auto; margin-top:20px;} .guidePage .part_2.part_9{background-color:#eaeaea; height:530px;} /*班级类型*/ .guidePage .part_4{height:700px;background:#e7e7e7;} .guidePage .part_4 .sftit{padding-top:80px;} .guidePage .part_4 .system .stit{height:72px;line-height:36px!important;} .guidePage .part_4 .system .time{margin-top:10px;font-family:arial;font-size:18px;color:#666;} .guidePage .part_4 .czx{float:none;margin:0 auto;margin-top:20px;} /*网上报名*/ .guidePage .part_5{padding-bottom:80px;background:#f2f2f2;} .guidePage .part_5 .sftit{padding-top:80px;} .guidePage .part_5 .gtxt{font-size:14px;line-height:26px;text-align:center;color:#333;margin-top:30px;} .guidePage .part_5 .gtxt span{font-weight:bold;font-family:Arial;font-size:24px;color:#d81916;} .guidePage .part_5 .formData{margin-top:40px;} .guidePage .part_5 .item{float:left;color:#999;font-weight:normal;width:380px;height:40px;line-height:40px;margin-right:30px;margin-bottom:16px;position:relative;background:url("http://www.cilijt.com/plugins/template/yizhu/pc/images/input_1.png") no-repeat center center} .guidePage .part_5 .item label{padding-left:20px;position:absolute;left:0;top:0;z-index:11;font-weight:normal;text-align:center;display:block;margin:0;height:40px;line-height:40px;font-size:14px;color:#666666} .guidePage .part_5 .item .txt{position:absolute;top:0;width:320px;height:40px;line-height:40px;display:block;background:none;padding-left:60px;border:0 none;color:#333;font-size:14px} .guidePage .part_5 .item.mw .txt{width:293px;padding-left:85px} .guidePage .part_5 .item.mr0{margin-right:0} .guidePage .formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;} .guidePage .part_5 .liuyan{margin-bottom:40px;float:left;width:1200px;height:90px;background:url("../images/textarea_1.png") no-repeat center center} .guidePage .part_5 .liuyan label{text-align:right;top:5px;display:block} .guidePage .part_5 .liuyan textarea{width:1178px;height:84px;line-height:28px;padding:10px 10px;text-indent:50px;font-size:14px;font-family:"microsoft yahei";color:#333;border:0 none;overflow:hidden;background:none;resize:none;display:block;outline:none} .guidePage .part_5 .sub{width:130px;height:- 4px;line-height:36px;border:2px solid #d81916;text-align:center;background:#d81916;color:#FFF;cursor:pointer;font-size:16px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;margin:0 auto;border-radius:20px;outline:none;} .guidePage .part_5 .sub:hover{opacity:0.9;background:#ea4a4a;border-color:#ea4a4a;} /*招生简章 end*/ .comtc{margin-top:0px;} .comtc .case-cut .case-bin{width:352px;} .noinfor{text-align: center;font-size: 16px;padding-top: 12%;color:#d81916;} .fa_ul { width:1200px; margin:0 auto; padding-bottom:0px; } .fa_ul .ul{ width:105%; display:inline-block;} .fa_ul .item{transition: all ease 0.6s;width:180px;margin-bottom: 20px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border: 1px solid #ddd; float:left; background-color:#fff; margin-right:20px;} .fa_ul .item a{width: 100%;display: block;} .fa_ul .item img{width:178px;height: 105px;display: block;} .fa_ul .item h3{font-size:30px;color: #333;padding: 6px 0 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .fa_ul .item .txt{color: #939aa3;line-height: 24px;height: 48px;overflow: hidden;} .fa_ul .item .time{padding-top: 28px;line-height: 24px;font-family: arial;font-size: 16px;color: #939aa3;} .fa_ul .item .time .day{font-size: 34px;line-height: 40px;} .fa_ul .item .time s{width: 50px;height: 8px;display: block;margin-top: 20px;background-position: -44px 0;} .fa_ul .item:hover{border-color: #d81916;transform: translateY(-3px);transition: all ease 0.6s;box-shadow: 0px 5px 25px #dbd9da;} .fa_ul .item:hover h3{color: #d81916;} .videoPage1 .video-list{display:inline-block;width:104%; padding-top:10px;} .videoPage1 .video-list .item{display:block;margin-bottom:42px;width:278px;float:left;margin-right:30px;position:relative;overflow:hidden;height:440px;background-color:#fff;box-shadow:0 1px 8px #cddff0;border-radius:8px} .videoPage1 .video-list .item b{display:block;overflow:hidden;width:278px;height:380px;} .videoPage1 .video-list .item b img{display:block;width:278px;height:380px;transition:all .36s ease} .videoPage1 .video-list .item:hover b img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)} .videoPage1 .video-list .item p{font-size:18px;color:#000;line-height:20px;padding-top:20px;text-align:center;font-weight:bold;border-top:#e6e6e6 solid 1px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .videoPage1 .video-list .item i{display:block;font-size:14px;color:#666;line-height:14px;padding-top:14px} .videoPage1 .video-list .item:hover{box-shadow:0 3px 16px #cddff0;} .videoPage1 .video-list .item:hover p{font-weight:bold;color:#d81916;} .videoPage1 .video-list .item .cp_bg{position:absolute;left:-380px;top:0px;width:380px;height:286px;text-align:center;transition:all ease-in-out 600ms} .videoPage .video-list .item:hover .cp_bg{background:url(../images/black50.png) repeat center center;transition:all ease 600ms;left:0} .videoPage .video-list .item .cp_bg span{margin:0 auto;background-position:-100px -50px;width:51px;height:51px;margin-top:126px;} .showxinwen{ display:inline-block; background-color:#fff; width:100%; height:450px;box-shadow: 0px 5px 20px #dbd9da; position:relative;} .mar_t{ width:800px; float:left;} .mod18Box { width:800px;} .mod18{ width:800px; height:450px;} .mod18 .btn{position:absolute;top:566px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;} .mod18 .prev{display:block; cursor:pointer; width:22px; height:51px; background-position:-282px -306px; position:absolute; left:826px;top:252px; z-index:66;transition: all ease 300ms;} .mod18 #prevTop,.mod18 #nextTop{top:204px; width:36px; height:66px; display:none;} .mod18 #prevTop{background-position:-118px -154px; left:20px;} .mod18 #nextTop{ background-position:-182px -154px; right:420px;} .mod18 .prev:hover{background-position:-341px -306px;} .mod18 .next{display:block; cursor:pointer; width:22px; height:51px; background-position:-310px -306px; position:absolute; right:41px;top:252px; z-index:66;transition: all ease 300ms;} .mod18 .next:hover{background-position:-369px -306px;} .mod18 li{float:left;} .mod18 .cf li{position:relative;color:#fff;} .mod18 .cf a{display:block;width:680px;height:330px;position:absolute;color:#fff;} .mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");} .mod18 .picBox{height:450px;position:relative;overflow:hidden;} .mod18 .picBox ul{height:450px;position:absolute;} .mod18 .picBox li{width:800px;height:450px;} .mod18 .picBox li img{ display:block;width:800px;height:450px;} .mod18 .listBox{ width:480px; height:52px; overflow: hidden; position:absolute; right:64px; top:252px; } .mod18 .listBox ul{height:52px;position:absolute;} .mod18 .listBox li{width:96px;height:52px;cursor:pointer;position:relative;} .mod18 .listBox li i{display:none;} .mod18 .listBox li a{display:block;width:90px;height:50px;} .mod18 .listBox li img{width:90px;height:50px;} .mod18 .listBox .on img{width:86px;height:46px;border:2px solid #004a9a;} .mod18 .listBox .on i{display:block;} .imgtxtcon{float:right; width:528px; margin-right:45px;} .imgtxtcon em{ display:block; font-size:30px; color:#333; line-height:30px; font-weight:bold; padding-top:12px;} .imgtxtcon .tit{ font-size:22px; color:#bf0808; line-height:28px; padding-top:32px;} .imgtxtcon .ms{ font-size:14px; color:#999; line-height:20px; margin-top:30px; height:110px; border-bottom:#efefef dashed 1px;} .imgtxtcon .didi{ width:326px; height:130px;margin-top: 12px;} .imgtxtcon .didi span{ display:block; font-size:14px; color:#6e6e6e; line-height:24px;} .imgtxtcon .btn1{ display:block; width:172px; height:38px; text-align:center; line-height:38px; color:#fff; background: #d81916;transition: ease-in-out .6s; background: -webkit-linear-gradient(left,#ee2421,#bf0808); background: -o-linear-gradient(right,#ee2421,#bf0808); background: -moz-linear-gradient(right,#ee2421,#bf0808); background: linear-gradient(to right,#ee2421,#bf0808);} .imgtxtcon .btn1 p{ display:inline-block;} .imgtxtcon .btn1 span{ display:block; float:left; line-height:38px;} .imgtxtcon .btn1 i{ display:block; width:18px; height:7px; background-position:-394px -47px; float:left; margin-top:15px; margin-left:15px;} .imgtxtcon .btn1:hover{ width:182px;} .dol{ background-color:#fff; padding:80px 50px; padding-bottom:60px; margin-top:46px;box-shadow: 0px 5px 20px #dbd9da; } .showp_txt .tit{ width:100%; background: #d81916;transition: ease-in-out .6s; background: -webkit-linear-gradient(left,#ee2421,#bf0808); background: -o-linear-gradient(right,#ee2421,#bf0808); background: -moz-linear-gradient(right,#ee2421,#bf0808); background: linear-gradient(to right,#ee2421,#bf0808);height:46px;} .showp_txt .tit p{ font-size:30px; color:#fff; line-height:46px; float:left; font-weight:bold; padding-left:14px;} .showp_txt .tit i{ display:block; width:22px; height:25px; float:left; margin-left:4px; margin-top:11px; background-position:-156px -171px;} .showp_txt .tit span{ display:block; float:right; padding-right:px; font-size:16px; color:#fff; text-transform:uppercase; padding-top:20px; padding-right:10px;} .showp_txt .txtcon{ padding:2% 0;} .guan_2 { position: relative; padding-top:60px; } .guan_2 .history { position: relative; z-index: 2; padding-bottom: 90px; margin-top:40px; text-indent:28px; } .guan_2 .h_line { width: 100%; background: url("../images/x7_02.png") no-repeat center top; height: 16px; position: absolute; left: 0; bottom:130px; z-index: 1; } .guan_2 .history .bd { overflow: hidden; width:1200px; } .guan_2 .history .bd .tempWrap{ width:1200px;} .guan_2 .history .bd li { width: 376px; height: 336px; float: left; margin-right: 30px; } .guan_2 .history .bd li a { display: block; padding:10px 16px; text-align: center; height: 206px; background: #fff; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .guan_2 .history .bd li .date { font-size: 30px; font-family: "ITCAvantGardeStd-Bold"; line-height: 36px; display: block; color: #666; padding-top: 34px; } .guan_2 .history .bd li a i { position: absolute; bottom: -110px; left: 0; width: 100%; font-size: 16px; color: #333; } .guan_2 .in_title h3{ color:#fff;} .guan_2 .history .bd li a i strong { font-size: 20px; color: #333; font-family: "Arial"; display: inline-block; font-weight: normal; padding-right: 4px; } .guan_2 .history .bd li.hover i { color: #333; } .guan_2 .history .bd li.hover i strong { color: #d81916; font-weight: bold; } .guan_2 .history .bd li .word { color: #333; padding-top:20px; line-height: 28px; font-size:18px; overflow: hidden; } .guan_2 .history .bd li .sjx { width: 28px; height: 83px; display: block; position: absolute; left: 50%; margin-left: -14px; top:225px; background: url("http://www.cilijt.com/plugins/template/yizhu/pc/images/x6_05.png") no-repeat center top; } .guan_2 .history .bd li.hover a { background: #d81916; } .guan_2 .history .bd li.hover .date { color: #fff; } .guan_2 .history .bd li.hover .word { color: #fff; } .guan_2 .history .bd li p { text-align:left;line-height: 20px; padding-bottom: 14px; } .guan_2 .history .bd li.hover p { color: #fff; text-align: left; } .guan_2 .history .bd li.hover .sjx { background: url("../images/x6_03.png") no-repeat center top; } .guan_2 .history .butn { position: absolute; top: 60px; width: 21px; height: 74px; display: block; cursor: pointer; } .guan_2 .history .prev{ display:block; cursor:pointer; width:28px; height:55px; background-position:-133px -95px; position:absolute; left:50%; top:86px; z-index:66; margin-left:-680px;transition: all ease 300ms;} .guan_2 .history .next{ display:block; cursor:pointer; width:28px; height:55px; background-position:-169px -95px; position:absolute; right:50%; top:86px; z-index:66; margin-right:-680px;transition: all ease 300ms;} .guan_2 .history .prev:hover{margin-left:-690px;} .guan_2 .history .next:hover{margin-right:-690px;} .bangong .w100{position: relative; display:inline-block; width:1200px;} .ban_z { float: left; width:480px; } .ban_z .MsoNormal img{ width:100%;} .ban_z h3 { font-size: 26px; color: #333;padding-left: 30px; padding-top:10px; } .ban_z b{ display:block; width:480px; margin-top: 14px;margin-left: 30px;} .ban_z b img{ display:block; width:100%;} .ban_z i{ display:block;font-size: 16px; line-height: 28px; color: #666; width: 480px; margin-top: 14px; margin-left: 30px;} .ban_z p { font-size: 16px; line-height: 28px; color: #666; margin-top: 14px; margin-left:30px; } .ban_z dl h3{ padding-bottom:18px;} .ban_z dl{ width:480px;margin-left: 30px;} .ban_z dl dt{ display:inline-block; width:100%; border-bottom: 1px solid rgb(244, 244, 241); padding-bottom:14px; padding-top:10px;} .ban_z dl dt p{ float:left; width:134px; padding:0; margin:0;} .ban_z dl dt span{ display:block; float:right; width:322px;} .badak{ width:480px; display:inline-block; padding-bottom:20px;margin-left: 30px;} .badak p{font-size: 16px;line-height: 28px;color: #666; font-weight:bold; float:left; width:50%; margin-left:0; margin-top:0; margin-bottom:20px;} .badak p span{ display:block;display: block; font-weight:normal;font-size: 14px;} .ban_y { float: right; width: 500px; padding: 40px; background-color: #fff; border: 1px solid rgb(240, 240, 240); margin-top: -200px; } .ban_y h3 { font-size: 26px; color: #333; line-height: 32px; border-bottom: #666 solid 1px; height: 46px; font-weight: bold; } .ban_y p { font-size: 16px; padding-top: 6px; } .ban_y .reg_ul { padding-top: 10px; } .ban_y .reg_ul .item { padding-top: 20px; position:relative; } .ban_y .reg_ul .item .msg-box{ position:absolute; left:0; top:62px;} .ban_y .reg_ul .item label { font-size: 16px; } .ban_y .reg_ul .item input { width: 100%; border: #ccc solid 1px; height: 40px; border-radius: 8px; line-height: 40px; text-indent: 10px; margin-top: 8px; } .ban_y .reg_ul .submit .btn1 { width: 100%; background-color: #d81916; height: 40px; line-height: 40px; border: none; margin-top: 20px; border-radius: 8px; font-size: 16px; color: #fff; cursor:pointer; } .ban_y .reg_ul .submit .btn1:hover { background-color: #a10216; } .jobPage{ padding-top:50px;} .jobPage .item { margin-bottom: 20px; position: relative; background-color:#fff;} .jobPage .item .top { height: 80px;padding-left: 20px; cursor: pointer;border:#e5e5e5 solid 1px; border-left: 4px solid #e5e5e5;} .jobPage .item .top em{ float: right; margin: 20px 20px 0 0; display:block;} .jobPage .item.hover .top{border-left: 4px solid #d81916;} .jobPage .item.hover .bottom{border-left: 4px solid #d81916;} .jobPage .item.hover .top s { background-position: -265px -55px;} .jobPage .item .top h3 { font-size: 18px; color: #333; font-weight:normal; padding-top:12px;} .jobPage .item .top i{ display:block; padding-top:6px;} .jobPage .item .top i span{ padding-right:20px;} .jobPage .item .bottom { padding: 20px 30px 20px; line-height: 32px; border:#e5e5e5 solid 1px; border-top:none;} .hidden { display: none;} .jobPage .item .bottom { line-height: 32px;} .jobPage .morebtn { width: 535px; height: 35px; line-height: 35px; position: relative; margin: 0 auto; padding: 30px 0; cursor: pointer; text-align: center;} .jobPage .morebtn h3 { display: inline-block; padding: 0 20px; font-size: 16px; background: #fff; position: relative; z-index: 10;} .jobPage .morebtn .line { width: 100%; height: 1px;display: block;position: absolute; left: 0; top: 50%; background: #dcdcdc;} @media (max-width: 1420px) { .ny-wrapper .newsPage .item .text{margin-right:4%;} .aboutPage { width: 1220px;} .case-cut .case-bin{ width:244px;} .case-work2 .case-bin{ width:278px;height: 346px;} .case-work2 .case-bin b{ width:278px; height:156px;} .case-work2 .case-bin b img{ width:278px; height:156px;} .imgtxtcon { float: right; width:429px; margin-right: 45px;} .mod18 .listBox { width: 382px;} } .floor_n1_main{background: url("../images/jt13_02.jpg") no-repeat center top; width:100%;} .floor_n1_main .w1400{ padding-top:120px;} .floor_n1_main .cccc{ display:inline-block; width:100%;} .floor_n1_main .cccc dt{ float:left; width:28%;} .floor_n1_main .cccc dt img{ display:block; width:100%;} .floor_n1_main .cccc dd{ float:right; width:70%; position:relative;} .floor_n1_main .cccc dd img{ display:block; width:100%;} .floor_n1_main .cccc dd p{ font-size:16px; color:#333; line-height:30px; padding-top:150px; position:absolute; left:10%; top:0; width:350px;} .floor_n1_main .cccc dd span{ display:block; font-size:16px; color:#333; line-height:30px; position:absolute; right:0; bottom:0; width:46%;} .floor_n2_main{background: url("../images/jt15_02.jpg") no-repeat center top; width:100%; height:750px; margin-top:100px;} .floor_n2_main .in_title1{ padding-top:156px;} .floor_n2_main .in_title1 span{ color:#fff;} .floor_n2_main dl{ display:inline-block; width:100%; position:relative;} .floor_n2_main dl dt{ display:block; width:58%; font-size:16px; color:#fff; line-height:30px; padding-top:40px;} .floor_n2_main dl dd{ width:378px; height:532px; position:absolute; right:0; top:-154px;} .floor_n2_main dl dd img{ display:block;width:378px; height:532px;} .floor_n2_main dl dd i{ display:block; width:401px; height:553px;background: url("../images/jt16_03.png") no-repeat center center; position:absolute; left:-10px; top:-10px;} .floor_n3_main{ background-color:#fff;} .in_title2{ padding-top:100px; text-align:center;} .in_title2 h3{background: url("../images/jt18_03.png") no-repeat center center; width:270px; height:38px; font-size:40px; color:#333; line-height:38px; margin:0 auto;} .floor_n3_main .img{ padding:40px 0; width:100%; padding-bottom:96px;} /* 申请职位 */ .ydewmbg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/black30.png) repeat left top;display: none;z-index: 998;} .ydewmbg .ydewm{position:relative;height:820px;top:50%;margin-top:-410px;display: none;} .ydewmbg a{position:absolute;top:16px;right:16px;width:32px;height: 32px;display: block;background:url("../images/closeM.png") no-repeat center center;transition:all ease-in-out 0.36s; } .ydewmbg a:hover{transform:rotate(360deg);transition:all ease-in-out 0.36s;} .mess_pop1{padding:80px 7%;box-sizing:border-box;width:100%;height:820px;position: absolute;top:50%;margin-top:-410px;background:#fff;box-shadow: 8px 0 20px rgba(0,0,0,0.2); animation: topDown1 0.4s;} .mess_pop1 .job_tit .tit{display:block;width:170px;margin:0 auto;font-size:40px;line-height:44px;color:#333;background:url("http://www.cilijt.com/plugins/template/yizhu/pc/images/ctitline.png") no-repeat 30px bottom;} .mess_pop1 .message{margin-top:60px;} .mess_pop1 .message .item_top{margin-bottom:20px;} .mess_pop1 .message .item{position:relative;float:left;width:31.95%;height:48px;line-height:48px;border:1px solid #d6d6d6;} .mess_pop1 .message .item.mr{margin-right:1.8%;} .mess_pop1 .message .item label{float:left;display:block;margin-top:15px;width:26.4%;height:18px;font-size:16px;line-height:18px;text-align:center;border-right:1px solid #ddd;color:#666;} .mess_pop1 .message .item .txt{float:left;width:73%;height:48px;line-height:48px;border:none;outline:none;text-indent:20px;} .mess_pop1 .message .item font{position:absolute;top:0;right:20px;color: #df1f1f;font-weight: 100;font-size:22px;} .mess_pop1 .message .tarea{margin-top:40px;} .mess_pop1 .message .tarea label{margin-bottom:22px;font-size:16px;color:#666;} .mess_pop1 .message .tarea textarea{ background-color:#fff;margin-top:22px;border: 1px solid #ccc; width: 100%; height: 268px; resize: none; padding-top: 26px; *margin-top: 15px; overflow: hidden; outline: none; text-indent: 20px;} .mess_pop1 .message .btn{border: none; background: #d74f31; width: 400px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; display:block;margin:0 auto; margin-top: 40px; cursor: pointer; transition: ease-in-out .2s; margin-bottom: 60px;outline:none;} .mess_pop1 .message .btn:hover{text-indent: 6px;color: #fff;background-color: #004a9a;transition: all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);} /* Underline From Center1 */ .hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;} .hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -3px; background: #d74f31; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .hvr-underline-from-center1:hover:before, .hvr-underline-from-center1.hover:before, .hvr-underline-from-center1:focus:before, .hvr-underline-from-center1:active:before{left: 0; right: 0;} .hvr-underline-from-center1:hover, .hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 3px solid #d74f31; *line-height: 43px;} @-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}} @keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}