
/* 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;} 

