@font-face { font-family: ctzhongyuansj; src: url(../font/ctzhongyuansj.TTF); src: url(../font/ctzhongyuansj.TTF); src: url(../font/ctzhongyuansj.TTF?#iefix) format('embedded-opentype'), url(../font/ctzhongyuansj.TTF) format('truetype'), }
@font-face { font-family: impact; src: url(../font/impact.TTF); src: url(../font/impact.TTF); src: url(../font/impact.TTF?#iefix) format('embedded-opentype'), url(../font/impact.TTF) format('truetype'), }
@font-face { font-family: arial; src: url(../font/arial.TTF); src: url(../font/arial.TTF); src: url(../font/arial.TTF?#iefix) format('embedded-opentype'), url(../font/arial.TTF) format('truetype'), }
@font-face { font-family: mfjinhei; src: url(../font/mfjinhei.otf); src: url(../font/mfjinhei.otf); src: url(../font/mfjinhei.otf?#iefix) format('embedded-opentype'), url(../font/mfjinhei.otf) format('truetype'), }
* { margin: 0 auto; padding: 0 }
body { background: url(/images/fbg.jpg) bottom repeat-x; color: #333; font-family: "微软雅黑", \5B8B\4F53, Arial Narrow, arial, serif; line-height: 20px }
a, body { font-size: 9pt }
a { color: #5c5c5c }
a:active, a:hover, a:link, a:visited { color: #3ab001; text-decoration: none }
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, textarea, ul { margin: 0; padding: 0 }
div { margin: 0 auto }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 9pt }
li { list-style-type: none }
table { margin: 0 auto }
img { border: 0 none; vertical-align: middle }
ol, ul { list-style: none }
caption, th { text-align: left }
.clear { clear: both; float: none; clear: both; overflow: hidden; margin: 0 auto; padding: 0; width: auto; height: 0; font-size: 0; line-height: 0; diplay: block }
.fl { float: left }
.fr { float: right }
.normals { font-weight: 400; font-style: normal }
.pt10 { padding-top: 10px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 35px }
.pb20 { padding-bottom: 20px }
.pb40 { padding-bottom: 40px }
.pb50 { padding-bottom: 50px }
.pb60 { padding-bottom: 62px }
.pb100 { padding-bottom: 75pt }
.pb110 { padding-bottom: 110px }
.mb50 { margin-bottom: 50px }
.mt40 { margin-bottom: 40px }
.pb8 { padding-bottom: 6pc }
.bottom, .content, .header { width: 100% }
.cont_box { clear: both; margin: 0 auto; width: 855pt }
.header { height: 146px; background: url(../images/stairs_1.png) repeat-x }
.H_information { position: relative }
.H_information .logo { margin-top: 10px }
.H_information .functionsns { position: absolute; left: 607px; width: 249px; height: 29px; background: url(../images/stairs_26.png) no-repeat }
.H_information .functionsns ul { margin-top: 8px; margin-left: 10px }
.H_information .functionsns li { float: left; line-height: 14px }
.H_information .functionsns li:first-child, .H_information .functionsns li:nth-child(2) { border-right: 1px solid #fff }
.H_information .functionsns li a { padding: 0 5px; color: #fff; font-weight: 500 }
.H_information .functionsns li a:hover { color: #fff; text-decoration: underline }
.H_information .functionsns li a img { margin-top: -3px }
.H_information .tel { margin-top: 10px }
.nav { position: relative; top: 15px; clear: both; min-height: 56px }
.nav ul li { float: left }
.nav ul li a { padding: 17px 35px; color: #626262; font-size: 1pc; line-height: 53px }
.nav ul li a:hover { background: url(../images/stairs_3.png) no-repeat; color: #fff }
.nav ul li .here { background: url(../images/stairs_3.png) no-repeat!important; color: #fff!important }
.banner { position: relative }
.search1 { position: absolute; top: 450px; z-index: 99999; width: 100% }
.search { margin: 0 auto; width: 674px }
.search-text { width: 5in; height: 42px; border: 2px solid #216fcb; border-left: none; background: #fff }
.search-button { margin-left: -5px; padding: 14px 36px; border: none; background: #216fcb url(../images/icon-search.png) no-repeat center; background-size: 24px; cursor: pointer }
.search p { padding: 6px 0 }
.search p, .search p a { color: #a4a4a4; font-size: 9pt }
.search-shu { float: left; width: 10px; border-top: 2px solid #216fcb; border-bottom: 2px solid #216fcb; background: #fff; color: #d1d1d1; font-size: 20px; line-height: 42px }
.search input { outline: 0 }
.search select { display: none }
.search .select_box { position: relative; float: left; width: 6pc; border: 2px solid #216fcb; border-right: none; background: #fff; color: #8b8b8b; font-size: 14px; line-height: 42px }
.search .select_showbox { height: 42px; text-indent: 1.5em }
.search .select_showbox, .search .select_showbox.active { background: url(../images/icon-search-xl.png) no-repeat 85px center }
.search .select_option { position: absolute; top: 42px; left: -1px; z-index: 99; display: none; border: 2px solid #216fcb; border-top: none; background: #fff }
.search .select_option li { width: 6pc; text-indent: 1.5em; cursor: pointer }
.search .select_option li.selected { background-color: #f3f3f3; color: #999 }
.search .select_option li.hover { background: #bebebe; color: #fff }
.about .aboutpic { position: relative; width: 452px; height: 4in; background: url(../images/stairs_5.png) no-repeat }
.about .aboutpic img { position: absolute; top: 15px; left: 17px; width: 418px; height: 241px }
.about .aboutcon { padding: 0 20px; width: 648px; height: auto }
.index-title { margin: 0; padding-left: 140px; width: 200px; height: 58px; background: url(../images/stairs_6.png) no-repeat left top }
.index-title h2 { color: #515151; font-weight: 500; font-size: 26px }
.index-title h2, .index-title p { font-family: ctzhongyuansj; line-height: 30px }
.index-title p { color: #666565!important; text-indent: 0!important; text-transform: uppercase; font-size: 1pc!important }
.aboutcon p { color: #7b7b7b; text-indent: 2em; font-size: 9pt; line-height: 25px }
.technology { clear: both; height: 515px; background: url(../images/technology_bg.png) center center no-repeat }
.engineer { margin-top: 20px; width: 34pc; height: 515px }
.engineer h1 { color: #216fcb; font-weight: 600; font-size: 36px; line-height: 60px }
.engineer h2 { color: #343434; font-size: 18px; line-height: 60px }
.engineer p { width: 5in; height: auto; color: #959595; font-size: 13px; line-height: 24px }
.engineertel { margin-top: 40px; padding: 15px 75px; background: url(../images/stairs_27.png) no-repeat left top; color: #fff; font-size: 24px; font-family: impact }
.engineerpic { width: 596px; height: 515px }
.index_projects { padding-top: 75pt; width: 100%; height: 630px }
.index_projects .index-title { margin: 0 auto }
.index_projects_list { padding-top: 50px }
.index_projects_list ul li { float: left; margin: 0 20px; width: 340px }
.index_projects_list ul li h1 { padding: 0 40px; color: #505050; font-weight: 600; font-size: 18px; line-height: 50px }
.index_projects_list ul li p { padding: 0 50px; color: #505050; font-size: 14px; line-height: 24px }
.index_projects_list ul img { border-radius: 50% }
.index_goods { width: 100%; height: 977px; background: url(../images/stairs_19.png) top center no-repeat }
.dayuan { float: left; overflow: hidden; margin: 25px 3.5%; width: 299px; height: 301px; border-radius: 50%; background: #eee }
.hengtiao1 { background: rgba(53,134,229,.75) }
.hengtiao1, .hengtiao2 { margin-top: 220px; padding-top: 20px; width: 100%; height: 40px; color: #fff; text-align: center; font-size: 18px }
.hengtiao2 { background: rgba(62,189,237,.75) }
.hengtiao3 { margin-top: 220px; padding-top: 20px; width: 100%; height: 40px; background: rgba(182,207,7,.75); color: #fff; text-align: center; font-size: 18px }
.index_case { padding-top: 50px; width: 100%; height: 290px; background: #5394e1 }
.index-case-prev { float: left; margin-top: 90px; width: 36px; height: 82px; background: url(../images/stairs_20.png); opacity: .6; cursor: pointer }
.index-case-prev:hover { opacity: 1 }
.index-case-next { float: right; margin-top: 90px; width: 36px; height: 82px; background: url(../images/stairs_21.png); opacity: .6; cursor: pointer }
.index-case-next:hover { opacity: 1 }
.index-case-lists { float: left; overflow: hidden; padding-top: 25px; width: 801pt; height: 210px }
.index-case-lists li { float: left; margin: 0 7px; padding: 10px 8px; background: #fff }
.index-case-lists li a { display: block; overflow: hidden; width: 326px; height: 190px }
.index-case-lists li img { width: 326px; height: auto }
.index-case-lists a div { margin: 0 auto; padding: 6px; min-height: 35px; background: rgba(0,0,0,.6); text-transform: none; opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.index-case-lists a:hover div { opacity: 1; -webkit-transform: translate3d(0, -47px, 0); transform: translate3d(0, -47px, 0) }
.index-case-lists a div p { width: 100%; color: #fff; font-size: 1pc }
.index_news { padding-top: 50px; width: 100%; height: 300px }
.index_news-list1 { margin-right: 140px }
.index_news-list1, .index_news-list2 { width: 499px; height: 246px }
.index_news_tit { width: 100%; min-height: 28px; border-bottom: 1px solid #b4b4b4 }
.index_news_tit i { float: left; margin-right: 10px; margin-bottom: 5px; width: 4px; height: 24px; background: url(../images/stairs_24.png) }
.index_news_tit h1 { float: left; margin-right: 18px; color: #3e3e3e; font-size: 24px; font-family: ctzhongyuansj; line-height: 28px }
.index_news_tit h2 { float: left; color: #666; text-transform: uppercase; font-size: 9pt; line-height: 35px }
.index_news_tit span { float: right }
.index_news_tit span a { color: #666; text-transform: uppercase; font-size: 14px; font-family: arial; line-height: 35px }
.newsbody1, .newsbody2 { clear: both }
.newsbody1 li, .newsbody2 li { clear: both; padding-top: 19px }
.newsbody1 li i { background: #3586e5 }
.newsbody1 li i, .newsbody2 li i { float: left; margin-right: 9pt; width: 50px; height: 50px; border-radius: 2px; color: #fff; text-align: center; font-weight: 700; font-style: normal; font-size: 24px; font-family: mfjinhei; line-height: 50px }
.newsbody2 li i { background: #cce423 }
.newsbody1 li span, .newsbody2 li span { float: left; width: 433px; border-bottom: 1px dotted silver }
.newsbody1 li a h5, .newsbody2 li a h5 { position: relative; overflow: hidden; width: auto; color: #505050; content: "..."; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; font-size: 1pc }
.newsbody1 li a h5:hover, .newsbody2 li a h5:hover { opacity: .6 }
.newsbody1 li h5 span, .newsbody2 li h5 span { position: absolute; right: 0; float: right; width: 66px; border: none; color: #505050; font-weight: 400; font-size: 9pt }
.newsbody1 li p, .newsbody2 li p { overflow: hidden; color: #505050; content: "..."; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 30px }
.bottom { clear: both }
.footnav { width: 100%; height: 38px; background: #000 }
.footnav li { float: left; margin: 10px 30px }
.footlinks h2 { float: left; color: #8b8b8b; font-size: 14px; }
.footnav a { color: #8b8b8b; font-size: 1pc; }
.footnav a:hover { color: #fff }
.footcon { width: 100%; height: 137px; background: #383838 }
.footlinks { height: 40px; padding: 10px 20px; background: #383838; border-top: 1px dashed #666; border-bottom: 1px dashed #666; }
.footlinks a { line-height: 24px; color: #8b8b8b; font-size: 12px; margin: 0 10px; display: block; float: left; }
.footlinks a:hover { color: #fff }
.footer-logo { margin-right: 30px; padding: 0; border-right: 2px solid #999 }
.footer-logo { float: left; margin-top: 18px }
.footer-tel { float: left; margin-top: 10px }
.footer-tel h1 { padding-left: 25px; background: url(../images/footer_tel.png) no-repeat; background-position: 0 6px; color: #999; font-size: 20px; line-height: 30px }
.footer-tel h2 { color: #999; font-size: 30px; line-height: 30px; }
.footer-tel p { color: #999; font-size: 9pt; line-height: 28px; }
.footer-weixin { float: left; margin: 0 0 0 50px }
.footer-weixin img { margin: 10px; width: 75pt; height: 75pt }
.floating { position: fixed; top: 20%; right: 5%; width: 200px; height: auto }
.floating-top { width: 200px; height: 159px; background: url(../images/stairs_9.png) }
.floating-content { width: 200px; height: 270px; background: #bfd245 }
.floating-content form { padding: 0 7px }
.floating-content h2 { color: #216fcb; text-align: center; font-weight: 700; font-size: 22px }
.floating-content p { margin-top: 10px; color: #3b4400; font-weight: 700; font-size: 14px }
.floating-content input { width: 185px; height: 35px; border: 1px solid #5f6a1b }
.floating-content .button { margin-top: 10px; border: none; border-radius: 10px; background: #216fcb; color: #fff; font-weight: 700; font-size: 22px }
.floating-bottom { width: 200px; height: 1pc; background: url(../images/stairs_16.png) }
DIV.skpage { clear: both; margin: 20px 10px 10px; padding: 10px; TEXT-ALIGN: center }
DIV.skpage A { border: 1px solid #ccc; background-color: #f9f9f9; font-weight: 400; font-size: 13px; COLOR: #333; TEXT-DECORATION: none }
DIV.skpage A:hover { border: 1px solid #ccc; background-color: #d0d0d0; COLOR: #000 }
.skpage i, DIV.skpage A { padding: 5px 8px; font-style: normal; MARGIN: 2px }
.skpage i { border: 1px solid #333; FONT-WEIGHT: bold; COLOR: #fff; BACKGROUND-COLOR: #333 }
DIV.skpage SPAN.disabled { background-color: #fff; BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid }
DIV.skpage INPUT { margin: 0; padding: 0; border: 1px solid #ccc }