/* 全局设置 Start */ *{outline:none;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word} /*@font-face { font-family: 'HarmonyOS'; src: url('HarmonyOS_Sans_SC_Regular.woff') format('woff'); font-weight: normal; font-style: normal; }*/ body,html,input,textarea,select,option{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;font-family:'HarmonyOS',"微软雅黑","Times New Roman";} a{font-family:'HarmonyOS',"微软雅黑","Times New Roman";} /*body,html,input,textarea,select,option{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;font-family:"微软雅黑","Times New Roman";} a{font-family:"微软雅黑","Times New Roman";}*/ table{border-collapse:collapse;border-spacing:0;} img{border:none} h1{font-size:34px;} h2{font-size:26px;} h3{font-size:18px;} h4{font-size:16px;} h5{font-size:14px;} h6{font-size:12px;} input,label,img,th{vertical-align:middle;} .font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;} address,cite,dfn,em,var{font-style:normal;} code,kbd,pre,samp{font-family:courier new,courier,monospace;} input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;} ul,ol,li{list-style:none;} select optgroup{color:#CAC8BB;} header{ display:block} .hidden{display:none;} .invisible{visibility:hidden;} .ib,.ib-a a{display:inline-block;zoom:1;*display:inline;} .clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear,.main{display:inline-block;} * html .clear,* html .main{height:1%;} .clear,.main{display:block;} .wrapper-out{min-width:1000px} .wrapper-inner{} .layout{margin:0 auto;width:1000px;min-width:1000px; font-size:14px; line-height:30px;} .fleft{float:left} .fright{float:right} .mt12{ margin-top:12px;} .mb15{ margin-bottom:15px;} a{text-decoration:none; color:#222; -webkit-transition: all 0.5s; transition: all 0.5s; outline:none;} a:hover{text-decoration:none; color:#183db6;} p{text-decoration:none; /*-webkit-transition: all 0.5s; transition: all 0.5s;*/ outline:none; } .gray, a.gray{color:#333} .yellow,a.yellow,.yellow a{color:#f5f8fa;} .green{color:#0E774A} .red {color:#f00} .green{ color:#009933;} .blue, a.blue, a.blue:visited {color:#1CA1DA} .span1{ width:10%;} .span2{ width:20%;} .span3{ width:30%;} .span4{ width:40%;} .span5{ width:50%;} .span6{ width:60%;} .span7{ width:70%;} .span8{ width:80%;} .span9{ width:90%;} .bgGray{ background:#f4f4f4; } .bgGrayDesktop{ background:#f7f8f9; } .bgGrayApp{ background:#fff; } .visibleDesktop{ display:block;} .visibleApp{ display:none;} .visibleBoth{ display:block;} /* End 全局设置 */ /* 底部版权 */ #runjianFoot{ width:100%; min-width:1320px; height:auto; margin:0px auto; background:#1a2d6a; } .runjianFoot{ width:1320px; margin:0px auto; padding:0px 0px; color:#f4f4f4; } .runjianFoot .commoBlock{ width:100%; height:auto; margin:0px auto; padding:20px 0px; display:block; overflow:hidden; } .runjianFoot .commoBlock .qrCode{ width:auto; float:left;} .runjianFoot .commoBlock .qrCode .img{ width:auto; float:left;} .runjianFoot .commoBlock .qrCode .img img{ width:56px; height:56px;} .runjianFoot .commoBlock .qrCode .text{ width:auto; float:left; margin-top:32px; margin-left:10px; font-size:14px; } .runjianFoot .commoBlock .qrCode .text b, .runjianFoot .commoBlock .qrCode .text strong{ font-size:18px; font-weight:bold; } .runjianFoot .commoBlock .qrCode .text span{} .runjianFoot .commoBlock .fastLink{ width:auto; float:right; margin-top:42px; } .runjianFoot .commoBlock .fastLink ul{ width:auto; float:right; } .runjianFoot .commoBlock .fastLink ul li{ width:auto; padding:0px 5px; float:left;} .runjianFoot .commoBlock .fastLink ul li a{ color:#f4f4f4;} .runjianFoot .commoBlock .fastLink ul li a:hover{ color:#fff; text-decoration:underline; } .runjianFoot .commoBlock .fastLink ul li span{} .runjianFoot .commoBlock .language{ width:auto; float:left;} .runjianFoot .commoBlock .language ul{ width:auto; float:left; } .runjianFoot .commoBlock .language ul li{ width:auto; padding:0px 5px; float:left;} .runjianFoot .commoBlock .language ul li a{ color:#f5f8fa;} .runjianFoot .commoBlock .language ul li a:hover{ color:#fff; text-decoration:underline;} .runjianFoot .commoBlock .language ul li span{} .runjianFoot .commoBlock .language ul li{ text-indent:10px; padding:0; } .runjianFoot .commoBlock .language ul li:nth-child(1){ text-indent:0px; } .runjianFoot .commoBlock .copyright{ width:auto; float:right; } .runjianFoot .commoBlock .copyright span{ margin-left:10px; } .runjianFoot .commoBlock .copyright p{ display:none;} .runjianFoot .commoBlock .copyright span a{ color:#fff; } .runjianFoot .commoBlock .copyright span img{ height:14px; vertical-align: sub;} .runjianFoot .commoBlockLine{ border-top: 1px solid #6b79a6; } .runjianFoot2{ display:block;} .runjianFoot2 .runjianFoot{ width:100%; height:auto; margin:0px auto; min-width:1320px; color:#9a9b9f; } .runjianFoot2 .runjianFoot{ width:1320px; height:auto; margin:0px auto;line-height:24px; overflow:hidden; } .runjianFoot2 .runjianFoot .footerUp{ width:100%; height:auto; margin:30px auto; overflow:hidden; clear:both; } .runjianFoot2 .runjianFoot .footerUp dl{ width:150px; float:left; line-height:30px;} .runjianFoot2 .runjianFoot .footerUp dl dt .iconfont{ display:none;} .runjianFoot2 .runjianFoot .footerUp dl dt{ font-weight:bold; font-size:14px; padding:10px 0px; } .runjianFoot2 .runjianFoot .footerUp dl dt a{ color:#ddd;} .runjianFoot2 .runjianFoot .footerUp dl dd{} .runjianFoot2 .runjianFoot .footerUp dl dd a{ color:#9a9b9f;} .runjianFoot2 .runjianFoot .footerUp dl dd a.yellow{color:#FC0;} .runjianFoot2 .runjianFoot .footerUp .wechat{ float:right; text-align:center; } .runjianFoot2 .runjianFoot .footerDown{ width:100%; height:auto; margin:0px auto; border-top:1px solid #535562; padding:20px 0px; text-align:center;} .runjianFoot2 .runjianFoot .footerDown .flink{ padding:0px 0px 10px 0px;} .runjianFoot2 .runjianFoot .footerDown .flink ul{} .runjianFoot2 .runjianFoot .footerDown .flink ul li{ width:auto; display:inline-block; margin:0px 20px 0px 0px; } .runjianFoot2 .runjianFoot .footerDown .flink ul li a{ color:#9a9b9f;} .runjianFoot2 .runjianFoot .footerDown .flink ul li a:hover{ color:#fff; } .runjianFoot2 .runjianFoot .footerDown a{color:#9a9b9f;} .runjianFoot2 .runjianFoot .footerDown p{ display:inline-block; } .runjianFoot2 .runjianFoot .footerDown p.lang, .runjianFoot2 .runjianFoot .footerDown p.lang a{} .runjianFoot2 .runjianFoot .footerDown img{ vertical-align:sub;} .runjianFoot2 .runjianFoot .footerDown .language{ width:auto; float:none; display: inline-block; vertical-align: bottom;} .runjianFoot2 .runjianFoot .footerDown .language ul{ width:auto; float:left; } .runjianFoot2 .runjianFoot .footerDown .language ul li{ width:auto; padding:0px 5px; float:left;} .runjianFoot2 .runjianFoot .footerDown .language ul li a{ color:#f5f8fa;} .runjianFoot2 .runjianFoot .footerDown .language ul li a:hover{ color:#fff; text-decoration:underline;} .runjianFoot2 .runjianFoot .footerDown .language ul li span{} .runjianFoot2 .runjianFoot .footerDown .language ul li{ text-indent:10px; padding:0; } .runjianFoot2 .runjianFoot .footerDown .language ul li:nth-child(1){ text-indent:0px; } /* Top */ #runjianTop{ width:100%; min-width:1320px; height:auto; margin:0px auto; background:#1a2d6a; padding:5px 0px; overflow:hidden; } .runjianTop{ width:1320px; margin:0px auto; padding:0px 0px;} .runjianTop .topLeft{ font-size:12px; width:30%; height:24px; float:left; overflow:hidden;} .runjianTop .topRight{ font-size:12px; width:70%; height:24px; float:left; overflow:hidden; line-height:24px;} .runjianTop .topRight ul{ width:auto; float:right;} .runjianTop .topRight ul li{ width:auto; padding:0px 10px; float:left; color:#abb5d3;} .runjianTop .topRight ul li a{ color:#fff;} .runjianTop .topRight ul li a:hover{ text-decoration:underline; } .runjianTop .topRight ul li>a{ padding:0px 5px;} .runjianTop .topRight ul li span{ padding:0px 6px; color:#f5f8fa;} .runjianTop .topRight ul li span>a{ color:#f5f8fa;} /* Header */ #header { width:100%; min-width:1320px; height:82px; margin:0px auto; /*overflow:hidden; position:absolute;*/ z-index:9999; /*display:inline;*/ position:relative;} .header { width:1320px; height:82px; margin:0px auto; z-index:9999; /*border-bottom:1px solid #1d3b7b; */} .header .headLogo { width:auto; float:left; padding-top:14px; } .header .headLogo .logo{ float:left; } .header .headLogo .logo img{ height:55px; } .language{ float:left; color:#f5f8fa; cursor:pointer;} .language ul{} .language ul li{ text-indent:10px; padding:0; } .language ul li:nth-child(1){ text-indent:0px; } .language .name{ position:relative; } .language .name em{ font-size:8px; padding-left:4px; color:#f5f8fa;} .language .keywords{ position:absolute; display:none; background:#303848; width:70px; text-indent:10px; margin-top:10px; } .language .keywords a{ color:#f5f8fa; clear:both; display:block; line-height:32px; } .nav-bg{ background:#303848;} /* 导航 */ .nav { height:auto; width:auto; float:right; line-height:42x; font-size:14px; padding-top:20px;} .nav ul { height:100%; width:auto; font-family:"微软雅黑"; margin:0 auto;} .nav ul li { height:100%; float:left;text-align:center; position:relative; display:block; } .nav ul li a{ width:100%; display:block; color:#000;} .nav ul li.actived a{ color:#183db6; border-bottom:3px solid #183db6;} .nav ul li.actived li a{ color:#000; } .nav ul li.actived li a:hover{ text-decoration:underline;} .nav ul li ul.navTwo{ z-index:999999!important;} /* 导航自适应 */ .navAuto ul, .navAuto ul li, .navAuto ul li a, .navAuto .menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .navAuto .menu-button {display: none;} .navAuto {width: auto;font-family:'Open Sans', sans-serif;line-height: 1; } .navAuto .menu-line {position: absolute;top: 36px;left: 0;height: 3px; -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .navAuto > ul > li {float: left; padding-bottom: 18px; margin:0px 30px;} .navAuto > ul > li.on a{ color:#000;} .navAuto > ul > li > a { border-bottom:3px solid #fff; padding: 15px 0px; font-size: 16px;text-decoration: none; color: #000;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;} .navAuto > ul > li:hover > a, .navAuto > ul > li.active > a {color: #183db6;} .navAuto > ul > li.has-sub:hover > a::after {border-color: #183db6;} .navAuto ul ul {position: absolute;left: -9999px;} .navAuto ul ul ul {margin-left: 100%;top: 0;} .navAuto ul ul{ width:120px; margin-top: 4px; } .navAuto ul ul li {padding:0px 0px; width:100%; z-index:99999; border-radius:0px;} .navAuto ul ul > li{ padding:10px 0px; background:#303848; display:inline-block; height:auto;} .navAuto ul ul li a { width:100%; height:100%; display:block; padding:10px 0px; font-size: 12px; color:#fff; overflow: hidden;} .navAuto ul ul li.actived{ background:#4c5361;} .navAuto ul ul li.actived a, .navAuto ul ul li:hover > a, .navAuto ul ul li a:hover {color: #183db6;} /* 导航 - 产品与服务 */ .navAuto ul li.productNav ul{ width:180px; min-height:300px; margin-left:-30px; background:#303848; position:absolute; } .navAuto ul li.productNav ul>li{ text-align:left; text-indent:20px;} .navAuto ul li.productNav ul>li{ padding:10px 0px; background:none; height:auto;} .navAuto ul li.productNav ul li.actived{ background:#4c5361;} .navAuto ul li.productNav ul>li>a>em{width:12px; height:12px; display:inline-block; vertical-align:middle; background:url(../images/liStylePrev.png) no-repeat center; float:left; width:10%; padding-left:15px;} .navAuto ul li.productNav ul>li>a>span{ display:inline-block; vertical-align:middle; color:#fff; float:left; width:68%; text-align:left; text-indent:0px; font-size:14px; } .navAuto ul li.productNav ul>li>a>b{ width:12px; height:16px; display:inline-block; margin-right:0px; float:right; vertical-align:middle;} .navAuto ul li.productNav ul li.actived>a>span{ color:#183db6;} .navAuto ul li.productNav ul>li:hover>a>b, .navAuto ul li.productNav ul>li.actived>a>b{ background:url(../images/liStyleBlack.png) no-repeat center;} .navAuto ul li.productNav ul>li:hover>a>em, .navAuto ul li.productNav ul>li.actived>a>em{ background:url(../images/liStylePrev.png) no-repeat center;} .navAuto ul li.productNav ul>li.navTwoList{ left:180px; padding:0px; position:absolute; margin-left:0; padding-left:0 } .navAuto ul li.productNav ul>li.navTwoList .twoListBox{ text-indent:20px; min-height:300px; background:#37435c;} /* 导航 - 产品与服务 - 子分类 */ .navAuto ul ul li.navTwoList{ position:absolute; margin-left:120px; padding:0;} .navAuto ul ul li.navTwoList .twoListBox{ width:180px; height:100%; display:none; background:#303848; color:#fff; } .navAuto ul ul li.navTwoList .twoListBox p{ } .navAuto ul ul li.navTwoList .twoListBox p a{line-height:auto; height:auto; padding:12px 0px; color:#97989c;} .navAuto ul ul li.navTwoList .twoListBox p.actived, .navAuto ul ul li.navTwoList .twoListBox p:hover{ background:#4c5361;} .navAuto ul ul li.navTwoList .twoListBox p.actived a, .navAuto ul ul li.navTwoList .twoListBox p:hover a{ color:#fff;} /* 二级横向子菜单 */ .hoverSubNav{ width:100%; height:50px; margin:0px auto; padding:0px 0px; position:absolute; background:#fff; color:#000; width:100%; line-height:44px; height:44px; float:left; border-top: 1px solid #ddd; display:none; -webkit-transition: all 0.5s; transition: all 0.5s; } .hoverSubNav > ul{ margin:0px auto; text-align:center; clear:both;} .hoverSubNav > ul li{ padding:0px 20px; display:inline; } .hoverSubNav > ul li a{ font-size:14px;} .hoverSubNav > ul li a:hover{ text-decoration:underline;} .hoverSubNav > ul .title{ color:#000;} .hoverSubNav > ul .line{ color:#999; font-size:12px;} .hoverSubNav > ul .sub{ color:#000;} .hoverSubNav > ul li.actived{} .hoverSubNav > ul li.actived a{ color:#183db6; } .hoverSubNav > ul li.navTwoList{ display:none;} .hoverSubNavOn{ display:block;} /* 二级横向子菜单 */ #NavSub{ width:100%; min-width:1320px; height:auto; margin:0px auto; background:#fff; border-top:1px solid #ddd; overflow:hidden; } .NavSub{ width:1320px; margin:0px auto; padding:0px 0px; color:#f4f4f4; } .NavSub .subUl{ width:100%; line-height:44px; height:44px; } .NavSub .subUl ul{ margin:0px auto; text-align:center; clear:both;} .NavSub .subUl ul li{ padding:0px 10px; display:inline; } .NavSub .subUl ul li a{ font-size:14px;} .NavSub .subUl ul .title{ color:#000;} .NavSub .subUl ul .line{ color:#999; font-size:12px;} .NavSub .subUl ul .sub{ color:#000;} .NavSub .subUl ul li.actived{} .NavSub .subUl ul li.actived a{ color:#183db6; } @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { .navAuto {width: 100%; padding-top:0px; background: #fff;} .navAuto .menu-button{ background:url(../images/logo.png) 6px 15px no-repeat; background-size:120px;} .navAuto ul {width: 100%;display: none;} .navAuto.align-center > ul,.navAuto.align-right ul ul {text-align: left;} .navAuto ul li,.navAuto ul ul li,.navAuto ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(200, 200, 200, 0.15);background: #fff;} .navAuto ul li a,.navAuto ul ul li a {width: 100%; text-align:left; text-indent:20px; } .navAuto > ul > li, .navAuto.align-center > ul > li, .navAuto.align-right > ul > li {float: none;display: block; padding-bottom:0;} .navAuto > ul > li > a{ border-bottom:none;} .navAuto > ul > li{ margin:0;} .nav ul li.actived a{ border-bottom:none;} .nav ul li ul li a{background: url(../images/liStylePrev.png) no-repeat 30px center;} .nav ul li.actived a{} .navAuto ul li.productNav ul>li>a>em{ background:none; } .navAuto ul li.productNav ul > li > a > em{ background:none;} .navAuto ul li.productNav ul > li:hover > a > em, .navAuto ul li.productNav ul > li.actived > a > em{ background:none;} .navAuto ul ul li.navTwoList .twoListBox p a{ background:none;} .navAuto ul ul li a {padding: 6px 10px 6px 20px;font-size: 16px;color: #333;background: none;} .navAuto ul ul li:hover > a,.navAuto ul ul li a:hover {color: #333;} .navAuto ul ul ul li a {padding-left: 40px;} .navAuto ul ul,.navAuto ul ul ul {position: relative;left: 0;right: auto;width: 100%;margin: 0;} .navAuto > ul > li.has-sub > a::after,.navAuto ul ul li.has-sub > a::after {display: none;} .navAuto .menu-button {display: block;padding: 25px;color: #1a2d6a;cursor: pointer;font-size: 12px;text-transform: uppercase;box-shadow: 2px 0px 10px rgba(0,0,0,0.2); height: 70px; -webkit-transition: all 0.5s; transition: all 0.5s; } .navAuto .menu-button::after { -webkit-transition: all 0.5s; transition: all 0.5s;content: '';position: absolute;top: 40px;right: 10px;display: block;width: 15px;height: 2px;background: #1a2d6a;} .navAuto .menu-button::before {-webkit-transition: all 0.5s; transition: all 0.5s; content: '';position: absolute;top: 30px;right: 10px;display: block;width: 15px;height: 3px;border-top: 2px solid #1a2d6a;border-bottom: 2px solid #1a2d6a;} .navAuto .submenu-button {-webkit-transition: all 0.5s; transition: all 0.5s; position: absolute;z-index: 10;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 44px;width: 44px;cursor: pointer;} .navAuto .submenu-button::after {-webkit-transition: all 0.5s; transition: all 0.5s; content: '';position: absolute;top: 17px;left: 22px;display: block;width: 1px;height: 11px;background: #1a2d6a;z-index: 99;} .navAuto .submenu-button::before {-webkit-transition: all 0.5s; transition: all 0.5s; content: '';position: absolute;top: 22px;left: 17px;display: block;width: 11px;height: 1px;background: #1a2d6a;z-index: 99;} .navAuto .submenu-button.submenu-opened:after {-webkit-transition: all 0.5s; transition: all 0.5s; display: none;} .navAuto .menu-opened::after{ width:16px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(45deg); top:36px; } .navAuto .menu-opened::before{ width:16px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(-45deg); border-bottom:none; top: 36px; } .navAuto .menuBG{ background:#fff;} .navAuto .menu-line {display: none;} .navTwo{ overflow:hidden;} .navAuto ul li.sa-nav a{ text-indent:32px;} .navAuto > ul > li:hover > a, .navAuto > ul > li.active > a{ color:#000; } .navAuto ul ul li{ background:#fff;} .navAuto ul ul li.actived{ background:#fff;} .navAuto ul ul li.actived a, .navAuto ul ul li:hover > a, .navAuto ul ul li a:hover{ color:#000;} .navAuto ul li.productNav ul{ width:100%; margin-left:0; position:static; background:#fff; color:#000; } .navAuto ul li.productNav ul > li{ text-indent:20px; width:55%; } .navAuto ul li.productNav ul > li a{text-indent:20px;} .navAuto ul li.productNav ul > li.navTwoList{ width:45%; left:55%;} .navAuto ul li.productNav ul > li > a > span{ color:#000;} .navAuto ul li.productNav ul li.actived, .navAuto ul li.productNav ul > li.navTwoList .twoListBox{ background:#fafafa; } .navAuto ul ul li.navTwoList .twoListBox{ width:auto;} } /* 通用模块 */ /* banner Start */ .banner { height:380px; width:100%; min-width:1320px; margin:0 auto; background:#1d3b7b; overflow: hidden;} .banner { height:380px; width:100%; min-width:1320px; position:relative; } .banner .slides{width:100%; height:380px; position:relative; z-index:1; overflow:hidden;} .banner .slides li{width:100%; height:100%;} .banner .slides li a{ width:100%; height:100%; display:block;} .banner .slides a:hover{ text-decoration:none;} .banner .slides li .textBox { width:100%; height:30px; padding-bottom:0px; position:absolute; bottom:20px; margin:0px auto; } .banner .slides li .textBox .text { height:100%; width:1000px;min-width:1000px; /*background-color:rgba(0,0,0,0.6);*/ color:#fff; line-height:30px; text-align:center; margin:0px auto;} .banner .slides li .textBox .text a{ color:#fff; background:#000; padding:4px;} .banner .slides li .textBox .text a span{ padding:4px;} .banner .slides li .textBox .text a span:hover{ background:#000; } .banner .flex-direction-nav{position:absolute;z-index:3;width:100%;top:calc( 50% - 40px );} .banner .flex-direction-nav li a{display:block;width:30px;height:80px;overflow:hidden;cursor:pointer;position:absolute;} .banner .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) left top no-repeat;} .banner .flex-direction-nav li a.flex-next{right:40px;background:url(../images/prev.png) right top no-repeat;} .banner .flex-direction-nav li a.flex-prev:hover{ background:url(../images/prev.png) left bottom no-repeat;} .banner .flex-direction-nav li a.flex-next:hover{ background:url(../images/prev.png) right bottom no-repeat;} .banner .flex-control-nav{position:relative;bottom:22px; z-index:2;width:100%;text-align:center;} .banner .flex-control-nav li{display:inline-block;width:60px;height:14px;margin:0 5px;*display:inline;zoom:1;} .banner .flex-control-nav a{display:inline-block;width:60px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .banner .flex-control-nav .flex-active{background-position:0 0;} .bannerPC{ display:block!important;} .bannerMobile{ display:none!important;} /* 无缝滚动 */ .wrapScroll{ position: relative; overflow: hidden;} .wrapScroll ul{ overflow: hidden; position:absolute; width: 1600px; left: 0; top: 0; _height:1px;} /* 整块 */ .blockPadding{ padding:50px 0px;} .blockArea{ width:100%; min-width:1320px; height:auto; margin:0px auto 0px auto; overflow:hidden;} .blockArea .subjectBig{ width:100%; margin:0px auto; overflow:hidden; } .blockArea .subjectBig .title{ font-size:28px; color:#333; text-align:center; font-weight:normal; padding:15px 0px;} .blockArea .subjectBig .titleSub{font-size:16px; color:#a9a9a9; text-align:center; font-weight:normal; background:url(../images/titleSubBg.png) no-repeat center; padding-bottom:15px; } .blockArea .subjectBig .titleSub span{ background:#fff; padding:0px 0px;} .bgGray .subjectBig .titleSub span{ background:#f4f4f4; padding:0px 20px;} .blockArea .subjectBig .description{ width:60%; margin:20px auto; text-align:center; color:#666; } .blockArea .subjectBig h4{ width:100%; text-align:center; font-size:24px; font-weight:normal; color:#183db6; } .blockArea .container{ text-align:center; padding:20px 0px;} .blockArea .container .bigImg{ width:auto; max-width:100%;} /* 内容块 */ .blockMain{ width:1320px; min-width:1320px; margin:0px auto; padding:0px 0px;} .blockMain .subjectRunjian{} .blockMain .subjectRunjian .subject{ text-align:left; margin:40px 0px;} .blockMain .subjectRunjian .subject b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .blockMain .subjectRunjian .subject p{ width:1000px; float:right; font-size:16px; line-height:200%; } .blockMain .subjectRunjian .subjectRed b{ background:url(../images/logo_rjgf2.png) 0px 0px no-repeat;} .blockMain .subjectRunjian .subject span{ font-size:26px; line-height:26px; vertical-align: top;} .blockMain .descriptionRunjian{ font-size:16px; } .blockMain .descriptionRunjian p{ line-height:26px; text-indent:2em; padding:4px 0px; } .blockMain .descriptionRunjian img{ max-width:100%;} .blockMain .descriptionRunjian #aboutBanner{ width:400px; height:280px; float:left; overflow:hidden;} .blockMain .descriptionRunjian #aboutBanner .aboutBanner{ width:400px; height:280px; min-width:100%; overflow:hidden;} .blockMain .descriptionRunjian #aboutBanner .banner{ min-width:inherit;} .blockMain .descriptionRunjian #aboutBanner .banner .slides{ height:280px;} .blockMain .descriptionRunjian #aboutBanner .banner .slides li .textBox .text{ min-width:inherit; width:100%;} .blockMain .descriptionRunjian .description{ width:760px; float:right;} .blockMain .recommend #hrCulBanner{ width:400px; height:308px; float:left; overflow:hidden;} .blockMain .recommend .hrCulBanner{ width:400px; height:308px; min-width:100%; overflow:hidden;} .blockMain .recommend #hrCulBanner .banner{ min-width:100%;} .blockMain .recommend #hrCulBanner .banner .slides{ height:308px;} .blockMain .recommend #hrCulBanner .banner .slides li .textBox .text{ min-width:inherit; width:100%;} /* 常规动画 */ .anim{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .animBlock:hover{ border-color: rgba(244,69,52,0.7); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0px 0px 16px rgba(0,0,0,.1); } /* 阅读更多图标动画 */ .readMore em{ transition: all 0.2s; font-family:"宋体"; } .readMore:hover em{ padding-left:15px!important; -webkit-transform: translate3d(4px,0,0); transform: translate3d(4px,0,0); } /* 公共样式 Start */ /* 公共样式 - 查看更多按钮 */ .btnViewMore{ width:auto; margin:0px auto; display:block; margin-top:20px; clear:both; text-align:center; } .btnViewMore a{ padding:10px 12px; border-radius:5px; color:#fff; font-size:14px; display: inline-block; background:#183db6; } .btnViewMore a:hover{ background:#1a2d6a;} .btnViewMore a strong{ font-weight:normal; font-family:"宋体"; padding-left:4px; } .btnViewMore a em{width: 16px;height: 16px; display: inline-block; vertical-align: middle; background:url(../images/icon-link2.png) center no-repeat; } /* 公共样式 - 当前位置 */ #webSite{ width:100%; min-width:1320px; height:auto; margin:0px auto; background:#fff; padding:5px 0px; overflow:hidden; padding-top:20px; } .webSite{ width:1320px; margin:0px auto; padding:0px 0px; height:30px; overflow:hidden;} .webSite .title{ width:auto; position:absolute; height:30px; line-height:30px; font-size:14px; } .webSite .title i{ float:left; padding:0px 4px; font-size:12px; line-height: 32px;} .webSite .title span{ float:left;} .webSite .title em{ float:left;} .webSite .title em i{ font-size:12px} .webSite .title .icon-home{ font-size:16px} /* End 公共样式 */ #runjianBanner { height:380px; width:100%; min-width:1320px; margin:0 auto; background:#1d3b7b; overflow: hidden;} .runjianBanner { height:380px; width:100%; min-width:1320px; position:relative; } #indexAd { height:380px; width:100%; min-width:1320px; margin:0 auto; background:#1d3b7b; overflow: hidden;} .indexAd { height:380px; width:100%; min-width:1320px; position:relative; } #runjianBannerCate { height:270px; width:100%; min-width:1320px; margin:0 auto; background:#1d3b7b; overflow: hidden;} .runjianBannerCate { height:270px; width:100%; position:relative; } .runjianBannerCate .slides{width:100%; height:270px; position:relative; z-index:1; overflow:hidden;} .runjianBannerCate .slides li{width:100%; height:100%;} .runjianBannerCate .slides li a{ width:100%; height:100%; display:block;} .runjianBannerCate .slides a:hover{ text-decoration:none;} .runjianBannerCate .slides li .textBox { width:100%; height:30px; padding-bottom:0px; bottom:20px; margin:0px auto; } .runjianBannerCate .slides li .textBox .text { height:100%; color:#fff; line-height:30px; text-align:center; margin:0px auto; padding-top:80px; text-align:center; } .runjianBannerCate .slides li .textBox .text h3{ font-weight:normal; font-size:36px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .runjianBannerCate .slides li .textBox .text .hr{ width:560px; height:10px; border-bottom:1px solid #fff; margin:24px auto; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .runjianBannerCate .slides li .textBox .text span{ font-size:16px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .runjianBannerCate .slides li a:hover .textBox .text h3{ color:#aaa;} .runjianBannerCate .slides li a:hover .textBox .text .hr{ border-bottom:1px solid #aaa;} .runjianBannerCate .slides li a:hover .textBox .text span{ color:#aaa;} /* 中标新闻 */ #runjianNotice{ width:100%; min-width:1320px; height:auto; margin:0px auto; background:#f4f4f4; padding:5px 0px; overflow:hidden; } .runjianNotice{ width:1320px; margin:0px auto; padding:0px 0px;} .runjianNotice .notice{ font-size:16px; width:100%; height:30px; overflow:hidden;} .runjianNotice .notice .title{ width:120px; position:absolute; height:30px; line-height:30px; color:#183db6; } .runjianNotice .notice .title i{} .runjianNotice .notice .title span{} .runjianNotice .notice .list{ float:left; margin-left:120px; } .runjianNotice .notice .list ul{} .runjianNotice .notice .list ul li{} .runjianNotice .notice .list ul{ width:auto; height:30px; overflow:hidden; /*margin-left:84px; position:relative;*/ height:30px; } .runjianNotice .notice .list ul li{ height:30px; width:100%; overflow:hidden; height:100%; overflow:hidden; line-height:30px; font-size:16px; float:left;} .runjianNotice .notice .list ul li a{ color:#333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;} .runjianNotice .notice .list ul li a b{ font-weight:normal; } .runjianNotice .notice .list ul li a span{ font-size:14px; padding-left:30px; } /* 产品与服务 */ #runjianProduct{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; overflow:hidden; } .runjianProduct{ width:1320px; margin:0px auto; padding:0px 0px;} .runjianProduct .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .runjianProduct .subject h3{ width:100%; overflow:hidden; padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .runjianProduct .subject h4{ width:100%; overflow:hidden; font-size:16px; font-weight:normal; color:#999; margin-bottom:30px;} .runjianProduct .list{} .runjianProduct .list ul{} .runjianProduct .list ul li{ width:50%; height:220px; float:left; margin-top:20px; overflow:hidden; margin-bottom:20px; } .runjianProduct .list ul li .item{ width:650px; height:100%; position:relative; overflow:hidden; } .runjianProduct .list ul li .cont{ padding:30px 30px 0px 30px; position:absolute; color:#fff; z-index:999; bottom:0px;-webkit-transition: all 0.5s; transition: all 0.5s; cursor:pointer; } .runjianProduct .list ul li .cont h3{ width:auto; display:inline-block; font-size:18px; padding-bottom:15px; border-bottom:3px solid #fff; } .runjianProduct .list ul li .cont p{ font-size:14px; margin-top:15px; line-height:150%; } .runjianProduct .list ul li .cont .more{opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; line-height:150%; font-size:14px; padding-top:20px;} .runjianProduct .list ul li .cont .more span{} .runjianProduct .list ul li .cont .more em{ color:#d20b07; font-style:normal; font-weight:bold; padding-left:10px; } .runjianProduct .list ul li .face{ width:100%; height:100%; background:rgba(0,0,0,0); position:absolute;} .runjianProduct .list ul li img{float: left; -webkit-transition: all 0.5s; transition: all 0.5s; width:100%; height:240px; position: relative;} .runjianProduct .list ul li:nth-child(2n+1) a{ float:left;} .runjianProduct .list ul li:nth-child(2n) a{ float:right;} .runjianProduct .list ul li:hover .face{ background:url(../images/maskProduct.png) repeat-x bottom; z-index:99;} .runjianProduct .list ul li:hover .cont{ bottom:50px;} .runjianProduct .list ul li:hover .cont .more{ visibility: visible; opacity: 1;} .runjianProduct .list ul li:hover img{ transform: scale(1.05); } .runjianProduct .w-accor6{ overflow:hidden;} .w-accor{ overflow:hidden; position:relative;} .w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;} .w-accor ul{ width:101%;} .w-accor li{ position:relative; overflow:hidden;float:left; height:460px;} .accorClick li{ cursor:pointer;} .w-accor li .item{ position:relative;} .w-accor li > a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;} .w-accor h3{ font-size:125%; margin:0; padding:0; font-weight:normal;} .w-accor .acr_p{ margin-top:60px; } .w-accor .acr_p h5{ font-size:16px; margin:10px 0px 6px 0px;} .w-accor .acr_p p{} .w-accor .acr_p p i{ color:#183db6; } .w-accor .acr_p p b{ font-size:16px; font-weight:normal; } .w-accor .acr_p p span{ font-size:14px; color:#ddd; } .w-accor a { color:#fff; } .w-accor6 li img{ max-width:100%; height:100%;} .w-accor6 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;} .w-accor6 li h3{ text-align:center; line-height:1.5; position:absolute; z-index:1; left:0; right:0; padding:0.5em 0.5em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);transition:all 0.5s; -webkit-transition:all 0.5s; font-size:20px;} .w-accor6 li h4{ text-align:center; line-height:1.5; position:absolute; z-index:1; left:0; right:0; padding:0.5em 0.5em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);transition:all 0.5s; -webkit-transition:all 0.5s; font-size:16px; font-weight: normal; display:none;} /*:root .w-accor4 li h3{ top:50%;}*/ .w-accor6 li .dec_ar{ line-height:1.7; max-height:100%; max-height:calc(100% - 7em); overflow:hidden; position:absolute; z-index:1; left:40px; right:40px;top:50%; top:10%\9; *top:10%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s; } /*:root .w-accor6 li .dec_ar{ top:50%;}*/ .w-accor6 li .i_img{ text-align:center; margin-bottom:1em;} .w-accor6 li .i_img img{ max-width:80%; max-height:80px;} .w-accor6 li.cur .cont_ar:before, .w-accor6 li.cur .cont_ar:after{ height:3em;} .w-accor6 li.cur h3{ transform:translateY(0); -webkit-transform:translateY(0);} .w-accor6 li.cur h4{ transform:translateY(0); -webkit-transform:translateY(0);} .w-accor6 li.cur h3.h_1{ top:20px;} .w-accor6 li.cur h4.h_2{ display:block; top:60px; } .w-accor6 li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;} .w-accor6 li .img_ar{ position:relative;} .w-accor6 li.cur .item .face{ position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,0.7);} @media (max-width:960px){ .w-accor h3{ font-size:110%;} .w-accor6 li .img_ar img{ height:100%; max-width:inherit;} } @media (max-width:767px){ .w-accor6 li .dec_ar{ left:20px; right:20px;} } @media (max-width:640px){ .w-accor{ height:auto !important;} } @media (max-width:480px){ .w-accor6 li{ height:400px;} .w-accor6 li .item{ height:400px;} .w-accor6 li.cur h3.h_1{ top:10px;} .w-accor6 li.cur h4.h_2{ display:block; top:45px; } .w-accor6 li .dec_ar{ left:5px; right:5px; max-height:calc(100% - 2em);} .w-accor6 li h3{ font-size:16px;} .w-accor6 li h4{ font-size:12px;} .w-accor6 li.cur .cont_ar:after{ height:100%;} .w-accor .acr_p h5{ font-size:12px; margin:10px 0px 6px 0px;} .w-accor .acr_p p{ line-height:18px; } .w-accor .acr_p p i{ color:#183db6; } .w-accor .acr_p p b{ font-size:12px; font-weight:normal; } .w-accor .acr_p p span{ font-size:12px; color:#ddd; } .w-accor6 li .img_ar{} .w-accor6 li .i_img img{ max-height:3em;} } /* 新闻与活动 */ #runjianNews{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; /*background:#f4f4f4;*/ overflow:hidden; } .runjianNews{ width:1320px; margin:0px auto; padding:0px 0px;} .runjianNews .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .runjianNews .subject h3{ width:100%; overflow:hidden; padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .runjianNews .subject h4{ width:100%; overflow:hidden; font-size:16px; font-weight:normal; color:#999; margin-bottom:30px;} .runjianNews .newsLeft .box, .runjianNews .newsMid .box{ height:400px;/* overflow:hidden;*/} .runjianNews .newsRight .box{ height:397px; overflow:hidden;} .runjianNews .newsLeft{ width:380px; height:auto; float:left; } .runjianNews .newsLeft .img{ width:100%; height:230px; overflow:hidden;} .runjianNews .newsLeft .img a{} .runjianNews .newsLeft .img a img{ width:100%; height:230px;} .runjianNews .newsLeft .img a img{float: left; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .runjianNews .newsLeft .cont{ /*width:100%;*/ height:110px; overflow:hidden; padding:10px; } .runjianNews .newsLeft .cont h3{ font-size:16px; font-weight:bold; padding:18px 0px; line-height:150%; } .runjianNews .newsLeft .cont h3 a{ } .runjianNews .newsLeft .cont p{ font-size:12px; color:#777; line-height:20px; height:60px;} .runjianNews .newsLeft .more{ width:100%; height:auto; margin:0px auto; padding:0px 0px; overflow:hidden; } .runjianNews .newsLeft .more a{ width:auto; height:auto; color:#1a2d6a; font-size:14px;} .runjianNews .newsLeft .more a em{ padding-left:5px;} .runjianNews .newsLeft:hover .img a img{ transform: scale(1.05);} .runjianNews .newsLeft:hover .cont h3 a{ color:#183db6;;} .runjianNews .newsMid{ width:440px; height:auto; float:left; margin-left:30px; background:url(../images/newsLine.png) right top repeat-y; padding-right:30px;} .runjianNews .newsMid .list{ width:100%; } .runjianNews .newsMid .list ul{ width:100%; } .runjianNews .newsMid .list ul li{ /*width:100%;*/ height:auto; overflow:hidden; float:left; margin-bottom:10px; padding:10px; } .runjianNews .newsMid .list ul li a{} .runjianNews .newsMid .list ul li a h3{ font-size:16px; font-weight:normal; padding:0px 0px 10px 0px; line-height:150%; text-indent:24px; background:url(../images/newsIcon.png) 0px 6px no-repeat; } .runjianNews .newsMid .list ul li a p{ font-size:12px; color:#777; line-height:20px; height:40px; overflow:hidden;} /*.runjianNews .newsMid .list ul li:nth-child(2n+1) a{ width:96%; display:inline-block; } .runjianNews .newsMid .list ul li:nth-child(2n) a{ width:96%; display:inline-block; float:right; }*/ .runjianNews .newsMid .more{ width:100%; height:auto; margin:0px auto; padding:0px 0px; overflow:hidden; } .runjianNews .newsMid .more a{ width:auto; height:auto; color:#1a2d6a; font-size:14px;} .runjianNews .newsMid .more a em{ padding-left:5px;} .runjianNews .newsRight{ width:380px; height:auto; float:right; } .runjianNews .newsRight .list{ border-top:3px solid #1a2d6a;} .runjianNews .newsRight .list ul{ width:100%; height:auto; margin-top:10px; } .runjianNews .newsRight .list ul li{ border-bottom: 1px solid #ddd; padding-bottom:30px;} .runjianNews .newsRight .list ul li a{} .runjianNews .newsRight .list ul li a h3{ font-size:16px; font-weight:normal; padding:10px 0px; line-height:150%; height:44px; overflow:hidden; } .runjianNews .newsRight .list ul li a p{ font-size:12px; color:#999;} .runjianNews .newsRight .list2{/* border-top:3px solid #1a2d6a;*/} .runjianNews .newsRight .list2 ul{ width:100%; height:auto; /*margin-top:10px;*/ } .runjianNews .newsRight .list2 ul li{ border-bottom: 1px solid #ddd; padding-bottom:30px;} .runjianNews .newsRight .list2 ul li a{} .runjianNews .newsRight .list2 ul li a p{ width:60px; background:#183db6; border-radius:5px; float:left; font-size:12px; color:#fff; margin:10px 0px; text-align:center; line-height:200%; margin-right:15px;} .runjianNews .newsRight .list2 ul li a p span{ font-size:16px; display:block; padding:5px 0px;} .runjianNews .newsRight .list2 ul li a p b{ font-size:20px; font-weight:normal; display:block; padding:5px 0px;} .runjianNews .newsRight .list2 ul li a h3{ font-size:16px; font-weight:normal; padding:10px 0px; line-height:150%; height:44px; overflow:hidden; } .runjianNews .newsRight .more{ width:100%; height:auto; margin:0px auto; padding:0px 0px; overflow:hidden; } .runjianNews .newsRight .more a{ width:auto; height:auto; color:#1a2d6a; font-size:14px;} .runjianNews .newsRight .more a em{ padding-left:5px;} /* 典型案例 */ #runjianCase{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; background:#f4f4f4; overflow:hidden; } .runjianCase{ width:1320px; margin:0px auto; padding:0px 0px; } .runjianCase .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .runjianCase .subject h3{ padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .runjianCase .subject h4{ font-size:16px; font-weight:normal; color:#999;} .runjianCase .list{} .runjianCase .list ul{ overflow:hidden; margin-bottom:40px;} .runjianCase .list ul li{ width:25%; float:left; } .runjianCase .list ul li .item{ padding:10px 10px; margin:20px 0px;} .runjianCase .list ul li:nth-child(1) .item{ padding-left:0px;} .runjianCase .list ul li:nth-child(2) .item{} .runjianCase .list ul li:nth-child(3) .item{} .runjianCase .list ul li:nth-child(4) .item{ padding-right:0px;} .runjianCase .list ul li .item .title{ width:100%; height:auto; float:left; padding:15px 0px; border-top:3px solid #1a2d6a; font-size:14px; color:#777; } .runjianCase .list ul li .item .title b, .runjianCase .list ul li .item .title strong{ font-size:18px; color:#000; font-weight:normal; } .runjianCase .list ul li .item .title span{} .runjianCase .list ul li .item .cont{ width:100%; height:auto; float:left; border:1px solid #e4e1e1; border-radius:5px; background:#fff; } .runjianCase .list ul li .item .cont .img{ width:100%; max-width:100%; height:180px; overflow:hidden;} .runjianCase .list ul li .item .cont .img img{width:100%; max-width:100%; height:180px; -webkit-transition: all 0.5s; transition: all 0.5s;} .runjianCase .list ul li .item .cont .img img{float: left; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .runjianCase .list ul li .item .cont .img img:hover{ transform: scale(1.05); } .runjianCase .list ul li .item .cont .text{} .runjianCase .list ul li .item .cont .text h5{ margin:10px; height:48px; font-weight:normal; font-size:16px; padding:0px 0px 0px 0px; text-align:center; } .runjianCase .list ul li .item .cont .text p{ margin:20px; font-size:14px; color:#777; line-height:20px; height:40px; overflow:hidden;} .runjianCase .list ul li .item .cont .text p span{ display:block; color:#000; text-align:center; } .runjianCase .list ul li .item .cont{ position:relative; overflow: hidden; height: 340px;} .runjianCase .list ul li .item .cont .face{ width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; top:0;} .runjianCase .list ul li:hover .item .cont .text{ position:relative; z-index:100; top:-40px;} .runjianCase .list ul li:hover .item .cont .text h5{ color:#fff;} .runjianCase .list ul li:hover .item .cont .text p{ color:#fff; height:100px; overflow-y:auto; } .runjianCase .list ul li:hover .item .cont .text p span{ color:#fff;} .runjianCase .list ul li:hover .item .cont .face{ background:url(../images/maskProduct.png) repeat-x bottom; background:#183db6; top:100px; z-index:99; -webkit-transition: all 0.5s; transition: all 0.5s;} .runjianCase .list ul li:hover .cont{} .runjianCase .list ul li:hover .cont .more{ visibility: visible; opacity: 1;} .runjianCase .list ul li:hover img{ transform: scale(1.05); } /*.test{ width: 50px; height: 200px; overflow: auto; float: left; margin: 5px; border: none; } .scrollbar{ width: 30px; height: 300px; margin: 0 auto; }*/ .scrollCont::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .scrollCont::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #1a2d6a; } .scrollCont::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } /* 合作伙伴 */ #runjianCooperation{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; overflow:hidden; background:url(../images/runjianCooperationBg.jpg) center top repeat-x; } .runjianCooperation{ width:1320px; margin:0px auto; padding:0px 0px; color:#f4f4f4; } .runjianCooperation .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .runjianCooperation .subject h3{ padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .runjianCooperation .subject h4{ font-size:16px; font-weight:normal; color:#999;} .runjianCooperation .tab{width:100%; height:auto; padding:30px 0px; text-align:center;} .runjianCooperation .tab ul{ width:auto; margin:0px auto; display:inline-block; } .runjianCooperation .tab ul li{ width:auto; margin:0px 50px; float:left; -webkit-transition: all 0.5s; transition: all 0.5s;} .runjianCooperation .tab ul li a{ font-size:18px; border-bottom:3px solid #f4f4f4; padding-bottom:6px; } .runjianCooperation .tab ul li.actived{} .runjianCooperation .tab ul li.actived a{ border-bottom:3px solid #004fa2; color:#1a2d6a; } .runjianCooperation .partner{width:100%; height:auto; padding:20px 0px; text-align:center; -webkit-transition: all 0.5s; transition: all 0.5s;} .runjianCooperation .partner ul{ width:auto; margin:0px auto; } .runjianCooperation .partner ul li{ width:auto; padding:10px; display:inherit;} .runjianCooperation .partner ul li a{} .runjianCooperation .partner ul li a img{ width:114px; height:59px; -webkit-transition: all 0.5s; transition: all 0.5s; } .runjianCooperation .partner ul li a img{float: left; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .runjianCooperation .partner ul li a img:hover{ transform: scale(1.15);} .runjianCooperation .partner .coLink{ display:none;} .runjianCooperation .partner .coLink1{ display:inline-block;} /* 润建动态 */ #runjianNewsList{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; background:#fff; overflow:hidden; } .runjianNewsList{ width:1320px; margin:0px auto; padding:0px 0px;} .runjianNewsList .newsMore ul li{ width:33.3%; float:left; height:360px; text-align:center; margin-bottom:30px; } .runjianNewsList .newsMore ul li a{ width:400px; height:360px; display:inline-block; background:#f4f4f4; } .runjianNewsList .newsMore ul li .img{ width:100%; height:230px; overflow:hidden;} .runjianNewsList .newsMore ul li .img img{ width:100%; height:100%; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .runjianNewsList .newsMore ul li h3{ line-height:28px; height:56px; max-width:400px; font-size:18px; font-weight:normal; padding:15px 15px; text-align:left; } .runjianNewsList .newsMore ul li p{ height:44px; line-height:22px; overflow:hidden; margin:0px 15px 15px 15px; text-align:left; color:#888; display:none; } .runjianNewsList .newsMore ul li span{ height:44px; line-height:22px; display:block; overflow:hidden; padding:0px 15px 0px 15px; text-align:left; font-size:16px; color:#888;} .runjianNewsList .newsMore ul li:hover .img img{ transform: scale(1.05);} .runjianNewsList .more{ clear:both; overflow:hidden; margin-top:40px; text-align:center; } .runjianNewsList .more a{ padding:10px 12px; border-radius:5px; color:#fff; font-size:14px; display: inline-block; } .runjianNewsList .more a.alink{ background:#1a2d6a;} .runjianNewsList .more a.alink:hover{ background:#d52115;} .runjianNewsList .newsList{} .runjianNewsList .newsList ul{} .runjianNewsList .newsList ul li{} .runjianNewsList .newsList ul li a{} .runjianNewsList .newsList ul li h3{ font-size:16px; font-weight:normal;} /* 上下图 */ .runjianNewsList .newsList .styleImg{} .runjianNewsList .newsList .styleImg li{ width:33.3%; float:left; height:380px; text-align:center; margin-bottom:30px; } .runjianNewsList .newsList .styleImg li a{ width:380px; height:380px; display:inline-block; background:#f4f4f4; } .runjianNewsList .newsList .styleImg li .img{ width:100%; height:253px; overflow:hidden;} .runjianNewsList .newsList .styleImg li .img img{ width:100%; height:100%; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .runjianNewsList .newsList .styleImg li h3{ line-height:28px; height:56px; max-width:400px; padding:15px 15px; text-align:left; } .runjianNewsList .newsList .styleImg li p{ height:44px; line-height:22px; overflow:hidden; margin:0px 15px 15px 15px; text-align:left; color:#888; display:none; } .runjianNewsList .newsList .styleImg li span{ height:44px; line-height:22px; display:block; overflow:hidden; padding:0px 15px 0px 15px; text-align:left; font-size:14px; color:#888;} .runjianNewsList .newsList .styleImg li:hover .img img{ transform: scale(1.05);} /* 上下图（横图） */ .runjianNewsList .newsList .styleImgHorizontal li a{ } /* 上下图（竖图） */ .runjianNewsList .newsList .styleImgVertical li .img{ } .runjianNewsList .newsList .styleImgVertical li .img img{ width:auto; } /* 文字列表 */ .runjianNewsList .newsList .styleText{ margin:0; width:100%;} .runjianNewsList .newsList .styleText li{ width:100%; height:auto; padding:0; margin:0; height:52px; line-height:52px; font-size:14px; text-indent:15px; display:block;} .runjianNewsList .newsList .styleText li{ border-bottom:#e7e7e7 1px dashed; background:url(../images/news.png) 10px 24px no-repeat ;} .runjianNewsList .newsList .styleText li a{ width:100%; background:none; line-height:52px; } .runjianNewsList .newsList .styleText li h3{width:85%; float:left; text-align:left; text-indent:24px; } .runjianNewsList .newsList .styleText li b{width:15%; float:left;text-align:right; font-size:14px; color:#999; font-weight:100;margin-left:-10px;} /* 图文列表（左右） */ .runjianNewsList .newsList .styleImgLeft{} .runjianNewsList .newsList .styleImgLeft li{ width:100%; height:180px; display:block; padding:10px 15px; border-bottom:1px dashed #ddd; margin: 0px auto; overflow: hidden; position:relative;} .runjianNewsList .newsList .styleImgLeft li:hover{ background:#efefef; } .runjianNewsList .newsList .styleImgLeft li .img{ width:260px; height:auto; float:left; display:inline; text-align:left; text-align:left; margin:10px 0px 10px 0px; position:absolute;} .runjianNewsList .newsList .styleImgLeft li .img img{ width:240px; height:160px; border-radius:5px; } .runjianNewsList .newsList .styleImgLeft li .text{ margin-left:260px; } .runjianNewsList .newsList .styleImgLeft li .text .title{ width:100%; height:40px; line-height:40px; } .runjianNewsList .newsList .styleImgLeft li .text .title h3{ width:auto; float:left; font-size:16px; font-weight:100; color:#000; overflow:hidden; } .runjianNewsList .newsList .styleImgLeft li .text .pagram { line-height:28px; font-size:14px; } .runjianNewsList .newsList .styleImgLeft li .text .pagram span{} .runjianNewsList .newsList .styleImgLeft li .text .pagram strong{ font-weight:normal; padding-right:20px; } /* 文章详情 */ .artMain { width:100%; border-radius:3px; border-top-left-radius:0; border-top-right-radius:0; background:#fff; } .artMain .title{ width: 100%; height:auto; text-align:center; line-height:40px; font-family:"微软雅黑"; font-size:26px; color:#000; margin:40px 10px 20px 10px; float:left;} .artMain .attr{ width:100%; text-align:left; color:#666; overflow:hidden; border-bottom:1px solid #c5c5c5; padding:40px 0px 10px 0px; } .artMain .attr span{ padding-right:30px; float:left; font-size:14px; } .artMain .attr .share{ float:right;} .artMain .attr .share span{ padding-right:10px;} .artMain .attr .share span .icon-wechat{ font-size:18px; color:#090; line-height:24px; } .artMain .cutLine{ width:100%; height:1px; float:left; border-bottom:1px solid #eee;} .artMain .content{ margin:0px auto; overflow:hidden; color:#222; padding:20px 20px; font-size:16px; line-height:28px; } .artMain .content img{ max-width:100%; max-height:100%; } .artMain .content p{ text-indent:2em; padding:4px 0px;} /*.artMain .content h1{ background:url(../images/productCaseItemH1.png) no-repeat left top; height:38px; line-height:36px; color:#fff; font-weight:normal; font-size:22px; text-indent:36px; padding:4px 0px; margin:15px 0px;}*/ .artMain .content h1{ background:url(../images/productCaseItemH1.png) no-repeat left top; height:44px; line-height:44px; color:#fff; font-weight:normal; font-size:20px; padding:0px 0px; margin:15px 0px;} .artMain .content h1::before{ content:open-quote; background:url(../images/productCaseItemH1Before.png) no-repeat left top; display: inline-block; width:32px; height:44px; color:rgba(0,0,0,0); } .artMain .content h1::after{ content:open-quote; background:url(../images/productCaseItemH1After.png) no-repeat left top; display: inline-block; width:0px; height:44px; color:rgba(0,0,0,0); } .artMain .content h2{ background:url(../images/productCaseItemH2.png) repeat-x left top; display: inline-block; height:38px; line-height:38px; color:#fff; font-weight:normal; font-size:20px; padding:0px 0px; margin:15px 0px;} .artMain .content h2::before{ content:open-quote; background:url(../images/productCaseItemH2Before.png) no-repeat left top; display: inline-block; width:32px; height:38px; color:rgba(0,0,0,0); } .artMain .content h2::after{ content:open-quote; background:url(../images/productCaseItemH2After.png) no-repeat left top; display: inline-block; width:17px; height:38px; color:rgba(0,0,0,0); } .artMain .content h3{ background:url(../images/productCaseItemH3.png) repeat-x left top; display: inline-block; height:38px; line-height:38px; color:#fff; font-weight:normal; font-size:20px; padding:0px 0px; margin:15px 0px;} .artMain .content h3::before{ content:open-quote; background:url(../images/productCaseItemH3Before.png) no-repeat left top; display: inline-block; width:32px; height:38px; color:rgba(0,0,0,0); } .artMain .content h3::after{ content:open-quote; background:url(../images/productCaseItemH3After.png) no-repeat left top; display: inline-block; width:17px; height:38px; color:rgba(0,0,0,0); } .artMain .content ul{} .artMain .content ul li{ padding:5px 0px 5px 30px; background:url(../images/productCaseItemLi.png) no-repeat 20px 8px; padding-left:50px; } .artMain .content ol{} .artMain .content ol li{ padding:5px 0px 5px 10px; list-style:decimal; margin-left:48px; } .artMain .content ol li::marker{ color:#1a2c6a; padding-left:10px;} .artMain .contentProduct{ margin:0px 50px;} /* 上下页 */ .pre-next{ width:100%; height:auto; float:left; padding:10px 0px; line-height:28px; font-size:14px; text-align:left; } .pre-next h4{ padding:0; margin:0; border:none; height:33px; line-height:33px; color:#000;} .pre-next .pre{ width:100%; float:left;} .pre-next .next{ width:100%; float:left;} /* 分页 */ .pages{ width:auto; display:block;clear:both; height:auto; text-align:center;line-height:40px; color:#333; font-size:12px; padding:10px 0px; font-size:16px; } .pages a{ color:#333; width:36px; height:36px; display:inline-block; border-radius:3px; margin:0px 4px;} .pages a:hover{ text-decoration: none;background:#1a3d6a; color:#fff;} .pages .current{background:#1a3d6a; color:#fff; width:36px; height:36px; display:inline-block; cursor:pointer; border-radius:3px;} .pages span{ margin:0px 4px;} /* 上下页 */ .pre-next{ width:100%; height:auto; float:left; padding:10px 0px; line-height:28px; font-size:14px; text-align:left; } .pre-next h4{ padding:0; margin:0; border:none; height:33px; line-height:33px; color:#000;} .pre-next .pre{ width:100%; float:left;} .pre-next .next{ width:100%; float:left;} /* 伙伴服务 */ /* 伙伴服务 - 润建生态 */ .businessEcology{ width:1320px; margin:0px auto;} .businessEcology .content { width:100%; padding-top:40px;} .businessEcology .content ul{ display:block; overflow:hidden; background:url(../images/businessEcolegyLine2.png) center 148px no-repeat;} .businessEcology .content ul li{ width:20%; float:left; text-align:center; } .businessEcology .content ul li .box{ height:auto; border:none; padding-top:10px;} .businessEcology .content ul li .box h1{ background:none;} .businessEcology .content ul li .box h2{ background:url(../images/icon-hezuohuoban-type-0.png) center 40px no-repeat; padding-top:80px; font-size:18px; font-weight:normal; } .businessEcology .content ul li span{ width:90px; height:90px; display:inline-block; } .businessEcology .content ul li span img{ -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .businessEcology .content ul li span img:hover{ transform: scale(1.05);} /* 伙伴服务 - 伙伴类型 */ .businessType { width:1320px; margin:0px auto;} .businessType .content{ padding-top:40px;} .businessType .content ul{ overflow:hidden; margin-bottom:40px; } .businessType .content ul li{ width:25%; float:left; text-align:center;} .businessType .content ul li div{width: 280px; height: 330px; background:#fff; margin: 0px auto; border: 1px solid #e4e1e1; border-radius: 5px;} .businessType .content ul li:nth-child(1) div{ float:left;} .businessType .content ul li:nth-child(2) div{ float:left; padding-left:10px;} .businessType .content ul li:nth-child(3) div{ float:right; padding-left:10px;} .businessType .content ul li:nth-child(4) div{ float:right;} .businessType .content ul li div h1{width:50px; height:2px; background:#1a2d6a; margin:0px auto; clear:both;} .businessType .content ul li div h2{ width:100%; height:24px; font-size:18px; line-height:26px; text-align:center; font-weight:normal; padding:10px 0px 0px 0px; } .businessType .content ul li div span{ width:200px; height:120px; display:inline-block; margin-top:40px; text-align:center; overflow:hidden; border-radius:10px;} .businessType .content ul li div span img{ text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; width:200px; } .businessType .content ul li div span img:hover{ transform: scale(1.05);} .businessType .content ul li div h3{ width:70%; height: 60px; margin:0px auto; line-height:20px; font-size:12px; text-align:center; padding:25px 0px 10px 0px; font-weight:normal;} .businessType .content ul li div h3 a{ color:#666;} .businessType .content ul li div h4{font-size:12px; color:#ca1c1d; font-weight:normal; line-height:16px; width:auto; margin:0px auto; text-align:center; } .businessType .content ul li div h4 .more{background: #183db6; padding: 6px 6px; border-radius: 5px; color: #fff;} .businessType .content ul li div h4 em{ width:16px; height:16px; display:inline-block; background:url(../images/icon-link2.png) center no-repeat; vertical-align:middle; } .businessType .content ul li div h4 a:hover { background: #ca1c1d; } /* 伙伴服务 - 合作政策 */ .businessPolicy { margin:0px auto;} .businessPolicy .content{ padding-top:40px;} .businessPolicy .content ul{} .businessPolicy .content ul li{ width:20%; float:left; text-align:center; } .businessPolicy .content ul li div{ width:220px; height:auto; border:none;} .businessPolicy .content ul li div h1{ background:none;} .businessPolicy .content ul li div span{width:220px; height:130px; border-radius:10px; overflow:hidden; margin-top:0px; display:inline-block;} .businessPolicy .content ul li div span img{ width:220px; max-width:100%; max-height:100%; border-radius:10px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .businessPolicy .content ul li div span img:hover{ transform: scale(1.05);} .businessPolicy .content ul li div h2{ padding-top:10px; font-size:16px; font-weight:normal;} /* 业务合作 - 伙伴注册 */ .partnerRegister{} .partnerRegister .title{ text-align:left; margin:20px;} .partnerRegister .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .partnerRegister .title span{ font-size:26px; line-height:26px; vertical-align: top;} .partnerRegister .form{ width:auto; margin:0px auto; margin-bottom:20px; overflow:hidden; clear:both; } .partnerRegister .form ul{ width:100%; display:block; } .partnerRegister .form li{ width:100%; float:left; margin:20px 0 0 0; display:block; } .partnerRegister .form li .sptitle{ width: 150px; float: left; text-align: right;} .partnerRegister .form li label{ line-height:35px;} .partnerRegister .form li input{ width:50%;height: 35px; padding: 0 0 0 10px; border:1px solid #CCC; border-radius:5px;} .partnerRegister .form li textarea{ width:70%; height:72px; border:1px solid #CCC; border-radius:5px; padding:10px;} .partnerRegister .form li #Entity_Type{ width: 200px; height: 35px; padding: 0 0 0 0px; border-radius: 5px;} .partnerRegister .form li .formSelect, .partnerRegister .form li #ddlprovinceCode, .partnerRegister .form li #ddlcityCode, .partnerRegister .form li #ddlareaCode{width:140px; height: 35px; border-radius: 5px; margin:0 10px 0 0px;border:1px solid #CCC; text-indent:4px;} .partnerRegister .form li #Registration{width:50%;height:100px; border-radius:5px; padding:5px 0 0 10px;border:1px solid #CCC;} .partnerRegister .form li .submitBtn{width:100px; height:40px; text-align:center; line-height:40px; color:#FFF; background:#183db6; border:none; float:left; margin-right:20px; padding:0; border-radius:5px; font-size:16px } .partnerRegister .form li .submitBtn:hover{ background:#1a2d6a; color:#fff; } .partnerRegister .form li #errorMsg{ font-size:14px; color:#f00; line-height:45px; } .partnerRegister .form li.title{} .partnerRegister .form li.title h3{ font-size:28px; font-weight:300; text-align:center; color:#666; text-decoration:none; display:block; border-bottom:none; padding:40px 0px 10px 0px; } .partnerRegister .form li.title h4{ font-size:14px; font-weight:300; text-align:center; color:#666; line-height:150%;} .partnerRegister .form li.title h5{ text-align:center; padding-top:30px;} .partnerRegister .form li.title h5 img{ max-width:100%;} .partnerRegister .contact{ display:inline-block; padding-top:30px; clear:both; line-height:30px; font-size:16px; text-align: center; width: 100%; font-size:16px; color:#000;} .partnerRegister .contact ul{ width:auto; margin:0px auto; overflow:hidden; display: inline-block;} .partnerRegister .contact ul li{ padding:20px 20px; float:left; } .partnerRegister .contact ul li i{ color:#999; padding-right:4px; font-size:16px; } .partnerRegister .contact ul li span{} .partnerRegister .contact ul li b{ font-weight:normal;} .partnerRegister .contact p i{ color:#999; padding-right:4px; font-size:16px; } .partnerRegister .contact p span{} .partnerRegister .selectCity{ margin-left:20px!important;} .partnerRegister .addArea{ padding:8px 0px; display:inline-block; cursor:pointer; color:#fff; border-radius:5px; padding:4px; background:#183db6; font-size:12px;} .partnerRegister .deleteArea{ cursor:pointer;color:#fff; border-radius:5px; padding:4px; background:#ca1c1d; font-size:12px;} /* 人力资源 - 培训发展 */ .hrDevelopment{ } /*.hrDevelopment .title{ text-align:left; margin:20px;} .hrDevelopment .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .hrDevelopment .title span{ font-size:26px; line-height:26px; vertical-align: top;}*/ .hrDevelopment .description{ width:900px; margin:60px auto; overflow:hidden; } .hrDevelopment .description .markStart, .hrDevelopment .description .markEnd{ width:30px; height:30px; display:inline-block;} .hrDevelopment .description .markStart{ background:url(../images/markStart.png) 0px 0px no-repeat;} .hrDevelopment .description .markEnd{ background:url(../images/markEnd.png) 0px 0px no-repeat; float:right;} .hrDevelopment .description p{ font-size:16px; line-height:200%; padding:20px 0px; } .hrDevelopment .description p a{ color:#ca1c1d; } /* 人力资源 - 培训体系 */ .hrTrain{ width:1320px; margin:0px auto; padding:0px 0px; } .hrTrain .title{ text-align:left; margin:20px;} .hrTrain .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .hrTrain .title span{ font-size:26px; line-height:26px; vertical-align: top;} .hrTrain .content{ } .hrTrain .content ul{ overflow:hidden; padding:0px 0px 0px 0px; } .hrTrain .content ul li{ width:264px; float:left; text-align:center;} .hrTrain .content ul li .box{width: 99%; height: 320px; background:#fff; margin: 0px auto; border: 1px solid #e4e1e1; border-radius: 5px;} .hrTrain .content ul li .box h2{ width:100%; height:24px; font-size:18px; line-height:26px; text-align:center; font-weight:normal; padding:40px 0px 0px 0px; } .hrTrain .content ul li .box span{ width:100%; height:80px; margin-top:40px; text-align:center; display:block; overflow:hidden; } .hrTrain .content ul li .box span img{ text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .hrTrain .content ul li .box h3{ width:70%; height: 60px; margin:0px auto; line-height:20px; font-size:12px; text-align:center; padding:25px 0px 10px 0px; font-weight:normal;} .hrTrain .content ul li .box h3 a{ color:#666;} .hrTrain .content ul li:hover img{ transform: scale(1.05); } .hrTrain .content ul li.space{ width:83px; height:300px; float:left; background:url(../images/hrTrainArrow.png) 40px 145px no-repeat; } .hrTrain .content ul li.space .arrow{} /* 人力资源 - 应届生培训 */ .hrStudent{ width:1320px; margin:0px auto; padding:0px 0px; } .hrStudent .title{ text-align:left; margin:20px;} .hrStudent .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .hrStudent .title span{ font-size:26px; line-height:26px; vertical-align: top;} .hrStudent .content{ height:auto; overflow:hidden; } .hrStudent .content .contBox{ height:280px;} .hrStudent .content .contBox .wrapScroll{ height:280px;} .hrStudent .content ul{ overflow:hidden; padding:0px 0px 0px 0px; } .hrStudent .content ul li{ width:310px; margin-right:15px; float:left; text-align:center;} .hrStudent .content ul li .box{width: 310px; height: 320px; background:#fff; margin: 0px auto; border-radius: 5px;} .hrStudent .content ul li .box h2{ width:auto; height:24px; font-size:18px; line-height:26px; text-align:center; font-weight:normal; padding:20px 20px 20px 20px; } .hrStudent .content ul li .box span{ width:100%; text-align:center; display:block; overflow:hidden; } .hrStudent .content ul li .box span img{ max-width:100%; height:210px; text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .hrStudent .content ul li:hover img{ transform: scale(1.05); } /* 人力资源 - 在职培训 */ .hrOnjob{ width:1320px; margin:0px auto; padding:0px 0px; } .hrOnjob .title{ text-align:left; margin:20px;} .hrOnjob .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .hrOnjob .title span{ font-size:26px; line-height:26px; vertical-align: top;} .hrOnjob .content{ height:auto; overflow:hidden; } .hrOnjob .content .contBox{ height:410px;} .hrOnjob .content .contBox .wrapScroll{ height:402px;} .hrOnjob .content ul{ overflow:hidden; padding:0px 0px 0px 0px; } .hrOnjob .content ul li{ width:310px; margin-right:15px; float:left; text-align:center;} .hrOnjob .content ul li .box{width: 310px; height: 400px; background:#fff; margin: 0px auto; border: 1px solid #e4e1e1; border-radius: 5px;} .hrOnjob .content ul li .box h2{ width:auto; height:auto; font-size:18px; line-height:26px; text-align:center; font-weight:normal; padding:20px 15px 0px 15px; } .hrOnjob .content ul li .box span{ width:100%; text-align:center; display:block; overflow:hidden; } .hrOnjob .content ul li .box span img{ max-width:100%; height:210px; text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .hrOnjob .content ul li .box h3{ width:90%; height: 60px; margin:0px auto; line-height:20px; font-size:14px; text-align:center; padding:25px 0px 10px 0px; font-weight:normal;} .hrOnjob .content ul li .box h3 a{ color:#666;} .hrOnjob .content ul li:hover img{ transform: scale(1.05); } /* 人力资源 - 职业发展 */ .hrOccupation{ width:1320px; margin:0px auto; padding:0px 0px; } .hrOccupation .title{ text-align:left; margin:20px;} .hrOccupation .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .hrOccupation .title span{ font-size:26px; line-height:26px; vertical-align: top;} .hrOccupation .content{ margin:0px auto; } .hrOccupation .content .special{ width:45%; float:left; padding-top:0px; } .hrOccupation .content .special p{ font-size:16px; line-height:28px; padding:8px 0px; width:80%; padding-left:24px; background:url(../images/hrOccupationIcon.png) 0px 16px no-repeat; margin-bottom:15px; } .hrOccupation .content .special p:hover{ color:#183db6;} .hrOccupation .content .group{ width:55%; float:left; text-align:right;} .hrOccupation .content .group img{ max-width:100%;} /* 人力资源 - 企业文化活动 */ .cultrueCompany{ } .cultrueCompany .title{ text-align:left; margin:20px;} .cultrueCompany .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .cultrueCompany .title span{ font-size:26px; line-height:26px; vertical-align: top;} .cultrueCompany .recommend{ margin:0px auto; overflow:hidden; } .cultrueCompany .recommend .scrollImg{ width:450px; height:310px; float:left; overflow:hidden; } .cultrueCompany .recommend .scrollImg img{ max-width:100%;} .cultrueCompany .recommend .description{ width:750px; float:right; margin-top:20px; } .cultrueCompany .recommend .description .word{ width:100%; overflow:hidden;} .cultrueCompany .recommend .description .markStart, .cultrueCompany .recommend .description .markEnd{ width:30px; height:30px; display:inline-block;} .cultrueCompany .recommend .description .markStart{ background:url(../images/markStart.png) 0px 0px no-repeat;} .cultrueCompany .recommend .description .markEnd{ background:url(../images/markEnd.png) 0px 0px no-repeat; float:right;} .cultrueCompany .recommend .description p{ font-size:16px; line-height:200%; padding:20px 0px; } .cultrueCompany .recommend .description p a{ color:#ca1c1d; } .cultrueCompany .recommend .description h3{ margin-top:10px; font-size:28px; color:#ddd; border-bottom:3px solid #ddd;text-align: justify; text-align-last: justify; } /* 人力资源 - 节日活动 */ .cultrueFestival{ } .cultrueFestival .title{ text-align:left; margin:20px;} .cultrueFestival .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .cultrueFestival .title span{ font-size:26px; line-height:26px; vertical-align: top;} .cultrueFestival .content{} .cultrueFestival .content .contBox{ height:350px;} .cultrueFestival .content .contBox .wrapScroll{ height:336px;} .cultrueFestival .content ul{ overflow:hidden; } .cultrueFestival .content ul li{ width:310px; margin-right:15px; float:left; text-align:center;} .cultrueFestival .content ul li .box{width: 310px; max-width:95%; height: auto; background:#fff; margin: 0px auto; border: 1px solid #e4e1e1; border-radius: 5px;} .cultrueFestival .content ul li .box h2{ width:90%; height:24px; font-size:18px; line-height:26px; text-align:center; font-weight:normal; padding:20px 0px 0px 0px; margin:0px auto; overflow:hidden; } .cultrueFestival .content ul li .box span{ width:100%; /*height:80px; margin-top:40px;*/ text-align:center; display:block; overflow:hidden; } .cultrueFestival .content ul li .box span img{ width: 100%; height:210px; text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .cultrueFestival .content ul li .box h3{ width:90%; height: 40px; margin:20px auto 20px auto; line-height:20px; font-size:12px; text-align:center; font-weight:normal; overflow:hidden;} .cultrueFestival .content ul li .box h3 a{ color:#666;} .cultrueFestival .content ul li:hover img{ transform: scale(1.05); } .cultrueFestival .content ul li.space{ width:118px; height:300px; float:left; background:url(../images/hrTrainArrow.png) 48px 145px no-repeat; } .cultrueFestival .content ul li.space .arrow{} /* 人力资源 - 运动协会 */ .cultrueSport{ } .cultrueSport .title{ text-align:left; margin:20px;} .cultrueSport .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .cultrueSport .title span{ font-size:26px; line-height:26px; vertical-align: top;} .cultrueSport .content{ } .cultrueSport .content .contBox{ height:380px;} .cultrueSport .content .contBox .wrapScroll{ height:372px;} .cultrueSport .content ul{ overflow:hidden; } .cultrueSport .content ul li{ width:410px; margin-right:15px; float:left; text-align:center;} .cultrueSport .content ul li .box{width: 420px; max-width:95%; height: auto; background:#fff; margin: 0px auto; border-radius: 5px;} .cultrueSport .content ul li .box h2{ width:auto; height:24px; font-size:18px; line-height:26px; text-align:center; font-weight:normal; padding:20px 20px 20px 20px; } .cultrueSport .content ul li .box span{ width:100%; text-align:center; display:block; overflow:hidden; } .cultrueSport .content ul li .box span img{ width:100%; height:250px; text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .cultrueSport .content ul li .box h3{ width:90%; height: 40px; margin:0px auto 20px auto; line-height:20px; font-size:12px; text-align:left; font-weight:normal; overflow:hidden;} .cultrueSport .content ul li .box h3 a{ color:#666;} .cultrueSport .content ul li:hover img{ transform: scale(1.05); } /* 人力资源 - 团队活动 */ .cultrueGroup{ } .cultrueGroup .title{ text-align:left; margin:20px;} .cultrueGroup .title b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .cultrueGroup .title span{ font-size:26px; line-height:26px; vertical-align: top;} .cultrueGroup .content{ } .cultrueGroup .content .contBox{ height:340px;} .cultrueGroup .content .contBox .wrapScroll{ height:330px;} .cultrueGroup .content ul{ overflow:hidden; } .cultrueGroup .content ul li{ width:310px; margin-right:15px; float:left; text-align:center;} .cultrueGroup .content ul li .box{width: 310px; max-width:95%; background:#fff; margin: 0px auto; /*border: 1px solid #e4e1e1; border-radius: 5px;*/} .cultrueGroup .content ul li .box h2{ height:48px; font-size:18px; line-height:26px; text-align:center; font-weight:normal; padding:20px 0px 0px 0px; } .cultrueGroup .content ul li .box span{ width:100%; text-align:center; display:block; overflow:hidden; } .cultrueGroup .content ul li .box span img{ max-width:100%; height:210px; text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .cultrueGroup .content ul li .box h3{ width:90%; height: 40px; overflow:hidden; margin:0px auto; line-height:20px; font-size:14px; text-align:left;font-weight:normal; text-align:center; margin: 0px auto;} .cultrueGroup .content ul li .box h3 a{ color:#666;} .cultrueGroup .content ul li .box h4{ width:60px; height:3px; background:#ddd; margin:0px auto; margin-top:10px; } .cultrueGroup .content ul li:hover img{ transform: scale(1.05); } /* 产品与服务 */ .product{ } .product .cateFace{ width:350px; height:550px; float:left;} .product .cateContent{ width:890px; float:right;} .product .cateContent .subject{ text-align:left; margin:20px 0px;} .product .cateContent .subject b{ width:150px; height:35px; display:inline-block; background:url(../images/logo_rjgf.png) 0px 0px no-repeat;} .product .cateContent .subject span{ font-size:26px; line-height:26px; vertical-align: top;} .product .cateContent .description{ font-size:16px; } .product .cateContent .description p{ line-height:26px; } .product .cateContent .cateList{ clear:both; overflow:hidden; margin-top:40px; } .product .cateContent .cateList .title{ font-size:16px;} .product .cateContent .cateList .title i{ padding-right:10px;} .product .cateContent .cateList ul{ width:100%; float:left; margin-top:40px; } .product .cateContent .cateList ul li{ width:150px; height:150px; float:left; border-right:1px solid #ddd; text-align:center; padding:20px auto 20px auto; margin-bottom:20px; } .product .cateContent .cateList ul li a{ cursor:pointer;} .product .cateContent .cateList ul li a p{ width:100%; margin-bottom:20px; } .product .cateContent .cateList ul li a p img{ max-width:74px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .product .cateContent .cateList ul li:hover a p img{ transform: scale(1.25);} .product .cateContent .cateList ul li a span{ padding-top:10px; font-size:16px; } .product .cateContent .learnMore{ clear:both; overflow:hidden; margin-top:40px; margin-left: 30px; } .product .cateContent .learnMore a{ padding:10px 12px; border-radius:5px; color:#fff; font-size:14px; display: inline-block; } .product .cateContent .learnMore a.alink{ background:#1a2d6a; } .product .cateContent .learnMore a.alink:hover{ background:#183db6;} .productRight .cateFace{ float:right} .productRight .cateContent{ float:left} .productCate { overflow:hidden; padding-bottom:60px;} .productCate .container{ padding:0;} .productCate .container .infor { position:relative; } .productCate .container .infor .cateFace{ position:absolute; top:0px; right:0px; width:350px; height:auto; float:left; margin-bottom:30px; margin-top:-100px; float:right; } .productCate .container .infor .description{ width:auto; min-height:170px; height:auto; margin-right:380px; font-size:16px; text-align:left; margin-bottom: 25px; } .productCate .container .infor .description p{ line-height:26px; line-height:30px; text-indent:2em; } .productCate .container .cateLine{ width:100%; height:auto; float:left; overflow:hidden; border-top:1px solid #ddd;} .productCate .container .cateLine .cateList{ clear:both; overflow:hidden; padding:30px 0px;} .productCate .container .cateLine .cateListBorder{ border-bottom:1px solid #ddd; } .productCate .container .cateLine .cateList .title{ font-size:18px; text-align: left; overflow:hidden; } .productCate .container .cateLine .cateList .title h3{ width:auto; float:left; font-weight:normal; } .productCate .container .cateLine .cateList .title i{ padding-right:10px;} .productCate .container .cateLine .cateList .title span{ width:auto; float:right; font-size:14px;} .productCate .container .cateLine .cateList .title span a{ color:#888; } /* 产品分类 */ .productCate .container .cateLine .itemCateUl{ width:100%; float:left; overflow:hidden; padding-top:30px; } .productCate .container .cateLine .itemCateUl li{ width:350px; float:left; text-align:center; padding:15px auto 15px auto;} .productCate .container .cateLine .itemCateUl li a{} .productCate .container .cateLine .itemCateUl li a p{ width:110px; margin-bottom:20px; float:left; } .productCate .container .cateLine .itemCateUl li a p img{ max-width:74px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .productCate .container .cateLine .itemCateUl li:hover a p img{ transform: scale(1.25);} .productCate .container .cateLine .itemCateUl li a .spanb{ width:220px; float:left; text-align:left; } .productCate .container .cateLine .itemCateUl li a .spanb span{ width:100%; float:left; padding-top:10px; font-size:16px; text-align:left; } .productCate .container .cateLine .itemCateUl li a .spanb b{ width:100%; float:left; padding-top:10px; font-size:12px; font-weight:normal; } .productCate .container .cateList .title{ width:100%; padding-top:30px; font-size:18px; text-align: left; overflow:hidden; } .productCate .container .cateList .title h3{ width:auto; float:left; font-weight:normal; } .productCate .container .cateList .title i{ padding-right:10px;} .productCate .container .cateList .title span{ width:auto; float:right; font-size:14px;} .productCate .container .cateList .title span a{ color:#888; } .productCate .container .cateList .itemCateUl2{ width:100%; float:left; overflow:hidden; padding-top:30px; } .productCate .container .cateList .itemCateUl2 li{ width:150px; float:left; text-align:center; padding:15px auto 15px auto; margin-bottom:20px;} .productCate .container .cateList .itemCateUl2 li a{} .productCate .container .cateList .itemCateUl2 li a p{ width:100%; margin-bottom:20px; float:left; } .productCate .container .cateList .itemCateUl2 li a p img{ max-width:74px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .productCate .container .cateList .itemCateUl2 li:hover a p img{ transform: scale(1.25);} .productCate .container .cateList .itemCateUl2 li a .spanb{ width:100%; float:left; text-align:center; } .productCate .container .cateList .itemCateUl2 li a .spanb span{ width:100%; float:left; padding-top:10px; font-size:16px; text-align:center; } .productCate .container .cateList .itemCateUl2 li a .spanb b{ width:100%; float:left; padding-top:10px; font-size:12px; font-weight:normal; } /* 产品案例 */ .productCate .container .cateList .itemCaseUl{ width:100%; float:left; overflow:hidden; padding-top:20px; } .productCate .container .cateList .itemCaseUl li{ width:250px; height:350px; float:left; text-align:center; padding:0px auto 0px auto; margin-bottom:20px; position:relative; overflow: hidden;} .productCate .container .cateList .itemCaseUl li .recoment{ position:absolute; z-index:999; left:0; top:0px; background:#183db6; color:#fff; padding:4px; font-size:14px;} .productCate .container .cateList .itemCaseUl li a{ width:90%; display:block; } .productCate .container .cateList .itemCaseUl li a .img{ width:100%; margin-bottom:20px; float:left; overflow:hidden; } .productCate .container .cateList .itemCaseUl li a .img img{ max-width:100%; width:100%; height:150px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .productCate .container .cateList .itemCaseUl li a .img img:hover{ transform: scale(1.05);} .productCate .container .cateList .itemCaseUl li a .text{ width:100%; float:left; padding-top:10px; font-size:16px; height:28px; overflow:hidden; text-align:left; font-weight:normal; text-align:left; } .productCate .container .cateList .itemCaseUl li a .description{ width:100%; float:left; font-size:14px; overflow:hidden; color:#999; text-align:left;} .productCate .container .cateList .itemCaseUl li a .description h5{ width:45%; border-bottom:1px solid #1a2d6a; padding:10px 0px 0px 0px; margin-bottom:10px; } /* 模式2 */ .productCate .container .caseList{ padding-bottom:50px!important; overflow:hidden; } .productCate .container .cateList .itemCaseUl2 li{ width:280px; height:380px; float:left; } .productCate .container .cateList .itemCaseUl2 li .item{ padding:10px 10px; margin:20px 0px; overflow:hidden;} .productCate .container .cateList .itemCaseUl2 li .item .title{ width:100%; height:auto; float:left; padding:15px 0px; border-top:3px solid #1a2d6a; font-size:14px; color:#777; } .productCate .container .cateList .itemCaseUl2 li .item .title b, .productCate .container .cateList .itemCaseUl2 li .item .title strong{ font-size:18px; color:#000; font-weight:normal; } .productCate .container .cateList .itemCaseUl2 li .item .title span{} .productCate .container .cateList .itemCaseUl2 li .item .cont{ width:100%; height:auto; float:left; border:1px solid #e4e1e1; border-radius:5px; background:#fff; } .productCate .container .cateList .itemCaseUl2 li .item .cont .img{ width:100%; max-width:100%; height:180px; overflow:hidden;} .productCate .container .cateList .itemCaseUl2 li .item .cont .img img{width:100%; max-width:100%; height:180px; -webkit-transition: all 0.5s; transition: all 0.5s;} .productCate .container .cateList .itemCaseUl2 li .item .cont .img img{float: left; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .productCate .container .cateList .itemCaseUl2 li .item .cont .img img:hover{ transform: scale(1.05); } .productCate .container .cateList .itemCaseUl2 li .item .cont .text{} .productCate .container .cateList .itemCaseUl2 li .item .cont .text h5{ margin:10px; height:48px; font-weight:normal; font-size:16px; padding:0px 0px 0px 0px; text-align:center; } .productCate .container .cateList .itemCaseUl2 li .item .cont .text p{ margin:20px; font-size:14px; color:#777; line-height:20px; height:40px; overflow:hidden;} .productCate .container .cateList .itemCaseUl2 li .item .cont .text p span{ display:block; color:#000; text-align:center; } .productCate .container .cateList .itemCaseUl2 li .item .cont{ position:relative; overflow: hidden; height: 310px;} .productCate .container .cateList .itemCaseUl2 li .item .cont .face{ width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; top:0;} .productCate .container .cateList .itemCaseUl2 li:hover .item .cont .text{ position:relative; z-index:100; top:-40px;} .productCate .container .cateList .itemCaseUl2 li:hover .item .cont .text h5{ color:#fff;} .productCate .container .cateList .itemCaseUl2 li:hover .item .cont .text p{ color:#fff; height:100px; overflow-y:auto; } .productCate .container .cateList .itemCaseUl2 li:hover .item .cont .text p span{ color:#fff;} .productCate .container .cateList .itemCaseUl2 li:hover .item .cont .face{ background:url(../images/maskProduct.png) repeat-x bottom; background:#183db6; top:100px; z-index:99; -webkit-transition: all 0.5s; transition: all 0.5s;} .productCate .container .cateList .itemCaseUl2 li:hover .cont{} .productCate .container .cateList .itemCaseUl2 li:hover .cont .more{ visibility: visible; opacity: 1;} .productCate .container .cateList .itemCaseUl2 li:hover img{ transform: scale(1.05); } /* 行业应用场景 */ .productCate .container .cateList .itemAppUl{ width:100%; float:left; overflow:hidden; padding-top:20px; } .productCate .container .cateList .itemAppUl li{ width:50%; height:140px; float:left; margin-bottom:20px;} .productCate .container .cateList .itemAppUl li a{ width:97%; height:120px; float:left; background:url(../images/productAppBg.jpg); overflow:hidden; padding-top:20px; position:relative; } .productCate .container .cateList .itemAppUl li:nth-child(2n) a{ float:right; } .productCate .container .cateList .itemAppUl li a p{ width:110px; margin-bottom:20px; position:absolute; float:left; padding-top:10px; padding-left:10px; } .productCate .container .cateList .itemAppUl li a p img{ max-width:74px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .productCate .container .cateList .itemAppUl li:hover a p img{ transform: scale(1.25);} .productCate .container .cateList .itemAppUl li a .spanb{ margin-left:130px; margin-right:20px; float:left; text-align:left; } .productCate .container .cateList .itemAppUl li a .spanb span{ width:100%; float:left; padding-top:10px; font-size:16px; text-align:left; } .productCate .container .cateList .itemAppUl li a .spanb b{ width:100%; float:left; padding-top:10px; font-size:12px; font-weight:normal; color:#666; } /* 关于我们 */ #NavSubAbout{ width:100%; min-width:1320px; height:auto; margin:0px auto; overflow:hidden; z-index:9999; margin-top:-30px; position:relative; } .NavSubAbout{ width:1320px; margin:0px auto; padding:0px 0px; color:#f4f4f4; } .NavSubAbout .subUl{ width:100%; line-height:60px; height:60px; background:#f5f8fa; } .NavSubAbout .subUl ul{ width:100%; margin:0px auto; text-align:center; clear:both;} .NavSubAbout .subUl ul li{ width:20%; float:left; } .NavSubAbout .subUl ul li a{ font-size:16px; color:#183db6; width:100%; height:100%; display:block;} .NavSubAbout .subUl ul .title{ color:#000;} .NavSubAbout .subUl ul .line{ color:#999; font-size:12px;} .NavSubAbout .subUl ul .sub{ color:#000;} .NavSubAbout .subUl ul li span{ width:1px; height:60px; background:#ebeced; float:right;} .NavSubAbout .subUl ul li:last-child span{ display:none;} .NavSubAbout .subUl ul li.actived, .NavSubAbout .subUl ul li:hover{ background:#183db6;} .NavSubAbout .subUl ul li.actived a, .NavSubAbout .subUl ul li:hover a{ color:#fff; } .NavSubProduct{} .NavSubProduct .subUl ul li{ width:25%;} .NavSubHonor .subUl ul{ display:flex;} .NavSubHonor .subUl ul li{ display:flex; float:left; } /* 公司简介 - 关于润建 */ .about{ overflow:hidden; padding-bottom:60px; } /* 公司简介 - 服务网络 */ .aboutService { overflow:hidden; padding-bottom:60px;} .aboutService .container{ overflow:hidden;} .aboutService .container ul{ width:280px; float:left;} .aboutService .container ul li{ width:100%; float:left; margin:20px 0px 60px 0px; } .aboutService .container ul li h3{ text-align:center; font-weight:normal;} .aboutService .container ul li h3 span{ font-size:48px;} .aboutService .container ul li h3 b{ font-size:24px; font-weight:normal;} .aboutService .container ul li h4{ text-align:center; font-weight:normal; font-size:18px;} .aboutService .container ul li h5{ width:100px; height:3px; background:#789afe; margin:0px auto; margin-top:10px;} .aboutService .container .chinaMap{ width:1000px; float:right; text-align:right;} .aboutService .container .chinaMap img{ max-width:100%; } /* 公司简介 - 海外业务 */ .aboutBusiness{ overflow:hidden; padding-bottom:60px;} .aboutBusiness .container { overflow:hidden; clear:both;} .aboutBusiness .container ul{ width:100%; float:left;} .aboutBusiness .container ul li{ width:33.33%; float:left; margin:40px 0px 0px 0px; } .aboutBusiness .container ul li h3{ text-align:center; font-weight:normal;} .aboutBusiness .container ul li h3 span{ font-size:48px;} .aboutBusiness .container ul li h3 b{ font-size:22px; font-weight:normal;} .aboutBusiness .container ul li h4{ max-width:300px; color:#333; margin:0px auto; text-align:center; font-weight:normal; font-size:16px;} .aboutBusiness .container ul li h5{ width:120px; height:3px; background:#789afe; margin:10px auto;} .aboutBusiness .container .chinaMap{ width:100%; float:left; text-align:center;} .aboutBusiness .container .chinaMap img{ max-width:100%; } /* 公司简介 - 研发实力 */ .aboutPower{ overflow:hidden; padding-bottom:60px;} .aboutPower .container{ overflow:hidden;} .aboutPower .container .chinaMap{ width:100%; margin:0px auto; text-align:center; position:relative;} .aboutPower .container .chinaMap img{ max-width:100%;width:100%; } .aboutPower .container .chinaMap .text{ width:100%; text-align:center; position:absolute; top:100px; color:#fff;} .aboutPower .container .chinaMap .text p{ width:auto; padding:10px 10px; color:#fff; border-bottom:2px solid #fff; display:inline-block; font-size:32px;} .aboutPower .container ul{ width:100%; margin:0px auto; padding-top:60px;} .aboutPower .container ul li{ width:33.33%; min-height:180px; float:left; overflow:hidden; margin:20px 0px 60px 0px; } .aboutPower .container ul li .line{ width:6px; height:180px; background:#183db6; float:left; } .aboutPower .container ul li .box{ width:auto; float:left;} .aboutPower .container ul li h3{ text-align:left; font-weight:normal; padding-left:20px; padding-bottom:20px;} .aboutPower .container ul li h3 span{ font-size:48px;} .aboutPower .container ul li h3 b{ font-size:22px; font-weight:normal;} .aboutPower .container ul li h3 i{ float:right; padding-right:150px; font-size:22px; color:#183db6;} .aboutPower .container ul li p{ padding:3px 0px; padding-left:20px; max-width:90%; color:#666; text-align:left; font-weight:normal; font-size:16px;} .aboutPower .container ul li p i{ font-size:16px; color:#666;} /* 公司简介 - 发展历程 */ .aboutDevelopment{ background:url(../images/aboutDevelopment.jpg) center bottom no-repeat; } .aboutDevelopment .container{} .aboutDevelopment .container .subtext{width:1200px; margin:0px auto;} .aboutDevelopment .container .subtext li{ font-size:22px; text-align:center; color:#333; -webkit-transition: all 0.5s; transition: all 0.5s; } .aboutDevelopment .container .title{ } .aboutDevelopment .container .title li{ font-size:68px; color:#ccc; padding:20px 0px; text-align:center; -webkit-transition: all 0.5s; transition: all 0.5s; } .aboutDevelopment .container .steps{ background:url(../images/aboutDevelopmentLine.png) repeat-x 0px 60px; margin:30px 0px; overflow:hidden; } .aboutDevelopment .container .steps li{ width:25%; height:130px; float:left; font-size:16px; text-align:center; background:url(../images/aboutDevelopmentIcon1.png) no-repeat center 46px; color:#1e4cc8; -webkit-transition: all 0.5s; transition: all 0.5s; } .aboutDevelopment .container .steps li span{ display:block; padding-top:82px; font-size:16px;} .aboutDevelopment .container .steps li span:hover{ cursor:pointer; } .aboutDevelopment .container .steps .actived{ background:url(../images/aboutDevelopmentIcon2.png) no-repeat center 0px; -webkit-transition: all 0.5s; transition: all 0.5s;} .aboutDevelopment .container .steps .actived span{ display:block; width:90px; margin:0px auto; padding-top:42px; color:#fff; font-size:18px;} .aboutDevelopment .container .years{ width:1100px; margin:40px auto;} .aboutDevelopment .container .years li{ font-size:16px; text-align:left; -webkit-transition: all 0.5s; transition: all 0.5s; } .aboutDevelopment .container .years li p{ font-size:16px; text-align:left; padding:6px 0px; } .aboutDevelopment .container .years li p b{ font-size:18px; font-weight:normal; color:#183db6; padding-right:10px; } .aboutDevelopment .container .step{ display:none; -webkit-transition: all 0.5s; transition: all 0.5s;} .aboutDevelopment .container .step-1{ display:block; } .aboutDevelopment .container .step-1, .aboutDevelopment .container .step-1, .aboutDevelopment .container .step-1, .aboutDevelopment .container .step-1{ -webkit-transition: all 0.5s; transition: all 0.5s;} /* 关于我们 - 企业资质 */ .aboutCert{ background:url(../images/aboutCert.jpg) center bottom no-repeat!important; } .aboutCert .container { margin:0px auto; min-height:500px; overflow:hidden; position:relative; } .aboutCert .container .left{ width:500px; float:left; position:absolute;} .aboutCert .container .left p{ font-size:16px; padding:6px 0px; text-align:left;} .aboutCert .container .left p i{ color:#999; padding-right:12px;} .aboutCert .container .left .more{ overflow:hidden; margin-top:20px; margin-bottom:40px; text-align:left; } .aboutCert .container .left .more a{ padding:10px 12px; border-radius:5px; color:#fff; font-size:14px; display: inline-block; } .aboutCert .container .left .more a.alink{ background:#183db6; } .aboutCert .container .left .more a.alink:hover{ background:#1a2d6a; color:#fff;} .aboutCert .container .right{ width:800px; float:right; text-align:center;} .aboutCert .container .right .img img{ border:8px solid rgba(0,0,0,0.3); max-width:90%; max-height:500px;} /* 关于我们 - 党建信息 */ .aboutPart { overflow:hidden; padding-bottom:60px;} /* 关于我们 - 企业文化 */ .aboutCultrue { overflow:hidden; padding-bottom:60px;} /* 关于我们 - 企业责任 */ .aboutResponse { overflow:hidden; padding-bottom:60px;} /* 关于我们 - 联系我们 */ .aboutContact{ } .aboutContact .container{ overflow:hidden; position: relative; } .aboutContact .container .left{ width:auto; float:left; text-align:left; } .aboutContact .container .left .map{} .aboutContact .container .left .map img{ max-width:100%; } .aboutContact .container .left .text{ padding-top:50px; } .aboutContact .container .left .text p{ font-size:16px; padding:4px 0px;} .aboutContact .container .left .text p i{ padding-right:20px;} .aboutContact .container .left .text p span{} .aboutContact .container .right{ width:auto; float:left; position: absolute; right: 0px;} .aboutContact .container .right .china{ width:460px; float:right; } .aboutContact .container .right .china .img{ } .aboutContact .container .right .china .text{ text-align:center; padding-top:20px; } .aboutContact .container .right .data{ width:auto; float:right;} .aboutContact .container .right .data ul{ width:200px; float:left;} .aboutContact .container .right .data ul li{ width:100%; float:left; margin:20px 0px 60px 0px; } .aboutContact .container .right .data ul li h3{ text-align:center; font-weight:normal;} .aboutContact .container .right .data ul li h3 span{ font-size:24px;} .aboutContact .container .right .data ul li h3 b{ font-size:18px; font-weight:normal;} .aboutContact .container .right .data ul li h4{ text-align:center; font-weight:normal; font-size:14px;} .aboutContact .container .right .data ul li h5{ width:80px; height:3px; background:#789afe; margin:10px auto;} /* 企业荣誉 */ .aboutHonor{ background: url(../images/aboutHonor.png) center bottom no-repeat fixed; } .aboutHonor .timeline-item .timeline-item-content img{ max-width:100%; margin: 0px auto;} #app { padding: 0 20px; width:auto; } #app h1{ text-align:center; } .timeline-container { display: flex; flex-direction: column; position: relative; margin: 40px 0; } .timeline-container::after { background-color: #0830b1; content:''; position: absolute; left: calc(50% - 2px); width: 4px; height: 100%; } .timeline-item { display: flex; justify-content: flex-end; padding-right: 30px; position: relative; margin: 10px 0; width: 50%; } .timeline-item:nth-child(odd) { align-self: flex-end; justify-content: flex-start; padding-left: 30px; padding-right: 0; } .timeline-item-content { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; background-color: #fff; display: flex; flex-direction: column; align-items: flex-end; padding: 15px; position: relative; width: 90%; max-width:550px; text-align: right; } .timeline-item-content::after { content:' '; background-color: #fff; box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2); position: absolute; right: -7.5px; top: calc(50% - 7.5px); transform: rotate(45deg); width: 15px; height: 15px; } .timeline-item:nth-child(odd) .timeline-item-content { text-align: left; align-items: flex-start; } .timeline-item:nth-child(odd) .timeline-item-content::after { right: auto; left: -7.5px; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2); } .timeline-item-content .tag { color: #fff; font-size: 12px; font-weight: bold; top: 8px; left: 10px; letter-spacing: 1px; padding: 5px; position: absolute; text-transform: uppercase; } .timeline-item:nth-child(odd) .timeline-item-content .tag { left: auto; right: 10px; } .timeline-item-content time { color: #0830b1; font-size: 16px; font-weight: bold;} .timeline-item-content p { font-size: 14px; line-height: 24px; margin: 15px 0; /*max-width: 250px;*/ } .timeline-item-content a { color: #333; text-decoration: none; font-size: 14px; font-weight: bold; } .timeline-item-content a::after { content:' ►'; font-size: 12px; } .timeline-item-content .circle { background-color: #fff; border: 3px solid #6497c4; border-radius: 50%; position: absolute; top: calc(50% - 10px); right: -40px; width: 20px; height: 20px; z-index: 100; } .timeline-item:nth-child(odd) .timeline-item-content .circle { right: auto; left: -40px; } @media only screen and (max-width: 1023px) { .timeline-item-content { max-width: 100%; } } @media only screen and (max-width: 767px) { .timeline-item-content, .timeline-item:nth-child(odd) .timeline-item-content { padding: 15px 10px; text-align: center; align-items: center; } .timeline-item-content .tag { width: calc(100% - 10px); text-align: center; } .timeline-item-content time { margin-top: 20px; } .timeline-item-content a { text-decoration: underline; } .timeline-item-content a::after { display: none; } } @media (min-width: 1200px) and (max-width:1440px){ .blockArea{ min-width:1200px;} .blockMain{ width:1200px; min-width:1200px;} #runjianTop{ min-width:1200px;} .runjianTop{ width:1200px; min-width:1200px;} #header{ min-width:1200px;} .header{ width:1200px; min-width:1200px;} #runjianNotice{ min-width:1200px;} .runjianNotice{ width:1200px; min-width:1200px;} #runjianBanner{ min-width:1200px;} .runjianBanner{ /*width:1200px;*/ min-width:1200px;} #indexAd{ min-width:1200px;} .indexAd{ /*width:1200px;*/ min-width:1200px;} #runjianBannerCate{ min-width:1200px;} .runjianBannerCate{ /*width:1200px;*/ min-width:1200px;} #runjianProduct{ min-width:1200px;} .runjianProduct{ width:1200px; min-width:1200px;} .runjianProduct .list ul li{ margin-top:5px;} .runjianProduct .list ul li .item{ width:590px; } #runjianNews{ min-width:1200px;} .runjianNews{ width:1200px; min-width:1200px;} .runjianNews .newsLeft{ width:340px; } .runjianNews .newsMid{ width:380px; } .runjianNews .newsMid .list ul li{ width:100%; } .runjianNews .newsRight{ width:370px; } .runjianNewsList .newsMore ul li a{ width:380px;} #runjianCase{ min-width:1200px;} .runjianCase{ width:1200px; min-width:1200px;} .runjianCase .list ul li .item .title{ font-size:12px;} .runjianCase .list ul li:hover .item .cont .text{ top:-65px;} .runjianCase .list ul li:hover .item .cont .text p{ height:130px;} #runjianCooperation{ min-width:1200px;} .runjianCooperation{ width:1200px; min-width:1200px;} #webSite{ min-width:1200px;} .webSite{ width:1200px; min-width:1200px;} #NavSubAbout{ min-width:1200px;} .NavSubAbout{ width:1200px; min-width:1200px;} #runjianNewsList{ min-width:1200px;} .runjianNewsList{ width:1200px; min-width:1200px;} .runjianNewsList .newsList ul li a{ width:380px; } /*.runjianNewsList .newsList ul li:nth-child(2n+1) a{ float:left;} .runjianNewsList .newsList ul li:nth-child(2n+2) a{ } .runjianNewsList .newsList ul li:nth-child(2n+3) a{ float:right;}*/ .runjianNewsList .newsList ul li h3{ font-size:16px; } .product .cateContent{ width:800px;} .pages .current{ height:24px; width:24px; line-height:24px; font-size:14px; } .aboutService .container ul{ width:220px;} .aboutService .container .chinaMap{ width:950px} .aboutService .container ul li h3 span{ font-size:36px;} .aboutService .container ul li h3 b{ font-size:18px;} .aboutService .container ul li h4{ font-size:16px; } .aboutPower .container .chinaMap .text{ top:80px; } .aboutDevelopment .container .subtext li{ font-size:20px;} .aboutDevelopment .container .title li{ font-size:42px; } .hrTrain .content ul li{ width:236px; } .hrTrain .content ul li.space{ background: url(../images/hrTrainArrow.png) 40px 145px no-repeat;} .hrStudent .content ul li .box{ width:279px;} .hrStudent .content ul li:nth-child(1) .box{ float:left;} .hrStudent .content ul li:nth-child(2) .box{ float:left; margin:0px 0px 0px 5px;} .hrStudent .content ul li:nth-child(3) .box{ float:left; margin:0px 0px 0px 10px;} .hrStudent .content ul li:nth-child(4) .box{ float:right;} .hrOnjob .content ul li .box{ width:279px;} .hrOnjob .content ul li:nth-child(1) .box{ float:left;} .hrOnjob .content ul li:nth-child(2) .box{ float:left; margin:0px 0px 0px 5px;} .hrOnjob .content ul li:nth-child(3) .box{ float:left; margin:0px 0px 0px 10px;} .hrOnjob .content ul li:nth-child(4) .box{ float:right;} .cultrueCompany .recommend .scrollImg { width:420px; } #runjianFoot{ min-width:1200px;} .runjianFoot{ width:1200px; min-width:1200px;} .runjianFoot2{ min-width:1200px;} .runjianFoot2 .runjianFoot { width:1200px; min-width:1200px; } .runjianFoot2 .runjianFoot .footerUp{ margin:20px 0px 20px 0px; } .blockMain .subjectRunjian .subject p{ width:850px;} } @media (min-width: 900px) and (max-width:1199px){ .navAuto > ul > li {float: left; padding-bottom: 18px; margin:0px 25px;} .blockArea{ min-width:992px;} .blockMain{ width:992px; min-width:992px;} #runjianTop{ min-width:992px;} .runjianTop{ width:992px; min-width:992px;} #header{ min-width:992px;} .header{ width:992px; min-width:992px;} #runjianNotice{ min-width:992px;} .runjianNotice{ width:992px; min-width:992px;} #runjianBanner{ min-width:992px;} .runjianBanner{ width:100%; min-width:992px;} #indexAd{ min-width:992px;} .indexAd{ width:100%; min-width:992px;} #runjianBannerCate{ min-width:992px;} .runjianBannerCate{ width:100%; min-width:992px;} #runjianProduct{ min-width:992px;} .runjianProduct{ width:992px; min-width:992px;} .runjianProduct .list ul li{ margin-top:5px; height:257px; } .runjianProduct .list ul li .item{ width:490px; } #runjianNews{ min-width:992px;} .runjianNews{ width:992px; min-width:992px;} .runjianNews .newsLeft{ width:320px; } .runjianNews .newsMid{ width:320px; } .runjianNews .newsMid .list ul li{ width:100%; } .runjianNews .newsRight{ width:260px; } #runjianCase{ min-width:992px;} .runjianCase{ width:992px; min-width:992px;} .runjianCase .list ul li .item .title b{ font-size:16px;} .runjianCase .list ul li .item .title span{ font-size:12px;} .runjianCase .list ul li .item .cont .img{ height:150px;} .runjianCase .list ul li .item .title{ font-size:12px;} #runjianCooperation{ min-width:992px;} .runjianCooperation{ width:992px; min-width:992px;} #webSite{ min-width:992px;} .webSite{ width:992px; min-width:992px;} #NavSubAbout{ min-width:992px;} .NavSubAbout{ width:992px; min-width:992px;} #runjianNewsList{ min-width:992px;} .runjianNewsList{ width:992px; min-width:992px;} .runjianNewsList .newsList ul li{ margin-bottom:20px;} .runjianNewsList .newsList ul li a{ width:380px; } .runjianNewsList .newsList ul li a{ width:95%;} .runjianNewsList .newsList ul li .img{ height:220px;} /*.runjianNewsList .newsList ul li:nth-child(2n+1) a{ float:left;} .runjianNewsList .newsList ul li:nth-child(2n+2) a{ } .runjianNewsList .newsList ul li:nth-child(2n+3) a{ float:right;}*/ .runjianNewsList .newsList ul li h3{ font-size:16px; } .product .cateFace{ width:280px;} .product .cateFace img{ max-width:100%;} .product .cateContent{ width:670px;} .productCate .container .cateList .itemCaseUl li a .img{ height:150px;} .productCate .container .cateList .itemAppUl li a .spanb{ width:330px;} .productCate .container .cateList .itemAppUl li a .spanb{ height:108px; overflow:hidden; } .productCate .container .cateList .itemAppUl li a .spanb b{ height:56px; overflow:hidden; } .pages .current{ height:24px; width:24px; line-height:24px; font-size:14px; } .blockMain .descriptionRunjian .description{ width:530px; } .aboutService .container ul{ width:190px; } .aboutService .container ul li h3 span{ font-size:26px;} .aboutService .container ul li h3 b{ font-size:18px;} .aboutService .container ul li h4 { font-size:14px;} .aboutService .container .chinaMap{ width:740px; } .aboutPower .container .chinaMap .text{ top:60px;} .aboutDevelopment .container .title li{ font-size:36px; } .aboutDevelopment .container .subtext li{ font-size:18px;} .aboutContact .container .left{ width:40%; } .aboutContact .container .left .map{ } .aboutContact .container .left .text p i{ padding-right:0px;} .aboutContact .container .right{ float:right;} .aboutContact .container .right .data ul{ width:180px;} .aboutContact .container .right .data ul li{ margin-bottom:20px;} .aboutContact .container .right .data ul li h3 b{ font-size:14px;} .aboutContact .container .right .china{ width:350px; } .aboutContact .container .right .china .img{} .aboutContact .container .right .china .img img{ max-width:100%;} .businessType .content ul li div{ width:226px; } .businessPolicy .content ul li div{ width:184px; } .hrStudent .subjectRunjian .subject{ margin-top:20px; } .hrStudent .content ul li .box{ width:234px; height:240px; } .hrStudent .content ul li:nth-child(1) .box{ float:left;} .hrStudent .content ul li:nth-child(2) .box{ float:left; margin:0px 0px 0px 5px;} .hrStudent .content ul li:nth-child(3) .box{ float:left; margin:0px 0px 0px 10px;} .hrStudent .content ul li:nth-child(4) .box{ float:right;} .hrStudent .content ul li .box h2{ padding:10px; font-size:16px;} .hrTrain .subjectRunjian .subject{ margin-top:20px; } .hrTrain .content ul li{ width:225px;} .hrTrain .content ul li .box{ width:223px; } .hrTrain .content ul li.space{ width:30px; background: url(../images/hrTrainArrow.png) 8px 145px no-repeat;} .hrOnjob .subjectRunjian .subject{ margin-top:20px; } .hrOnjob .content ul li .box{ width:234px; height:320px; } .hrOnjob .content ul li .box h2{ font-size:16px; } .hrOnjob .content ul li:nth-child(1) .box{ float:left;} .hrOnjob .content ul li:nth-child(2) .box{ float:left; margin:0px 0px 0px 5px;} .hrOnjob .content ul li:nth-child(3) .box{ float:left; margin:0px 0px 0px 10px;} .hrOnjob .content ul li:nth-child(4) .box{ float:right;} .hrOccupation .subjectRunjian .subject{ margin-top:20px; } .cultrueCompany .recommend .scrollImg{ width:300px;} .cultrueCompany .recommend .scrollImg img{ max-width:100%; } .cultrueCompany .recommend .description{ width:660px; margin-top:0px;} .cultrueCompany .recommend .description p{ padding-top:10px; padding-bottom:0px;} .cultrueCompany .recommend .description h3{ font-size:24px;} .cultrueFestival .subjectRunjian .subject{ margin-top:0px; } .cultrueFestival .content ul li .box h2{ font-size:16px; } .cultrueFestival .content ul li .box span img{ height:165px; width:100%; } .cultrueSport .content ul li .box span img{ height:235px;} .cultrueSport .content ul li .box h2{ font-size:16px; padding:10px;} .cultrueSport .content ul li .box h3{ height:60px; } .cultrueGroup .content ul li .box h2{ font-size:16px; padding:10px;} .cultrueGroup .content ul li .box h3{} #runjianFoot{ min-width:992px;} #runjianFoot .runjianFoot{ width:992px; min-width:992px;} .blockMain .subjectRunjian .subject p{ width:690px;} } @media screen and (max-width:768px){ .blockArea{ width:100%; min-width:auto; } .blockArea{ width:auto; min-width:inherit; padding:20px 10px; margin:0px 0px; background:#fff;} .blockArea .subject .description{ width:90%;} .blockList{ padding:0px 10px; margin:0px 0px;} .blockArea .subject .title{ font-size:20px; padding:10px 0px;} .blockArea .subject{ padding:20px 0px; } .blockArea .subject h4{ font-size:22px;} .blockArea .subject .titleSub span{ font-size:14px; } .bgGray{ background:#f4f4f4; } #runjianTop{ width:100%; min-width:auto; display:none;} .runjianTop{ width:auto; padding:0px 10px; } .runjianTop .topLeft{ display:none;} .runjianTop .topRight{ width:100%;} .runjianTop .topRight ul li{ padding:0px 5px;} #header{ width:100%; min-width:auto; height:50px;} #header .header{ width:auto; height:50px; } .header .headLogo{ display:none;} .header .nav{ float:left; width:100%; position: absolute; z-index: 99999 !important;} .runjianFoot2 .runjianFoot{ width:auto; min-width:inherit;} #runjianBanner{ width:100%; min-width:auto;} #runjianBanner .runjianBanner{ width:auto; min-width:auto;} #indexAd{ width:100%; min-width:auto;} #indexAd .indexAd{ width:auto; min-width:auto;} #runjianFoot{ width:100%; min-width:auto;} .runjianFoot{ width:auto;} .runjianFoot .commoBlock .qrCode{ width:100%; text-align:center; } .runjianFoot .commoBlock .qrCode .img{ float:none;} .runjianFoot .commoBlock .qrCode .text{ float:none; margin-top:10px; margin-left:0px;} .runjianFoot .commoBlock .fastLink{ display:none;} .runjianFoot .commoBlockLine{ padding:10px 0px 20px 0px;} .runjianFoot .commoBlock .language{ float:none; padding:10px 0px; padding-left:0px; text-align:center; } .runjianFoot .commoBlock .language ul{ float:none; margin: 0px auto; display: inline-block;} .runjianFoot .commoBlock .copyright{ text-align:center; float:none; width:100%; overflow:hidden; line-height:200%; } .runjianFoot .commoBlock .copyright p{ display:block;} #runjianNotice{ width:100%; min-width:auto;} .runjianNotice{ width:auto; padding:0px 10px;} .runjianNotice .notice{ font-size:12px;} .runjianNotice .notice .list{ margin-left:90px;} .runjianNotice .notice .list ul li{ font-size:12px;} #runjianProduct{ width:100%; min-width:auto;} .runjianProduct{ width:auto;} .runjianProduct .list ul li{ width:100%;} .runjianProduct .list ul li .item{ width:auto;} .runjianProduct .list ul li img{ width:auto; min-width: 100%;} .runjianProduct .list ul li:nth-child(2n) a, .runjianProduct .list ul li:nth-child(2n+1) a{ float:none;} #runjianNews{ width:100%; min-width:auto;} .runjianNews{ width:auto; padding:0px 10px;} .runjianNews .newsLeft .box, .runjianNews .newsMid .box, .runjianNews .newsRight .box { height:auto;} .runjianNews .newsLeft{ width:100%; } .runjianNews .newsLeft .img{ height:auto;} .runjianNews .newsLeft .img a img{ height:auto;} .runjianNews .newsLeft .more{ text-align:center; margin:20px 0px; } .runjianNews .newsMid{ width:100%; margin-left:0px; border-top:3px solid #1a2d6a; padding-top:20px; } .runjianNews .newsMid .list ul li{/* width:100%;*/ height:auto; padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #aaa;} .runjianNews .newsMid .list ul li:nth-child(2n+1) a{ width:100%; display:inline-block; } .runjianNews .newsMid .list ul li:nth-child(2n) a{ width:100%; display:inline-block; float:left; } .runjianNews .newsMid .more{ text-align:center; padding-top:15px;} .runjianNews .newsRight{width:100%; margin-left:0px;padding-top:30px; } .runjianNews .newsRight .list ul li a h3{ height:auto;} .runjianNews .newsRight .more{ text-align:center; padding:30px 0px 10px 0px; } #runjianCase{ width:100%; min-width:auto;} .runjianCase{ width:auto;} .runjianCase .list ul li{ width:100%;} .runjianCase .list ul li:nth-child(1) .item{ padding-left:10px;} .runjianCase .list ul li:nth-child(2) .item{} .runjianCase .list ul li:nth-child(3) .item{} .runjianCase .list ul li:nth-child(4) .item{ padding-right:10px;} .runjianCase .list ul li .item .cont{ height:auto; } .runjianCase .list ul li .item .cont .text h5{ height:auto;} .runjianCase .list ul li .item .cont .img{ height:auto; } .runjianCase .list ul li .item .cont .img img{ height:auto;} .runjianCase .list ul li .item .cont .text p{ height:auto; margin-top:10px;} .runjianCase .list ul li:hover .item .cont .text{ position:relative; z-index:100; top:inherit;} .runjianCase .list ul li:hover .item .cont .text h5{ color:#fff;} .runjianCase .list ul li:hover .item .cont .text p{ color:#fff; height:inherit; } .runjianCase .list ul li:hover .item .cont .text p span{ color:#fff;} .runjianCase .list ul li:hover .item .cont .face{ background:url(../images/maskProduct.png) repeat-x bottom; z-index:99;} .runjianCase .list ul li:hover .cont{} .runjianCase .list ul li:hover .cont .more{ visibility: visible; opacity: 1;} .runjianCase .list ul li:hover img{ transform: scale(1.05); } #runjianCooperation{ width:100%; min-width:auto;} .runjianCooperation{ width:auto;} .runjianCooperation .tab ul li{ margin:0px 10px; } .runjianCooperation .tab ul li a{ font-size:14px; } .runjianCooperation .partner ul li a img{ width:100px; height:51px; } #NavSub{ width:100%; min-width:auto; margin-top:20px;} .NavSub{ width:auto; } #webSite{ width:100%; min-width:auto;} .webSite{width:auto;} #runjianBannerCate{ width:100%; min-width:auto;} .runjianBannerCate{ width:auto; } .runjianBannerCate .slides li .textBox .text{ } #runjianNewsList{ width:100%; min-width:auto;} .runjianNewsList{ width:auto;} .runjianNewsList .newsList ul li{ width:50%; height:auto;} .runjianNewsList .newsList ul li a{ width:100%; height:auto; max-width:95%; margin: 0px auto; display:block; } .runjianNewsList .newsList ul li .img{ height:auto;} .runjianNewsList .newsList ul li h3{ height:auto; } .artMain .title{ /*width:auto;*/ margin-top:10px;} .artMain .attr{ width:auto; padding:0px 10px; overflow:hidden; padding-bottom: 10px;} .pre-next{ padding:0px 10px; width:auto;} .blockMain { width:auto; min-width:auto;} .product .cateFace{ width:100%; display:none; } .product .cateContent{ width:100%; float:left;} .productCate .container .infor .description{ height:auto; margin-right:auto;} .productCate .container .infor .cateFace{ width:100%; position:static; top:inherit; margin-top:auto; right:inherit; float:left; margin:15px 0px;} .productCate .container .infor .cateFace img{ width:100%;} .productCate .container .cateLine .cateList .itemCaseUl li{ margin-right: 10px; } .productCate .container .cateLine .cateList .itemCaseUl li a{ width:100%;} .productCate .container .cateLine .cateList .itemAppUl li{ width:100%;} .productCate .container .cateList .itemAppUl li a .spanb{ height:108px; overflow:hidden; } .productCate .container .cateList .itemAppUl li a .spanb b{ height:56px; overflow:hidden; } .businessEcology{ width:auto; } .businessEcology .content ul{ background:url(../images/businessEcolegyLine2.png) center 86px no-repeat;} .businessEcology .content ul li img{ width:60px;} .businessEcology .content ul li .box h2{background: url(../images/icon-hezuohuoban-type-0.png) center 18px no-repeat; padding-top:60px; font-size:14px; } .businessType{ width:auto; } .businessType .content ul li div{ width:100%;} .businessType .content ul li{ width:100%; margin-bottom:20px; } .businessType .content ul li div{ height:auto; overflow:hidden; padding-bottom:20px; } .businessType .content ul li div span{ height:auto; overflow:hidden; margin-top:30px; } .businessType .content ul li div h2{ padding-top:20px; } .businessType .content ul li div h3{ height:auto; padding:15px 0px;} .businessType .content .join{ margin-top:0px; padding-top:10px; margin-bottom:20px; } .businessType .content .join a{overflow: hidden; display: inline-block;} .businessPolicy{ width:auto; } .businessPolicy .content ul li{ width:100%; margin-bottom:20px; } .businessPolicy .content ul li div{ width:100%;} .partnerRegister{ width:auto;} .partnerRegister .title{ margin:20px 0px; } .partnerRegister .form li .sptitle{ width:100%; float:left; text-align:left;} .partnerRegister .form li input, .partnerRegister .form li select, .partnerRegister .form li textarea{ width:90%; text-align:left; } .partnerRegister .contact{ padding-top:0px; font-size:14px; } .partnerRegister .contact ul li{ width:100%; padding:0px 0px 10px 0px;} .partnerRegister .contact p{ line-height:24px; } .partnerRegister .form li .formSelect, .partnerRegister .form li #ddlprovinceCode, .partnerRegister .form li #ddlcityCode, .partnerRegister .form li #ddlareaCode{ width:120px; } .blockArea .subjectBig .title{ font-size:26px;} .blockArea .subjectBig .titleSub{ font-size:14px;} .runjianProduct .list ul li .cont{ padding:20px 20px 0px 20px;} .blockMain .recommend #hrCulBanner{ width:100%;} .hrDevelopment .description{ width:auto;} .hrTrain .content ul li{ width:100%; margin-bottom:20px;} .hrTrain .content ul li .box{ height:auto;} .hrTrain .content ul li .box h2{ font-size:16px;} .hrTrain .content ul .space{ display:none; } .hrTrain .content .join{ padding-top:0px; padding-bottom:20px;} .hrStudent .content ul li{ /*width:100%;*/} .hrStudent .content ul li .box{ width:100%; height:auto; margin-bottom:10px; } .hrStudent .content ul li .box h2{ font-size:16px;} .hrStudent .content ul li .box span img{ width:100%;} .hrStudent .content .join{ padding-top:0px; padding-bottom:20px;} .hrOnjob .content ul li{ /*width:100%;*/} .hrOnjob .content ul li .box{ /*width:auto; height:auto;*/ margin-bottom:20px; } .hrOnjob .content ul li .box h2{ font-size:16px;} .hrOnjob .content ul li .box h3{ height:auto; } .hrOnjob .content ul li .box span img{ width:100%;} .hrOnjob .content .join{ padding-top:0px; padding-bottom:20px;} .hrOccupation .content .special{ width:100%;} .hrOccupation .content .special p{ width:auto; font-size:16px;} .hrOccupation .content .group{ width:100%;} .cultrueCompany .recommend .scrollImg{ width:100%;} .cultrueCompany .recommend .description{ width:100%; float:left;} .cultrueFestival .content ul li{ /*width:100%;*/} .cultrueFestival .content ul li .box{ width:auto; max-width:inherit; height:auto; margin-bottom:20px; } .cultrueFestival .content ul li .box span img{ width:100%;} .cultrueFestival .content ul li .box h3{ /*height:auto;*/} .cultrueFestival .content .join{ padding-top:0px; padding-bottom:20px;} .cultrueSport .content ul li{ /*width:100%;*/ padding-bottom:15px;} .cultrueSport .content ul li .box{ width:auto; max-width:inherit; height:auto; margin-bottom:20px; } .cultrueSport .content .join{ padding-top:0px; padding-bottom:20px;} .cultrueGroup .content ul li{ /*width:100%;*/} .cultrueGroup .content ul li .box{ width:auto; max-width:inherit; height:auto; margin-bottom:20px; } .cultrueGroup .content ul li .box span img{ width:100%;} .cultrueGroup .content ul li .box h3{ height:auto;} .cultrueGroup .content .join{ padding-top:0px; padding-bottom:20px;} #NavSubAbout{ min-width:inherit; z-index:auto; margin-top:0px;} .NavSubAbout{ width:auto;} .NavSubAbout .subUl ul li{ height:60px; overflow:hidden;} .NavSubAbout .subUl ul li a{ font-size:14px;} .blockMain .descriptionRunjian #aboutBanner { width:100%; margin-bottom:30px; } .blockMain .descriptionRunjian #aboutBanner .aboutBanner{ width:100%;} .blockMain .descriptionRunjian .description{ width:100%;} .aboutService .subjectRunjian .subject{ margin:0px;} .aboutService .container ul{ width:100%;} .aboutService .container ul li{ margin:20px 0px;} .aboutService .container ul li h3 span{ font-size:36px;} .aboutService .container ul li h3 b{ font-size:20px;} .aboutService .container .chinaMap{ width:100%;} .aboutBusiness .subjectRunjian .subject{ margin:0px;} .aboutBusiness .subjectRunjian .subject p{ width:auto; margin-top:20px; } .aboutBusiness .container ul li{ width:100%;} .aboutPower{ padding-bottom:0px;} .aboutPower .subjectRunjian .subject{ margin:0px;} .aboutPower .container .chinaMap .text{ top:10px;} .aboutPower .container .chinaMap .text p{ font-size:14px;} .aboutPower .container ul{ padding-top:20px; } .aboutPower .container ul li{ width:100%; margin-bottom:20px;} .aboutDevelopment .subjectRunjian .subject{ margin:0px;} .aboutDevelopment .container .subtext{ width:100%;} .aboutDevelopment .container .subtext li{ font-size:16px;} .aboutDevelopment .container .title li{ font-size:24px;} .aboutDevelopment .container .steps .actived{ background-size:76%; background-position:center center;} .aboutDevelopment .container .steps .actived span{ font-size:14px; padding-top:48px;} .aboutDevelopment .container .years{ width:100%;} .aboutCert .subjectRunjian .subject{ margin:0px;} .aboutCert .container .left{ width:100%;} .aboutCert .container .right{ width:100%;} .aboutCert .container .right .img{ display:none; } .aboutCert .container .right .img img{ width:90%;} .aboutCultrue .subjectRunjian .subject{ margin:0px;} .aboutResponse .subjectRunjian .subject{ margin:0px;} .aboutContact .subjectRunjian .subject{ margin:0px;} .aboutContact .container .left{ width:100%;} .aboutContact .container .left .text p i{ padding-right:0;} .aboutContact .container .right{ width:100%;} .aboutContact .container .right .data{ float:left; width:100%; margin-top:30px;} .aboutContact .container .right .data ul{ width:100%;} .aboutContact .container .right .data ul li{ margin-bottom:20px;} .aboutContact .container .right .china{ float:left; width:100%; } .aboutContact .container .right .china .img{} .aboutContact .container .right .china .img img{ max-width:100%;} .NavSubAbout .subUl{ height:auto; overflow: hidden; } .NavSubHonor .subUl ul{ display:block;} .NavSubHonor .subUl ul li{ width:20%; } .blockHonor{ padding:0px;} .timeline-item-content .tag{ left:0px; right:0px; width:100%; } .timeline-item:nth-child(2n+1) .timeline-item-content .tag{left:0px; right:0px; width:100%; } .timeline-item-content time{ padding-top:30px; font-weight:normal; } .businessType .content ul li:nth-child(1) div{ float:left;} .businessType .content ul li:nth-child(2) div{ float:left; padding-left:0;} .businessType .content ul li:nth-child(3) div{ float:left; padding-left:0;} .businessType .content ul li:nth-child(4) div{ float:left;} .partnerRegister .subjectRunjian .subject{ margin:0px;} .product .cateContent .cateList ul li{ width:33%;} .product .cateContent .learnMore{ margin:0px auto 20px auto;} .productCate .container .cateLine .cateList .itemCateUl li{ width:100%; margin-bottom:20px;} .productCate .container .cateLine .cateList .itemCateUl li a .spanb{ width:auto;} .productCate .container .cateLine .cateList .itemCaseUl li a .img img{ width:100%;} .productCate .container .cateLine .cateList .itemCaseUl li a .text{ padding:0px;} .productCate .container .cateLine .cateList .itemAppUl li a .spanb{ width:250px;} .productCate .container .cateLine .cateList .itemAppUl li a{ width:100%;} /* 新闻与活动 - 文章列表 */ .runjianNewsList .newsList ul li{ width:100%; height:auto;} .runjianNewsList .newsList ul li a{ width:100%; height:auto; max-width:95%; margin: 0px auto; display:block; } .runjianNewsList .newsList ul li .img{ height:auto;} .runjianNewsList .newsList ul li h3{ height:auto; font-size:16px; } .runjianNewsList .newsList ul li span{ font-size:14px;} .artMain .content img{ height:auto!important; } .pages .current{ height:24px; width:24px; line-height:24px; font-size:14px; } .runjianFoot2 .runjianFoot .footerUp dl{ width:95%; margin:0px auto; float:none; padding-bottom:10px; padding-top:0px;} .runjianFoot2 .runjianFoot .footerUp dl.app{} .runjianFoot2 .runjianFoot .footerUp dl.app dt .iconfont{ display:inline-block; float:right; padding-right:10px;} .runjianFoot2 .runjianFoot .footerUp dl.app dt{ font-size:14px; border-bottom:1px solid #535562; padding:10px 0px 20px 0px;} .runjianFoot2 .runjianFoot .footerUp dl.app dd{ display:none; border-bottom:1px solid #535562; line-height:50px; width:95%; margin:0px auto;} .runjianFoot2 .runjianFoot .footerUp dl.app dd a:hover{ color:#fff;} .runjianFoot2 .runjianFoot .footerUp dl.open dd{ display:block; } } @media screen and (max-width:480px){ .bannerPC{ display:none!important;} .bannerMobile{ display:block!important;} .blockArea .subjectBig .title{ font-size:26px;} .blockArea .subjectBig .titleSub{ font-size:14px;} .blockArea .subjectBig h4{ font-size:18px; } .runjianProduct .list ul li .cont{ padding:20px 20px 0px 20px;} .runjianCase .list ul li .item .cont{ height:auto; } .runjianCase .list ul li .item .cont .text h5{ height:auto;} .runjianCase .list ul li .item .cont .img{ height:auto; } .runjianCase .list ul li .item .cont .img img{ height:auto;} .runjianCase .list ul li .item .cont .text p{ height:auto; margin-top:10px;} .runjianCase .list ul li:hover .item .cont .text{ position:relative; z-index:100; top:inherit;} .runjianCase .list ul li:hover .item .cont .text h5{ color:#fff;} .runjianCase .list ul li:hover .item .cont .text p{ color:#fff; height:inherit; } .runjianCase .list ul li:hover .item .cont .text p span{ color:#fff;} .runjianCase .list ul li:hover .item .cont .face{ background:url(../images/maskProduct.png) repeat-x bottom; z-index:99;} .runjianCase .list ul li:hover .cont{} .runjianCase .list ul li:hover .cont .more{ visibility: visible; opacity: 1;} .runjianCase .list ul li:hover img{ transform: scale(1.05); } .hrDevelopment .description{ width:auto;} .hrTrain .content ul li{ width:100%; margin-bottom:20px;} .hrTrain .content ul li .box{ height:auto;} .hrTrain .content ul li .box h2{ font-size:16px;} .hrTrain .content ul .space{ display:none; } .hrTrain .content .join{ padding-top:0px; padding-bottom:20px;} .hrStudent .content ul li{ /*width:100%;*/} .hrStudent .content ul li .box{ width:100%; height:auto; margin-bottom:10px; } .hrStudent .content ul li .box h2{ font-size:16px;} .hrStudent .content ul li .box span img{ width:100%;} .hrStudent .content .join{ padding-top:0px; padding-bottom:20px;} .hrOnjob .content ul li{ /*width:100%;*/} .hrOnjob .content ul li .box{ /*width:auto; height:auto;*/ margin-bottom:20px; } .hrOnjob .content ul li .box h2{ font-size:16px;} .hrOnjob .content ul li .box h3{ height:auto; } .hrOnjob .content ul li .box span img{ width:100%;} .hrOnjob .content .join{ padding-top:0px; padding-bottom:20px;} .hrOccupation .content .special{ width:100%;} .hrOccupation .content .special p{ width:auto; font-size:16px;} .hrOccupation .content .group{ width:100%;} .cultrueCompany .recommend .scrollImg{ width:100%;} .cultrueCompany .recommend .description{ width:100%; float:left;} .cultrueCompany .recommend .description h3{ font-size:16px;} .cultrueFestival .content ul li{ /*width:100%;*/} .cultrueFestival .content ul li .box{ width:auto; max-width:inherit; height:auto; margin-bottom:20px; } .cultrueFestival .content ul li .box span img{ width:100%;} .cultrueFestival .content ul li .box h3{ height:auto;} .cultrueFestival .content .join{ padding-top:0px; padding-bottom:20px;} .cultrueSport .content ul li{ /*width:100%;*/ padding-bottom:15px;} .cultrueSport .content ul li .box{ width:auto; max-width:inherit; height:auto; margin-bottom:20px; } .cultrueSport .content .join{ padding-top:0px; padding-bottom:20px;} .cultrueGroup .content ul li{ /*width:100%;*/} .cultrueGroup .content ul li .box{ width:auto; max-width:inherit; height:auto; margin-bottom:20px; } .cultrueGroup .content ul li .box span img{ width:100%;} .cultrueGroup .content ul li .box h3{ height:auto;} .cultrueGroup .content .join{ padding-top:0px; padding-bottom:20px;} #NavSubAbout{ min-width:inherit; z-index:auto; margin-top:0px;} .NavSubAbout{ width:auto;} .NavSubAbout .subUl ul li{ height:60px; overflow:hidden;} .NavSubAbout .subUl ul li a{ font-size:14px;} .aboutService .subjectRunjian .subject{ margin:0px;} .aboutService .container ul{ width:100%;} .aboutService .container ul li{ margin:20px 0px;} .aboutService .container ul li h3 span{ font-size:36px;} .aboutService .container ul li h3 b{ font-size:20px;} .aboutService .container .chinaMap{ width:100%;} .aboutBusiness .subjectRunjian .subject{ margin:0px;} .aboutBusiness .subjectRunjian .subject p{ width:auto; margin-top:20px; } .aboutBusiness .container ul li{ width:100%;} .aboutPower{ padding-bottom:0px;} .aboutPower .subjectRunjian .subject{ margin:0px;} .aboutPower .container .chinaMap .text{ top:10px;} .aboutPower .container .chinaMap .text p{ font-size:14px;} .aboutPower .container ul{ padding-top:20px; } .aboutPower .container ul li{ width:100%; margin-bottom:20px;} .aboutDevelopment .subjectRunjian .subject{ margin:0px;} .aboutDevelopment .container .subtext{ width:100%;} .aboutDevelopment .container .subtext li{ font-size:16px;} .aboutDevelopment .container .title li{ font-size:24px;} .aboutDevelopment .container .steps .actived{ background-size:76%; background-position:center center;} .aboutDevelopment .container .steps .actived span{ width:60px; font-size:14px; padding-top:50px;} .aboutDevelopment .container .years{ width:100%;} .aboutCert .subjectRunjian .subject{ margin:0px;} .aboutCert .container .left{ width:100%;} .aboutCert .container .right{ width:100%;} .aboutCert .container .right .img{ display:none; } .aboutCert .container .right .img img{ width:90%;} .aboutCultrue .subjectRunjian .subject{ margin:0px;} .aboutResponse .subjectRunjian .subject{ margin:0px;} .aboutContact .subjectRunjian .subject{ margin:0px;} .aboutContact .container .left{ width:100%;} .aboutContact .container .left .text p i{ padding-right:0;} .aboutContact .container .right{ width:100%;} .aboutContact .container .right .data{ float:left; width:100%; margin-top:30px;} .aboutContact .container .right .data ul{ width:100%;} .aboutContact .container .right .data ul li{ margin-bottom:20px;} .aboutContact .container .right .china{ float:left; width:100%; } .aboutContact .container .right .china .img{} .aboutContact .container .right .china .img img{ max-width:100%;} .businessType .content ul li:nth-child(1) div{ float:left;} .businessType .content ul li:nth-child(2) div{ float:left; padding-left:0;} .businessType .content ul li:nth-child(3) div{ float:left; padding-left:0;} .businessType .content ul li:nth-child(4) div{ float:left;} .partnerRegister .subjectRunjian .subject{ margin:0px;} .product .cateContent .cateList ul li{ width:33%;} .product .cateContent .learnMore{ margin:0px auto 20px auto;} .productCate .container .cateLine .cateList .itemCateUl li{ width:100%; margin-bottom:20px;} .productCate .container .cateLine .cateList .itemCateUl li a .spanb{ width:auto;} .productCate .container .cateLine .cateList .itemCaseUl li a .img img{ width:100%;} .productCate .container .cateLine .cateList .itemCaseUl li a .text{ padding:0px;} .productCate .container .cateLine .cateList .itemAppUl li a .spanb{ width:250px;} .productCate .container .cateLine .cateList .itemAppUl li a{ width:100%;} .productCate .container .cateLine .cateList .itemCateUl2 li{ margin-bottom:30px; width:33.3%; } .productCate .container .cateLine .cateList .itemCateUl2 li a p{ margin-bottom:10px; } .productCate .container .cateList .itemAppUl li{ width:100%;} .productCate .container .cateList .itemAppUl li:nth-child(2n) a{ float:left; } .productCate .container .cateList .itemAppUl li a .spanb{ height:108px; overflow:hidden; } .productCate .container .cateList .itemAppUl li a .spanb b{ height:56px; overflow:hidden; } /* 新闻与活动 - 文章列表 */ .runjianNewsList .newsList ul li{ width:100%; height:auto;} .runjianNewsList .newsList ul li a{ width:100%; height:auto; max-width:95%; margin: 0px auto; display:block; } .runjianNewsList .newsList ul li .img{ height:auto;} .runjianNewsList .newsList ul li h3{ height:auto; font-size:16px; } .runjianNewsList .newsList ul li span{ font-size:14px;} .runjianNewsList .newsList .styleImg li{ width:100%;} .artMain .content img{ height:auto!important; } .pages .current{ height:24px; width:24px; line-height:24px; font-size:14px; } .partnerRegister .contact{ margin-top:30px; } .partnerRegister .contact ul li span{ font-size:16px;} /*.runjianFoot2 .runjianFoot { background:#cbcbcb; background:#cbcbcb; }*/ .runjianFoot2 .runjianFoot {width:100%; min-width:inherit;} .runjianFoot2 .runjianFoot .footerUp{ margin:20px 0px 0px 0px; } .runjianFoot2 .runjianFoot .footerUp dl{ width:33.3%; float:left; padding:0px 0px 20px 0px; line-height:22px; } .runjianFoot2 .runjianFoot .footerUp .wechat{ width:100%; } .runjianFoot2 .runjianFoot .footerUp dl dt{ width:auto; text-indent:10px;} .runjianFoot2 .runjianFoot .footerUp dl dd{ text-indent:10px; } .runjianFoot2 .runjianFoot .footerDown{ width:auto; padding:10px 10px; } .runjianFoot2 .runjianFoot .footerUp dl{ width:95%; margin:0px auto; float:none; padding-bottom:10px; padding-top:0px;} .runjianFoot2 .runjianFoot .footerUp dl.app{} .runjianFoot2 .runjianFoot .footerUp dl.app dt .iconfont{ display:inline-block; float:right; padding-right:10px;} .runjianFoot2 .runjianFoot .footerUp dl.app dt{ font-size:14px; border-bottom:1px solid #535562; padding:10px 0px 20px 0px;} .runjianFoot2 .runjianFoot .footerUp dl.app dd{ display:none; border-bottom:1px solid #535562; line-height:50px; width:95%; margin:0px auto;} .runjianFoot2 .runjianFoot .footerUp dl.app dd a:hover{ color:#fff;} .runjianFoot2 .runjianFoot .footerUp dl.open dd{ display:block; } }