/*zwp 2017-10-39*/ /*公共部分开始*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, b { padding: 0; margin: 0; font-weight: normal; } html { overflow: -moz-scrollbars-vertical; overflow: hidden; overflow-y:auto; overflow-x:hidden; } /*始终让 Firefox 显示滚动条*/ * { word-wrap: break-word; margin: 0; padding: 0; }/*文字强制换行word-break:keep-all;(Ff)*/ table { border-collapse: collapse; }/*细线表格*/ fieldset, img { border: none; }/*清除描边*/ ul, li { list-style-type: none; }/*无列表项目标记*/ a { text-decoration: none; color: #666 }/* 链接无下划线,有为underline;链接去框 */ a:link { color: #666; }/* 未访问的链接 */ a:visited { color: #666; }/* 已访问的链接 */ a:hover { color: #a61e28; }/* 鼠标在链接上 */ a:active { color: #666; blr:expression(this.onFocus=this.blur()); }/* 点击激活链接 */ body { font-family:"Microsoft YaHei"; font-size: 12px; color: #828385; background:#ffffff; min-width:1220px; } textarea,select, input { vertical-align: middle; outline: none; } input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] { cursor: pointer; outline: none; } ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ :-moz-placeholder{} /* Firefox版本4-18 */ ::-moz-placeholder{} /* Firefox版本19+ */ :-ms-input-placeholder{} /* IE浏览器 */ .clear { clear: both; } .h10 { clear: both; height: 10px; } .h15 { clear: both; height: 16px; } .h20 { clear: both; height: 20px; } .h25 { clear: both; height: 25px; } .h30 { clear: both; height: 30px; } .h35 { clear: both; height: 35px; } .h40 { clear: both; height: 40px; } .h45 { clear: both; height: 45px; } .h50 { clear: both; height: 50px; } .h55 { clear: both; height: 55px; } .h60 { clear: both; height: 60px; } .h70 { clear: both; height: 70px; } .h80 { clear: both; height: 80px; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } /*公共部分结束*/ /*^ * 框架 * @return */ .wrap{ clear:both; width:1200px; margin:0 auto; } .minH{ min-height:350px; height:auto !important; height:350px; } /* /top */ .headH{clear: both;height:0px} .head{ clear: both; z-index:999; width: 100%; background: #fff; /*position: fixed; top: 0; left: 0;*/ } .headBox1{ clear: both; height: 134px; } .logo{ width:500px; height: 134px; overflow: hidden; } .logo a{ display: block; width:500px; height: 134px; background-image: url(/skin/dianlan/images/logo.png); background-repeat: no-repeat; background-position: left center; } .headBox1 .fr{ overflow: hidden; } .headBox1 .fr .div{ overflow: hidden; height: 50px; padding: 0 10px; } .headBox1 .fr .div.bd{ border-left: 1px solid #b0b7c3; border-right: 1px solid #b0b7c3; padding:0 15px; } .headBox1 .fr .div a{ display: block; height: 14px; overflow: hidden; line-height: 14px; padding-top: 36px; margin: 0 12px; color: #888888; background-image: url(/skin/dianlan/images/icon1.png); background-position: center top; background-repeat: no-repeat; } .headBox1 .fr .div span{ display: block; clear: both; height: 28px; line-height: 28px; text-align: center; color: #333333; font-size: 24px; font-weight: bold; } .headBox1 .fr .div em{ display: block; clear: both; height: 24px; line-height: 24px; text-align: center; color: #666666; font-size: 14px; font-style:normal; } .headBox2{ clear: both; height: 55px; background: #252677; } .headBox2 .wrap{position: relative;} /*导航*/ .menuDl dd{ display: inline; float: left; position: relative; } .menuDl dd span{ display: block; clear: both; overflow: hidden; height: 55px; } .menuDl dd span a{ display: block; height: 55px; line-height: 55px; padding: 0 35px; color: #f6f6ff; font-size: 15px; } .menuDl dd.hover span a{ background: #f1c100; color:#272884; font-weight:bold } .menuDl dd .div_a{ width: 100%; overflow: hidden; position: absolute; top: 55px; left: 0; z-index: 999; background: rgba(255,255,255,0.9); box-shadow: 0 2px 5px rgba(0,0,0,0.3); padding: 10px 0; display: none; } .menuDl dd .div_a a{ display: block; height: 34px; overflow: hidden; line-height: 34px; text-align: center; color: #666666; font-size: 14px; } .menuDl dd .div_a a:hover{color:#252677;font-weight: bold} .menuDl dd .div_a a.hover{color:#252677;font-weight: bold} .spchBox{ width: 180px; height: 30px; background: #13145d; overflow: hidden; border-radius: 20px; /*margin-top: 13px;*/ position: absolute; top: 13px; right: 0; } .spchBox input{ display: inline; float: left; width: 105px; height: 30px; line-height: 30px; padding: 0 5px 0 20px; background: none; border: none; font-family: "microsoft yahei"; color: #fff; } .spchBox input::-webkit-input-placeholder{color:#636477} /* 使用webkit内核的浏览器 */ .spchBox input:-moz-placeholder{color:#636477} /* Firefox版本4-18 */ .spchBox input::-moz-placeholder{color:#636477} /* Firefox版本19+ */ .spchBox input:-ms-input-placeholder{color:#636477} /* IE浏览器 */ .spchBox a{ display: inline; float: right; width: 48px; height: 30px; background-image: url(/skin/dianlan/images/icon2.png); background-position: center center; background-repeat: no-repeat; } /* /banner */ .banner{ clear: both; overflow: hidden; height: 580px; position: relative; } .banner .bd{ width: 100%; height: 580px; overflow: hidden; } .banner .bd dl dd{ width: 100%; height:580px; overflow: hidden; background-position: center center; background-repeat: no-repeat; } .banner .bd dl dd a{ display: block; width: 100%; height:580px; } .banner .hd{ width: 100%; height: 44px; position: absolute; bottom: 0; left: 0; z-index:1; text-align: center; } .banner .hd ul{display: inline-block} .banner .hd ul li{ display: inline; float: left; width: 13px; height: 13px; overflow: hidden; line-height: 9999px; border-radius: 100%; margin: 0 5px; background:#fff; cursor:pointer; } .banner .hd ul li.on{background:#f1c100} /* /footer */ .foot{clear: both} .footBox1{ clear: both; overflow: hidden; padding: 50px 0; background: #383838; } .footerUl li{ display: inline; float: left; overflow: hidden; width: 170px; } .footerDl dt{ height:20px; overflow: hidden; line-height: 20px; color: #bbbbbb; font-size: 17px; margin-bottom: 17px; } .footerDl dt a{color: #bbbbbb;} .footerDl dt a:hover{color: #fff;} .footerDl dd{ height:32px; overflow: hidden; line-height: 32px; color: #777777; font-size: 15px; } .footerDl dd a{color: #777777;} .footerDl dd a:hover{color: #fff;} .ewmBox{ overflow: hidden; padding: 0 50px; border-left: 1px solid #535353; border-right: 1px solid #535353; } .ewm{ width: 131px; overflow: hidden; margin: 0 15px; } .ewm img{ clear: both; display: block; width: 131px; height: 131px; } .ewm span{ display: block; clear: both; height: 16px; line-height: 16px; font-size: 15px; text-align: center; color: #bbbbbb; margin-top: 13px; } .footBox1R{ width: 240px; overflow: hidden; padding-left: 45px; } .footBox1R .divT{ clear: both; height: 27px; overflow: hidden; line-height: 27px; color: #bbbbbb; font-size: 18px; margin-bottom: 4px; } .footBox1R .divT2{ clear: both; height: 33px; overflow: hidden; line-height: 33px; color: #bbbbbb; font-size: 29px; font-weight: bold; } .footBox1R .txt{ overflow: hidden; color: #777777; font-size: 16px; line-height: 28px; } .footBox2{ clear: both; height: 70px; background: #2b2b2b; line-height: 70px; font-size: 14px; color: #777777; } .footBox2 a{color: #777777;} .footBox2 a:hover{color: #fff;} /*公告*/ .announcement{ clear: both; height: 65px; overflow: hidden; } .announcement .divT{ padding-left:29px; height: 65px; line-height: 65px; background-image: url(/skin/dianlan/images/icon3.png); background-position: left center; background-repeat: no-repeat; font-size: 16px; font-weight: bold; color: #34302f; margin-right: 23px; } .announcementSlide{ height: 65px; overflow: hidden; } .announcementSlide .bd{ width:985px; height: 65px; overflow: hidden; } .announcementSlide .bd dl{width:1100px} .announcementSlide .bd dd{ display: inline; float: left; width: 470px; height: 65px; overflow: hidden; margin-right: 45px; } .announcementSlide .bd dd a{ display: inline; float: left; color: #666666; font-size: 14px; line-height: 65px; } .announcementSlide .bd dd a:hover{color:#252677} .announcementSlide .bd dd span{ display: inline; float: right; color: #888888; font-size: 14px; line-height: 65px; } .announcementSlide .bt{ width: 8px; height: 11px; cursor: pointer; background-repeat: no-repeat; margin:27px 0 0 32px } .announcementSlide .bt.prev{background-image: url(/skin/dianlan/images/icon4.png);background-position: left top;} .announcementSlide .bt.next{background-image: url(/skin/dianlan/images/icon4.png);background-position: right top;} .announcementSlide .bt.prev:hover{background-image: url(/skin/dianlan/images/icon4.png);background-position: left bottom;} .announcementSlide .bt.next:hover{background-image: url(/skin/dianlan/images/icon4.png);background-position: right bottom;} /*1*/ .h_457{ height:457px; background-image: url(/skin/dianlan/images/bg1.png); background-position: center center; background-repeat: no-repeat; } .h_457L{ width: 438px; height: 328px; overflow: hidden; position: relative; } .h_457LT{ height:40px; line-height: 40px; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; right: 0; z-index:1; padding: 0 80px 0 30px; background: rgba(0,0,0,0.8); } .h_457L .bd{ width: 438px; height: 328px; overflow: hidden; } .h_457L .bd dl dd{ width: 438px; height: 328px; overflow: hidden; } .h_457L .bd dl dd img{ display: block; width: 438px; height: 328px; } .h_457L .bt{ width: 8px; height: 11px; cursor: pointer; position: absolute; bottom: 14px; z-index:2; background-repeat: no-repeat; } .h_457L .bt.prev{right:54px;background-image: url(/skin/dianlan/images/icon5.png);background-position: left top;} .h_457L .bt.next{right:21px;background-image: url(/skin/dianlan/images/icon5.png);background-position: right top;} .h_457L .bt.prev:hover{background-image: url(/skin/dianlan/images/icon5.png);background-position: left bottom;} .h_457L .bt.next:hover{background-image: url(/skin/dianlan/images/icon5.png);background-position: right bottom;} .h_457C{ width: 535px; height: 328px; overflow:hidden; background: #fff; margin: 0 20px; box-shadow: 0 0 3px #ececec; } .h_457CT{ margin: 0 25px; height: 67px; overflow: hidden; border-bottom: 1px solid #dadada; } .h_457CT i{ display: inline; float: left; width: 4px; height: 25px; background: #f1aa00; margin-top: 21px; } .h_457CT span{ display: inline; float: left; line-height: 67px; padding-left: 11px; font-size: 20px; font-weight: bold; color: #333; } .h_457CT a{ display: inline; float: right; line-height: 72px; font-size: 14px; color: #666666; } .h_457CT a:hover{color:#32328a;} .ixList dd{ clear: both; overflow: hidden; height: 36px; line-height: 36px; } .ixList dd a{ display: inline; float: left; font-size: 14px; color: #666666; } .ixList{padding:15px 25px 0 25px} .ixList dd:hover a{color:#e70012} .ixList dd span{ display: inline; float: right; font-size: 14px; color: #999999; } .ixList dd:hover span{color:#e70012} .h_457R{ overflow: hidden; width: 186px; height: 306px; background: #32328a; padding-top: 22px; } .h_457R dd{ height: 55px; overflow: hidden; } .h_457R dd a{ display: block; height: 55px; overflow: hidden; line-height: 55px; padding-left: 67px; font-size: 16px; color: #fff; background-image: url(/skin/dianlan/images/icon6.png); background-repeat: no-repeat; background-position: 43px center; } .h_457R dd a:hover{background-color:#f1cf00;background-image: url(/skin/dianlan/images/icon7.png);color:#32328a;font-weight: bold} /*2*/ .h_786{height:786px} .h_786L{ width:304px; overflow: hidden; } .h_786LSlide{ width:304px; height: 268px; overflow: hidden; position: relative; } .h_786LSlide .bd{ width:304px; height: 228px; overflow: hidden; } .h_786LSlide .bd dl dd{ width:304px; height: 228px; overflow: hidden; } .h_786LSlide .bd dl dd a{ display: block; width:304px; height: 228px; position: relative; } .h_786LSlide .bd dl dd a img{ display: block; width:304px; height: 228px; } .h_786LSlide .bd dl dd a i{ display: block; width:304px; height: 228px; position: absolute; top: 0; left: 0; z-index: 11; background-position: center center; background-repeat: no-repeat; background-image: url(/skin/dianlan/images/icon8.png); background-color: rgba(0,0,0,0.4); opacity: 1; transition-timing-function: linear; transition-duration: 0.3s; transition-property: all; } .h_786LSlide .bd dl dd:hover a i{opacity: 0;} .h_786LSlide .bt{ width: 8px; height: 11px; cursor: pointer; position: absolute; bottom: 14px; z-index: 999; background-repeat: no-repeat; display: none; } .h_786LSlide:hover .bt{display: block} .h_786LSlide2 .bt{bottom:50%; margin-bottom:-5px} .h_786LSlide .bt.prev{right:54px;background-image: url(/skin/dianlan/images/icon5.png);background-position: left top;} .h_786LSlide .bt.next{right:21px;background-image: url(/skin/dianlan/images/icon5.png);background-position: right top;} .h_786LSlide2 .bt.prev{left:0;} .h_786LSlide2 .bt.next{right:0;} .h_786LSlide .bt.prev:hover{background-image: url(/skin/dianlan/images/icon5.png);background-position: left bottom;} .h_786LSlide .bt.next:hover{background-image: url(/skin/dianlan/images/icon5.png);background-position: right bottom;} .h_786T{ clear: both; height: 60px; overflow: hidden; background-position: center 19px; background-repeat: no-repeat; background-image: url(/skin/dianlan/images/icon9.png); } .h_786T span{ display: block; height: 37px; line-height: 37px; text-align: center; color: #333333; font-size: 30px; } .h_786T em{ display: block; height:21px; line-height: 21px; text-align: center; color: #999999; margin-top: 2px; font-style: normal; } .h_786LSlideT{ clear: both; height: 40px; background: #656565; padding: 0 80px 0 25px; font-size: 14px; color: #ffffff; line-height: 40px } .h_786LSlideT.t2{padding:0;text-align: center} .h_786R{ width: 790px; overflow: hidden; padding-left: 65px; } .h_786Map{ width: 662px; height: 552px; overflow: hidden; position: relative; } .h_786Map img{ display: block; width: 662px; height: 552px; position: absolute; top: 0; left: 0; z-index:0; transition-duration: 0.3s; transition-property: all; transition-timing-function: linear; } .h_786Map img.imgBg{opacity:1;} .h_786Map img.hover{opacity:1;z-index:2;} .h_786R_r{ width:115px; overflow: hidden; } .h_786MapList{margin-top:220px} .h_786MapList a{ display: block; height:37px; overflow: hidden; line-height: 37px; color: #777777; font-size: 16px; padding-left: 31px; background-image: url(/skin/dianlan/images/icon10.png); background-position: left center; background-repeat: no-repeat; } .h_786MapList a:hover{background-image: url(/skin/dianlan/images/icon11.png);color:#d81e06} .h_786MapList a.hover{background-image: url(/skin/dianlan/images/icon11.png);color:#d81e06} .h_786R_rPic{ width: 108px; height: 128px; overflow: hidden; border: 1px solid #b5b5b5; } .h_786R_rPic img{ display: block; width: 108px; height: 128px; } .h_695{ clear: both; height:582px; background-position: center center; background-repeat: no-repeat; background-image: url(/skin/dianlan/images/bg1.jpg); } .h_695T{ clear: both; height: 40px; overflow: hidden; text-align: center; font-size: 0px } .h_695T a{ display: inline-block; width: 120px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; position: relative; margin: 0 5px; color:#333;background:#fff } .h_695T a i{ display: block; width: 11px; height: 5px; position: absolute; top: 35px; left: 50%; margin-left: -5px; z-index: 9; background-position: center center; background-repeat: no-repeat; } /*.h_695T a.hover{color: #ffffff; background: #36378d;} .h_695T a.hover i{background-image: url(/skin/dianlan/images/icon13.png)}*/ .h_695T a:hover{color: #ffffff; background: #36378d;} .h_695Slide{ clear: both; overflow: hidden; position: relative; height: 246px; } .h_695Slide .bt{ display: block; width:39px; height: 57px; cursor: pointer; position: absolute; top: 50%; margin-top: -28px; z-index: 99; background-repeat: no-repeat; display: none; } .h_695Slide:hover .bt{display: block;} .h_695Slide .bt.nnn{display: none !important} .h_695Slide .bt.prev{ left:0; background-image: url(/skin/dianlan/images/icon14.png); background-position: left center; } .h_695Slide .bt.next{ right:0; background-image: url(/skin/dianlan/images/icon14.png); background-position: right center; } .h_695Slide .bd{ overflow: hidden; height: 245px; } .h_695Slide .bd dl{width: 1320px} .h_695Slide .bd dl dd{ display: inline; float: left; width: 328px; height: 245px; overflow: hidden; margin-right: 108px; box-shadow:0 0 10px rgba(0,0,0,0.8); } .h_695Slide .bd dl dd a{ display: block; width: 328px; height: 245px; position: relative; } .h_695Slide .bd dl dd a .pic{ width: 326px; height: 245px; border: 1px solid #fff; } .h_695Slide .bd dl dd a .pic img{ display: block; width: 326px; height: 245px; } .h_695Slide .bd dl dd a .divC{ width: 288px; height: 205px; position: absolute; top: 0; left: 0; z-index: 11; background: rgba(231,190,0,0.9); opacity: 0; visibility: hidden; transition-duration: 0.2s; transition-timing-function: linear; transition-property: all; padding:20px; } .h_695Slide .bd dl dd:hover a .divC{visibility:visible;opacity: 1} .h_695Slide .bd dl dd a:after{ content: ""; display: block; position: absolute; top: 20px; bottom: 366px; left: 20px; right:308px; z-index: 12; border-left: 1px solid #4a4318; border-top: 1px solid #4a4318; visibility: hidden; transition-duration: 0.3s; transition-timing-function: linear; transition-property: all; } .h_695Slide .bd dl dd:hover a:after{ visibility: visible; bottom:20px; right:20px } .h_695Slide .bd dl dd a:before{ content: ""; display: block; position: absolute; bottom: 20px; top: 366px; right: 20px; left:308px; z-index: 12; border-right: 1px solid #4a4318; border-bottom: 1px solid #4a4318; visibility: hidden; transition-duration: 0.3s; transition-timing-function: linear; transition-property: all; } .h_695Slide .bd dl dd:hover a:before{ visibility: visible; top:20px; left:20px } .h_695Slide .bd dl dd .divC .divT{ clear: both; height: 80px; line-height: 40px; text-align: center; font-size: 20px; color: #171717; margin-top: 26px; overflow:hidden; } .h_695Slide .bd dl dd .divC .icon{ display: block; width: 25px; height: 3px; background:#333333; margin: 18px auto; } .h_695Slide .bd dl dd .divC .txt{ clear: both; padding: 0 50px; overflow: hidden; text-align: center; color: #333333; font-size: 14px; line-height: 24px; margin-top: 3px; height:48px; } /*4*/ .h_780{clear: both;height:780px;background: #fff} .h_780 .h_695T a{ background: #f2f2f2;color:#666666} .h_780 .h_695T a.hover{background: #272884;color:#fff} .h_780 .h_695T a.hover i{background-image: url(/skin/dianlan/images/icon12.png)} .h_780Slider{ width: 900px; margin: 0 auto; clear: both; height:215px; padding-top: 185px; } #img-slider .slide{width:100%;background:#fff;position:absolute;} #img-slider .slide .img{margin:10px auto;border:none;} #img-slider .img{border:1px solid #edeeee;background-color:#fff;width:595px;height:405px;position:relative;} #img-slider li:nth-child(2n){ animation:ant 3s infinite; -webkit-animation:ant 3s infinite; transform:translateY(0px); transform:translateX(0px); } #img-slider li:nth-child(2n+1){ animation:ant2 3s infinite; -webkit-animation:ant2 3s infinite; transform:translateY(0px); transform:translateX(0px); } /*动画*/ @keyframes ant { 0%{transform:translateY(-1px);transform:translateX(0px)} 25%{transform:translateY(0px);transform:translateX(1px)} 50%{transform:translateY(1px);transform:translateX(0)} 75%{transform:translateY(0px);transform:translateX(1px)} 100%{transform:translateY(-1px);transform:translateX(0px)} } /* Safari and Chrome */ @-webkit-keyframes ant { 0%{transform:translateY(-1px);transform:translateX(0px)} 25%{transform:translateY(0px);transform:translateX(1px)} 50%{transform:translateY(1px);transform:translateX(0)} 75%{transform:translateY(0px);transform:translateX(1px)} 100%{transform:translateY(-1px);transform:translateX(0px)} } } /*动画*/ @keyframes ant2 { 100%{transform:translateY(-1px);transform:translateX(0px)} 75%{transform:translateY(0px);transform:translateX(1px)} 50%{transform:translateY(1px);transform:translateX(0)} 25%{transform:translateY(0px);transform:translateX(1px)} 0%{transform:translateY(-1px);transform:translateX(0px)} } /* Safari and Chrome */ @-webkit-keyframes ant2 { 100%{transform:translateY(-2px);transform:translateX(0px)} 75%{transform:translateY(0px);transform:translateX(2px)} 50%{transform:translateY(2px);transform:translateX(0)} 25%{transform:translateY(0px);transform:translateX(2px)} 0%{transform:translateY(-2px);transform:translateX(0px)} } #img-slider .img img{display:block;width:100%;} #img-slider .img:first-child{display:block;} .h_780Slider2{ width: 900px; margin: 0 auto; clear: both; height:215px; padding-top: 185px; } #img-slider2 .slide{width:100%;background:#fff;position:absolute;} #img-slider2 .slide .img{margin:10px auto;border:none;} #img-slider2 .img{border:1px solid #edeeee;background-color:#fff;width:595px;height:405px;position:relative;} #img-slider2 .img img{display:block;width:100%;} #img-slider2 .img:first-child{display:block;} .tab2C{position: relative;height: 405px} .tab2C .divBox{ width: 100%; height: 405px; position: absolute; top: 0; left: 0; } .h_780SliderT{ clear: both; text-align: center; height: 100px; line-height: 100xp; text-align: center; color: #333333; font-size: 18px; } .h_780SliderT2{ clear: both; text-align: center; height: 100px; line-height: 100xp; text-align: center; color: #333333; font-size: 18px; } .getTop{ width: 71px; height: 70px; cursor: pointer; position: fixed; right: 5px; top: 50%; z-index: 999; margin-top: -35px; background-image: url(/skin/dianlan/images/bg2.jpg); background-repeat: none; background-position: center center; display: none; } /*subBanner*/ .subBanner{ height: 280px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover;} .subBanner a{ display: block; height: 280px;} .subPage{ overflow: hidden;} .subPageL{ width: 270px; overflow: hidden; background: #ededed;} .subPageLT{ overflow: hidden; height: 114px; background: url(/skin/dianlan/images/subT.jpg) no-repeat center center; text-align: center;} .subPageLT span{ display: block; height: 35px; line-height: 35px; padding-top: 30px;font-size: 26px; color: #FFF;} .subPageLT em{ display: block; height: 20px; line-height: 20px; color:#ffffff; font-size: 13px; font-family: Arial; font-style: normal;} .left{ overflow: hidden; padding: 10px 30px 0;} .left dd{ overflow: hidden; border-bottom: 1px solid #ffffff;} .left dd span{ overflow: hidden; display: block;} .left dd span a{ overflow: hidden; display: block; line-height: 56px; padding-left: 43px; background: url(/skin/dianlan/images/icn1.png) no-repeat 33px center; color: #333333; font-size: 16px;} .left dd span a:hover{background: url(/skin/dianlan/images/icn1h.png) no-repeat 33px center;color:#e70012;} .left dd div{ overflow: hidden; display: none; border-top:1px solid #FFF} .left dd div a{ overflow: hidden; display: block; height: 40px; line-height: 40px; overflow: hidden; padding-left: 82px; font-size: 14px; color:#666;} .left dd div a:hover{color:#e70012;} .left dd.hover span a{background: url(/skin/dianlan/images/icn1h.png) no-repeat 33px center;color:#e70012;} .left dd.hover div{ display: block;} .leftEwm{ width:270px; overflow: hidden; } .leftEwm .divT{ height: 30px; line-height: 50px; text-align: center; color: #252677; font-size: 16px; } .leftEwm img{ display: block; width: 220px; height: 220px; margin:25px; } .subPageR{ width: 888px; overflow: hidden;} .location{ height: 57px; line-height: 57px; border-bottom: 1px solid #dadada; overflow: hidden;} .locationL{ height: 25px; border-left: 4px solid #f1aa00; padding-left: 10px; line-height: 25px; margin-top: 16px; font-size: 20px; font-weight: bold; color: #333333;} .locationR{ overflow: hidden; line-height: 57px; font-size: 14px; padding-left: 19px; background: url(/skin/dianlan/images/icn2.png) no-repeat left center;} .locationR a{ overflow: hidden; float:left; display: inline; color: #666666;} .locationR em{ overflow: hidden; float:left; display: inline; font-style: normal; margin: 0 9px;} .locationR a:hover{color:#999999;} .locationR a.hover{color:#999999;} .subPageRC{ min-height: 500px; height: auto !important; height: 500px;} /*页码开始*/ .page { padding: 35px 0 35px 0; overflow: hidden; text-align: center; clear: both; } .page code, .page a { padding: 17px 23px; background: #fff; color: #6f6f6f; border-radius: 3px; border: 1px solid #efefef; font-family: "Microsoft YaHei"; margin: 0 3px; } .page a:hover { color: #e70012; border: 1px solid #e70012; } .page a.hover { color: #e70012; border: 1px solid #e70012; } .page input { vertical-align: middle; height: 20px; border: 1px solid #efefef; } .page input.pageDetail { width: 50px; height: 31px; line-height: 31px; text-align: center; } .page input.page_bnt { border: none; width: 58px; height: 31px; cursor: pointer; color: #6f6f6f; } /*页码结束*/ .pic{ overflow:hidden;} .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;} .pic:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);} /*全图*/ .newsAllImg{ overflow: hidden; width: 930px;} .newsAllImg dd{ overflow: hidden; float:left; display: inline; width: 423px; margin-right: 42px; margin-bottom: 40px;} .newsAllImg dd .pic{ width: 423px; height: 290px; overflow: hidden; margin-bottom: 15px;} .newsAllImg dd .pic img{ width: 423px; height: 290px; overflow: hidden;} .newsAllImg dd .text{ overflow: hidden;} .newsAllImg dd .text a{ overflow: hidden; display: block; height: 50px; line-height: 50px; background: #f3f3f3; font-size: 16px; text-align: center;} .newsAllImg2{ overflow: hidden; width: 912px;} .newsAllImg2 dd{ overflow: hidden; float:left; display: inline; width: 280px; margin-right: 24px; margin-bottom: 24px;} .newsAllImg2 dd .pic{ width: 280px; height: 210px; overflow: hidden;} .newsAllImg2 dd .pic img{ width: 280px; height: 210px; overflow: hidden;} .newsAllImg2 dd .text{ overflow: hidden; padding: 15px 23px;background: #f3f3f3; } .newsAllImg2 dd .text h1{ font-weight: normal; height:30px; line-height: 30px; } .newsAllImg2 dd .text h1 a{ overflow: hidden; display: block;font-size: 17px; text-align: left; color:#333333;} .newsAllImg2 dd .text h1 a:hover{ color:#e70012;} .newsAllImg2 dd .text div{ overflow: hidden; height: 30px; line-height: 30px;} .newsAllImg2 dd .text div span{ overflow: hidden; float:left; display: inline; color:#777777; font-size: 14px;} .newsAllImg2 dd .text div em{ overflow: hidden; float:right; display: inline; color:#888888; font-style: normal; padding-left: 25px; background: url(/skin/dianlan/images/icn3.png) no-repeat left center} .newsAllImg3{ overflow: hidden; width: 912px;} .newsAllImg3 dd{ overflow: hidden; float:left; display: inline; width: 280px; margin-right: 24px; margin-bottom: 24px;} .newsAllImg3 dd .pic{ width: 280px; height: 210px; overflow: hidden; position: relative;} .newsAllImg3 dd .pic img{ width: 280px; height: 210px; overflow: hidden;} .newsAllImg3 dd .pic i{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(/skin/dianlan/images/play.png) no-repeat center center; position: absolute; left: 0px; top: 0px;} .newsAllImg3 dd .text{ overflow: hidden;background: #f3f3f3; } .newsAllImg3 dd .text a{ display: block; height: 45px; line-height: 45px; text-align: center; font-size: 14px;} .newsAllImg4{ overflow: hidden; width: 918px;} .newsAllImg4 dd{ overflow: hidden; float:left; display: inline; width: 275px; margin-right: 31px; margin-bottom: 31px; position: relative;} .newsAllImg4 dd a{ display: block; overflow: hidden;} .newsAllImg4 dd .pic{ width: 275px; height: 207px; overflow: hidden; position: relative;} .newsAllImg4 dd .pic img{ width: 275px; height: 207px; overflow: hidden;} .newsAllImg4 dd .picBg{ display:block; width:100%; height:100%; background:rgba(231,190,1,0.94); position:absolute; left:0px; top:0px; opacity: 0;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .newsAllImg4 .table{ display:table; width:100%; height:100%;} .newsAllImg4 .table:before{ width:0%; height:0%; display:block; content:''; position:absolute; left:5%; top:5%; border-left:0px solid #4a4318; border-top:0px solid #4a4318;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition-delay: 0.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */ -o-transition-delay: 0.5s; /* Opera */ } .newsAllImg4 .table:after{ width:0%; height:0%; display:block; content:''; position:absolute; right:5%; bottom:5%; border-right:0px solid #4a4318; border-bottom:0px solid #4a4318;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition-delay: 0.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */ -o-transition-delay: 0.5s; /* Opera */ } .newsAllImg4 dd:hover .picBg .table:before{ width:90%; height:90%; border-width:1px;} .newsAllImg4 dd:hover .picBg .table:after{ width:90%; height:90%; border-width:1px;} .newsAllImg4 dd .table .cell{ display:table-cell; vertical-align:middle; width:100%; height:100%;} .newsAllImg4 dd .table .cell .title{ overflow:hidden; padding:0 45px; background:url(/skin/dianlan/images/icn6.png) no-repeat center bottom; margin-bottom:15px;} .newsAllImg4 dd .table .cell .title span{ overflow:hidden; display:block; height:58px; line-height:55px; color:#171717; font-size:20px; text-align: center;} .newsAllImg4 dd .table .cell .pictext{ padding:0 40px; color:#333333; line-height:24px; font-size:14px; height:48px; overflow:hidden;} .newsAllImg4 dd:hover .picBg{ opacity: 1;} /*newsList*/ .newsList{ overflow: hidden;} .newsList dd{ overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dadada;} .newsList dd .date{ width: 155px; text-align: center; overflow: hidden; height: 187px; background: #f0f0f0; margin-right: 20px;} .newsList dd .date span{ display: block; padding-top: 60px; height: 40px; line-height: 40px; font-size: 38px; font-weight: bold; color:#666666;} .newsList dd .date em{ display: block; height: 22px; line-height: 22px; font-size: 14px; color:#888888; font-style: normal;} .newsList dd .text{ overflow: hidden;} .newsList dd .text h1{ overflow: hidden; height: 60px; line-height: 60px; font-weight: normal; margin-bottom: 12px;} .newsList dd .text h1 a{ overflow: hidden; color: #222220; font-size: 22px;} .newsList dd .text h1 a:hover{color: #272884;} .newsList dd .text .text1{ line-height: 30px; font-size: 14px; height:60px; overflow: hidden; margin-bottom: 20px;} .newsList dd .text .time{ height: 30px; overflow: hidden; line-height: 30px;} .newsList dd .text .time span{ float: left; display: inline; overflow: hidden; height: 30px; color: #888888; font-size: 14px; margin-right: 20px; padding-left: 25px;} .newsList dd .text .time span.span1{ background: url(/skin/dianlan/images/icn4.png) no-repeat left center} .newsList dd .text .time span.span2{ background: url(/skin/dianlan/images/icn5.png) no-repeat left center} .newsList dd:hover .date{ background: #272884;} .newsList dd:hover .date span{ color:#FFF;} .newsList dd:hover .date em{ color:#FFF;} .newsList dd:hover .text h1 a{ color:#272884;} .newsList2Up{ overflow: hidden;} .newsList2Up dd{ overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;} .newsList2Up dd .pic{ overflow: hidden; width: 280px; height: 210px; position: relative;} .newsList2Up dd .pic img{ overflow: hidden; width: 280px; height: 210px;} .newsList2Up dd .text{ overflow:hidden; padding-left: 25px;} .newsList2Up dd .text h1{ overflow:hidden; height: 60px; line-height: 60px; font-weight: normal; font-size: 18px; margin-bottom: 0px;} .newsList2Up dd .text h1 a{color:#222222; float:left;} .newsList2Up dd .text h1 a:hover{ color:#272884;} .newsList2Up dd .text h1 span{color:#666666; font-size: 14px; float:right;} .newsList2Up dd .text .text1{ overflow:hidden; line-height: 28px; font-size: 14px;color:#666666; height: 84px; margin-bottom: 15px;} .newsList2Up dd .text .time{ overflow:hidden; line-height: 25px; height: 25px; font-size: 13px; color: #888888;} .newsList2Up dd .text .time span{ float:left; display: inline; padding-left: 24px; margin-right: 20px; background: url(/skin/dianlan/images/icn4.png) no-repeat left center;} .newsList2Up dd .text .time em{ float:left; display: inline; padding-left: 24px; font-style: normal; background: url(/skin/dianlan/images/icn5.png) no-repeat left center;} .newsList2Up dd .text .time a{color:#f28e3b; font-size: 15px; float:right; display: inline;} .newsList2{ overflow: hidden;} .newsList2 dd{ overflow: hidden; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #dadada;} .newsList2 dd .date{ width: 120px; text-align: center; overflow: hidden; height: 120px; background: #f0f0f0; margin-right: 20px;} .newsList2 dd .date span{ display: block; padding-top: 25px; height: 40px; line-height: 40px; font-size: 38px; font-weight: bold; color:#666666;} .newsList2 dd .date em{ display: block; height: 22px; line-height: 22px; font-size: 14px; color:#888888; font-style: normal;} .newsList2 dd .text{ overflow: hidden;} .newsList2 dd .text h1{ overflow: hidden; height: 25px; line-height: 25px; font-weight: normal; margin-bottom: 10px;} .newsList2 dd .text h1 a{ overflow: hidden; color: #222220; font-size: 16px;} .newsList2 dd .text h1 a:hover{color: #272884;} .newsList2 dd .text .text1{ line-height: 24px; font-size: 14px; height:48px; overflow: hidden; margin-bottom:10px;} .newsList2 dd .text .time{ height: 30px; overflow: hidden; line-height: 30px;} .newsList2 dd .text .time span{ float: left; display: inline; overflow: hidden; height: 30px; color: #888888; font-size: 14px; margin-right: 20px; padding-left: 25px;} .newsList2 dd .text .time span.span1{ background: url(/skin/dianlan/images/icn4.png) no-repeat left center} .newsList2 dd .text .time span.span2{ background: url(/skin/dianlan/images/icn5.png) no-repeat left center} .newsList2 dd:hover .date{ background: #272884;} .newsList2 dd:hover .date span{ color:#FFF;} .newsList2 dd:hover .date em{ color:#FFF;} .newsList2 dd:hover .text h1 a{ color:#272884;} .newsList3{ overflow:hidden;} .newsList3 li{ overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;} .newsList3 li dl{ overflow:hidden;} .newsList3 li dl dd{ overflow:hidden; line-height: 30px; height: 30px;} .newsList3 li dl dd a{ overflow:hidden;float: left; display: inline; font-size: 15px;} .newsList3 li dl dd a em{ overflow:hidden;float:left; display: inline; width: 4px; height: 4px; background: #c7c7c7; margin:13px 13px 0 0; } .newsList3 li dl dd span{ overflow:hidden;float:right; display: inline;color:#999999; font-size: 15px;} .newsList3 li dl dd:nth-child(1) a{ font-weight: bold; color:#333333;} .newsList3 li dl dd:nth-child(1) a:hover{color:#0078c6;} .newsList4{ overflow: hidden; width: 926px;} .newsList4 dd{ overflow: hidden; float:left; display: inline; width: 423px; border: 1px solid #dadada; margin: 0 38px 38px 0;} .newsList4 dd a{ display: block; overflow: hidden; padding: 30px 40px 30px 28px;} .newsList4 dd a .item{ display: block; overflow: hidden; width: 75px; height: 50px; line-height: 50px; margin-right: 2px; color: #d7d7d7; font-size: 46px; font-family: Arial; font-weight: bold;} .newsList4 dd a .text{ overflow: hidden;} .newsList4 dd a .text h1{ overflow: hidden; height: 45px; margin-bottom: 15px; line-height: 45px; font-weight: bold; color: #333333; font-size: 18px;} .newsList4 dd a .text div{ overflow: hidden; line-height: 28px; font-size: 14px; height: 84px; color:#666666;} .newsList4 dd a:hover{ background: #f9f9f9;} .newsList4 dd a:hover .text h1{color:#272884;} /*招聘*/ .recruitment{ overflow:hidden;} .recruitment dd{ overflow:hidden; padding:20px 28px; background:#f4f4f4; margin-bottom:20px;} .recruitment dd .listL{ width:640px; overflow:hidden;} .recruitment dd .listL h1{ height:40px; line-height:40px; font-weight:normal; overflow:hidden;} .recruitment dd .listL h1 a{ overflow:hidden; color:#000000; font-size:18px; font-weight:bold;} .recruitment dd .listL h1 a:hover{ color:#379fd5;} .recruitment dd .listL div{ height:40px; line-height:40px; font-size:14px; color:#aaaaaa;} .recruitment dd .listL div span{ margin-right:45px;} .recruitment dd .listR{ margin-top:22px;} .recruitment dd .listR a{ display:block; width:116px; height:35px; text-align:center; line-height:35px; background:#999999; color:#FFF; font-size:14px; border-radius:35px;} .recruitment dd:hover{ background:#fafafa;} .recruitment dd:hover .listR a{ background:#eba602;} .zp{ padding:0px;} .zpTitle{ height:60px; line-height:60px; overflow:hidden; color:#333333; font-size:24px;} .zpText{ height:25px; line-height:25px; overflow:hidden; padding-bottom:13px; border-bottom:1px solid #f1f1f1; color:#aaaaaa; font-size:14px; margin-bottom:15px;} .zpArticle{ line-height:30px; font-size:14px; overflow:hidden; margin-bottom:20px;} .zpBtn{ overflow:hidden;} .zpBtn a{ float:left; display:inline; height:40px; line-height:40px; padding:0 20px; color:#000000; font-size:16px;} .zpBtn a.a1{ background:#379fd5; border-radius:3px; overflow:hidden; color:#FFF;} .zpBtn a:hover{ color:#de9339;} .zpBtn a.a1:hover{ color:#FFF;} .zptip{ height: 30px; line-height: 30px; padding-top: 30px; color:#e81425; font-size: 14px;} /*留言*/ .messageForm{ clear:both; width:902px;} .messageForm dd{ float:left; display:inline; margin-right:16px; margin-bottom:16px;} .messageForm dd input{ display:block; width:415px; height:50px; border:none; background:#f5f5f5; padding:0 10px; line-height:50px; font-family:"Microsoft YaHei";} .messageForm dd textarea{ display:block; width:866px; height:170px; border:none; background:#f5f5f5; padding:0 10px; line-height:40px; font-family:"Microsoft YaHei";} .messageForm dd a .webuploader-pick{ float:left; display:inline; width:130px; height:36px; text-align:center; line-height:36px; color:#FFF; font-size:14px; background:#a4a4a4;} .messageForm dd em{ float:left; display:inline; line-height:48px; font-size:14px; color:#999999; margin-left:20px; font-style:normal;} .messageForm dd .code{ width:865px; overflow:hidden;} .messageForm dd .code .codeL{ overflow:hidden;} .messageForm dd .code .codeL input{ width:260px; overflow:hidden; float:left; display:inline; margin-right:10px;} .messageForm dd .code .codeL img{ overflow:hidden; float:left; display:inline; height:50px; margin-right:10px;} .messageBtn{ overflow: hidden;} .messageBtn a,.messageBtn input{border: 0; overflow: hidden; display: block; width: 195px; height: 50px; line-height: 50px; text-align: center;color:#FFF; font-size: 16px; background: #eba602;} /*联系我们*/ .map{ height: 400px; background: #f3f3f3;} .cts{ overflow: hidden; position: relative;} .cts dl{ overflow: hidden; padding-left: 310px; line-height: 32px; color: #333333; font-size: 16px;} .cts dl dt{ position: absolute; left: 0px; top: 0px; font-size: 18px;} .cts dl dd{ float:left; display: inline; margin-right: 80px;} /*单篇+新闻*/ .articleT{ clear:both; line-height:32px; font-size:26px; color:#141414; text-align:center; } .articleT2{ clear:both; font-size:14px; color:#666; line-height:30px; text-align:center; margin-top:5px; } .articleT2 i{color:#f2a326;font-weight:bold; font-style:normal;} .article_fz{ display:inline-block; position:relative; cursor:pointer; } .article_fzBox{ width:100%; overflow:hidden; position:absolute; top:30px; left:0; z-index:9999; opacity:0; transform:rotateX(90deg); -webkit-transform:rotateX(90deg); transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transform-origin:center top; -webkit-transform-origin:center top; } .article_fz:hover .article_fzBox{ opacity:1; transform:rotateX(0deg); -webkit-transform:rotateX(0deg);} .article_fzBox span{ display:block; height:20px; background:#f5f5f5; font-size:14px; color:#666; text-align:center; line-height:20px; cursor:pointer; } .article_fzBox span:hover{ background:#ad1214; color:#fff; } .article_fzBox span.hover{ background:#ad1214; color:#fff; } .articleBox{ clear:both; overflow:hidden; font-size:14px; line-height:30px; color:#666666; } .article img{ max-width:100%;} /* 文章阅读页——大图*/ #play{ width:785px; height:525px; position:relative; overflow: hidden; background:#fff; border:1px solid #e9e9e9; padding:5px; margin:0 auto; } #play .change_a { width:40%; height: 100%; position: absolute; top: 0; z-index: 1; cursor: pointer; display: block; overflow: hidden; background:url(/web/20220129132036im_/about:blank); } #play .prev_a {left: 0;} #play .next_a {right: 0} #play .change_a span { width: 24px; height: 43px; display: block; position: absolute; top: 50%; margin-top: -21px; display: none } #play .prev_a span {background: url(/skin/dianlan/images/article_icon.png) no-repeat 0px -50px;left: 0;} #play .next_a span {background: url(/skin/dianlan/images/article_icon.png) no-repeat -30px -50px;right: 0;} #play .img_ul { position: relative; z-index: 1; width:785px; height:525px; } #play .img_ul li{ position: relative; z-index: 1; width:785px; height:525px; background:#fff; margin:0 0 5px 0; } #play .img_ul li img{position:absolute;} .imgMove{width:797px;clear:both;margin:20px auto;position:relative;} .img_hd { margin:0 auto; overflow: hidden; height:90px; position:relative; } .img_hd ul { position: absolute; z-index: 1 } .img_hd ul li { float: left; width:124px; height:82px; padding:3px; margin:0 5px; cursor: pointer; background:#fff; border:1px solid #d4d4d4; position:relative; } .img_hd ul li p{ width:124px; height:82px; display:block; background:#fff; position:relative; } .img_hd ul li i{ display:block; clear:both; line-height:20px; padding:0 5px; background:#000; color:#fff; position:absolute; right:3px; bottom:3px; z-index:99999999999999; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; font-family:Arial; font-size:12px; font-style:normal; } .img_hd ul li img {position:absolute;width:90px;width:124px; height:82px;} .img_hd ul li.on {border:1px solid #0d75d9;background:#0d75d9;} .imgMove .prev_a { display:block; width:30px; height:90px; position:absolute; left:0px; top:0px; background:url(/skin/dianlan/images/prev6.png) no-repeat center center; background-color:#e5e5e5;} .imgMove .next_a { display:block; width:30px; height:90px; position:absolute; right:0px; top:0px; background:url(/skin/dianlan/images/next6.png) no-repeat center center; background-color:#e5e5e5;} .article_pageUp{font-size:14px;line-height:30px;color:#333;padding-left:20px} .article_pageUp a{color:#666} .article_pageUp a:hover{color:#e70012} /**/ .share{ border-top:1px solid #d8d8d8; padding-top:20px;} .articleB_box{ clear:both; height:30px; overflow:hidden; background:#f8f9fb; padding:0 20px; color:#666; font-size:14px; line-height:30px; } .articleB_box i{color:#ad1214} .dz{ height:25px; line-height:25px; border-radius:3px; border:1px solid #f2a326; color:#f2a326; padding:0 7px 0 29px; background:url(/skin/dianlan/images/zan.png) no-repeat 8px center; cursor:pointer; margin-right:22px; } .articlePage{ clear:both; height:30px; text-align:center; font-family:Arial; } .articlePage a{ margin:0 1px; background:#ccc; padding:5px 10px; } .articlePage a:hover{ color:#fff; background:#1e8ddc; } .articlePage a.hover{ color:#fff; background:#1e8ddc; } .articleHand{ clear:both; font-size:16px; padding:10px 0px 20px 0; overflow: hidden; } .articleHand a{ display:block; line-height:32px; padding:0 20px 10px 30px; float:left; background:url(/skin/dianlan/images/file.png) no-repeat left center; } .articleHand a.word{background:url(/skin/dianlan/images/word.png) no-repeat left 3px; color:#37a6ff !important; } .articleHand a.ppt{background:url(/skin/dianlan/images/ppt.png) no-repeat left center; color:#ff7735 !important;} .articleHand a.excel{background:url(/skin/dianlan/images/excel.png) no-repeat left center; color:#15bf44 !important; } .articleHand a.pdf{background:url(/skin/dianlan/images/pdf.png) no-repeat left center; color:#1369c0 !important; } .articleHand a.zip{background:url(/skin/dianlan/images/zip.png) no-repeat left 3px; color:#ff9779 !important; } /*销售网络*/ .sellBtn{ text-align: center; font-size: 0px;} .sellBtn a{ display: inline-block; height: 40px; line-height: 40px; padding: 0 20px 0 50px; background: #f3f3f3 url(/skin/dianlan/images/icn7.png) no-repeat 22px center; color:#333333; font-size: 16px; margin: 0 6px;} .sellBtn a:hover{ background: #eba602 url(/skin/dianlan/images/icn7h.png) no-repeat 22px center; color:#FFF;} .sellBtn a.hover{ background: #eba602 url(/skin/dianlan/images/icn7h.png) no-repeat 22px center; color:#FFF;} .sellT{ height: 50px; line-height: 50px; color:#333333; font-size: 18px; font-weight: bold;} .sellTable{ clear: both; margin-bottom: 15px;} .sellTable .title{ height: 35px; line-height: 35px; overflow: hidden; margin-bottom: 12px; color:#333333; font-size: 16px; font-weight: bold;} .sellTable .table{ clear: both; text-align: center;} .sellTable .table table{ border:1px solid #010101;} .sellTable .table table tr{ border:1px solid #010101; height:35px;} .sellTable .table table tr td{ border:1px solid #010101; vertical-align: middle; color:#333333;font-size: 16px} .sellTable .table table tr td a{ display: block;line-height: 24px;color:#333333;padding:5px} .sellTable .table table tr.tr1{ height: 54px;font-size: 16px} /*大事记*/ .eventT{ height: 30px; line-height: 30px; font-size: 20px; color: #666666; text-align: center;} .event{ overflow: hidden; width:872px; margin: 0 auto; padding-bottom: 115px;position: relative;z-index: 1;} .event:after{ content: ""; display: block; width: 2px; height:98%; background: #dadada; position: absolute; top: 16px; left: 50%; z-index: -1; margin-left: -1px; } .event dd{ border: 1px solid #e4e4e4; width: 325px; padding: 20px; background: #f0f0f0; position: relative; float:right; clear: right; margin-bottom: 90px; min-height: 100px;} .event dd .icn{ overflow: hidden; width: 14px; height: 23px; position: absolute;top: 45px;} .event dd .text{ height: 300px; line-height:30px; font-size: 16px; overflow: hidden; position: relative;} .wrapperdiv{ position: relative;} .event dd .text img{ width: 100%; display: block;} .event dd .year{ width: 80px; height: 92px; position: absolute; top: 10px; background: url(/skin/dianlan/images/eventIcn2.png) no-repeat center center; line-height: 92px; text-align: center; color: #FFF; font-size: 16px;} .event dd.left_e{ float:left;clear: left;} .event dd.right_e{ float:right;clear: right;top: 150px; margin-bottom: 0px;} .event dd.left_e .icn{ right: -14px; background: url(/skin/dianlan/images/eventIcn1.png) no-repeat center center;} .event dd.right_e .icn{ left: -14px; background: url(/skin/dianlan/images/eventIcn1h.png) no-repeat center center; } .event dd.left_e .year{ right: -110px; } .event dd.right_e .year{ left: -110px; } /*****友情链接********/ .h_160{ background: #f6f6f6; overflow: hidden; padding:23px 0 13px 0; } .linkT{ clear: both; height: 57px; border-bottom: 1px solid #e7e7e7; line-height: 57px; color: #333333; font-size: 20px; font-weight: bold; } .linkT i{ display: inline-block; width: 3px; height: 21px; background: #f1aa00; margin-right: 14px; margin-bottom: -4px; } .linkBoxC{ clear: both; overflow: hidden; padding:20px 0; } .linkBoxC a{ display: inline; float: left; height: 22px; line-height: 22px; color: #666666; font-size: 14px; margin-right: 30px; } .linkBoxC a:hover{color:#272884; text-decoration: underline} /*首页荣誉资质*/ .jswbox{height:510px;width:1200px;position:absolute; left:50%; margin-left:-600px; top:0;z-index:99;} .jswbox dl{position:relative; clear:both; overflow:hidden;height:430px;} .jswbox dd{position:absolute;z-index:0;overflow:hidden;top:0px;left:0px; height:0px; width:0px;}、 .jswbox dd:nth-child(2n){ animation:ant 5s infinite; -webkit-animation:ant 5s infinite; transform:translateY(0px); transform:translateX(0px); } .jswbox dd:nth-child(2n+1){ animation:ant2 5s infinite; -webkit-animation:ant2 5s infinite; transform:translateY(0px); transform:translateX(0px); } /*动画*/ @keyframes ant { 0%{transform:translateY(-1px);transform:translateX(0px)} 25%{transform:translateY(0px);transform:translateX(1px)} 50%{transform:translateY(1px);transform:translateX(0)} 75%{transform:translateY(0px);transform:translateX(1px)} 100%{transform:translateY(-1px);transform:translateX(0px)} } /* Safari and Chrome */ @-webkit-keyframes ant { 0%{transform:translateY(-1px);transform:translateX(0px)} 25%{transform:translateY(0px);transform:translateX(1px)} 50%{transform:translateY(1px);transform:translateX(0)} 75%{transform:translateY(0px);transform:translateX(1px)} 100%{transform:translateY(-1px);transform:translateX(0px)} } } /*动画*/ @keyframes ant2 { 100%{transform:translateY(-1px);transform:translateX(0px)} 75%{transform:translateY(0px);transform:translateX(1px)} 50%{transform:translateY(1px);transform:translateX(0)} 25%{transform:translateY(0px);transform:translateX(1px)} 0%{transform:translateY(-1px);transform:translateX(0px)} } /* Safari and Chrome */ @-webkit-keyframes ant2 { 100%{transform:translateY(-2px);transform:translateX(0px)} 75%{transform:translateY(0px);transform:translateX(2px)} 50%{transform:translateY(2px);transform:translateX(0)} 25%{transform:translateY(0px);transform:translateX(2px)} 0%{transform:translateY(-2px);transform:translateX(0px)} } .jswbox dd img{width:100%;height:100%;vertical-align:top;float:left; opacity:1 !important;} .jswbox dd a{ height:100%; width:100%; display:block; position:absolute; top:0;display:none} .jswbox .divtext{ height:60px; line-height:60px; text-align:center; color:#333333; font-size:18px; } /**************/ .jswbox .bt{ display: block; width:39px; height: 57px; cursor: pointer; position: absolute; top: 50%; margin-top: -77px; z-index: 99; background-repeat: no-repeat; } .jswbox .bt.prev{ left:0; background-image: url(/skin/dianlan/images/icon14.png); background-position: left center; } .jswbox .bt.next{ right:0; background-image: url(/skin/dianlan/images/icon14.png); background-position: right center; } /*loading*/ .pace{ -webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .pace-inactive{ display:none; } .pace .pace-progress{ background-color:#252677; box-shadow:0 0 5px 7px rgba(228,90,97,0.05); position:fixed; z-index:9999; top:0px; left:0; height:2px; overflow:hidden; pointer-events:none; opacity:0.9; } /* FILE ARCHIVED ON 13:20:36 Jan 29, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:14:24 Apr 17, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 2.743 exclusion.robots: 2.079 exclusion.robots.policy: 2.064 esindex: 0.014 cdx.remote: 26.191 LoadShardBlock: 372.716 (3) PetaboxLoader3.datanode: 306.37 (4) PetaboxLoader3.resolve: 290.611 (2) load_resource: 371.593 */