@charset "utf-8"; @font-face{ font-family: 'SiYuanHeiTi-Normal'; src: url('SourceHanSansCN-Normal-2.otf'); /* src:url('../font/字体名称.woff') format('woff'), url('../font/字体名称.ttf') format('truetype'), url('../font/字体名称.svg') format('svg'); */ } /*公用样式*/ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span { padding: 0; margin: 0; } body{ min-width: 1180px; } body { font-size: 14px; font-family: "SiYuanHeiTi-Normal"!important; line-height: 24px; -webkit-text-size-adjust: none; color: #666; background: #f5f5f5; } li, ol { list-style: none; } input { border: none; background: none; padding: 0; margin: 0; } *html { background-image: url(about:blank); background-attachment: fixed; } ins, s { text-decoration: none; } h2 { font-family: "SiYuanHeiTi-Normal"!important; } i, em { font-style: normal; margin: 0; padding: 0 } a { text-decoration: none; color: #666; outline: none; } a:active { star: expression(this.onFocus=this.blur()); } a:hover { cursor: pointer; color: #0b5395 } a img { border: none; } .white, .white a, .white a:hover { color: #FFF; } .yellow, .yellow a, .yellow a:hover { color: #ff7800; } .black, .black a, .black a:hover { color: #585858 } .black2, .black2 a, .black2 a:hover { color: #0a0a0a } .red, .red a, .red a:hover { color: #af1f1f } .pl100 { padding-left: 100px; } #pNone { padding: 0; } .fl, .fr, .lifl li { float: left; display: inline; list-style: none; } .fr { float: right; } .fl { float: left; } .border_b { border-bottom: 1px solid #F2F2F2 } .yahei { font-family: 'SiYuanHeiTi-Normal'!important; } .clear { clear: both; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .block { display: block } .tr { text-align: right; } .tc { text-align: center } .tl { text-align: left } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .f14 { font-size: 14px; } .f16 { font-size: 16px; font-weight: bold } .f12 { font-size: 12px; } .mb15 { margin-bottom: 15px } .mr15 { margin-right: 15px; display: inline-block; } .f18 { font-size: 18px; } .blue, .blue a, .blue:hover, .blue a:hover { color: #72d0ff } .underline { text-decoration: underline; } .pt20 { padding-top: 20px } .pl50 { padding-left: 50px; } .pl20 { padding-left: 20px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .mt20 { margin-top: 20px; } .rel { position: relative; } .abs { position: absolute } .pb30 { padding-bottom: 30px; } .l24 { line-height: 24px } .wh-wrapper { width: 1180px; margin: 0 auto; } .bg-map { background-image: url(../bg/bg_map.png); background-repeat: no-repeat } /*top*/ .wh-top { background: url(../bg/navBg.png); height: 85px; position: absolute; left: 0; top: 0; width: 100%; min-width: 1180px; z-index: 99; } .wh-top-info { padding-top: 10px; } .wh-ico-weixin { width: 22px; height: 22px; background-position: -132px 0; display: inline-block; } .wh-ico-f { width: 22px; height: 22px; background-position: -165px 0; display: inline-block; } .wh-top-info .wh-search { background: #fff; border-radius: 5px; -webkit-border-radius: 5px; height: 30px; width: 200px; margin-top: 7px; } .wh-top-info .wh-search .text { width: 148px; padding: 0 10px; height: 30px; border: none; float: left; } .wh-top-info .wh-search .btn { background: url(../bg/bg_map.png) no-repeat -192px 6px; cursor: pointer; width: 30px; height: 30px; } .wh-logo { background-position: 0 5px; width: 100px; height: 85px; } .wh-logo a { display: block; width: 100%; height: 100%; } .wh-top .wh-menu { padding-right:50px; padding-top: 25px; } .wh-menu li { /*position: relative;*/ } .wh-menu li .wh-xl{ position: absolute; width: 100%; background:url(../bg/ico007.png); left: 0; padding: 40px 0; color: #616166; display: none; border-bottom:1px #fff solid; -webkit-box-shadow: 3px 3px 10px #ccc; box-shadow: 3px 3px 10px #ccc; } .wh-menu li .wh-xl a{ color: #616166; font-size: 12px; padding: 0; height: auto; line-height: 24px; display: block; } .wh-menu li .wh-xl dt,.wh-menu li .wh-xl dt a{ color: #0f0f1a; font-size: 16px } .wh-menu li .wh-xl .img{ width: 380px; text-align: right; } .wh-menu li .wh-xl .box{ width:798px; overflow:hidden; border-right: 1px solid #e7e7e7; } .wh-menu li .wh-xl .box .dl1{ float: left; width: 265px; padding-bottom: 20px; } .wh-menu li .wh-xl a:hover{ color: #0b5395; text-decoration: underline; } .wh-menu a { color: #fff; font-size: 16px; padding: 0 50px; height: 60px; overflow: hidden; line-height: 60px; transition: all 0.3s; -webkit-transition: all 0.3s; } .wh-menu a:hover span { border-bottom: 2px solid #fff200; padding-bottom: 18px; } .wh-menu a.hover span { border-bottom: 2px solid #fff200; padding-bottom: 18px; } .wh-menu a:hover { color: #FFF200; } .wh-menu a.hover { color: #FFF200; } .wh-banner { position: relative; text-align: center; height: 590px; background: #efefef; overflow: hidden; } div.wh-inside-banner { height: 460px; } .wh-banner .img { position: relative; overflow: hidden; height: 590px; } .wh-banner .img a { position: absolute; left: 50%; margin-left: -960px; display: none; } .wh-banner .img span{ position: absolute; left: 50%; top: 370px; padding: 15px; background:url(../bg/ico008.png); text-align: left; color: #fff; margin-left: -580px; } .wh-banner .img span h3{ font-size: 36px;font-weight:bold; line-height: 40px; } .wh-banner .img span ins{font-family: simsun;font-size: 12px} .wh-banner .img span h4{ font-size:16px; line-height:20px; padding:7px 0 5px 0; width: 175px; } .wh-banner .img span p{font-size: 12px;padding-top:10px} .wh-banner .wh-banner-num { position: absolute; width: 1140px; left: 50%; margin-left: -570px; bottom: 40px; text-align: center } .wh-banner .wh-banner-num a { display: inline-block; width: 20px; height: 20px; text-indent: -6999999px; background: url(../bg/bg_map.png) no-repeat -162px -41px; } div.wh-inside-banner .wh-banner-num { text-align: right; bottom: 20px; } div.wh-inside-banner .wh-banner-num a { width: 11px; height: 11px; margin-right: 3px; background: url(../bg/bg_map.png) no-repeat -418px -35px; } .wh-banner .wh-banner-num a:hover, .wh-banner .wh-banner-num a.focus { background: url(../bg/bg_map.png) no-repeat -132px -41px; } div.wh-inside-banner .wh-banner-num a:hover, div.wh-inside-banner .wh-banner-num a.focus { background: url(../bg/bg_map.png) no-repeat -438px -35px; } .wh-banner-nextBtn, .wh-banner-prevBtn { background-image: url(../bg/bg_map.png); display: block; width: 31px; height: 58px; position: absolute; top: 300px; z-index: 3; } .wh-banner-nextBtn { left: 40px; background-position: -233px 0; } .wh-banner-prevBtn { right: 40px; background-position: -302px 0; } .wh-newCenter { border: 2px solid #e7e7e7; background: url(../bg/pic_01_01.jpg) no-repeat 17px center #fff; border-radius: 5px; -webkit-border-radius: 5px; height: 60px; position: relative; margin-top: 40px; overflow: hidden; } .wh-newCenter:after { content: ''; position: absolute; width: 14px; height: 7px; background: url(../bg/bg_map.png) no-repeat -197px -49px; right: 20px; top: 27px; display: block; } .wh-newCenter ul { position: absolute; left: 235px; top: 0; } .wh-newCenter a { display: block; line-height: 60px; color: #999; } .wh-newCenter a span { color: #0b5395; padding-left: 17px; } .wh-newCenter a:hover span { text-decoration: underline; } .wh-indexInfo { padding-bottom: 40px; } .wh-indexInfo div { overflow: hidden; width: 100%; margin-top: 20px; } .wh-indexInfo div ul { width: 1300px; } .wh-indexInfo div ul li { margin-right: 30px; } .wh-indexInfo div li a { border: 2px solid #e7e7e7; border-radius: 5px; -webkit-border-radius: 5px; padding: 13px; display: block; transition: all 0.3s; -webkit-transition: all 0.3s; background: #fff; } .wh-indexInfo div li a p { font-size: 12px; color: #666666; } .wh-indexInfo div li a h3 { font-size: 18px; line-height: 40px; } .wh-indexInfo div li a:hover h3 { color: #0b5395; text-decoration: underline; } .wh-indexInfo .d1 li a { width: 343px; height: 390px; } .wh-indexInfo .d2 li a { width: 545px; height: 110px; line-height: 22px; } .wh-indexInfo .d2 li a span.img { float: left; width: 230px; height: 110px; } .wh-indexInfo div li a:hover { background: #f7fcff; border: 2px solid #0099e5 } .wh-foot { background: #e6e6e6; } .wh-foot .d1 { padding: 30px 0 20px 0; } .wh-foot .d1 dl { float: left; padding-right: 50px; } .wh-foot .d1 dl dt { padding-bottom: 10px; } .wh-foot .d1 dl dt a { color: #0f0f1a; } .wh-foot .d1 dl dt a:hover { text-decoration: underline; color: #0b5395; } .wh-foot .d1 dl dd { font-size: 12px; line-height: 22px; } .wh-foot .d1 .fr p { color: #0f0f1a; font-size: 16px } .wh-foot .d1 .fr h3 { font-size: 14px; padding-top: 10px; color:#0b5395; } .wh-foot .d1 .fr h3 em{width:55px;float:left;} .wh-foot .d2 { background: url(../bg/pic_03_01.jpg) no-repeat; height: 42px } .wh-foot .d3 { line-height: 50px; padding-bottom: 10px; font-size: 12px } .wh-bgWhite { background: white; } .wh-inside-info { background: #f5f5f5; line-height: 40px; color: #303033; height: 40px; } .wh-ico-arrow { background-position: -333px 0; display: inline-block; width: 24px; height: 11px; } .wh-ico-arrow:after { content: ''; } .wh-insideLeft { background: #f7fbff; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; margin-top: 30px; margin-bottom: 50px; width: 270px; } .wh-insideLeft h2 { color: #fff; font-size: 30px; line-height: 35px; padding:15px 0 15px 17px; } .wh-insideLeft .d1 { border: 1px solid #ccc; border-top: 0; padding-bottom: 10px; border-radius: 0 0 5px 5px; overflow: hidden; -webkit-border-radius: 0 0 5px 5px; } .wh-insideLeft .tit1 { background: #0b5395; } .wh-insideLeft .tit2 { background: #3dc707; } .wh-insideLeft dl { border-bottom: 1px solid #e4e8ed; } .wh-insideLeft dl dt { border-top: 1px solid #fff; line-height: 48px; } .wh-insideLeft dl dt a { padding-left: 10px; } .wh-insideLeft dl dd { background: #ffffff; line-height: 40px; display: none; } .wh-insideLeft dl dd a { padding-left: 36px; position: relative; } .wh-insideLeft dl dd a:after { width: 8px; height: 0; border-top: 1px solid #666; position: absolute; content: ''; left: 18px; top: 50%; } .wh-insideLeft dl dd:first-child { border-top: 1px solid #e4e8ed; } .wh-insideLeft dl a { display: block; } .wh-insideLeft dl a:hover, .wh-insideLeft dl dt.active a,.wh-insideLeft dl dd.active a { /*color: #1b5e9c;*/ color:#0099e5 } .wh-insideLeft dl dd a:hover{text-decoration:underline} .wh-insideLeft dl dt:hover,.wh-insideLeft dl dt.active{background:#1b5e9c;} .wh-insideLeft dl dt:hover a,.wh-insideLeft dl dt.active a{color:#fff} .wh-insideLeft dl a:hover .wh-ico-arrow, .wh-insideLeft dt.active .wh-ico-arrow { background-position: -408px 0; } .wh-insideRight { width: 880px; margin-top: 30px; margin-bottom: 70px; } .wh-insideRight-info { border-bottom: 1px solid #e6e6e6; line-height: 50px; height: 50px; color: #303033; font-size: 30px } .wh-insideBox { padding-top: 20px; padding-bottom: 70px; word-break:break-word; } .wh-inside-listStyle { padding-bottom: 30px; } .wh-inside-listStyle>dt { position: relative; padding-left: 40px; line-height: 40px; color: #1b5e9c; font-size: 18px } .wh-inside-listStyle>dt:after { background: url(../bg/bg_map.png) no-repeat -343px -31px; width: 18px; height: 18px; position: absolute; left: 10px; top: 50%; margin-top: -9px; display: block; content: ''; } .wh-inside-listStyle>dd { position: relative; padding-left: 40px; } .wh-inside-listStyle dd em{ width:50px; float:left; } .wh-inside-listStyle01 { padding-bottom: 20px; } .wh-inside-listStyle01>dt { position: relative; line-height: 25px; padding-left: 30px; } .wh-inside-listStyle01>dd { position: relative; padding-left: 30px; } .wh-inside-listStyle01>dt s,.wh-inside-listStyle01>dt em { background: url(../bg/bg_map.png) no-repeat -381px -31px; width: 18px; height: 18px; position: absolute; left: 0; top: 3px; display: block; color: #fff; text-align: center; line-height: 18px; font-size: 12px } .wh-information li { padding: 3px 0; padding-left: 25px; word-spacing: -1px; } .wh-information li.li1 { background: url(../bg/ico001.png) no-repeat left 5px; } .wh-information li.li2 { background: url(../bg/ico002.png) no-repeat left 5px; } .wh-information li.li2 em{width:225px;} .wh-information li.li3 { background: url(../bg/ico003.png) no-repeat left 5px; } .wh-information li.li4 { background: url(../bg/ico004.jpg) no-repeat left 5px; } .wh-information li a { color: #1b5e9c; } .wh-information li.li4 a { text-decoration: underline; } .wh-inside-imgList { overflow: hidden; width: 100%; } .wh-inside-imgList ul.u1 { padding-left: 30px; } .wh-inside-imgList ul.u1 li { float: left; margin-bottom: 10px; margin-right: 10px; position: relative; line-height: 0; } .wh-inside-imgList ul.u1 li span,.wh-inside-imgList ul.u1 li em { position: absolute; left: 0; bottom: 0; line-height: 45px; text-indent: 15px; color: #fff; font-size: 12px; background: rgba(0, 0, 0, 0.5); width: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .wh-applyBnt, .wh-applyBnt:hover { display: inline-block; width: 165px; height: 45px; line-height: 45px; text-align: center; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; background: #1b5e9c; font-size: 18px; } .wh-cLightgray { color: lightgray; } .wh-returnBnt, .wh-returnBnt:hover { display: inline-block; width: 163px; height: 43px; line-height: 43px; border: 1px solid #cccccc; text-align: center; color: #1b5e9c; border-radius: 5px; -webkit-border-radius: 5px; background: #f7fbff; font-size: 18px } .wh-table01 td { padding-bottom: 15px; } .wh-table01 .select1 { line-height: 28px; height: 28px; border: 1px solid #ccc; width: 215px; } .wh-table01 input.text01, .wh-table01 input.text02, .wh-table01 input.text03, .wh-table01 textarea { line-height: 28px; height: 28px; border: 1px solid #ccc; padding: 0 5px; } .wh-table01 input.text01 { width: 315px; } .wh-table01 input.text02 { width: 110px; } .wh-table01 input.text03 { width: 630px; } .wh-table01 textarea.text04 { resize: none; height: 150px; width: 630px; } .wh-vacancy { border: 1px solid #ccc; background: #f7fbff; padding: 14px 18px; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } .wh-vacancy select { width: 200px; padding: 0 10px; line-height: 28px; height: 28px; border: 1px solid #ccc; } .wh-vacancy .wh-btn { background: #1b5e9c; text-align: center; color: #fff; border-radius: 5px; line-height: 28px; height: 28px; -webkit-border-radius: 5px; width: 80px; margin-left: 10px; cursor: pointer; } .wh-vacancyList ul { width: 100%; float: left; } .wh-vacancyList ul li { float: left; text-align: center; padding: 8px 0; line-height: 24px; font-size: 12px; position: relative; color: #303133; } .wh-vacancyList ul li.li1 { width: 200px; } .wh-vacancyList ul li.li2 { width: 150px; } .wh-vacancyList ul li.li3 { width: 90px; } .wh-vacancyList ul li.li4 { width: 250px; } .wh-vacancyList ul li.li5 { width: 100px; } .wh-vacancyList ul li.li6 { width: 90px; } .wh-vacancyList ul.u1 li { font-size: 14px; border-bottom: 1px solid #ccc; padding: 0; line-height: 28px; } .wh-vacancyList ul li a { color: #303133; } .wh-vacancyList ul li a:hover { text-decoration: underline; color: #0b5395; } .wh-vacancyList ul.u1 li:after { content: ''; height: 28px; width: 0; border-right: 1px solid #ccc; position: absolute; right: 0; top: 0; } .wh-vacancyList ul.u1 li.li6:after { display: none; } .wh-page { margin-top: 30px; text-align: center; font-size: 12px } .wh-page .s1 { color: #303033; padding-right: 17px; } .wh-page .s2 { font-size: 0 } .wh-page .s2 a.prev, .wh-page .s2 a.next { width: 60px; } .wh-page .s2 a { display: inline-block; font-size: 14px; margin: 0 3px; width: 34px; height: 34px; line-height: 34px; border: 1px solid #ccc; background: #fff; color: #303033; } .wh-page .s2 a:hover, .wh-page .s2 a.hover { background: #1b5e9c; border: 1px solid #1b5e9c; color: #fff; } .wh-page .s2 a.prev:hover, .wh-page .s2 a.next:hover { background: #f2f2f2; border: 1px solid #ccc; color: #919199; } .wh-page .s3 { padding-left: 17px; } .wh-page .s3 input { font-size: 14px; margin: 0 3px; width: 34px; height: 34px; line-height: 34px; border: 1px solid #ccc; background: #fff; color: #303033; text-align: center; } .wh-page .s3 input.wh-btn { cursor: pointer; width: 40px; } .wh-inside-imgList2 { position: relative; } .wh-inside-imgList2:after { content: ''; width: 0; height: 76%; border-right: 2px solid #0b5395; position: absolute; left: 50%; margin-left: -2px; top: 20px; } .wh-inside-imgList2 .d1 .rel { border: 1px solid #CCCCCC; background: #f5f5f5; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px; padding-bottom: 25px; width: 335px; } .wh-inside-imgList2 .d1 .rel h3 { font-size: 18px; color: #0b5395; line-height: 35px; padding-top: 10px; } .wh-inside-imgList2 .d1 .rel h4 { color: #333333; line-height: 20px; padding-bottom: 10px; } .wh-inside-imgList2 .d1 .rel p { white-space: pre-wrap; } .wh-inside-imgList2 .d1 .rel .s1 { display: block; border-radius: 100%; -webkit-border-radius: 100%; background: #0b5395; text-align: center; line-height: 90px; width: 90px; height: 90px; font-size: 24px; color: #fff; position: absolute; top: 0; } .wh-inside-imgList2 .left .rel .s1 { left: 392px; } .wh-inside-imgList2 .right .rel .s1 { left: -119px } .wh-inside-imgList2 .left .rel:after, .wh-inside-imgList2 .right .rel:after { content: ''; display: block; position: absolute; top: 30px; background: url(../bg/ico005.jpg) no-repeat; width: 12px; height: 26px; } .wh-inside-imgList2 .left .rel:after { left: 100%; } .wh-inside-imgList2 .right .rel:after { background: url(../bg/ico006.jpg) no-repeat; left: -12px; } .wh-inside-imgList2 .left, .wh-inside-imgList2 .right { position: absolute; top: 0; } .wh-inside-imgList2 .right { right: 0; top: 145px; } .wh-Certificates { width: 100%; overflow: hidden; } .wh-Certificates .u1 { background: url(../bg/pic_05.jpg) repeat-y left top; padding-left: 22px; width: 106%; margin-top: 30px; } .wh-Certificates .u2 { background: url(../bg/pic_05_01.jpg) repeat-y left top; } .wh-Certificates .u1 li { float: left; width: 220px; margin-right: 90px; height: 410px; } .wh-Certificates .u2 li { height: 390px; } .wh-Certificates .u1 li a { display: block; padding: 3px 9px 0 8px; background: url(../bg/pic_06.png) no-repeat center top; height: 376px; color: #303033; } .wh-Certificates .u2 li a { background: url(../bg/pic_07.png) no-repeat center top; height:359px; } .wh-Certificates .u2 li a .d1 h5{overflow:hidden;height:50px;line-height:25px;} .wh-Certificates .u1 li a .img { display: block; width: 192px; border: 5px solid #2e3192; background: #fff; height: 253px; } .wh-Certificates .u1 li a .d1 { padding: 37px 20px 0 15px; height: 75px; overflow: hidden; line-height: 20px; } .wh-Certificates .u1 li a .d1 p { padding-top: 7px; font-size: 12px; color: #666; } .wh-Certificates .u1 li a:hover { color: #0b5395; } .wh-lading { margin: 50px 0; text-align: center; } .wh-lading span{ display: inline-block; width: 48px; height: 48px; background: url(../bg/lading.png) no-repeat center; animation:3s linear 0s normal none infinite rotate; -webkit-animation:3s linear 0s normal none infinite rotate; } @-webkit-keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @-moz-keyframes rotate{ from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)} } @-ms-keyframes rotate{ from{-ms-transform:rotate(0deg)} to{-ms-transform:rotate(360deg)} } @-o-keyframes rotate{ from{-o-transform:rotate(0deg)} to{-o-transform:rotate(360deg)} } .msg{color:#E93284} .wh-bt{cursor:pointer} .header-qr{position: absolute;top: 34px;right: 0;z-index:99999;} .hide{display:none} /*2016-05-04 15:13:06*/ /*.wh-contanct{width:100%} .wh-contanct li{width:100%;float:left} .wh-contanct li.wh-li-head em{background: url(../bg/bg_map.png) no-repeat -343px -28px;width:18px;height:18px;content: '';text-indent:1000px;overflow:hidden} .wh-contanct li.wh-li-head { display: block; height: 40px; line-height: 40px; color: #1b5e9c; font-size: 18px; content: ''; text-align:left; }*/ .content-line{background: #ccc;height: 1px;margin: 40px 0;} .btn-back{background-image: url("../bg/btn-back-01.png");width: 124px;height: 39px;display: block;} .content-back{border-bottom: #f2f2f2 1px solid;padding-bottom: 10px;margin-bottom: 30px;} .content-txt h3.tit{color: #0077bf;font-size: 24px;line-height: 30px;width: 100%;margin: 0 auto 10px;} .content-txt h4.info{margin-bottom: 30px;color: #999;} .content-txt h4.info a{color: #0077bf;margin-right: 10px;} .content-detail .index-tit{display: block;margin-bottom: 30px;} .content-detail p{margin-bottom: 0;color: #0077bf;} .content-detail p a{color: #0077bf;} .content-detail p strong{color: #999;} .tit-ico1{background-image: url("../bg/tit-ico1.png");width: 40px;height: 40px;} .tit-ico2{background-image: url("../bg/tit-ico2.png");width: 40px;height: 40px;font-family:Arial} .wh-insideBox ol{margin-left:22px;} /*news*/ .com-dynamic ul li{border-bottom: #f2f2f2 1px solid;padding-bottom: 30px;margin-bottom: 30px;} .com-dynamic ul li h3{font-size: 18px;line-height: 26px;color: #0077bf;} .com-dynamic ul li h3 a{color: #0077bf;} .com-dynamic ul li h4{color: #999;margin-bottom: 20px;} .com-dynamic ul li h4 a{color: #0077bf;margin-right: 10px;} .com-dynamic ul li div img{float: left;margin: 0 20px 0 0;} .com-dynamic ul li div p{font-size: 14px;line-height: 24px;color: #333;} /*新增20160512*/ .f24{ font-size:24px; display: inline-block; position: relative; top: 2px; margin-right: 5px; margin-left: -20px; } .wh-pro_list{ padding-top: 20px; overflow: hidden; position: relative; } .wh-pro_list ul{width: 120%;} .wh-pro_list ul li{ float: left; margin-right:20px; margin-bottom:20px; } .wh-pro_list ul li a{ display: block; padding: 9px 9px 0 9px; border:5px #0B5395 solid; width: 248px; text-align: center; } .wh-pro_list ul li a:hover{background:#0B5395;color:#fff;} .wh-pro_list ul li a img{width:248px;height:248px;} .wh-pro_list ul li a p{ padding: 10px 0; } .wh-TDS{ background: #edf1f5; padding:20px 18px; overflow: hidden; } .wh-TDS select { width:160px; padding: 0 10px; line-height: 28px; height: 28px; border: 1px solid #ccc; } .wh-TDS .select1{ width: 120px; } .wh-TDS .wh-btn { background: #1b5e9c; text-align: center; color: #fff; border-radius: 5px; line-height: 28px; height: 28px; -webkit-border-radius: 5px; width: 50px; margin-left: 10px; cursor: pointer; } .wh-TDS .text { width: 150px; padding: 0 10px; line-height: 28px; height: 28px; border: 1px solid #ccc; background: #fff; } .wh-TDSList ul { width: 100%; float: left; } .wh-TDSList ul li { float: left; text-align: left; padding:15px 0; padding-left: 15px; line-height: 24px; font-size: 12px; position: relative; color: #303133; border-bottom: 1px solid #ccc; } .wh-TDSList ul.u1 li { border-bottom: 1px solid #ccc; padding: 0; line-height: 28px; padding-left: 15px; } .wh-TDSList ul li.li1 { width:120px; } .wh-TDSList ul li.li2 { width: 210px; } .wh-TDSList ul li.li3 { width: 240px; overflow:hidden; } .wh-TDSList ul li.li4 { width:130px; padding-left: 0; text-align: center; } .wh-TDSList ul li.li5 { width: 130px; padding-left: 0; text-align: center; } .wh-TDSList ul li a { color: #303133; } .wh-TDSList ul li a.down{ background: url(../bg/ico009.jpg) no-repeat left 1px; padding-left: 30px; } .wh-TDSList ul li a.down:hover{ background: url(../bg/ico009.jpg) no-repeat left -31px; color: #1b5e9c; padding-left: 30px; } .wh-TDSList ul.u1 li:after { content: ''; height: 28px; width: 0; border-right: 1px solid #ccc; position: absolute; right: 0; top: 0; } .wh-TDSList ul.u1 li.li5:after { display: none; } .blue2{ color:#1b5e9c ; } .wh-pro_list2{ padding-top: 20px; overflow: hidden; position: relative; } .wh-pro_list2 h3{ font-size: 30px; color: #1b5e9c; line-height:55px; padding-bottom:5px; } .wh-pro_list2 ul{width: 120%;} .wh-pro_list2 ul li{ float: left; margin-right:26px; margin-bottom:20px; } .wh-pro_list2 ul li a{ display: block; padding:15px 15px 0 15px; border:5px #0B5395 solid; width:387px; } .wh-pro_list2 ul li a img{width:387px;height:387px;} .wh-pro_list2 ul li a:hover{ background:#0B5395;color:#fff; } .wh-pro_list2 ul li a:hover span{color:#fff} .wh-pro_list2 ul li a p{ padding: 10px 0; color: #999999; } .wh-TDS2{margin-top: 20px;} .wh-TDS2 ul{display: table;width: 100%;border-right: 1px solid #e4e8ed;border-left: 1px solid #e4e8ed; } .wh-TDS2 ul li{ border-bottom: 1px solid #e4e8ed; /*line-height: 45px;*/ text-align: left; padding-left: 15px; display: table-cell; width: 33.3%; height:45px; vertical-align:middle; } .wh-TDS2 ul.u1{ border: 1px solid #e4e8ed; border-right: none; } .wh-TDS2 ul.even{ background:#f7fbff ; } .wh-TDS2 ul.u1 li{ line-height: 40px; background: #f7fbff; color: #333; border-bottom: none; border-right: 1px solid #e4e8ed; } .wh-TDS2 ul.focus li{ background: #2d639d; color: #fff; } .wh-TDS2 ul.focus li.li1{ padding-left: 45px; background: url(../bg/ico011.png) no-repeat 15px center #2d639d; } .wh-overview{ padding: 40px 0 70px 0; } .wh-overview-left{ width: 590px; } .wh-overview-scroll{ position: relative; } .wh-overview-scroll .scroll{ width: 590px; height: 590px; overflow:hidden; } .wh-overview-num{ position: absolute; width: 100%; left: 20px; bottom:20px; } .wh-overview-num li{ float: left; margin-right: 12px; padding: 1px; } .wh-overview-num li.focus{padding: 0;} .wh-overview-num li.focus img{ border:3px solid #2d639d; } .wh-overview-num li img{border:2px solid #fff} .scroll,.scroll2{ position:relative; overflow:hidden;} .scroll ul{ position:absolute; width:2000000px;} .scroll2 ul{ position:absolute; height:2000000px;} .scroll ul li{ float:left;} .wh-overview-right{ width: 560px; } .wh-RelatedProducts{ width: 100%; margin-top: 80px; } .wh-RelatedProducts .wh-title{ border-bottom: 1px solid #e4e8ed; line-height: 36px; font-size: 18px; color: #2d639d; } .wh-RelatedProducts .wh-list{ margin: 30px 0 0 0; overflow: hidden; position: relative; } .wh-RelatedProducts .wh-list ul{ width: 120%; } .wh-RelatedProducts .wh-list ul li{ width: 280px; margin-right: 20px; float: left; } .wh-RelatedProducts .wh-list ul li a{ border: 1px solid #e4e8ed; padding: 7px; position: relative; display: block; } .wh-RelatedProducts .wh-list ul li a:hover{ border: 1px solid #1b5e9c; } .wh-RelatedProducts .wh-list ul li a:before{ display: block; content: ''; width: 29px; height: 29px; background: url(../bg/ico010.jpg) no-repeat; position: absolute; right: 7px; bottom: 7px; } .wh-RelatedProducts .wh-list ul li .img{ display:block; float: left; width: 126px; height: 126px; margin-right: 10px; } .wh-RelatedProducts .wh-list ul li h4{ color: #1b5e9c; } /*20160517新增*/ .m-shadow { opacity: 0.3; display: block; background-color: rgb(102, 102, 102); position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; } .wh-shadowBox { border-radius: 10px; background: #fff; position: fixed; left: 50%; top: 50%; z-index: 1111; padding: 12px; } .wh-shadowBox .wh-t { position: relative; height: 60px; } .wh-shadowBox .wh-t .wh-close { background: url(../bg/pic_08.png) no-repeat; display: block; width: 30px; height: 30px; right: -12px; top: 0; position: absolute; cursor: pointer; } .wh-successfully { width: 550px; height: 240px; margin-left: -275px; margin-top: -130px; } .wh-successfully .div1 { padding-left: 140px; position: relative; padding-top: 10px; padding-right: 60px; } .wh-successfully .div1 img.fl { position: absolute; left: 60px; top: 0; } .wh-successfully .div1 h3 { font-size: 18px; line-height: 24px; color: #222222; padding-bottom: 10px; } .wh-successfully .div1 p { line-height: 18px; font-size: 12px; color: #666666; } .wh-signUp{ width: 640px; margin-left: -320px; margin-top: -280px; } .wh-signUp .wh-t{ border-bottom: 1px solid #e6e6e6; font-size: 24px;color: #1b5e9c; text-align: center; line-height: 60px; } .red2{color: #f00;} .wh-signUp .div1 { padding-top:25px; } .hide{display: none;} .wh-Login{width: 380px!important;margin-left: -190px!important;margin-top: -130px!important;} .wh-table01 input.text05 { width: 250px; line-height: 28px; height: 28px; border: 1px solid #ccc; padding: 0 5px; } .pic_big_list img{width:590px;height:590px;} .pic_small_list img{width:64px;height:64px;} .powder ul li.l1{width:25%} .powder ul li.l2{width:25%} .powder ul li.l3{width:50%} .pro_parameter .u1 li{font-weight:600;color:#333} .description h3{font-weight:600;line-height:36px;} .userinfo{font-size:16px;} .userinfo em{color:#0099e5} .userinfo a,.userinfo a:after{color:#0099e5} .userinfo a.top-loginout{padding-left:10px;}