/* 全局设置 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:#2b7dd9;} p{text-decoration:none; -webkit-transition: all 0.5s; transition: all 0.5s; outline:none; cursor:pointer; } .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 全局设置 */ /* 底部版权 */ #Foot{ width:100%; min-width:1320px; height:auto; margin:0px auto; } .Foot{ width:1320px; margin:0px auto; padding:0px 0px; color:#f4f4f4; } .Foot .commoBlock{ width:100%; height:auto; margin:0px auto; padding:20px 0px; display:block; overflow:hidden; } .Foot .commoBlock .qrCode{ width:auto; float:left;} .Foot .commoBlock .qrCode .img{ width:auto; float:left;} .Foot .commoBlock .qrCode .img img{ width:56px; height:56px;} .Foot .commoBlock .qrCode .text{ width:auto; float:left; margin-top:32px; margin-left:10px; } .Foot .commoBlock .qrCode .text b{ font-size:18px; font-weight:bold; } .Foot .commoBlock .qrCode .text span{ font-size:14px; } .Foot .commoBlock .fastLink{ width:auto; float:right; margin-top:42px; } .Foot .commoBlock .fastLink ul{ width:auto; float:right; } .Foot .commoBlock .fastLink ul li{ width:auto; padding:0px 5px; float:left;} .Foot .commoBlock .fastLink ul li a{ color:#f4f4f4;} .Foot .commoBlock .fastLink ul li a:hover{ color:#fff; text-decoration:underline; } .Foot .commoBlock .fastLink ul li span{} .Foot .commoBlock .language{ width:auto; float:left;} .Foot .commoBlock .language ul{ width:auto; float:left; } .Foot .commoBlock .language ul li{ width:auto; padding:0px 5px; float:left;} .Foot .commoBlock .language ul li a{ color:#f5f8fa;} .Foot .commoBlock .language ul li a:hover{ color:#fff; text-decoration:underline;} .Foot .commoBlock .language ul li span{} .Foot .commoBlock .language ul li{ text-indent:10px; padding:0; } .Foot .commoBlock .language ul li:nth-child(1){ text-indent:0px; } .Foot .commoBlock .copyright{ width:auto; float:right; } .Foot .commoBlock .copyright span{ margin-left:10px; } .Foot .commoBlock .copyright p{ display:none;} .Foot .commoBlockLine{ border-top: 1px solid #6b79a6; } .Foot1{ display:none;} .Foot2{ display:block;} .Foot2 .Foot{ width:100%; height:auto; margin:0px auto; min-width:1320px; color:#9a9b9f; } .Foot2 .Foot{ width:1320px; height:auto; margin:0px auto;line-height:24px; overflow:hidden; } .Foot2 .Foot .footerUp{ width:100%; height:auto; margin:30px auto; overflow:hidden; clear:both; } .Foot2 .Foot .footerUp dl{ width:170px; float:left; line-height:30px;} .Foot2 .Foot .footerUp dl dt{ font-weight:bold; font-size:14px; padding:10px 0px; } .Foot2 .Foot .footerUp dl dt a{ color:#ddd;} .Foot2 .Foot .footerUp dl dd{} .Foot2 .Foot .footerUp dl dd a{ color:#9a9b9f;} .Foot2 .Foot .footerUp dl dd a.yellow{color:#FC0;} .Foot2 .Foot .footerUp .wechat{ float:right; text-align:center; } .Foot2 .Foot .footerDown{ width:100%; height:auto; margin:0px auto; border-top:1px solid #535562; padding:20px 0px; text-align:center;} .Foot2 .Foot .footerDown .flink{ padding:0px 0px 10px 0px;} .Foot2 .Foot .footerDown .flink ul{} .Foot2 .Foot .footerDown .flink ul li{ width:auto; display:inline-block; margin:0px 20px 0px 0px; } .Foot2 .Foot .footerDown .flink ul li a{ color:#9a9b9f;} .Foot2 .Foot .footerDown .flink ul li a:hover{ color:#fff; } .Foot2 .Foot .footerDown a{color:#9a9b9f;} .Foot2 .Foot .footerDown p{ display:inline-block; } .Foot2 .Foot .footerDown p.lang, .Foot2 .Foot .footerDown p.lang a{} .footerContact{ background:#f5f5f5;} .footerCopy{ background:#000;} .writer { width:100%; overflow:hidden; padding-top:50px; } .writer .ficon { width:50%; float:left; text-align:center; } .writer .fword { width:50%; float:left; } .writer .fword .flogo{ } .writer .fword .flogo img{ height:70px; } .writer .fword .text{ width:70%; padding-top:20px; line-height:180%; font-size:18px; color:#000; } .writer .fword .btn{ margin-top:30px; } .writer .fword .btn a{ padding:10px 20px; background:#2b7dd9; color:#fff; font-size:14px; display: inline-block; } .writer .fword .btn a:hover{ background:#044dd4; } .message{ width:80%; margin:0px auto; padding:40px 0px 50px 0px; overflow:hidden; color:#023268; font-size:16px; } .message .text{ line-height:180%; text-align: justify; } .message .author{ text-align:right; padding-top:20px;} /* Top */ /*#Top{ width:100%; min-width:1320px; height:auto; margin:0px auto; background:#044dd4; padding:5px 0px; overflow:hidden; } .Top{ width:1320px; margin:0px auto; padding:0px 0px;} .Top .topLeft{ font-size:12px; width:30%; height:24px; float:left; overflow:hidden;} .Top .topRight{ font-size:12px; width:70%; height:24px; float:left; overflow:hidden; line-height:24px;} .Top .topRight ul{ width:auto; float:right;} .Top .topRight ul li{ width:auto; padding:0px 10px; float:left; color:#abb5d3;} .Top .topRight ul li a{ color:#fff;} .Top .topRight ul li a:hover{ text-decoration:underline; } .Top .topRight ul li>a{ padding:0px 5px;} .Top .topRight ul li span{ padding:0px 6px; color:#f5f8fa;} .Top .topRight ul li span>a{ color:#f5f8fa;}*/ /* Header */ #header { width:100%; min-width:1320px; height:70px; margin:0px auto; /*overflow:hidden; position:absolute;*/ z-index:999999; /*display:inline;*/ position:fixed;} #header:hover{ background:rgba(255,255,255,0.8); box-shadow: 0 3px 16px #00000012;} .header { width:1320px; height:70px; margin:0px auto; z-index:9999; /*border-bottom:1px solid #1d3b7b; */} .header .headLogo { width:auto; float:left; padding-top:15px; } .header .headLogo .logo{ float:left; } .header .headLogo .logo img{ height:40px; } .glassBg{ background:rgba(255,255,255,0.8); box-shadow: 0 3px 16px #00000012;} /*.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:36x; font-size:14px; padding-top:15px;} .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:#2b7dd9; /*border-bottom:3px solid #2b7dd9;*/} .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:0px; 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: #2b7dd9;} .navAuto > ul > li.has-sub:hover > a::after {border-color: #2b7dd9;} .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: #2b7dd9;} /* 导航 - 产品与服务 */ .navAuto ul li.productNav ul{ width:180px; min-height:350px; 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:#2b7dd9;} .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:350px; 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:rgba(255,255,255,0.6); 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:#2b7dd9; } .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:#2b7dd9; } @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) { #header{ background:none;} .navAuto {width: 100%; padding-top:0px; background:rgba(255,255,255,0.9);} .navAuto .menu-button{ background:url(../images/logo.png) 6px 15px no-repeat; background-size:150px;} .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: 12px;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: #044dd4;cursor: pointer;font-size: 12px;text-transform: uppercase;box-shadow: 2px 0px 10px rgba(0,0,0,0.2); height: 70px; } .navAuto .menu-button::after {content: '';position: absolute;top: 40px;right: 10px;display: block;width: 15px;height: 2px;background: #044dd4;} .navAuto .menu-button::before {content: '';position: absolute;top: 30px;right: 10px;display: block;width: 15px;height: 3px;border-top: 2px solid #044dd4;border-bottom: 2px solid #044dd4;} .navAuto .submenu-button {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 {content: '';position: absolute;top: 17px;left: 22px;display: block;width: 1px;height: 11px;background: #044dd4;z-index: 99;} .navAuto .submenu-button::before {content: '';position: absolute;top: 22px;left: 17px;display: block;width: 11px;height: 1px;background: #044dd4;z-index: 99;} .navAuto .submenu-button.submenu-opened:after {display: none;} .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;} } /* 通用模块 */ /* 公共样式 - 查看更多按钮 */ .btnViewMore{ width:auto; margin:0px auto; display:block; margin-top:40px; clear:both; text-align:center; } .btnViewMore a{ padding:10px 12px; border-radius:5px; color:#fff; font-size:14px; display: inline-block; background:#1c8adb; } .btnViewMore a:hover{ background:#183db6;} .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; } /* 无缝滚动 */ .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:#2b7dd9; } .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_gray.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_black.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:400%; overflow:hidden;} .blockMain .descriptionRunjian #aboutBanner .banner{ min-width:inherit;} .blockMain .descriptionRunjian #aboutBanner .banner .slides{ height:280px;} .blockMain .descriptionRunjian .description{ width:760px; float:right;} /* banner Start */ .banner { height:820px; width:100%; min-width:1320px; margin:0 auto; /*background:#2b7dd9;*/ overflow: hidden;} .banner { height:820px; width:100%; min-width:1320px; position:relative; } .banner .slides{width:100%; height:820px; position:relative; z-index:1; overflow:hidden;} .banner .slides li{width:100%; height:100%; background:url(../images/bannerBg.jpg); background-size:cover; padding-top:80px; } .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 .slides li { text-align:center; color:#fff;} .banner .slides li a{ color:#292929; padding-top:40px; } .banner .slides li h3{ font-size:40px; font-weight:normal; } .banner .slides li h4{ font-size:20px; padding-top:10px; font-weight:normal; color:#5b5b5b;} .banner .slides li h5{ font-size:16px; padding-top:6px; font-weight:normal; color:#5b5b5b; } .banner .slides li p{ margin:0px auto; width:60%; font-size:16px; color:#666; } .banner .slides li .img{ padding:20px 0px; } .banner .slides li.sandmaster{ padding-top:80px;} .banner .slides li.sandhard{ padding-top:80px; } .banner .slides li.sandhard a{ /*color:#2b7dd9;*/} .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;} #Banner { height:820px; width:100%; min-width:1320px; margin:0 auto; /*background:#1d3b7b;*/ overflow: hidden;} .Banner { height:820px; width:100%; min-width:1320px; position:relative; } #BannerCate { height:320px; width:100%; min-width:1320px; margin:0 auto; background:#2b7dd9; overflow: hidden;} .BannerCate { height:320px; width:100%; position:relative; } .BannerCate .slides{width:100%; height:320px; position:relative; z-index:1; overflow:hidden;} .BannerCate .slides li{width:100%; height:100%; padding-top:40px; background-size:cover!important; background:url(../images/bannerBg.jpg)!important;} .BannerCate .slides li a{ width:100%; height:100%; display:block;} .BannerCate .slides a:hover{ text-decoration:none;} .BannerCate .slides li .textBox { width:100%; height:30px; padding-bottom:0px; bottom:20px; margin:0px auto; } .BannerCate .slides li .textBox .text { height:100%; color:#333; line-height:30px; text-align:center; margin:0px auto; padding-top:80px; text-align:center; } .BannerCate .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; } .BannerCate .slides li .textBox .text .hr{ width:100px; height:10px; border-bottom:1px solid #666; margin:24px auto; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .BannerCate .slides li .textBox .text span{ font-size:16px; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .BannerCate .slides li a:hover .textBox .text h3{ color:#666;} .BannerCate .slides li a:hover .textBox .text .hr{ border-bottom:1px solid #999;} .BannerCate .slides li a:hover .textBox .text span{ color:#999;} /* 产品与服务 */ #Product{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; overflow:hidden; } .Product{ width:1320px; margin:0px auto; padding:0px 0px;} .Product .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .Product .subject h3{ width:100%; overflow:hidden; padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .Product .subject h4{ width:100%; overflow:hidden; font-size:16px; font-weight:normal; color:#999; margin-bottom:30px;} .FLeft{ float:left; } .FRight{ float:right; } .Product .item{ width:100%; overflow:hidden; padding:50px 0px; } .Product .item .text{ width:auto; padding-top:80px; } .Product .item .textRight{ width:auto; padding-right:100px;} .Product .item .text h3{ font-size:30px; padding-top:4px; } .Product .item .text h4{ font-size:16px; font-weight:normal; padding-top:6px;} .Product .item .text .btn{ margin-top:40px; } .Product .item .text .btn a{ padding:10px 20px; background:#2b7dd9; color:#fff; font-size:14px; } .Product .item .text .btn a:hover{ background:#044dd4; } .Product .item .image{ width:auto;} #Dowhat{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; /*background:#f4f4f4;*/ overflow:hidden; } .Dowhat{ width:1320px; margin:0px auto; padding:0px 0px;} .Dowhat .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .Dowhat .subject h3{ width:100%; overflow:hidden; padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .Dowhat .subject h4{ width:100%; overflow:hidden; font-size:16px; font-weight:normal; color:#999; margin-bottom:30px;} .Dowhat .cateList{ clear:both; overflow:hidden; padding:30px 0px;} .Dowhat .cateList .itemAppUl{ width:100%; float:left; overflow:hidden; padding-top:20px; } .Dowhat .cateList .itemAppUl li{ width:50%; height:140px; float:left; margin-bottom:20px;} .Dowhat .cateList .itemAppUl li a{ width:97%; height:120px; float:left; overflow:hidden; padding-top:20px; position:relative; } .Dowhat .cateList .itemAppUl li:nth-child(2n) a{ float:right; } .Dowhat .cateList .itemAppUl li a p{ width:110px; margin-bottom:20px; position:absolute; float:left; padding-top:10px; padding-left:10px; } .Dowhat .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;} .Dowhat .cateList .itemAppUl li:hover a p img{ transform: scale(1.25);} .Dowhat .cateList .itemAppUl li a .spanb{ margin-left:130px; margin-right:20px; float:left; text-align:left; } .Dowhat .cateList .itemAppUl li a .spanb span{ width:100%; float:left; padding-top:10px; font-size:20px; font-weight:bold; text-align:left; } .Dowhat .cateList .itemAppUl li a .spanb b{ width:100%; float:left; padding-top:10px; font-size:14px; line-height:180%; font-weight:normal; color:#666; } /* 新闻与活动 */ #News{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; /*background:#f4f4f4;*/ overflow:hidden; } .News{ width:1320px; margin:0px auto; padding:0px 0px;} .News .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .News .subject h3{ width:100%; overflow:hidden; padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .News .subject h4{ width:100%; overflow:hidden; font-size:16px; font-weight:normal; color:#999; margin-bottom:30px;} .News .newsLeft .box, .News .newsMid .box{ height:400px; overflow:hidden;} .News .newsRight .box{ height:397px; overflow:hidden;} .News .newsLeft{ width:410px; height:auto; float:left; } .News .newsLeft .img{ width:100%; height:230px; overflow:hidden;} .News .newsLeft .img a{} .News .newsLeft .img a img{ width:100%; height:230px;} .News .newsLeft .img a img{float: left; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .News .newsLeft .cont{ width:100%; height:120px; overflow:hidden;} .News .newsLeft .cont h3{ font-size:16px; font-weight:bold; padding:18px 0px; line-height:150%; } .News .newsLeft .cont h3 a{ } .News .newsLeft .cont p{ font-size:12px; color:#777; line-height:20px; height:60px;} .News .newsLeft .more{ width:100%; height:auto; margin:0px auto; padding:0px 0px; overflow:hidden; } .News .newsLeft .more a{ width:auto; height:auto; color:#044dd4; font-size:14px;} .News .newsLeft .more a em{ font-family:"宋体"; padding-left:10px;} .News .newsLeft:hover .img a img{ transform: scale(1.05);} .News .newsLeft:hover .cont h3 a{ color:#2b7dd9;;} .News .newsMid{ width:410px; height:auto; float:left; margin-left:30px; background:url(../images/newsLine.png) right top repeat-y; padding-right:30px;} .News .newsMid .list{ width:100%; } .News .newsMid .list ul{ width:100%; } .News .newsMid .list ul li{ width:100%; height:auto; overflow:hidden; float:left; margin-bottom:30px; } .News .newsMid .list ul li a{} .News .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; } .News .newsMid .list ul li a p{ font-size:12px; color:#777; line-height:20px; height:40px; overflow:hidden;} /*.News .newsMid .list ul li:nth-child(2n+1) a{ width:96%; display:inline-block; } .News .newsMid .list ul li:nth-child(2n) a{ width:96%; display:inline-block; float:right; }*/ .News .newsMid .more{ width:100%; height:auto; margin:0px auto; padding:0px 0px; overflow:hidden; } .News .newsMid .more a{ width:auto; height:auto; color:#044dd4; font-size:14px;} .News .newsMid .more a em{ font-family:"宋体"; padding-left:10px;} .News .newsRight{ width:380px; height:auto; float:right; } .News .newsRight .list{ border-top:3px solid #044dd4;} .News .newsRight .list ul{ width:100%; height:auto; margin-top:10px; } .News .newsRight .list ul li{ border-bottom: 1px solid #ddd; padding-bottom:30px;} .News .newsRight .list ul li a{} .News .newsRight .list ul li a h3{ font-size:16px; font-weight:normal; padding:10px 0px; line-height:150%; height:44px; overflow:hidden; } .News .newsRight .list ul li a p{ font-size:12px; color:#999;} .News .newsRight .list2{/* border-top:3px solid #044dd4;*/} .News .newsRight .list2 ul{ width:100%; height:auto; /*margin-top:10px;*/ } .News .newsRight .list2 ul li{ border-bottom: 1px solid #ddd; padding-bottom:30px;} .News .newsRight .list2 ul li a{} .News .newsRight .list2 ul li a p{ width:60px; background:#2b7dd9; border-radius:5px; float:left; font-size:12px; color:#fff; margin:10px 0px; text-align:center; line-height:200%; margin-right:15px;} .News .newsRight .list2 ul li a p span{ font-size:16px; display:block; padding:5px 0px;} .News .newsRight .list2 ul li a p b{ font-size:20px; font-weight:normal; display:block; padding:5px 0px;} .News .newsRight .list2 ul li a h3{ font-size:16px; font-weight:normal; padding:10px 0px; line-height:150%; height:44px; overflow:hidden; } .News .newsRight .more{ width:100%; height:auto; margin:0px auto; padding:0px 0px; overflow:hidden; } .News .newsRight .more a{ width:auto; height:auto; color:#044dd4; font-size:14px;} .News .newsRight .more a em{ font-family:"宋体"; padding-left:10px;} /* 典型案例 */ #Case{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; /*background:#f4f4f4;*/ overflow:hidden; } .Case{ width:1320px; margin:0px auto; padding:0px 0px; } .Case .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .Case .subject h3{ padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .Case .subject h4{ font-size:16px; font-weight:normal; color:#999;} .Case .list{} .Case .list ul{} .Case .list ul li{ width:25%; float:left; } .Case .list ul li .item{ padding:10px 10px; margin:20px 0px;} .Case .list ul li:nth-child(1) .item{ padding-left:0px;} .Case .list ul li:nth-child(2) .item{} .Case .list ul li:nth-child(3) .item{} .Case .list ul li:nth-child(4) .item{ padding-right:0px;} .Case .list ul li .item .title{ width:100%; height:auto; padding:15px 0px; /*float:left; border-top:3px solid #044dd4;*/ text-align:center; } .Case .list ul li .item .title b{ font-size:20px; font-weight:bold; color:#000; } .Case .list ul li .item .title span{ font-size:16px; color:#777;} .Case .list ul li .item .cont{ width:100%; height:auto; float:left; /*border:1px solid #e4e1e1;*/ border-radius:5px; background:#fff; } .Case .list ul li .item .cont .img{ width:100%; max-width:100%; height:180px; overflow:hidden;} .Case .list ul li .item .cont .img img{width:100%; max-width:100%; -webkit-transition: all 0.5s; transition: all 0.5s;} .Case .list ul li .item .cont .img img{float: left; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .Case .list ul li .item .cont .img img:hover{ transform: scale(1.05); } .Case .list ul li .item .cont .text{} .Case .list ul li .item .cont .text p{ margin:0px 20px 0px 20px; font-size:14px; color:#777; line-height:20px; height:40px; overflow:hidden;} .Case .list ul li .item .cont .text p span{ display:block; color:#000; text-align:center; } .Case .list ul li .item .cont{ position:relative; overflow: hidden; height: 300px;} .Case .list ul li .item .cont .face{ width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; top:0;} /*.Case .list ul li:hover .item .cont .text{ position:relative; z-index:100; top:-140px;} .Case .list ul li:hover .item .cont .text p{ height:180px; } .Case .list ul li:hover .item .cont .text p span{ } .Case .list ul li:hover .item .cont .face{background: linear-gradient(to top, #fff 0%,#fff 60%); z-index:99;} .Case .list ul li:hover .cont{} .Case .list ul li:hover .cont .more{ visibility: visible; opacity: 1;} .Case .list ul li:hover img{ transform: scale(1.05); }*/ .Case .more{ width:100%; height:auto; margin:0px auto; text-align:center; padding:30px 0px; overflow:hidden; } .Case .more a{ width:auto; height:auto; display:inline-block; padding:10px 20px; background:#2b7dd9; color:#fff; border-radius:5px; font-size:14px;} .Case .more a em{ font-family:"宋体"; padding-left:10px;} .Case .more a:hover{ background:#044dd4;} /* 合作伙伴 */ #Cooperation{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; /*background:#f4f4f4;*/ overflow:hidden; background:url(../images/CooperationBg.jpg) center top repeat-x; } .Cooperation{ width:1320px; margin:0px auto; padding:0px 0px; color:#f4f4f4; } .Cooperation .subject{ width:100%; height:auto; padding:20px 0px; text-align:center; } .Cooperation .subject h3{ padding:10px 0px; font-weight:normal; font-size:32px; color:#000; } .Cooperation .subject h4{ font-size:16px; font-weight:normal; color:#999;} .Cooperation .tab{width:100%; height:auto; padding:30px 0px; text-align:center;} .Cooperation .tab ul{ width:auto; margin:0px auto; display:inline-block; } .Cooperation .tab ul li{ width:auto; margin:0px 50px; float:left; -webkit-transition: all 0.5s; transition: all 0.5s;} .Cooperation .tab ul li a{ font-size:18px; border-bottom:3px solid #f4f4f4; padding-bottom:6px; } .Cooperation .tab ul li.actived{} .Cooperation .tab ul li.actived a{ border-bottom:3px solid #004fa2; color:#044dd4; } .Cooperation .partner{width:100%; height:auto; padding:20px 0px; text-align:center; -webkit-transition: all 0.5s; transition: all 0.5s;} .Cooperation .partner ul{ width:auto; margin:0px auto; } .Cooperation .partner ul li{ width:auto; padding:10px; display:inherit;} .Cooperation .partner ul li a{} .Cooperation .partner ul li a img{ width:114px; height:59px; -webkit-transition: all 0.5s; transition: all 0.5s; } .Cooperation .partner ul li a img{float: left; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .Cooperation .partner ul li a img:hover{ transform: scale(1.15);} .Cooperation .partner .coLink{ display:none;} .Cooperation .partner .coLink1{ display:inline-block;} /* 当前位置 */ #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;} .webSite .title span{ float:left;} .webSite .title em{ float:left;} .webSite .title em i{ font-size:14px!important;} /* 润建动态 */ #NewsList{ width:100%; min-width:1320px; height:auto; margin:0px auto; padding:30px 0px 50px 0px; background:#fff; overflow:hidden; } .NewsList{ width:1320px; margin:0px auto; padding:0px 0px;} .NewsList .newsList{} .NewsList .newsList ul{} .NewsList .newsList ul li{ width:33.3%; float:left; height:360px; text-align:center; margin-bottom:30px; } .NewsList .newsList ul li a{ width:400px; height:360px; display:inline-block; background:#f4f4f4; } .NewsList .newsList ul li .img{ width:100%; height:230px; overflow:hidden;} .NewsList .newsList ul li .img img{ width:100%; height:100%; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .NewsList .newsList ul li h3{ line-height:28px; height:56px; max-width:400px; font-size:18px; font-weight:normal; padding:15px 15px; text-align:left; } .NewsList .newsList ul li p{ height:44px; line-height:22px; overflow:hidden; margin:0px 15px 15px 15px; text-align:left; color:#888; display:none; } .NewsList .newsList 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;} .NewsList .newsList ul li:hover .img img{ transform: scale(1.05);} /* 文章详情 */ .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 10px; font-size:16px; line-height:28px; } .artMain .content img{ max-width:100%;} .artMain .content p{ text-indent:2em; padding:4px 0px;} .artMain .content h1{ background:url(../images/productCaseItemH1.png) no-repeat left top; height:38px; color:#fff; font-weight:normal; font-size:20px; text-indent:7em!important; text-indent:2em; padding:4px 0px; margin:15px 0px;} .artMain .content h2{ background:url(../images/productCaseItemH2.png) no-repeat left top; height:38px; color:#fff; font-weight:normal; font-size:20px; text-indent:2em!important; text-indent:2em; padding:4px 0px; margin:15px 0px;} .artMain .content ul{} .artMain .content ul li{ padding:5px 0px 5px 30px; background:url(../images/liCircle.png) no-repeat left 8px; } .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; } .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:#044dd4; 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{ width:200px; text-align:center; -webkit-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative;} .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-family:"宋体"; font-weight:normal; line-height:16px; width:auto; margin:0px auto; text-align:center; } .businessType .content ul li div h4 .more{background: #2b7dd9; 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; } .businessType .content .join{ width:auto; margin:0px auto; display:block; margin-top:20px; padding-top:30px; clear:both; text-align:center; } .businessType .content .join a{ padding:10px 12px; border-radius:5px; color:#fff; font-size:14px; display: inline-block; } .businessType .content .join a.alink{ background:#2b7dd9;} .businessType .content .join a.alink:hover{ background:#044dd4;} .businessType .content .join a em{width: 16px;height: 16px;display: inline-block;vertical-align: middle; background:url(../images/icon-link2.png) center no-repeat; } /* 伙伴服务 - 合作政策 */ .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_gray.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:#2b7dd9; border:none; float:left; margin-right:20px; padding:0; border-radius:5px; font-size:16px } .partnerRegister .form li .submitBtn:hover{ background:#044dd4; 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:#2b7dd9; 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_gray.png) 0px 0px no-repeat;} .hrDevelopment .title span{ font-size:26px; line-height:26px; vertical-align: top;}*/ .hrDevelopment .description{ width:900px; margin:60px auto; } .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{font-family:"宋体"; 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_gray.png) 0px 0px no-repeat;} .cultrueCompany .title span{ font-size:26px; line-height:26px; vertical-align: top;} .cultrueCompany .recommend{ margin:0px auto; } .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{font-family:"宋体"; 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_gray.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_gray.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_gray.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 .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:rgba(255,255,255,0.95); } .NavSubAbout .subUl ul{ width:100%; margin:0px auto; text-align:center; clear:both; border-bottom-left-radius:20px; border-bottom-right-radius:20px; overflow:hidden; } .NavSubAbout .subUl ul li{ width:20%; float:left; } .NavSubAbout .subUl ul li a{ font-size:16px; color:#2b7dd9; 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:rgba(43,125,217,0.95);} .NavSubAbout .subUl ul li.actived a, .NavSubAbout .subUl ul li:hover a{ color:#fff; } .NavSubProduct{} .NavSubProduct .subUl ul li{ width:25%;} /* 公司简介 - 关于润建 */ .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:120px; float:left; overflow:hidden; margin:20px 0px 60px 0px; } .aboutPower .container ul li .line{ width:6px; height:120px; background:#2b7dd9; 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:#2b7dd9; 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; } .aboutCert .container { margin:0px auto; min-height:400px; overflow:hidden; } .aboutCert .container .left{ width:400px; float:left;} .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:#2b7dd9; font-family:"宋体";} .aboutCert .container .left .more a.alink:hover{ background:#044dd4; 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; } .aboutContact .container .left{ width:40%; 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:60%; float:left;} .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;} @media (min-width: 1200px) and (max-width:1440px){ .blockArea{ min-width:1200px;} .blockMain{ width:1200px; min-width:1200px;} #Top{ min-width:1200px;} .Top{ width:1200px; min-width:1200px;} #header{ min-width:1200px;} .header{ width:1200px; min-width:1200px;} #Notice{ min-width:1200px;} .Notice{ width:1200px; min-width:1200px;} #Banner{ min-width:1200px;} .Banner{ /*width:1200px;*/ min-width:1200px;} #indexAd{ min-width:1200px;} .indexAd{ /*width:1200px;*/ min-width:1200px;} #BannerCate{ min-width:1200px;} .BannerCate{ /*width:1200px;*/ min-width:1200px;} #Product{ min-width:1200px;} .Product{ width:1200px; min-width:1200px;} .Product .list ul li{ margin-top:5px;} .Product .list ul li .item{ width:590px; } #News{ min-width:1200px;} .News{ width:1200px; min-width:1200px;} .News .newsLeft{ width:360px; } .News .newsMid{ width:360px; } .News .newsMid .list ul li{ width:100%; } .News .newsRight{ width:370px; } #Case{ min-width:1200px;} .Case{ width:1200px; min-width:1200px;} #Cooperation{ min-width:1200px;} .Cooperation{ 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;} #NewsList{ min-width:1200px;} .NewsList{ width:1200px; min-width:1200px;} .NewsList .newsList ul li a{ width:380px; } /*.NewsList .newsList ul li:nth-child(2n+1) a{ float:left;} .NewsList .newsList ul li:nth-child(2n+2) a{ } .NewsList .newsList ul li:nth-child(2n+3) a{ float:right;}*/ .NewsList .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; } #Foot{ min-width:1200px;} .Foot{ width:1200px; min-width:1200px;} .Foot2{ min-width:1200px;} .Foot2 .Foot { width:1200px; min-width:1200px; } .Foot2 .Foot .footerUp{ margin:20px 0px 0px 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;} #Top{ min-width:992px;} .Top{ width:992px; min-width:992px;} #header{ min-width:992px;} .header{ width:992px; min-width:992px;} #Notice{ min-width:992px;} .Notice{ width:992px; min-width:992px;} #Banner{ min-width:992px;} .Banner{ width:100%; min-width:992px;} #indexAd{ min-width:992px;} .indexAd{ width:100%; min-width:992px;} #BannerCate{ min-width:992px;} .BannerCate{ width:100%; min-width:992px;} #Product{ min-width:992px;} .Product{ width:992px; min-width:992px;} .Product .list ul li{ margin-top:5px; height:257px; } .Product .list ul li .item{ width:490px; } #News{ min-width:992px;} .News{ width:992px; min-width:992px;} .News .newsLeft{ width:320px; } .News .newsMid{ width:320px; } .News .newsMid .list ul li{ width:100%; } .News .newsRight{ width:260px; } #Case{ min-width:992px;} .Case{ width:992px; min-width:992px;} .Case .list ul li .item .title b{ font-size:16px;} .Case .list ul li .item .title span{ font-size:12px;} .Case .list ul li .item .cont .img{ height:150px;} #Cooperation{ min-width:992px;} .Cooperation{ 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;} #NewsList{ min-width:992px;} .NewsList{ width:992px; min-width:992px;} .NewsList .newsList ul li{ margin-bottom:20px;} .NewsList .newsList ul li a{ width:380px; } .NewsList .newsList ul li a{ width:95%;} .NewsList .newsList ul li .img{ height:220px;} .NewsList .newsList ul li h3{ font-size:16px; } .product .cateFace{ width:280px;} .product .cateFace img{ max-width:100%;} .product .cateContent{ width:670px;} .productCate .container .cateLine .cateList .itemCaseUl li a .img{ height:150px;} .productCate .container .cateLine .cateList .itemAppUl li a .spanb{ width:330px;} .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{} #Foot{ min-width:992px;} .Foot{ 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; } #Top{ width:100%; min-width:auto; display:none;} .Top{ width:auto; padding:0px 10px; } .Top .topLeft{ display:none;} .Top .topRight{ width:100%;} .Top .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;} #Banner{ width:100%; min-width:auto;} #Banner .Banner{ width:auto; min-width:auto;} #indexAd{ width:100%; min-width:auto;} #indexAd .indexAd{ width:auto; min-width:auto;} #Foot{ width:100%; min-width:auto;} .Foot{ width:auto;} .Foot .commoBlock .qrCode{ width:100%; text-align:center; } .Foot .commoBlock .qrCode .img{ float:none;} .Foot .commoBlock .qrCode .text{ float:none; margin-top:10px; margin-left:0px;} .Foot .commoBlock .fastLink{ display:none;} .Foot .commoBlockLine{ padding:10px 0px 20px 0px;} .Foot .commoBlock .language{ float:none; padding:10px 0px; padding-left:0px; text-align:center; } .Foot .commoBlock .language ul{ float:none; margin: 0px auto; display: inline-block;} .Foot .commoBlock .copyright{ text-align:center; float:none; width:100%; overflow:hidden; line-height:200%; } .Foot2 .Foot {width:100%; min-width:inherit; } .Foot2 .Foot .footerUp{ margin:20px 0px 0px 0px; } .Foot2 .Foot .footerUp dl{ width:33.3%; float:left; padding:0px 0px 20px 0px; line-height:22px; } .Foot2 .Foot .footerUp .wechat{ width:100%; } .Foot2 .Foot .footerUp dl dt{ width:auto; text-indent:10px;} .Foot2 .Foot .footerUp dl dd{ text-indent:10px; } .Foot2 .Foot .footerDown{ width:auto; padding:10px 10px; } .writer .ficon{ width:100%;} .writer .fword{ width:100%;} .writer .fword .flogo{ text-align:center; display:none; } .writer .fword .text{ width:auto; margin:0px 20px;} .writer .fword .btn{ text-align: center;} .message{ width:auto; margin:0px 20px;} .Foot .commoBlock .copyright p{ display:block;} #Notice{ width:100%; min-width:auto;} .Notice{ width:auto; padding:0px 10px;} .Notice .notice{ font-size:12px;} .Notice .notice .list{ margin-left:90px;} .Notice .notice .list ul li{ font-size:12px;} #Product{ width:100%; min-width:auto;} .Product{ width:auto;} .Product .list ul li{ width:100%;} .Product .list ul li .item{ width:auto;} .Product .list ul li img{ width:auto; min-width: 100%;} .Product .list ul li:nth-child(2n) a, .Product .list ul li:nth-child(2n+1) a{ float:none;} .Product .item .text{ padding-top:0; padding-left:30px;} .Product .item .image{ padding-top:30px; text-align:center; padding: 0px 20px; } .Product .item .image img{ max-width:100%; margin:0px auto;} .Product .item .textRight{ float:left; } #Dowhat{ width:100%; min-width:auto;} .Dowhat{ width:auto;} .Dowhat .cateList .itemAppUl li{ margin-bottom:0px; padding: 0px 20px; width: auto;} .Dowhat .cateList .itemAppUl li a{ width:auto; padding-top:0px; } .Dowhat .cateList .itemAppUl li a p img{ max-width:64px; } .Dowhat .cateList .itemAppUl li a .spanb{ margin-left:110px} #News{ width:100%; min-width:auto;} .News{ width:auto; padding:0px 10px;} .News .newsLeft .box, .News .newsMid .box, .News .newsRight .box { height:auto;} .News .newsLeft{ width:100%; } .News .newsLeft .img{ height:auto;} .News .newsLeft .img a img{ height:auto;} .News .newsLeft .more{ text-align:center; margin:20px 0px; } .News .newsMid{ width:100%; margin-left:0px; border-top:3px solid #044dd4; padding-top:20px; } .News .newsMid .list ul li{ width:100%; height:auto; padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #aaa;} .News .newsMid .list ul li:nth-child(2n+1) a{ width:100%; display:inline-block; } .News .newsMid .list ul li:nth-child(2n) a{ width:100%; display:inline-block; float:left; } .News .newsMid .more{ text-align:center; padding-top:15px;} .News .newsRight{width:100%; margin-left:0px;padding-top:30px; } .News .newsRight .list ul li a h3{ height:auto;} .News .newsRight .more{ text-align:center; padding:30px 0px 10px 0px; } #Case{ width:100%; min-width:auto;} .Case{ width:auto;} .Case .list ul li{ width:100%;} .Case .list ul li:nth-child(1) .item{ padding-left:10px;} .Case .list ul li:nth-child(2) .item{} .Case .list ul li:nth-child(3) .item{} .Case .list ul li:nth-child(4) .item{ padding-right:10px;} #Cooperation{ width:100%; min-width:auto;} .Cooperation{ width:auto;} .Cooperation .tab ul li{ margin:0px 10px; } .Cooperation .tab ul li a{ font-size:14px; } .Cooperation .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;} #BannerCate{ width:100%; min-width:auto;} .BannerCate{ width:auto; } .BannerCate .slides li .textBox .text{ } #NewsList{ width:100%; min-width:auto;} .NewsList{ width:auto;} .NewsList .newsList ul li{ width:50%; height:auto;} .NewsList .newsList ul li a{ width:100%; height:auto; max-width:95%; margin: 0px auto; display:block; } .NewsList .newsList ul li .img{ height:auto;} .NewsList .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;} .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{ width:100%; } .productCate .container .cateLine .cateList .itemCaseUl li a{ width:100%;} .productCate .container .cateLine .cateList .itemAppUl li{ width:100%;} .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;} .Product .list ul li .cont{ padding:20px 20px 0px 20px;} .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%;} .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%;} /* 新闻与活动 - 文章列表 */ .NewsList .newsList ul li{ width:100%; height:auto;} .NewsList .newsList ul li a{ width:100%; height:auto; max-width:95%; margin: 0px auto; display:block; } .NewsList .newsList ul li .img{ height:auto;} .NewsList .newsList ul li h3{ height:auto; font-size:16px; } .NewsList .newsList ul li span{ font-size:14px;} .pages .current{ height:24px; width:24px; line-height:24px; font-size:14px; } } @media screen and (max-width:480px){ .blockArea .subjectBig .title{ font-size:26px;} .blockArea .subjectBig .titleSub{ font-size:14px;} .Product .list ul li .cont{ padding:20px 20px 0px 20px;} .Product .item .text{ padding-top:0; padding-left:30px;} .Product .item .image{ padding-top:30px; text-align:center; } .Product .item .image img{ max-width:95%; margin:0px auto;} .Product .item .textRight{ float:left; } .writer .ficon{ width:100%;} .writer .fword{ width:100%;} .writer .fword .flogo{ text-align:center; display:none; } .writer .fword .text{ width:auto; margin:0px 20px;} .writer .fword .btn{ text-align: center;} .Case .list ul li .item .cont{ height:auto;} .Case .list ul li .item .cont .img{ height:auto;} .banner .slides li h3{ font-size:32px; } .banner .slides li .img{} .banner .slides li .img img{ max-width:100%; } .banner .slides li p{ width:auto; margin:0px 20px;} .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;} .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%;} /* 新闻与活动 - 文章列表 */ .NewsList .newsList ul li{ width:100%; height:auto;} .NewsList .newsList ul li a{ width:100%; height:auto; max-width:95%; margin: 0px auto; display:block; } .NewsList .newsList ul li .img{ height:auto;} .NewsList .newsList ul li h3{ height:auto; font-size:16px; } .NewsList .newsList ul li span{ font-size:14px;} .pages .current{ height:24px; width:24px; line-height:24px; font-size:14px; } .Foot2 .Foot {width:100%; min-width:inherit; } .Foot2 .Foot .footerUp{ margin:20px 0px 0px 0px; } .Foot2 .Foot .footerUp dl{ width:33.3%; float:left; padding:0px 0px 20px 0px; line-height:22px; } .Foot2 .Foot .footerUp .wechat{ width:100%; } .Foot2 .Foot .footerUp dl dt{ width:auto; text-indent:10px;} .Foot2 .Foot .footerUp dl dd{ text-indent:10px; } .Foot2 .Foot .footerDown{ width:auto; padding:10px 10px; } }