/* CSS Document */ /** Time : 2018-9-30 Author : jj **/ @font-face{ font-family: myFirstFont; src:url(../font/TT0861M_.TTF); } .tempWrap{ display:inline-block;} /*banner*/ .banner { height:699px; width:100%; overflow:hidden; position:relative; z-index:0; } .banner .swiper-slide{ height:699px; } .banner .pagination{ position:absolute; bottom:16px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);} .banner .pagination span{ display:inline-block; width:35px; height:2px; background:none; margin:0 4.5px;} .banner .pagination span.swiper-active-switch{ background:none;} /*banner end*/ .s_tt{ position:relative; line-height:52px; margin-bottom:38px;} .s_tt>a{ font-size:17px; color:#000; padding-left:18px;} .s_tt span{ font-size:16px; color:#b6b6b6; font-weight:bold; font-family:arial; text-transform:uppercase; margin-left:10px;} .s_news{ background:#f9f9f9; padding-top:40px; height:582px; box-sizing:border-box;} .s_news .s_tt{ border-bottom:2px solid #e3e3e3; background:url(../image/s_tt_bg1.png) center left no-repeat;} .s_news .hd{ float:right; margin-top:8px;} .s_news .hd ul li{ float:left; text-align:center; border:1px solid #e0e0e2; border-radius:3px; background:#fff; margin-left:17px; overflow:hidden;} .s_news .hd ul li a{ display:block; font-size:14px; color:#6f6f6f;width:120px; height:35px; line-height:33px; transition:all ease-in-out 0ms; -webkit-transition:all ease-in-out 0ms;} .s_news .hd ul li.on{ background:#fe591f;border:1px solid #fe591f;} .s_news .hd ul li.on a{ color:#fff;} .s_news .bd ul{ margin:0 -21px;} .s_news .bd ul li{ width:370px; height:334px; background:#fff; float:left; margin:0 21px; -webkit-transition: 0.6s; transition: 0.6s;} .s_news .bd ul li .img{ margin:3px;} .s_news .bd ul li .txt{ padding:24px 22px;} .s_news .bd ul li .txt h5{ font-size:14px; color:#000; margin-bottom:16px;} .s_news .bd ul li .txt span{ font-size:12px; color:#828282; margin-bottom:10px; display:block;} .s_news .bd ul li .txt p { font-size: 11px; color: #777; line-height: 22px; } .s_news .btn{ width:160px; height:40px; line-height:40px; text-align:center; font-size:12px; color: #1c1c1e; background:#fff; display:block; margin:0 auto; border:1px solid #c7c6c9; border-radius:3px; margin-top:28px;} .s_news .btn:hover{border:1px solid #fe591f;} .s_news .bd ul li:hover{ box-shadow:0px 10px 16px rgba(0,0,0,0.2);} .btn_down { position: relative; z-index:0; overflow:hidden; } .btn_down:hover{ color:#fff; } .btn_down:before { content: ''; position: absolute; top: 0; left: 0; width:100%; height:0; background: #fe591f; box-sizing: border-box; -webkit-transition: 0.6s; transition: 0.6s; z-index:-1; } .btn_down:hover:before { height: 60px; } /*业务领域*/ .s_yewu{ height:658px; background:url(../image/yewu_bg.jpg) center top no-repeat; padding-top:52px;}.s_yewu .s_tt{ margin-bottom:20px; }.s_yewu .bd{ margin:0 -12px; overflow:hidden; height:460px;}.s_yewu .bd ul li{float:left; text-align:center; overflow:hidden; }.s_yewu .bd ul li a{ display:block; margin:0 12px; width:220px; height:460px; background:#fff; }.s_yewu .bd ul li .img{ height:295px; transition:all ease 600ms; -webkit-transition:all ease 600ms;}.s_yewu .bd ul li .img img{ width:220px; height:295px; }.s_yewu .bd ul li .txt{ padding:38px 20px;}.s_yewu .bd ul li i{ font-family:impact; font-size:30px; color:#1c1399; display:block; text-align:center; margin-bottom:20px;}.s_yewu .bd ul li.li_2 i{ color:#fe591f;}.s_yewu .bd ul li h5{ font-size:16px; color:#2f3237; text-align:center; margin-bottom:10px;}.s_yewu .bd ul li span{ font-size:12px; color:#7b7e82; text-transform:uppercase;}.s_yewu .bd ul li p{ font-size:12px; color:#2f3237; line-height:20px; height:80px; overflow:hidden; margin-top:60px; transition:all ease 600ms; -webkit-transition:all ease 600ms; opacity:0; text-align:left;}.s_yewu .bd ul li:hover a{ height:480px;}.s_yewu .bd ul li:hover .img{ height:224px; margin-top:-20px;}.s_yewu .bd ul li:hover span{ display:none;}.s_yewu .bd ul li:hover p{ margin-top:20px; opacity:1;} /*关于我们*/ .s_about{} .s_about .s_tt2{ text-align:center; line-height:28px; background:url(../image/s_tt_bg2.png) center 43px no-repeat; margin-top:60px; margin-bottom:45px;} .s_about .s_tt2 a{ font-size:18px; color:#383b40;} .s_about .s_tt2 span{ display:block; font-size: 16px; color: #b6b6b6; font-weight: bold; font-family: arial; text-transform: uppercase; } .s_about .box1{} .s_about .box1 .img{ width:341px; height:190px; float:left; position:relative;} .s_about .box1 .img .font::before,.s_about .box1 .img .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;} .s_about .box1 .img .font::before{top:5px;right:5px;bottom:5px;left:5px;border-top:1px solid rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.7);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0} .s_about .box1 .img .font::after{top:5px;right:5px;bottom:5px;left:5px;border-right:1px solid rgba(255,255,255,0.7);border-left:1px solid rgba(255,255,255,0.7);transform:scale(1,0);transform-origin:100% 0;} .s_about .box1 .img:hover .font::before,.s_about .box1 .img:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;} .s_about .box1 .img:hover .font{ background:none;} .s_about .box1 .txt{ width:476px; float:left; margin-left:30px;} .s_about .box1 .txt h5{ margin-top:14px;font-size:16px; color:#fe581e;} .s_about .box1 .txt h5 a{ font-size:16px; color:#fe581e; margin-bottom:10px;} .s_about .box1 .txt p{ font-size:13px; color:#525357; line-height:24px;} .s_about .box2{ width:257px; float:right;} .s_about .box2 ul li{ width:257px; height:84px; background:url(../image/about_bg1.jpg) center no-repeat; position:relative; margin-bottom:17px; transition:all ease 300ms; -webkit-transition:all ease 300ms;} .s_about .box2 ul li:hover{ box-shadow:0px 6px 13px rgba(0,0,0,0.2);} .s_about .box2 ul li a{ display:block; padding:0 30px; height:100%;} .s_about .box2 ul li.rukou1 h5{ text-align:right;} .s_about .box2 ul li.rukou2{ background:url(../image/about_bg2.jpg) center no-repeat;} .s_about .box2 ul li span{ font-size:24px; color:#26272a; font-family:arial; position:absolute; top:34px; left:30px; width:30px;} .s_about .box2 ul li h5{ font-size:14px; color:#333338; padding-top:24px; padding-bottom:8px;} .s_about .box2 ul li p{ font-size:12px; color:#8e8e8e;} .s_about .box2 ul li.rukou2 span{ top:34px; right:30px; left:auto; color:#fff;} .s_about .box2 ul li.rukou2 h5{ color:#fff;} .s_about .box2 ul li.rukou2 p{ color:#d0d0d2;} .s_coop{ padding-top:68px;} .s_coop .coop-container{ overflow:hidden; margin-left:-14px; height:102px !important;} .s_coop .s_tt{ background:url(../image/s_tt_bg.png) center left no-repeat; margin-bottom:20px;} .s_coop ul li{ text-align:center; height:100px !important;} .s_coop ul li .box{ width:177px; height:100px; background:#f4f4f6; position:relative;margin:0 13.5px; border:1px solid #e5e5e5; display:table; } .s_coop ul li a{display:block; display:table-cell; vertical-align:middle; width:177px; height:100px;} .s_coop ul li a:hover{ box-shadow:0px 10px 20px rgba(0,0,0,0.2)} .s_coop ul li a img{ max-width:100%; max-height:100%;} .s_lianxi{ height:355px; background:url(../image/s_lianxi_bg.jpg) center no-repeat;} .s_lianxi .s_tt3{ margin-bottom:22px; padding-top:68px;} .s_lianxi .s_tt3 a{ font-size:18px; color:#38383d;} .s_lianxi .s_tt3 a span{ display:block;font-size:24px; color:#212121; text-transform:uppercase; font-weight:bold; margin-bottom:15px;} .s_lianxi h5{ font-size:16px; color:#212121; font-weight:bold; margin-bottom:15px;} .s_lianxi ul li{ font-size:14px; color:#5e5e5e; line-height:28px; width:330px; margin-bottom:5px; overflow:hidden;} .s_lianxi ul li span{ float:left;} .s_lianxi ul li p{ float:left; width:280px;} .s_lianxi ul li p b{ font-size:16px; color:#212121;} /*内页banner*/ .bn-box {width: 100%;overflow-x: hidden;position: relative;z-index: 0;} .ny_banner {width: 1920px;height: 466px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;} .ny_banner img{width: 100%;} .ny_banner h3{ font-size:30px; font-weight:700; text-align:center; color:#fff; padding-top:115px;} .ny_banner p{ font-size:30px; color:#fff; text-transform:uppercase; font-weight:lighter; font-family:arial;} /*=========内页开始==========*/ .ny_main{ background:#fff; padding-top:32px; overflow:hidden; padding-bottom:70px;} /*left_list====================左侧导航*/ .left_list{ width:259px; } .left_list h3{ height:90px; display:block; text-align:left; background:url(../image/ny_yw.png) 30px center no-repeat #636364; padding-top:27px;font-size:18px; color:#fff; padding-left:73px; box-sizing:border-box;} .left_list h3 span{ text-transform:uppercase; display:block; font-size:12px; margin-top:8px; } .left_list .dl{ border:1px solid #dcdcdc; border-top:0; padding-top:10px;} .left_list .dd{ border-top:1px solid #dcdcdc; margin-top:-1px; line-height:51px; height:51px; padding-left:20px; box-sizing:border-box; overflow:hidden; } .left_list .dd a{ display:block;font-size:14px; font-weight:100; color:#6b6b6b;} .left_list .dd.on{ background:url(../image/left_list_li.png) left center no-repeat;border-top:1px solid #fff;} .left_list .dd:hover{ background:url(../image/left_list_li.png) left center no-repeat; border-top:1px solid #fff;} .tuijian{ margin-top:29px;} .tuijian ul li{ width:100%; height:131px; overflow:hidden; position:relative; margin:0 auto; margin-bottom:12px; border:1px solid #dcdcdc;} .tuijian ul li img{ width:100%; height:100%;} .tuijian ul li h5{ width:100%; height:100%; font-size:16px; line-height:26px; background:rgba(66,66,66,0.5); position:absolute; top:0; left:0; text-align: center; color: #fff; box-sizing:border-box; padding-top:40px; } .tuijian ul li h5:hover{ background:url(/statics/images/left_list_hover.png) no-repeat rgba(66,66,66,0.5); } .tuijian ul li h5 span{ font-size:12px; text-align:center; display:block; text-transform:uppercase; } .ny_more{ width:190px; height:30px; background:#b2b5b6; display:block; border-radius:6px; text-align:center; line-height:30px; color:#fff; font-size:12px; margin:15px auto;} .tuijian li .font{width:100%; height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; background:url(/statics/images/kuang.png) center no-repeat;} .tuijian li .font::before,.tuijian li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;} .tuijian li .font::before{top:8px;right:8px;bottom:8px;left:8px;border-top:1px solid rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.7);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0} .tuijian li .font::after{top:8px;right:8px;bottom:8px;left:8px;border-right:1px solid rgba(255,255,255,0.7);border-left:1px solid rgba(255,255,255,0.7);transform:scale(1,0);transform-origin:100% 0;} .tuijian li:hover .font::before,.tuijian li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;} .tuijian li:hover .font{ background:none;} .right_content{ width:893px; float:right;} /*=====面包屑===*/ .n_position{ height:45px; line-height:20px; border-bottom:1px solid #eee; margin-bottom:40px; padding-top:8px;} .n_position span{ display:inline-block; height:20px; font-size:18px; color:#636364;} .n_position ul{ float:left;} .n_position ul li{ height:45px; line-height:45px; width:165px; text-align:center; float:left; display:inline-block; position:relative;} .n_position ul li a{ display:block; position:relative; z-index:1; text-align:center;} .n_position ul li:hover a{ color:#cd1e08;} .n_position ul li.on{ background:#cd1e08;} .n_position ul li.on a{ color:#fff;} .n_position h3{ font-size:12px; line-height:24px; display:inline-block; float:right; color:#bbb;} .n_position h3:before{ content:url(../image/mianbao.png); font-size:18px; color:#bbb; margin-right: 2px; position: relative; top: 1px;} .n_position h3 a{ margin:0 5px; display:inline-block; color:#a2a2a2;} .n_position h3 a:hover{ color:#313132;} .n_position h3 em{ color:#313132; margin-left:5px;} .n_minheight{ min-height:400px;} /*非标案例*/ #n_case{} #n_case{ text-align: center;} #n_case ul{ margin-right:-40px; margin-top:-32px;} #n_case ul li{ width:280px; height:338px; background:#f8f8fa; float:left; margin-right:40px; margin-top:32px; position:relative;} #n_case ul li .img{ height:187px; width:100%;} #n_case ul li .txt{ padding:20px 16px; height:149px; box-sizing:border-box;} #n_case ul li h5{ font-size:15px; color:#666666; font-weight:600; margin-bottom:12px;} #n_case ul li p{ font-size:14px; color:#777777; line-height:18px; height:36px; overflow:hidden; text-align:left;} #n_case ul li h5:hover{ color:#026ec8;} #n_case ul li span{ display:block; width:110px; margin-top:20px; height:25px; font-size:12px; text-align:center; line-height:25px; float:right; background:#999999; overflow:hidden; color:#fff;} #n_case .btn{ width:159px; height:40px; line-height:40px; text-align:center; overflow:hidden; display:block; color:#fff; margin:0 auto; border:1px solid #fff; border-radius:4px; margin-top:36px;} /*产品展示*/ #n_pro{} #n_pro ul{ margin-right:-34px; margin-top:-29px;} #n_pro ul li{ float:left; width:285px; height:282px; border:1px solid #e2e2e2; margin-right:33px; margin-top:29px;} #n_pro ul li .img_mid{ height:230px; border-bottom:1px solid #e2e2e2; position:relative;} #n_pro ul li .img_mid img{ position:absolute;left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); max-width:100%; max-height:100%;} #n_pro ul li h5{ line-height:50px; text-align:center; font-size:14px; color:#666;} #n_pro ul li h5:hover{ color:#026ec8;} /*荣誉资质*/ #n_zizhi{} #n_zizhi ul{ margin-right:-40px; margin-top:-33px;} #n_zizhi ul li{float:left; width:270px; margin-right:40px; margin-top:33px;} #n_zizhi ul li .img_box{ width:270px; height:172px; background:#f6f6f8; position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;} #n_zizhi ul li img{ max-width:90%; max-height:90%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);} #n_zizhi ul li p{ text-align:center; margin-top:18px; font-size:14px; color:#777;} #n_zizhi ul li:hover .img_box{ box-shadow:0px 8px 13px rgba(0,0,0,0.2);} #n_zizhi ul li p:hover{ color:#333;} /*合作单位*/ #n_coop{} #n_coop ul{ margin-right:-31px; margin-top:-30px;} #n_coop ul li{ width:200px; height:111px; background:#f4f4f6; border:1px solid #dedddd; position:relative;float:left; overflow:hidden; margin-right:31px; margin-top:30px; display:table;} #n_coop ul li a{ width:200px; height:109px; background:#f4f4f6; display:table-cell; vertical-align:middle; text-align:center;} #n_coop ul li img{ max-width:100%; max-height:100%; } #n_coop ul li .mask{ position:absolute; right:0; width:0; top:0; text-align:center; height:100%; padding-top:47px; background:rgba(28,19,153,0.9); transition:all ease-in-out 400ms; -webkit-transition:all ease-in-out 400ms; color:#fff; font-size:16px; box-sizing:border-box; opacity:0;} #n_coop ul li .mask i{ display:block; width:21px; height:2px; background:#fff; margin:10px auto; } #n_coop ul li:hover .mask{ opacity:1; left:0; width:100%; right:auto;} /*发展历程*/ #n_licheng{} #n_licheng ul{ background:url(../image/licheng_bg.png) left repeat-y; padding-top:30px; padding-bottom:30px;} #n_licheng ul li{ clear:both; padding:35.5px 0; overflow:hidden; position:relative;} #n_licheng ul li span{ width:80px; text-align:center; margin-right:11px; box-sizing:border-box; font-size:18px; line-height:24px; color:#026ec8; display:inline-block; float:left;} #n_licheng ul li i{ display:inline-block; width:11px; height:11px; margin-top:6.5px; background:#026ec8; border-radius:50%; float:left; margin-right:40px;} #n_licheng ul li p{ float:left; width:750px; font-size:14px; color:#777; line-height:24px;} #n_licheng ul li:hover{ background:#026ec8;} #n_licheng ul li:hover span{ color:#fff;} #n_licheng ul li:hover i{ background:#fff;} #n_licheng ul li:hover p{ color:#fff;} .gz_btn{ position:relative; width:14px; height:14px; border-radius:50%; background:#026ec8; left:89px; margin-bottom:5px;} .gz_btn:after{ content:""; width:24px; height:24px; background:rgba(2,110,200,0.3); animation:fd_sx 3s linear infinite; display:block; border-radius:50%; position:absolute; top:-5px; left:-5px; z-index:-1;} @-webkit-keyframes fd_sx{ 0%{-webkit-transform:scale(0.9);transform:scale(0.9)} 50%{-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{-webkit-transform:scale(0.9);transform:scale(0.9)} } /*期刊论文*/ #n_qikan{} #n_qikan ul{ margin-top:-26px;} #n_qikan ul li a{ display:block; padding:26px 0; border-bottom:1px dashed #f2f1f5; overflow:hidden;} #n_qikan ul li span{ width:86px; text-align:center; box-sizing:border-box; font-size:12px; color:#8a8a8a; display:inline-block; float:right;} #n_qikan ul li i{ display:inline-block; width:7px; height:7px; margin-top:4px; background:#c8c8c8; border-radius:50%; float:left; margin-left:20px; margin-right:9px;} #n_qikan ul li p{ float:left; width:750px; font-size:14px; color:#787878;} #n_qikan ul li:hover span{ color:#026ec8;} #n_qikan ul li:hover i{ background:#026ec8;} #n_qikan ul li:hover p{ color:#026ec8; text-decoration:underline;} /*人力资源*/ #n_renli #list_slide{ position:relative;} #n_renli #list_slide dl{ margin-bottom:15px; position: relative; background:#f5f6f9; } #n_renli #list_slide dt{ display:block; position:relative; padding: 0px 30px; background: #ebedf1; cursor:pointer; height:84px; background:url(../image/icon_hr_on.png) 870px center no-repeat; overflow:hidden;} #n_renli #list_slide dt .txt{ margin-right:80px; width:807px; border-right:1px solid #ddd; height:100%;} #n_renli #list_slide dt.on .txt{ border-right:1px solid #fce0a1;} #n_renli #list_slide dt h1{ font-size:16px; color:#777777; font-weight:600; padding-top:18px; padding-bottom:12px; display:block;} #n_renli #list_slide dt p{ margin-left:-47px;} #n_renli #list_slide dt span{ color:#777777; font-size:14px; padding:0 47px; border-left:1px solid #b0b1b2;ine-height: 14px; height: 14px; display: inline-block;} #n_renli #list_slide dd{ display:none; line-height:24px; padding: 0px 30px; padding-bottom:30px; background:#f5f6f9;} #n_renli #list_slide dd p{ margin-bottom:0;} #n_renli #list_slide dd p:last-child{ padding-bottom:0;} #n_renli #list_slide dd .content{ padding:30px 0;} #n_renli #list_slide dd .content { color:#929397; font-size:12px; line-height:24px;} #n_renli #list_slide dt.on{background:url(../image/icon_hr_off.png) 870px center no-repeat #026ec8; color:#fff; } #n_renli #list_slide dt.on .txt{ border-right:1px solid #67a7dc;} #n_renli #list_slide dt.on h1{ color:#fff;} #n_renli #list_slide dt.on span{ color:#fff; border-left:1px solid #fff;} /*新闻动态*/ #n_news{} #n_news ul{} #n_news ul li{ position:relative; height:150px; border-bottom:1px solid #eaebef;} #n_news ul li .riqi{ position:absolute; width:92px; height:78px; top:35px; border:2px solid #eaebef; font-size:36px; color:#303032; text-align:center; font-family:arial; padding-top:12px; line-height:1;} #n_news ul li .riqi span{ display:block; font-size:12px; color:#303032; font-family:arial; margin-top:6px;} #n_news ul li .txt{ padding-left:80px; margin-left:46px; height:150px; padding-right:35px;} #n_news ul li .txt h5{ padding-top:38px; margin-bottom:18px; font-size:16px; color:#303032;} #n_news ul li .txt p{ font-size:12px; color:#9c9f9f; line-height:20px; height:40px; overflow:hidden;} #n_news ul li:hover{ border:0;} #n_news ul li:hover .txt{ background:#f3f4f8;} #n_news ul li:hover .riqi{ background:#fe4f13; color:#fff; border:2px solid #fe4f13; } #n_news ul li:hover .riqi span{ color:rgba(255,255,255,0.7);} #n_news ul li .txt h5:hover{ color:#222;} /*双师型师资*/ #n_zhuanjia ul{ margin:-19px;} #n_zhuanjia ul .li{ width:272px; height:354px; overflow:hidden; float:left; margin:19px; position:relative; cursor:pointer;} #n_zhuanjia li span{ height:55px; display:block; background:#f7f7fb; text-align:center; line-height:55px;} #n_zhuanjia ul .li img{ width:100%; height:100%; transition:all ease 300ms; -webkit-transition:all ease 300ms;} #n_zhuanjia ul .li .txt{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; box-sizing:border-box; opacity:0; transition:all ease-in-out 300ms; -webkit-transition:all ease-in-out 300ms; -ms-transition:all ease-in-out 400ms; padding:76px 42px 60px; } #n_zhuanjia ul .li h5{ opacity:0; text-align:center; color:#fff; font-size:18px; font-weight:100; margin-bottom:18px; margin-top:10px; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;} #n_zhuanjia ul .li p{opacity:0; width:209px; font-size:14px; text-align:left; line-height:24px; height:72px; color:#fff; margin-top:10px; transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s;} #n_zhuanjia .mask{ background:rgba(64,64,64,0.8)} #n_zhuanjia .m{ position:relative;} #n_zhuanjia ul .li:hover .txt{ opacity:1;} #n_zhuanjia ul .li .txt a{ color:#fff; font-size:15px; display:block; height:100%; transition:all ease-in-out 500ms; -webkit-transition:all ease-in-out 500ms; -ms-transition:all ease-in-out 500ms;} #n_zhuanjia ul .li .txt a span{ font-size:12px; color:#f2f6f9; text-transform:uppercase; display:block; margin:20px auto; width:118px; height:34px; line-height:34px; border:1px solid rgba(255,255,255,0.5); margin-left:-54px; opacity:0; transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;} #n_zhuanjia ul .li:hover .txt h5{ margin-top:0; opacity:1;} #n_zhuanjia ul .li:hover .txt b{ margin-top:0; opacity:1;} #n_zhuanjia ul .li:hover .txt p{ margin-top:0; opacity:1;} #n_zhuanjia ul .li:hover .txt a span{ margin-left:46px; opacity:1;} #n_zhuanjia ul .li:hover img{ transform:scale(1.1);} .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:-1; } .tc-box{ width:918px; background:#fff; height: 408px; box-sizing:border-box; display: block; position:relative;top:60%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); z-index: 1; } .tc.act .tc-box{top:50%;} .tc.act{ display: block; z-index:999; } .tc .close{ position: absolute; cursor:pointer; font-size: 25px; width:43px; height:43px; right: -15px; top: -15px; z-index:999; color: #fff; } .tc-bg { height: 100%; background:rgba(43,44,47,0); position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } .tc.act .tc-bg{ background:rgba(0,0,0,0.86);} .tc_txt{ height:470px; overflow-y:auto; padding-right:30px;} .tc{ pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1); } .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc .close:hover{ transform:rotate(180deg);} .tc .close,.tc,.tc-bg { transition:all ease 600ms; -moz-transition:all ease 600ms; -ms-transition:all ease 600ms; -o-transition:all ease 600ms; -webkit-transition:all ease 600ms; } .tc-box { transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } /*弹窗内容样式*/ .tc-box{ padding:43px 37px; box-sizing:border-box; border-radius:5px;} .tc-box .img2{ width:290px; height:322px; float:left;} .tc-box .img2 img{ width:100%; height:100%;} .tc-box .txt{ float:right; width:508px; height:521px; overflow-y:auto;} .tc-box .txt .tt{ line-height:35px; margin-bottom:10px; font-size:24px; color:#fe4f13;} .tc-box .txt .cont{ height:269px; overflow-y:auto;} .tc-box .txt .cont p{ font-size:14px; color:#535353; line-height:30px;} /*在线留言*/ #n_msg{} #n_msg form{} #n_msg form p{ margin-bottom:18px;} #n_msg form input{ width:500px; height:41px; line-height:41px; border:1px solid #dcdcdc; background:none; box-sizing:border-box; padding-left:10px; font-size:12px; color:#999999;} #n_msg form .yanzheng input{ width:178px;} #n_msg form .yanzheng img{ height:41px; margin:0 10px;} #n_msg form textarea{ line-height:41px; border:1px solid #ddd; background:none; width:500px; height:113px; padding-left:10px; box-sizing:border-box; font-size:12px; color:#999999;} #n_msg form .btn{ width:130px; height:35px; line-height:35px; color:#fff; background:#026ec8; padding:0; font-size:14px; margin-right:12px; cursor:pointer;} #n_msg form .btn:hover{ box-shadow:0px 3px 6px rgba(0,0,0,0.2);} #n_msg form .btn.re-enter{ background:none; border:1px solid #ddd; font-size:14px; color:#555;} #n_msg .send{} #n_msg input::-webkit-input-placeholder{ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } #n_msg input::-moz-placeholder{ /* Mozilla Firefox 19+ */ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } #n_msg input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } #n_msg input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } #n_msg textarea::-webkit-input-placeholder { /* WebKit browsers */ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } #n_msg textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } #n_msg textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } #n_msg textarea::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:12px; color:#999999; font-family:"Microsoft Yahei"; } /*联系方式*/ #n_lianxi{ } #n_lianxi .box1 .n_lianxi_logo{ border-right:1px solid #ededed;} #n_lianxi .box1 .txt{ width:660px; box-sizing:border-box; padding-left:60px;} #n_lianxi .box1 .fl h5{ font-size:16px; color:#fe5419; font-weight:600; margin-bottom:22px; line-height:16px !important;} #n_lianxi .box1 .fl b{ font-weight:100; display:inline-block;float:left; line-height:24px; margin-bottom:6px;} #n_lianxi .box1 .fl div{ float:left;} #n_lianxi .box1 .fl p{margin-bottom:8px; line-height:24px;} #n_lianxi .box1 .fl *{font-size:14px; color:#777; line-height:24px;} #n_lianxi .box1 .fl span{ display:block; } #n_lianxi .box1 .fl .fr{ width:132px; } /*资料下载*/ #n_xiazai{} #n_xiazai ul{ margin-top:-34px;} #n_xiazai ul li{ height:102px; border-bottom:1px solid #dfe1e1; border-radius:5px; padding-top:34px; box-sizing:border-box;} #n_xiazai ul li span{ display:inline-block; width:30px; height:36px; background:url(../image/n_ziliao.png) center no-repeat; float:left; margin-left:12px; margin-right:18px;} #n_xiazai ul li .txt{ width:660px; float:left;} #n_xiazai ul li .txt h5{ margin-top:-1px; font-size:15px; color:#6a6a6a; font-size:14px;} #n_xiazai ul li .txt h5 a{ color:#6a6a6a; font-size:14px; line-height: 15px;} #n_xiazai ul li .txt h5 a:hover{ color:#026ec8;} #n_xiazai ul li .txt p{ color:#9d9d9d; font-size:12px; margin-top:9px;} #n_xiazai ul li .n_down{ width:130px; height:35px; line-height:35px; text-align:center; border-radius:3px; background:#d9d8db; display:block; float:right; margin-right:16px;} #n_xiazai ul li .n_down:after{ content:url(../image/n_down.png); margin-left:15px;} #n_xiazai ul li:hover .n_down{background:#026ec8; color:#fff;} #n_xiazai ul li:hover .n_down:after{ content:url(../image/n_down_on.png);} /*产品详情*/ #n_pro_xq .clearfloat{height:0;font-size:1px;clear:both;line-height:0;} #n_pro_xq .game163{ width:580px; overflow:hidden; position:relative; margin:0 auto; margin-top:30px; margin-bottom:50px;} #n_pro_xq .smallImg{ margin-top:12px; height:318px; overflow:hidden;} #n_pro_xq .smallImg ul li{ width:122px; height:109px; overflow:hidden; box-sizing:border-box; clear:both;} #n_pro_xq .smallImg ul li.on{ background:url(../image/n_pro_bg.png) center no-repeat; border:0; padding:2px;} #n_pro_xq .smallImg .img_box{ width:100%; height:95px; background:#eee;border:1px solid #e2e2e2; margin-top:5px; } #n_pro_xq .smallImg ul li img{ max-width:100%; max-height:100%;} #n_pro_xq .bigImg{ width:435px; height:355px; border:1px solid #e2e2e2; overflow:hidden;} #n_pro_xq .bigImg ul li{ width:435px; height:355px; background:#eee;} #n_pro_xq .bigImg .img_box{width:433px; height:353px; background:#eee;} #n_pro_xq .bigImg ul li img{ max-width:100%; max-height:100%;} #n_pro_xq .sPrev{ position:absolute; top:0; right:47px; font-size:0;} #n_pro_xq .sNext{ position:absolute; bottom:0; right:47px; font-size:0;} #n_pro_xq .img_box{position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;} #n_pro_xq .img_box img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);} #n_zhengce{} #n_zhengce ul{} #n_zhengce ul li{ position:relative; height:150px; border-bottom:1px solid #eaebef;} #n_zhengce ul li .riqi{ position:absolute; width:92px; height:78px; top:35px; border:1px solid #eaebef; font-size:36px; color:#747678; text-align:center; font-family:arial; padding-top:12px; line-height:1;} #n_zhengce ul li .riqi span{ display:block; font-size:12px; color:#88888a; font-family:arial; margin-top:6px;} #n_zhengce ul li .txt{ padding-left:80px; margin-left:46px; height:150px; padding-right:35px;} #n_zhengce ul li .txt h5{ padding-top:38px; margin-bottom:18px; font-size:16px; color:#434345;} #n_zhengce ul li .txt p{ font-size:12px; color:#9c9f9f; line-height:20px; height:40px; overflow:hidden;} #n_zhengce ul li:hover{ border:0;} #n_zhengce ul li:hover .txt{ background:#f3f4f8;} #n_zhengce ul li:hover .riqi{ background:#c71d18; color:#fff;} #n_zhengce ul li:hover .riqi span{ color:rgba(255,255,255,0.7);} #n_zhengce ul li .txt h5:hover{ color:#222;} #n_jituan{} #n_jituan ul{ margin:0 -11px;} #n_jituan ul li{ position:relative; float:left; width:385px; height:366px; overflow:hidden; margin:0 11px; margin-bottom:40px;} #n_jituan ul li a{ display:block;} #n_jituan ul li img{} #n_jituan ul li .mask{ position:absolute; right:0; width:0; top:0; height:100%; background:#c71d18; overflow:hidden;} #n_jituan ul li .mask h5{ font-size:15px; color:#fff; padding-top:73px; text-align:center;} #n_jituan ul li .mask p{ font-size:12px; line-height:24px; color:rgba(255,255,255,0.75); width:318px; margin:0 auto; text-align:center;} #n_jituan ul li .mask i{ margin:25px auto; width:13px; height:1px; background:#fff; display:block;} #n_jituan ul li .mask span{ width:96px; height:30px; line-height:30px; background:#fff; border-radius:30px; display:block; margin:0 auto; text-align:center; margin-top:52px; font-size:12px; color:#6c6c6c;} #n_jituan ul li:hover .mask{ left:0; width:100%; right:auto;} #n_yewu{ } #n_yewu .box2{ margin-top:50px; padding-top:50px; border-top:1px solid #e2e2e2; text-align:center;height:1120px;} #n_yewu .box2 ul{ display:inline-block; width:1100px;} #n_yewu .box2 ul li{ width:210px; height:512px; float:left; margin:0 30px; margin-bottom:50px;} #n_yewu .box2 ul li a{ display:block;} #n_yewu .box2 ul li.a{ background:#c71d18;} #n_yewu .box2 ul li.b{ background:#555;} #n_yewu .box2 ul li span{ display:block; width:33px; height:37px; margin:85px auto 15px;} #n_yewu .box2 ul li h5{ text-align:center; color:#fff; font-size:16px; margin-bottom:7px;} #n_yewu .box2 ul li p{ color:rgba(255,255,255,0.6); text-transform:uppercase; font-size:12px; margin-bottom:85px;} #n_yewu .box2 ul li:hover img{ transform:scale(1.1);} #n_yewu .box2 ul li.li_1 span{ background:url(/statics/images/f1_ico1_on.png) center no-repeat;} #n_yewu .box2 ul li.li_2 span{ background:url(/statics/images/f1_ico2_on.png) center no-repeat;} #n_yewu .box2 ul li.li_3 span{ background:url(/statics/images/f1_ico3_on.png) center no-repeat;} #n_yewu .box2 ul li.li_4 span{ background:url(/statics/images/f1_ico4_on.png) center no-repeat;} #n_yewu .box2 ul li.li_5 span{ background:url(/statics/images/f1_ico5_on.png) center no-repeat;} #n_yewu .box2 ul li.li_6 span{ background:url(/statics/images/f1_ico6_on.png) center no-repeat;} #n_yewu .box2 ul li.li_7 span{ background:url(/statics/images/f1_ico7_on.png) center no-repeat;} #n_yewu .box2 ul li.li_8 span{ background:url(/statics/images/f1_ico8_on.png) center no-repeat;} #n_yewu .box2 ul li.c:hover span{ margin-top:95px;} #n_yewu .box2 ul li.d:hover span{ margin-top:75px;} #n_yewu .box2 ul li.d:hover p{ margin-bottom:95px;} .ny_content{ width:893px;} /*================内容样式======================*/ .ar_article{ font-size:14px; color:#838383; line-height:30px; text-align:justify;} .ar_article p{font-size:14px; color:#838383; line-height:30px; text-align:justify; padding-bottom:15px;} .ar_article strong{ font-weight:bold;} .ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;} .ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;} .ar_article img{ max-width:100%;} .ar_article a{ color:#717173;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;} /*新闻详情*/ .container{padding:50px 0;} .n_article {margin-bottom: 20px;margin-top: 35px;} #n_show_news .n_article{width: 850px;float: left;background-color: #f3f4f8;box-sizing: border-box;padding: 40px 30px;} .ar_article .ar_title{} .ar_article .ar_title{padding: 0 0 15px 0;position:relative;} .ar_article .ar_title h1{font-size: 20px;margin-bottom: 5px;display:block;text-align: left;line-height:30px;font-weight: 100;color: #5e5e5e; width:60%;} .ar_article .ar_title h2{box-sizing:border-box;font-size: 12px;text-align: left;display:block;height:53px; color: #999;line-height:40px;font-weight: normal; border-bottom:1px solid #eee; padding-bottom:10px; } .ar_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;} #ar_fot{position:relative; margin-top: 48px; box-sizing: border-box;width: 100%;border-top: #e2e2e2 1px dashed; border-bottom: #e2e2e2 1px dashed; padding:9px 0;overflow: hidden; height:72px;} #ar_fot h1{display:block; font-size: 12px;line-height: 26px;color: #a6a6a6;font-weight: normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } #ar_fot h1 a{font-size: 12px;color: #9b9b9b;font-weight:normal;} #ar_fot h1 a:hover{ color:#666;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} #ar_fot a,#ar_fot span{} #ar_fot .shart_box a{ line-height:36px;} #ar_fot .fl{ text-align:right} .xq_x{ padding-bottom:40px;} .xq_x h5{ font-weight:600; color:#333; margin-top:20px;} .xq_x p{ color:#888; line-height:28px;} .xq_tt1{ text-align:left; font-size:16px; color:#4d4d4d; font-weight:100; line-height:30px; border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:10px;} .xq_tt1 p{ font-size:12px; color:#8a8a8a; font-weight:100;} .xq_tt1 p span{} /*====分享插件====*/ .shart_box{float: right;height: 40px; position:relative; top:-44px;} .shart_box:hover #j_shart_s_24{ display:block;} #j_shart_s_24 .bds_count{ font-size:12px;} #j_shart_s_24{padding-left: 15px;position:relative;float: right;} #j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;} #j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat} #j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat} #j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat} #j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat} #j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat} #j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat} #j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat} #j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat} #j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_count{font-size:12px} #right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;} .s_about .box2 ul li{ width:256px;}.s_coop ul li .box{ font-size:0;}#prevArrow{ display:none;}#nextArrow{ display:none;}