@charset "UTF-8"; body{margin:0;padding:0;font-size:16px;-webkit-text-size-adjust:none;color:#333;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;} input,select,textarea{line-height:32px;}img{border:0;image-rendering: -webkit-optimize-contrast;}ul,li{padding:0;margin:0;list-style-type:none;} a{color:#333;text-decoration:none;} a:hover{text-decoration:none;color:#25288d;} .tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;} .dis{display:block;}.undis{display:none;} .fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;} .pr{position: relative;}.pa{position: absolute;} .hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;} .hr_1{height:1px;}.hr_10{height:10px;} .el{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .el_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} .el_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;} .w1200{max-width: 1200px;margin:0 auto;} .page_info {padding: 30px 0;text-align: center;color: #ccc;font-size: 0.875rem;} .tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;} .tbox #gotop{width:50px;height:50px;background:url(/HRSNHHSPUIcMISMKDOgpHy1qTxIsID.jpg) no-repeat 0 0;background-size: cover;display:block;} .w1320{max-width: 1320px;margin:0 auto;} .swiper-container{--swiper-theme-color: #25288d;--swiper-pagination-color: #25288d;/* 两种都可以 */} .pagination{padding: 60px 0;overflow: hidden; flex-wrap: wrap;} .page-item{margin: 0 10px;} .page-link{color: #666;} .page-item.active .page-link{background-color: #495057;border-color: #495057;} .page-link:hover {color: #333;text-decoration: none;background-color: #e9ecef;border-color: #dee2e6;} .dong{transition: all 0.3s;-ms-transform:all 0.3s; /* IE 9 */ -webkit-transform: all 0.3s; /* Safari and Chrome */} @media (min-width: 1320px){ .w1320{ padding-left: 0; padding-right: 0; } } @media (max-width: 1508px){ .swiper-button-next{ right: 10px !important; } .swiper-button-prev{ left: 10px !important; } .swiper-button-next-area,.swiper-button-prev-area{ display: none !important; } .swiper-pagination-area{ display: block !important; } } .swiper-pagination-area{ display: none; } .blank6{height: 60px;width: 100%;} .blank8{height: 80px;width: 100%;} .blank9{height: 90px;width: 100%;} #video{ width: 100%; height:560px; } @media (max-width: 960px){ #video{ height:400px; } } @media (max-width: 576px){ #video{ height:200px; } } /*shkj-header*/ /*.shkj_header{ width: 100%; background:#fff; border-bottom:1px solid #ccc; } .shkj_header .navbar{ max-width: 1700px; font-size: 15px; margin:0 auto; } .shkj_toph{ width:100%; padding-top:82px; overflow:hidden; } .shkj_search .form-control{ display: none; } .shkj_search:hover .form-control{ display: inline-block; } #navbarSupportedContent .nav-link{ color: #333; padding: 1.5rem; } #navbarSupportedContent .dropdown-toggle::after{ display: none; } #navbarSupportedContent .dropdown-item{ font-size: 0.875rem; } .secbtn{ border:0; } .secbtn i{ font-size: 20px; color: #333; font-weight: bold; } .laubtn{ padding-left: 10px; font-size: 18px; color: #333; font-weight: bold; }*/ /*HEADER*/ .hfixed .shkj_logo{ height: 48px; } .hfixed{ height: 80px!important; } .hheight{ height: 80px!important; } .hfixed .menu_sub_m{ top: 80px!important; } .hfixed .shkj_lau .showsec{ padding-top: 30px!important; top:50px; } .hfixed .shkj_lau .showlau{ padding-top: 30px!important; top:50px; } .hfixed .shkj_menu>li{ line-height: 80px!important; } .hfixed .shkj_menu>li>a:after{ bottom: 0px!important; } .hfixed .shkj_lau{ line-height: 80px!important; } .shkj_header{ width: 100%; height: 90px; background: #fff; position: fixed; z-index: 9000; top:0; border-bottom:1px solid #efefef; } .shkj_logo{ margin-top: 16px; padding-left: 3%; height: 56px; } .shkj_topnav{ display: flex; padding-right: 3%; } .shkj_menu{ } .shkj_menu>li{ display: inline-block; padding: 0 15px; line-height: 90px; position: relative; transition: all 0.3s; } .shkj_menu>li>a:after{ content: ""; position: absolute; border-bottom: 2px solid #25288d; bottom: 0px; width: 0; left: 0; /*margin-left: -19%;*/ transition: all 0.3s; } /*.shkj_menu>li>a.active:after{ width: 100%; }*/ .shkj_menu>li>a.active{ color: #25288d; font-weight: bold; } .shkj_menu>li:hover>a:after{ width: 100%; } .shkj_menu>li>a{ font-size: 15px; display: block; position: relative; font-weight: lighter; color: #000; } .shkj_menu>li:hover>a{ color: #25288d; font-weight: bold } .shkj_menu .menu_sub{ top: 62px; left: 0; width: 100%; padding-top: 38px; z-index: 10; visibility: hidden; opacity: 0; } .shkj_menu .subshow{ visibility: visible; opacity: 1; } .shkj_menu .morelist{ width: 400px; } .shkj_menu .menu_sub .menu_sub_s{ padding: 10px 0 40px 0; } .shkj_menu .menu_sub .menu_sub_s>a{ padding-left: 20px; display: block; font-size: 14px; line-height: 40px; border-left: 1px solid #efefef; } .shkj_menu .menu_sub .menu_sub_s .flex-fill h4{ font-size: 16px; font-weight: bold; padding: 10px 0 15px 0; } .shkj_menu .menu_sub .menu_sub_s .flex-fill{ padding-left: 30px; border-left: 2px solid #ccc; } .shkj_menu .menu_sub .menu_sub_s .flex-fill a{ display: block; line-height: 30px; font-size: 14px; } .shkj_menu .menu_sub .menu_sub_s .flex-fill a i{ font-size: 12px; padding-right: 5px; } .menu_sub_m{ background: #Fff; width: 100%; top: 90px; position: absolute; z-index: 1; height: 0; } .shkj_lau{ line-height: 90px; padding-left: 50px; } .shkj_lau i{ color: #171717; } .shkj_lau .sec{ font-size: 26px; padding-right: 20px; } .shkj_lau .lau{ font-size: 24px; padding-left: 20px; border-left: 1px solid #efefef; } .shkj_lau .showlau{ background: #fff; border-radius: 5px; top: 58px; padding-top: 30px; display: none; padding-bottom: 10px; } .shkj_lau .showlau a{ line-height: 18px; display: block; text-align: center; padding: 5px 20px; font-size: 14px; } .shkj_lau .showsec{ width: 247px; right: 6%; top: 50px; padding-top: 40px; display: none; } .shkj_lau .showsec .search{ display: flex; } .shkj_lau .showsec input{ border-radius: 0 0 0 .25rem; border-color: #fff; border: none; padding: 0 10px; font-size: 0.9375rem; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; } .shkj_lau .showsec button{ border-color: #fff; background: #fff; padding: 0px 10px; border: 1px solid #efefef; border-top:none; border-radius: 0rem 0rem .25rem 0rem; } .shkj_lau .showsec button i{ font-size: 24px; font-weight: bold; } .h100{ width: 100%; height: 90px; } /*shkj-banner*/ .shkj_banner{ } .shkj_banner p{ width:100%; } .shkj_banner .bt1{ font-size:40px; font-weight:bold; color:#fff; top:45px; } .shkj_banner .bt2{ font-size:40px; font-weight:bold; color:#fff; top:100px; } .shkj_banner .bt3{ font-size:12px; color:#fff; top:170px; } .shkj_banner .ct{ top: 38%; left: 14%; } .shkj_banner .ct1{ font-size:42px; font-weight:bold; color:#fff; text-align: left; } .shkj_banner .ct2{ font-size:24px; /* font-weight:bold;*/ color:#fff; text-align: left; margin-top: 15px; } .swiper-banner .swiper-pagination-bullet { width: 19px; height: 19px; background: rgba(255, 255, 255, 0); /*border:1px solid #fff;*/ opacity:1; border-radius: initial; border-radius: 9px; transition: all 0.3s; position: relative; } .swiper-banner .swiper-pagination-bullet:after{ content: "●"; position: absolute; color: #fff; top: -2px; left: 5px; font-size: 12px; } .swiper-banner .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0); /*background-image: linear-gradient(to right , #00c6ff, #0072ff);*/ opacity: 1; border-radius:9px; border:1px solid #fff; } /*shkj-area*/ .shkj_area{ } .shkj_title{ margin-top: 55px; } .shkj_title h2{ font-size: 1.825rem; font-weight: bold; } .shkj_title p{ color: #5e5e5e; padding:10px 0 42px; } .shkj_area_list{ padding-bottom: 80px; } .shkj_area_list_con{ } .shkj_area_list_con .img{ } .shkj_area_list_con .title{ padding:15px 15px; min-height: 108px; } .shkj_area_list_con .title h4{ font-size: 18px; } .shkj_area_list_con .title p{ font-size: 14px; color: #888787; padding-top:15px; height: 0; } .swiper-area .swiper-pagination-bullet { width: 14px; height: 14px; background: #cbcbcb; border:2px solid #cbcbcb; opacity: 0.8; border-radius: initial; border-radius: 7px; transition: all 0.3s; outline: none; } .swiper-area .swiper-pagination-bullet-active { background: #fff; /*background-image: linear-gradient(to right , #00c6ff, #0072ff);*/ opacity: 1; width: 14px; height: 14px; border-radius:7px; border:2px solid #122a6c; } .swiper-area{ padding-bottom: 30px; } .shkj_area_list_con:hover{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.14); border-bottom: 4px solid #25288d; } .shkj_area_list_con:hover h4{ font-weight: bold; } .shkj_area_list_con:hover .title p{ height: auto; } .swiper-button-prev-area:after, .swiper-button-next-area:after{ display: none; } .swiper-button-prev-area, .swiper-button-next-area{ outline: none; top: 30%; } .swiper-button-next-area{ right: -65px; } .swiper-button-prev-area{ left: -65px; } .swiper-button-next-area i, .swiper-button-prev-area i{ font-size: 44px; color: #333; } /*shkj-about*/ .shkj_about{ padding: 0 15px; } .shkj_about_bg{ background: url(/HRSNHHSPUIcMISMKDOgHH1HqKxIJ.jpg) no-repeat; height: 760px; max-width: 1700px; } .shkj_about_con{ background: rgba(32, 172, 87, 0.84); width: 100%; left: 0; top:0; } .shkj_about_con .cont a{ color: #fff; } .shkj_about_con .cont{ max-width: 1020px; margin: 0 auto; padding: 0 15px; color: #fff; text-align: center; } .shkj_about_con .cont .list:hover i{ -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } .shkj_about_con .cont h2{ font-size: 1.825rem; font-weight: bold; padding:60px 0 40px; } .shkj_about_con .cont p{ line-height: 32px; } .shkj_about_con .cont .list i{ display: block; font-size: 82px; color: #e7f6ff; } .shkj_about_con .cont span{ display: block; } .shkj_about_con .cont .row{ padding:60px 0; } /*shkj-news*/ .shkj_news{ } .shkj_news_con{ padding-bottom: 60px; } .shkj_title a{ padding-right: 40px; position: relative; } .shkj_title a:after{ content: ""; position: absolute; right: 18px; top: 7px; border-right: 1px solid #ccc; height: 10px; } .shkj_title a:last-child:after{ display: none; } .shkj_news_list_con .img{ height: 192px; overflow: hidden; } .shkj_news_list_con .img img{ position: absolute; transition: all .3s ease; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .shkj_news_list_con:hover .img img{ /* transform:translateY(-50%); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/ -webkit-transform: translateY(-50%) scale(1.05); -ms-transform: translateY(-50%) scale(1.05); transform: translateY(-50%) scale(1.05); } .shkj_news_list_con .title h4{ font-size: 18px; font-weight: bold; padding: 25px 0; } .shkj_news_list_con .title p{ color: #999999; font-size: 14px; } .shkj_news_list_con .data:before{ content: ""; width: 0px; border-top:1px solid #efefef; position: absolute; top:-1px; left:0; transition: all 0.3s; -ms-transform: all 0.3s; /* IE 9 */ -webkit-transform: all 0.3s; /* Safari and Chrome */ } .shkj_news_list_con .data{ padding:30px 0; margin-top:30px; position: relative; border-top:1px solid #efefef; color: #c5c5c5; } .shkj_news_list_con:hover .data:before{ border-top:1px solid #25288d; width: 100%; } .swiper-news .swiper-pagination-bullet { width: 14px; height: 14px; background: #cbcbcb; border:2px solid #cbcbcb; opacity: 0.8; border-radius: initial; border-radius: 7px; transition: all 0.3s; outline: none; } .swiper-news .swiper-pagination-bullet-active { background: #fff; /*background-image: linear-gradient(to right , #00c6ff, #0072ff);*/ opacity: 1; width: 14px; height: 14px; border-radius:7px; border:2px solid #122a6c; } .swiper-news{ padding-bottom: 30px; } .swiper-pagination-news{ } /*shkj-footer*/ .shkj_footer{ background: #f7f8fa; font-size: 14px; margin-top: 60px; overflow:hidden; } .shkj_footer_con{ padding:60px 0; } .shkj_footer .list>a{ font-weight: bold; } .shkj_footer .list>a i{ display: none; } .shkj_footer .list>a.active i{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .shkj_footer .list ul li>a{ color: #65686e; } .shkj_footer .list ul li>a:hover{ color: #333; } .shkj_footer .list ul li{ padding-bottom: 5px; } .shkj_footer .list ul{ padding-top: 26px; } .shkj_copyright{ color: #65686e; font-size: 12px; border-top:1px solid #c7d3d9; padding-top:20px; padding-bottom: 20px; } .shkj_copyright a{ color: #65686e; } .shkj_footer_con .cord{ margin-left: auto; } .shkj_footer_con .cord p{ font-size: 12px; } /*shkj_re_ban*/ .blackmask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); } .bantitle{ top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .vertical-middle { display: table; height: 100%; width: 100%; text-align: center; } .vertical-middle>div { vertical-align: middle; display: table-cell; height: 100%; min-height: 100%; float: none !important; color: #fff; } .vertical-middle>div h2{ font-weight: bold; font-size: 3rem; } .vertical-middle>div p{ padding: 1rem 0; } /*shkj_re_cat*/ .shkj_re_ban{ text-align: center; } .shkj_re_cat{ /*font-size: 0.9375rem;*/ border-bottom: 1px solid #e5e5e5; background: #fff; width: 100%; } .cfixed{ position: fixed; top:80px; left: 0; z-index: 100; } .shkj_re_catlist .cat_title{ font-weight: bold; display: inline-block; padding-right: 30px; position: relative; border-right: 1px solid #e5e5e5; } /*.shkj_re_catlist .cat_title:after{ content: ""; position: absolute; bo }*/ .shkj_re_catlist .cat_title i{ display: none; } @media (min-width: 576px){ .shkj_re_catlist ul{ display: inline-block !important; } } .shkj_re_catlist ul{ display: inline-block; } .shkj_re_catlist ul li{ display: inline-block; } .shkj_re_catlist ul li a{ padding:15px 0; margin:0 15px; display:block; position: relative; } .shkj_re_catlist ul li a.active{ color: #25288d; } .shkj_re_catlist ul li a:hover{ color: #25288d; } .shkj_re_catlist ul li a:hover:after{ width: 100%; border-bottom: 2px solid #25288d; } .shkj_re_catlist ul li a:after{ content: ""; position: absolute; width: 0%; bottom:0; left: 0; border-bottom: 2px solid #25288d; transition: all 0.3s; -ms-transform:all 0.3s; /* IE 9 */ -webkit-transform: all 0.3s; /* Safari and Chrome */ } .shkj_re_catlist ul li a.active:after{ content: ""; position: absolute; width: 100%; bottom:0; left: 0; border-bottom: 2px solid #25288d; } /*.shkj_re_main*/ .shkj_re_main{ } .shkj_re_atitle h2{ font-weight: bold; position: relative; display: inline-block; } #center_atitle h2:after{ left: 35%; } .shkj_re_atitle h2:after{ position: absolute; content:""; width: 30%; border-bottom: 4px solid #25288d; bottom: -20px; left: 0; } .shkj_re_about_con{ color: #444; line-height: 2rem; } .shkj_re_about_con img{ max-width: 100% !important; margin:0 auto !important; height: auto !important; } /*shkj_re_about_tem_list*/ .shkj_re_about_tem_list{ border: 1px solid #ececec; padding-bottom: 15px; padding: 15px; margin-bottom: 20px; background: #fbfbfb; } .eqpic{ display: block; max-height: 180px; overflow: hidden; } .socimg{ height: 160px; } .shkj_re_about_tem_list:hover{ box-shadow: 0 5px 15px #ebebeb; } .shkj_re_about_tem_list:hover .el{ color: #25288d } .shkj_re_about_tem_list a{ display: block; overflow: hidden; text-align: center; } .shkj_re_about_tem_list .img{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .shkj_re_about_tem_list:hover a .img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .shkj_re_about_tem_list .himg{ height: 140px; } .shkj_re_about_tem_list h3{ font-size: 0.9375rem; font-weight: bold; line-height: 1.5rem; } .shkj_re_about_tem_list .zw{ padding: 10px 0; color: #8a8787; } .shkj_re_about_tem_list .des{ color: #666; font-size: 0.875rem; } .shkj_re_about_tem_list .cert_title{ font-size: 1rem; } /*about_history*/ .event_year { top: 120px;width:60px;border-bottom:2px solid #DDD;background:#ddd; text-align:center;float:right;margin-top:10px; } .event_year li { height:40px;line-height:40px;background:#f8f8f8;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; } .event_year li.current { width:60px;background:#0083e7 url('/HRSNHHSPUIcMISMKDOgsJSAqTxIsID.jpg') 60px 0 no-repeat;color:#FFF;text-align:left;padding-left:9px; } .event_list { width:100%;float:right;background:url('/HRSNHHSPUIcMISMKDOgEJSAqOkgOKSD.jpg') 45px 0 repeat-y;margin:10px 0 20px 0; overflow: hidden;} .event_list h3 { margin:0 0 15px 38px;font-size:1.875rem;font-family:Georgia;color:#0083e7;padding-left:25px;background:url('/HRSNHHSPUIcMISMKDOgsJSAqTxIsID.jpg') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; } .event_list li {padding: 5px 0; position: relative;background:url('/HRSNHHSPUIcMISMKDOgsJSAqTxIsID.jpg') 41px -75px no-repeat; } .event_list li>span { position: absolute;display:block;margin-top:6px; padding-left: 0px; } .event_list li p {margin-left:55px;display:block;padding-left:10px;background:url('/HRSNHHSPUIcMISMKDOgsJSAqTxIsID.jpg') -21px 0 no-repeat;line-height:25px;_float:left; } .event_list li p span { display: block; width:100%;font-size:0.9375rem;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#f8f8f8;margin:0; } .event_list>div{margin-bottom: 40px;} /**/ .shkj_re_productlist_pro ul li{ display: inline-block; width: 20%; padding: 5px; border:1px solid #efefef; margin-right: 10px; background: #fff; } .shkj_re_productlist_pro ul li p{ font-size: 0.75rem; text-align: center; } .shkj_re_productlist h3{ font-size: 1.5rem; font-weight: bold; } .shkj_re_productlist .des{ color: #666; font-size: 0.9375rem; line-height: 1.5rem; } .shkj_re_productlist{ border: 1px solid #ececec; padding-bottom: 15px; padding: 15px; margin-bottom: 40px; background: #fff; } .shkj_re_productlist:hover{ box-shadow: 0 5px 15px #ebebeb; } .shkj_re_productlist:hover h3{ color: #25288d } /*shkj_re_news_top*/ .shkj_re_news_top{ } .shkj_re_news_top .con{ display: block; background: #f8f8f8; padding: 20px; height: 100%; } .shkj_re_news_top .con i{ padding-left: 10px; } .shkj_re_news_top img{ } .shkj_re_news_top h3{ font-size: 2.3rem; font-weight: bold; } .shkj_re_news_top p{ color: #666; padding: 2rem 0 3rem; } .shkj_re_newslist{ margin-bottom: 30px; } .shkj_re_newslist a .img{ height: 180px; overflow: hidden; } .shkj_re_newslist a .img img{ height: auto; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; transition: all 0.5s; top: 50%; left: 0; } .shkj_re_newslist:hover a .img img{ left: 0; top: 50%; width: 100%; height: auto; -webkit-transform: translateY(-50%) scale(1.05); -ms-transform: translateY(-50%) scale(1.05); transform: translateY(-50%) scale(1.05); } .shkj_re_newslist:hover a h3{ color: #25288d; } .shkj_re_newslist a.con{ display: block; background: #f8f8f8; padding:1.5rem 1.2rem; } .shkj_re_newslist a h3{ font-size: 1rem; font-weight: bold; } .shkj_re_newslist a .des{ color: #999; } /*shkj_re_newdetail*/ .shkj_locbg { width: 100%; height: 65px; background: url(/HRSNHHSPUIcMISMKDOgMKySfIyVsJRAG.jpg) no-repeat center center; background-size: cover; color: #fff; line-height: 65px; } .loctop{ margin-top: 5rem !important; } .shkj_locbg a{ font-size: 0.875rem; color: #fff; } .hl_title h3{ font-weight: bold; font-size: 2rem; } .shkj_reabo_title{ font-size: 1.25rem; font-weight: bold; padding-left: 12px; margin-bottom: 25px; } .shkj_reabo_title:before{ position: absolute; content: ""; width: 4px; background: #25288d; top: 5px; left: 0; height: 16px } .dgm_news_show .news_times{ font-size: 0.875rem; padding: 1rem 0; color: #aaaaaa; } .dgm_news_show .news_content{ line-height: 2rem; } .dgm_news_show .news_content img{ max-width: 100% !important; height: auto !important; } .news_more-btn{ padding:60px 0 0; overflow: hidden; } .news_more-btn .news-prev span.prev-btn { border-right: solid 1px #e0e1e1; display: block; margin: 0 12px; float: left; line-height: 2rem; } .news_more-btn .news-next span.next-btn { border-right: solid 1px #e0e1e1; display: block; margin: 0 12px; float: left; line-height: 2rem; } .news_more-btn .news-prev, .news_more-btn .news-next { margin-bottom: 15px; background: #efeff0; } .news_more-btn span.title-wrap { line-height: 2rem; overflow: hidden; font-size: 0.875rem; /*width: 80%;*/ display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -moz-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .shkj_re_rightnews .list{ } .shkj_re_rightnews .list ul li { font-size: 0.875rem; border-bottom: 1px solid #efefef; padding-bottom: 0.8rem; padding-top: 0.8rem; } .shkj_re_rightnews .list ul li a:hover p{ color: #25288d; } .shkj_re_rightnews .list ul li p{ color: #4a4a4a; } .shkj_re_rightnews .list ul li span{ color: #aaaaaa; } /*shkj_re_culture_tem*/ .shkj_re_culture_tem_list{ margin-bottom: 30px; } .shkj_re_culture_tem_list .img{ height: 200px; overflow: hidden; } .shkj_re_culture_tem_list .img img{ width: 100%; transition: all 0.3s; -ms-transform:all 0.3s; /* IE 9 */ -webkit-transform: all 0.3s; /* Safari and Chrome */ } .shkj_re_culture_tem_list:hover .img img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .shkj_re_culture_tem_list h3{ bottom: 0; text-align: center; width: 100%; font-size: 0.8575rem; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 0.4rem 0; } .shkj_re_social_list>ul>li{ padding: 1rem 0; border-bottom: 1px solid #ccc; } .shkj_re_social_list ul li a span{ color: #999; padding-right: 20px; } .shkj_re_social_list>ul>li>a:hover{ font-weight: bold; } .shkj_re_social_list>ul>li>a:hover span{ font-weight: normal; } /*shkj_re_social_show*/ .shkj_re_social_show a .img{ height: 280px; overflow: hidden; } .shkj_re_social_show a:hover .img img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .shkj_re_social_show a .img img{ transition: all 0.3s; -ms-transform:all 0.3s; /* IE 9 */ -webkit-transform: all 0.3s; /* Safari and Chrome */ } .shkj_re_social_show a h3{ font-size: 1rem; padding:1rem 0; background: #f8f8f8; } .shkj_re_social_show a{ display:block; padding:10px; } /*hr*/ .campus_joblist_a { background: #fff; margin-top: 30px; margin-bottom: 0px; -webkit-transition: initial; transition: initial; color: #666; } .campus_joblist_a .form-control{ width: 360px; border-radius: 0; font-size: .875rem; color: #666; border:1px solid #eaeaea; } .campus_joblist_a .btn{ background: #009db2; border:0; border-radius: 0; font-size: .875rem; padding-left:40px; padding-right:40px; } .campus_joblist_b { background: #fff; margin-top: 30px; -webkit-transition: initial; transition: initial; } .bcol{ background: #f4f4f4; overflow: hidden; } .campus_joblist_b ol { border-bottom: solid 1px #EEEEEE; line-height: 30px; padding-bottom: 10px; list-style: none; padding: 0; font-weight: bold; } .campus_joblist_b ol li { color: #333; font-size: 16px; } .campus_joblist_b .list-item { margin-bottom: 0px; font-size: 16px; } .campus_joblist_b .list-item .list-item-title { line-height:70px; cursor: pointer; border-bottom: 2px solid #eeeeee; position: relative; } .campus_joblist_b .list-item .list-item-title .row i{ position: absolute; right: 10px; } .tik3{ display: none; color:#25288d; } .tik4{ display: block; color: #25288d; } .list-item-title.active .tik3{ display: block; } .list-item-title.active .tik4{ display: none; } .list-item-con p{ line-height: 24px; font-size: 14px; } .campus_joblist_b .list-item .list-item-title .row .col-4,.campus_joblist_b .list-item .list-item-title .row .col-3,.campus_joblist_b .list-item .list-item-title .row .col-2{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0px 2px; font-size: 14px; } .campus_joblist_b .list-item .list-item-title .row{ margin: 0 } .campus_joblist_b .list-item .list-item-title.active { background: #eeeeee; border-top: 2px solid #ccc; } .campus_joblist_b .list-item .list-item-title .row:hover > div{ color: #25288d; } .campus_joblist_b .list-item .list-item-con { /*background-color: #F3F3F3;*/ margin: 0 -15px; padding: 20px; font-size: 15px; /*color: #686868;*/ line-height: 23px; display: none; border-bottom: 2px solid #eeeeee; } .campus_joblist_b .list-item .list-item-con .Application_btn a { width: 160px; height: 45px; line-height: 45px; color: #FFFFFF; font-size: 15px; background-color: #911930; display: block; margin-top: 10px; } .campus_joblist_b .list-item .list-item-con .des{ color:#666; } .campus_joblist_b .list-item .list-item-con ul li{ padding-bottom: 10px; font-size: 14px; color:#666; } .campus_joblist_b .list-item .list-item-con ul li b{ color: #333; } .campus_joblist_b .list-item .list-item-con .mbtn{ right: 15px; bottom: 20px; padding: 4px 15px; border-radius: 4px; color: #25288d; border: 1px solid #25288d; font-size: 0.875rem; } .campus_joblist_b .list-item .list-item-con .mbtn:hover{ background: #25288d; color: #fff; } @media only screen and (min-width: 100px) and (max-width: 769px) { .campus_joblist_b ol li { font-size: 13px; } .campus_joblist_b{ min-height: 350px; } } @media only screen and (min-width: 100px) and (max-width: 685px) { .campus_joblist_b .list-item .list-item-title { background: none; } .campus_joblist_b .list-item .list-item-title.active{ background: none; } .campus_joblist{ background: #fff; overflow: hidden; } .campus_joblist .container-fluid{ } } .shkj_re_about_tem_list .jobdes{ line-height: 2rem; font-size: 0.875rem; } /*message*/ .con_msg_list{ width: 100%; overflow: hidden; } .msg_btn{ border: 1px solid #01509c; color: #fff; background: #01509c; font-size: 16px; padding: 10px 50px; } .msg_btn:hover{ background: #0b83d9; border: 1px solid #0b83d9; } .con_msg_list .form-group{ position: relative; font-size: .9375rem; } .con_msg_list .form-group span{ position: absolute; right: 10px; top:18px; color: #ff000a; font-size: .875rem; } .con_msg_list input,.con_msg_list textarea{ background: #fff; border:1px solid #ccc; border-radius: 0; padding: 10px 10px; width:100%; } .con_msg_list textarea{ height: 185px; font-size: .9375rem; } .con_msg_list p{ color: #666; font-size: 14px; margin-bottom: 30px; } .con_msg_list p span{ color: #333; display: block; font-size: 24px; } .con_msg_list .textarea span{ position: absolute; right: 25px; bottom:18px; color: #ff000a; font-size: .875rem; } /*contact*/ #map{ width:100%; height:300px; border:#ccc solid 1px; font-size:14px } .shkj_re_contact_list{ } .shkj_re_contact_list .con{ border-bottom: 1px solid #e5e5e5; /* margin-bottom: 2rem; */ padding-bottom: 2rem; height: 100%; padding-top: 2rem; } .shkj_re_contact_list .con h4{ font-size: 1rem; font-weight: bold; } .shkj_re_contact_list .col-12:nth-child(1) .con h4{ color: #337fe5; } .shkj_re_contact_list .col-12:nth-child(2) .con h4{ color: #337fe5; } .shkj_re_contact_list .con>div{ font-size: 0.875rem; padding-top: 1rem; line-height: 1.5rem; } .shkj_re_contact_lux{ font-size: 0.875rem; line-height: 2rem; } /*search*/ .searchall{ width: 40%; } .form-inline .searchall .form-control{ width: 100%; border: 1px solid #292d2f; border-radius: 0; } .re_search .btn{ /*margin-left:10px;*/ background-color: #d92028; border-color: #d92028; border-radius: 0; } .pgs_sec{ padding:40px 0px 0; font-size:0.875rem; } .pgs_sec a:hover h3{ color: #d92028; } .pgs_sec li{ position: relative; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #efefef } .pgs_sec li p{ font-size: 0.875rem; padding-left: 23px; color: #666; } .pgs_sec a:hover i{ color: #d92028; } .pgs_sec li i{ font-size: 0.75rem; float: left; display: inline-block; padding-right: 0.5rem; } .pgs_sec li h3{ font-weight: bold; display: inline-block; font-size: 1rem; color: #333; padding-bottom: 10px; padding-right: 5px; } .highlight{ color: #d92028; } /*nav mobile*/ .mmenu .dropdown_menu a{ display: block; } .m_nav { position: fixed; top: 0; box-shadow: 0 15px 27px 0 rgba(167,165,165,.2); width: 200px; height: 100%; background: #fff; transition: all ease .5s; -webkit-transition: all ease .5s; z-index: 9000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77,0,.175,1) 0ms; right: 0; transform: translateX(100%) } .m_nav.open { transform: translateX(0) } .m_nav .top { height: 60px; padding: 32px 15px; box-sizing: border-box } .m_nav .top .closed { vertical-align: middle; float: right; cursor: pointer; font-size:32px; color: #000; margin-top: -18px; } .m_nav .logo { width: 100%; margin: 0 auto; display: none; } .m_nav .logo img { height: 50px; display: block; margin: 30px auto } .m_nav .ul { margin-top: 30px } .m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0ms; transition: all .6s cubic-bezier(.77,0,.175,1) 0ms; opacity: 0 } .m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .m_nav.open .ul li i{ float: right; } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77,0,.175,1) 0ms; transition: all .2s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77,0,.175,1) 0ms; transition: all .4s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0ms; transition: all .6s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0ms; transition: all .8s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1s cubic-bezier(.77,0,.175,1) 0ms; transition: all 1s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms; transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(7) { -webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms; transition: all 1.4s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(8) { -webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms; transition: all 1.6s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li:nth-child(9) { -webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms; transition: all 1.8s cubic-bezier(.77,0,.175,1) 0ms } .m_nav .ul li a { display: block; text-decoration: none; color: #333; font-size: 15px; height: 50px; line-height: 50px; width: 100% } .m_nav .ul li>a{ font-weight: bold; } .m_nav .ul li a:hover{ color: #25288d; } .m_nav .ul li .dropdown_menu { display: none; -webkit-transition: initial; transition: initial; } .m_nav .ul li.dropdown.active .dropdown_menu { display: block } .m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding-left: 10px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; font-size:0.875rem; } .m_nav .ul li .dropdown_menu a:last-child { border: 0 } .m_nav .ul li .dropdown_menu h4{ font-size: 14px; font-weight: bold; padding-left: 10px; padding-top: 10px; /*color: #007bff*/ } .m_nav .ul li .dropdown_menu .suba{ line-height: 40px; height: 40px; font-size: 14px; } .m_nav .ul li .dropdown_menu .suba i{ font-size: 14px } .shkj_header #navToggle{ display: none; } .shkj_header .shkj_lau .active .men{ opacity: 0; } .shkj_header #navToggle .men{ font-size: 28px; padding-left: 20px; margin-left: 20px; border-left: 1px solid #efefef; transition: all 0.3s; } /*media*/ @media (max-width: 1600px){ .shkj_banner .ct{ top: 38%; left: 5%; } } @media (max-width: 1440px){ .shkj_banner .ct{ top: 38%; left: 1%; } .shkj_re_newslist a .img{ height:160px; } .shkj_re_social_show a .img{ height: 240px; } .shkj_menu>li{ padding:0 8px; } } @media (max-width: 1300px){ .shkj_menu>li{ padding:0 3px; } .shkj_re_culture_tem_list .img{ height: 180px; } .shkj_re_newslist a .img{ height: 120px; } .shkj_re_social_show a .img{ height: 210px; } } @media (max-width: 1200px){ .shkj_topnav .shkj_menu{ display: none; } .shkj_header #navToggle { display: inline-block; } } @media (max-width: 1100px){ .shkj_banner .ct{ top: 30%; } .shkj_re_culture_tem_list .img{ height: 160px; } .shkj_re_social_show a .img{ height: 160px; } } @media (max-width: 960px){ .shkj_re_social_show a .img{ height: 140px; } } @media (max-width: 768px){ .shkj_banner .ct{ top: 30%; } .shkj_banner .ct1{ font-size: 30px; } .shkj_banner .ct2{ font-size: 18px } .shkj_re_atitle h2{ margin-bottom: 40px; } .shkj_re_culture_tem_list .img{ height: auto; } .shkj_re_social_show a .img{ height: auto; } .shkj_banner .bt1,.shkj_banner .bt2{ font-size: 30px; } .shkj_footer .list ul{ display: none; padding: 0px 10px 15px; } .shkj_footer .list ul li{ border-bottom: 1px solid #d4d4d4; padding: 10px 0; } .shkj_footer .list>a { margin-bottom: 10px; display: block; border-bottom: 1px solid #d4d4d4; font-size: 1.125em; padding: 10px 5px; } .shkj_footer .list>a i{ display: block; float: right; } } @media (max-width: 576px){ .shkj_banner .ct{ top: 23%; background: rgba(0, 0, 0, 0.4); padding: 10px; } .shkj_banner .ct1{ font-size: 16px; } .shkj_banner .ct2{ font-size: 12px } .shkj_area_list_con .title h4 { font-weight: bold; text-align: center; font-size: 1rem; } /*home*/ .swiper-button-prev-area, .swiper-button-next-area{ display: none; } .shkj_banner .bt1{ font-size: 18px; top:20px; } .shkj_banner .bt2 { display: none; /*font-size: 16px; top:50px;*/ } .shkj_banner .bt3{ display: none; } .shkj_title { margin-top: 35px; text-align: center; } .swiper-banner .swiper-pagination-bullet:after{ display: none; } .swiper-banner .swiper-pagination-bullet{ width: 8px; height: 8px; background: #fff; } .shkj_title h2{ font-size: 1.6rem; } .shkj_area_list_con .title{ min-height: auto; text-align: center; } .shkj_area_list_con .title p{ display: none; } .shkj_area_list { padding-bottom: 40px; } .shkj_about{ padding:0; } .shkj_about_con .cont h2{ font-size: 1.6rem; padding: 30px 0 20px; } .shkj_about_con .cont .row { padding: 30px 0; } .shkj_about_con .cont .list i{ font-size: 50px; } .shkj_about_con .cont span{ font-size: 0.875rem; } .shkj_title p { padding: 10px 0 30px; } .shkj_news_list_con .img{ } .shkj_about_bg{ height: 550px; } .tbox #gotop{ display: none; } .shkj_news_con{ padding-bottom: 30px; } .shkj_news_list_con .data { padding: 20px 0; margin-top: 20px; } .blank6{ height: 30px; } .blank8{ height: 40px; } .blank9{ height: 45px; } .shkj_logo{ height: 36px; } .shkj_lau .sec{ padding-right: 10px; } .shkj_lau .lau{ padding-left: 10px; } .shkj_header #navToggle .men{ padding-left: 10px; margin-left: 10px; } .shkj_header{ height: 60px; } .h100{ height: 60px; } .shkj_lau{ line-height: 60px; padding-left: 0; } .shkj_lau .showsec{ top: 40px; padding-top: 20px } .shkj_lau .showlau{ top: 42px; padding-top: 20px; width: 100%; left: 0; border-radius: 0; } .shkj_lau .showlau a{ line-height: 25px; font-size: 0.9375rem; } .hfixed{ height: 45px!important; } .hfixed .shkj_logo { height: 35px; margin-top: 5px; } .hfixed .shkj_lau { line-height:45px!important; } .hheight { height: 45px!important; } .hfixed .shkj_lau .showsec { padding-top: 10px!important; top: 35px; } .hfixed .shkj_lau .showlau { padding-top: 20px!important; top: 35px; } /*banner*/ .vertical-middle>div h2{ font-size: 1.5rem } .vertical-middle>div p { display: none; } /*title*/ .shkj_re_atitle{ text-align: center; } .shkj_re_atitle h2{ font-size: 1.6rem; } .shkj_re_atitle h2:after{ left: 50%; transform: translate(-50%,0); bottom: -15px; border-bottom: 3px solid #25288d; } .shkj_re_about_con { color: #444; line-height: 2rem; font-size: 0.9375rem; } .vertical-middle>div h2 { font-weight: bold; font-size: 1.25rem; } #center_atitle h2:after{ left: 50%; } /*shkj_re_cat*/ .shkj_re_cat{ border-bottom: none; } .shkj_re_catlist .cat_title{ width: 100%; padding: 15px 15px 8px; text-align: left; border-right: none; font-size: 0.9375rem; border-bottom: 1px solid #e5e5e5; } .shkj_re_catlist .cat_title i{ display: inline-block; float: right; color: #25288d; font-size: 1.2rem; } .shkj_re_catlist .cat_title.active{ color: #25288d; } .shkj_re_catlist .cat_title.active i{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .shkj_re_catlist ul{ display: none; width: 100%; } .shkj_re_catlist ul li{ display: block; } .shkj_re_catlist ul li a{ display: block; border-bottom: 1px solid #d4d4d4; padding: 8px 0; overflow: hidden; font-size: 0.9375rem; } .shkj_re_catlist ul li a.active:after{ width: 30px; bottom: 0; left: 50%; margin-left: -15px; border-bottom: 2px solid #25288d; } .shkj_re_about_tem_list .cert_title{ font-size: 0.875rem; } .shkj_re_about_tem_list { padding-bottom: 10px; padding: 5px; margin-bottom: 20px; } /*history*/ .event_list li p{ width: auto; } /*prodcut*/ .shkj_re_productlist{ padding:10px; } .shkj_re_productlist h3{ font-size: 1.3rem; } .shkj_re_productlist_pro ul li{ width: 25%; } /*news*/ .hl_title h3{ font-size: 1.5rem; } .shkj_re_newslist a .img{ height: 200px; } /*hr*/ .campus_joblist_b .list-item .list-item-title .row i{ right: 0px; font-size: 12px; } /*msg*/ .msg_btn{ width: 100%; } /*footer*/ .shkj_footer{ margin-top:0px; } .shkj_footer_con{ padding: 30px 0; } /*search*/ .searchall{ width: 100%; } .re_search .btn{ width: 100%; margin-bottom: 0.5rem; } .page-item{ margin:0; margin-bottom: 5px; } .pagination { padding: 30px 0; } .shkj_re_about_tem_list .himg{ height: auto; } .eqpic{ max-height: auto; } .socimg { height: auto; } } @media (max-width: 320px){ .shkj_logo { height: 30px; } .hfixed .shkj_logo { height: 30px; } .shkj_lau .sec { padding-right: 5px; } .shkj_lau .lau { padding-left: 5px; } .shkj_header #navToggle .men { padding-left: 5px; margin-left: 5px; } }