body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } a { text-decoration: none; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } a{transition:all 0.5s ease-in-out;} .clear { margin: 0px auto; width: 100%; height: 1px; font-size: 1px; clear: both; background: none; overflow: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .space_hx { clear: both; width: 100%; height: 10px; font-size: 1px; overflow: hidden; } .space_zx { float: left; width: 10px; font-size: 1px; overflow: hidden; } body { text-align: center; font-family: "Microsoft Yahei"; text-align: center; font-size: 12px; color: #4F4F4F; } .header { width: 1000px; height: 120px; margin: 0px auto; } .header .logo { width: 225px; height: 52px; float: left; margin-top: 40px; } .header .logo img { width: 225px; height: 52px; vertical-align: top; } .header .head_r { width: 500px; float: right; } .header .head_r p { width: 100%; height: 40px; line-height: 40px; text-align: right; font-size: 12px; color: #154999; } .header .head_r p a { color: #154999; margin: 0px 5px; } .header .head_r .head_ra { width: 100%; height: 30px; line-height: 30px; position: relative; margin-top: 10px; } .head_ra .tel { width: 170px; height: 30px; background: url(/assets/img/tel.png) no-repeat left center; padding-left: 35px; font-size: 24px; color: #F7B739; font-weight: bold; position: absolute; right: 0; top: 10px; } .head_ra .search { width: 240px; height: 28px; border: 1px solid #154999; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; text-align: left; float: right; } .head_ra .search input { width: 200px; height: 28px; line-height: 28px; padding: 0px 5px; border: 0px; margin-left: 3px; } .head_ra .search .s_btn { width: 30px; height: 18px; border-left: 1px solid #154999; position: absolute; right: 0px; top: 5px; background: url(/assets/img/s_btn.png) no-repeat center center; cursor: pointer; } .nav_bg { width: 100%; height: 53px; background: #154999; min-width: 1000px; } .nav_bg .nav { width: 1035px; height: 53px; margin: 0px auto; } .nav_bg .nav li { background: url(/assets/img/nav_l.png) no-repeat right center; width: 129px; height: 53px; text-align: center; line-height: 53px; text-align: center; float: left; } .nav_bg .nav li:last-child{ background:none; } .nav_bg .nav li a { font-size: 13px; color: #FFFFFF; display: block; width: 127px; height: 53px; line-height: 53px; text-align: center; } .nav_bg .nav li a.now, .nav_bg .nav li a:hover { background: #FFA800; } .banner { width: 100%; min-width: 1000px; overflow: hidden; height: 500px; margin: 0px auto; } .banner_a { height: 380px; width: 100%; } .banner_a img { width: 1920px; height: 380px; } #inner { width: 100%; min-width: 1000px; margin: 0 auto; height: 500px; overflow: hidden; } .hot-event { padding: 0px; position: relative; } .hot-event .switch-tab { text-align: center; position: absolute; left: 0px; top: 420px; width: 100%; height: 30px; line-height: 30px; z-index: 99; } .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 6px; display: inline-block; width: 11px; height: 11px; background: url(/assets/img/icon2.png) no-repeat; overflow: hidden; vertical-align: middle; text-indent: -9999px; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; } .hot-event .switch-tab .current { background: url(/assets/img/icon1.png) no-repeat; width: 11px; height: 11px; } .hot-event .event-item { height: 460px; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; *left:-530px; } .hot-event .event-item .banner { display: block; overflow: hidden; text-align: center; position: relative; margin: 0px auto; } .hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(85%, transparent), to(rgba(255,255,255,.2))); border: 0; width: 1920px; height: 460px; margin: 0px auto; } .hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; } .bg_h { background: #FFF9EC; } .box { width: 100%; text-align: center; padding: 30px 0px; } .box .box_h { width: 100%; font-size: 24px; color: #154999; } .box .box_h p { width: 100%; height: 18px; line-height: 18px; color: #ADADAD; margin-top: 10px; } .box .box_m { margin-top: 45px; } .process { width: 1000px; margin: 0px auto; position: relative; min-width: 1200px; } .slidegrid { float: left; position: relative; overflow: hidden; } .slideitems { width: 20000em; position: absolute; } .slideitems li { float: left; } .process .mainPhoto { width: 1000px; height: 165px; margin: 0 auto; position: relative; } .process .mainPhoto span.goleft, .process .mainPhoto span.goright { display: block; width: 36px; height: 54px; position: absolute; top: 55px; } .process .mainPhoto span.goleft { left: -60px; } .process .mainPhoto span.goright { right: -60px; } .process .mainPhoto .go { width: 1000px; height: 165px; position: relative; left: 0px; overflow: hidden } .process .mainPhoto .go li { width: 243px; height: 165px; margin-right: 9px; overflow: hidden; position: relative; } .process .mainPhoto .go li img { border:1px solid #ddd; width: 241px; height: 163px; vertical-align: top; } .process .mainPhoto .go li span { display: block; width: 243px; height: 35px; line-height: 35px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #FFFFFF; display: none; background: url(/assets/img/bg.png) repeat-x; position: absolute; left: 0px; bottom: 0px; z-index: 2; } .process .mainPhoto .go li:hover span { display: block; } .product{ width:1000px; margin:0 auto; } .product .dtl { border: 1px #ddd solid; height: 550px; } .product .dtl .img { float: left; display:block; width:370px; margin:60px 0 0 20px; } .product .dtl .ifs { float:right; width:550px; margin: 30px 20px 0 0; } .product .dtl .ifs h3 { color: #154999; font-size: 24px; font-weight: normal; margin: 0 0 20px 0; text-align:left; } .product .dtl .ifs { padding-right: 10px; } .product .dtl .ifs p { margin-bottom: 15px; font-size:13px; line-height:24px; text-align:justify; } .product .dtl .ifs p span { color: #154999; margin-right: 6px; font-size:16px; font-weight:bold; } .about { width: 1000px; margin: 0px auto; } .about dt { width: 490px; height: 315px; float: left; } .about dt .slide_y { overflow: hidden; position: relative; width: 490px; height: 315px; } .about dt .slide_y .box { overflow: hidden; position: relative; width: 490px; height: 315px; margin: 0px; padding: 0px; } .about dt .slide_y .list { overflow: hidden; height: 9999px } .about dt .slide_y .list li { overflow: hidden; position: relative; width: 490px; height: 315px; _vertical-align: top; } .about dt .slide_y .list img { _vertical-align: top; width: 490px; height: 315px; } .about dt .slide_y .list:hover img { filter: alpha(opacity=70); opacity: 0.7; } .about dt .slide_y .list:hover img:hover { filter: alpha(opacity=100); opacity: 1; } .about dt .slide_y .btn { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 21px; padding: 0; } .about dt .slide_y .btn li { float: left; width: 21px; height: 21px; margin: 0 5px 0 0; background: url(/assets/img/icon4.png) no-repeat; color: #ddd; font-size: 14px; text-align: center; cursor: pointer; cursor: pointer; } .about dt .slide_y .btn .selected { color: #FFF; } .about dd { width: 490px; float: right; text-align: left; } .about dd h3 { width: 100%; height: 50px; line-height: 35px; border-bottom: 1px solid #ddd; color: #FFA700; font-size: 18px; } .about dd h3 em { color: #353535; } .about dd .des { width: 100%; font-size: 14px; color: #9A9A9A; line-height: 175%; margin-top: 20px; height: 210px; overflow: hidden; } .about dd a { display: block; width: 124px; height: 30px; text-align: center; line-height: 30px; background: #154999; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 16px; color: #FFFFFF; } .news { width: 1000px; margin: 0px auto; } .news dl { width: 50%; border-bottom: 1px solid #ddd; padding: 15px 0; height: 90px; float: left; } .news dl dt { width: 68px; height: 88px; border: 1px solid #ddd; float: left; line-height: 88px; font-size: 36px; color: #c8c8c8; } .news dl dd { width: 350px; float: left; margin-left: 13px; text-align: left; } .news dl dd h5 { width: 100%; height: 35px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(/assets/img/bg_a.png) no-repeat left bottom; } .news dl dd h5 a { font-size: 18px; color: #393939; } .news dl dd .des { width: 100%; height: 45px; font-size: 12px; color: #9B9B9B; line-height: 175%; overflow: hidden; margin-top: 10px; } .news dl:hover dt { color: #15499A; border: 1px solid #15499A; } .more { width: 100%; height: 40px; line-height: 40px; clear: both; } .more a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #FFF9EC; color: #858585; font-size: 18px; } .more a:hover { color: #15499A; } .foot { width: 100%; min-width: 1000px; background: #15499A; padding: 40px 0px; } .foot .foot_m { width: 1000px; text-align: left; margin: 0px auto; position: relative; } .foot_m a{ color:#fff; } .foot_m .f_logo { width: 275px; height: 65px; margin: 25px 0; } .foot_m .f_logo img { width: 275px; height: 65px; vertical-align: top; } .foot_m p { width: 100%; font-size: 12px; color: #E3E3E3; line-height: 175%; } .foot_m .code { width: 168px; height: 198px; position: absolute; right: 0px; top: -35px; } .foot_m .code img { width: 158px; height: 158px; background-color:#fff; padding:5px; vertical-align: top; } .foot_m .code span { display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #FEFEFE; } .position { width: 100%; min-width: 1000px; background: url(/assets/img/bg_b.png) repeat-x; height: 50px; } .position .pos_m { width: 1000px; height: 50px; line-height: 50px; margin: 0px auto; text-align: left; font-size: 16px; color: #154999; } .position .pos_m a { font-size: 16px; color: #154999; } .position .pos_m a:hover { color: #FFA800; } .sx { width: 1000px; margin: 0px auto; height: 80px; border-bottom: 1px solid #ddd; } .sx .indexPro { width: 1000px; height: 300px; margin: 0 auto; position: relative; overflow: hidden } .sx .indexPro span.goleft, .sx .indexPro span.goright { display: block; width: 13px; height: 19px; position: absolute; top: 30px; z-index: 4; } .sx .indexPro span.goleft { left: 0; } .sx .indexPro span.goright { right: 0 } .sx .indexPro .go { width: 960px; height: 370px; position: relative; left: 20px; top: -0px; z-index: 3; } .sx .indexPro .go li { display: inline-block; *display:inline; zoom: 1; margin-right: 50px; position: relative; width: auto; } .sx .indexPro .go li .c_lei { height: 80px; line-height: 80px; font-size: 16px; color: #686868; display: inline-block; *display:inline; zoom: 1; width: auto; } .sx .indexPro .go li:hover .c_lei { color: #154999; border-bottom: 2px solid #154999; height: 78px; line-height: 80px; } .sx .indexPro .go li .lei_m, .sx .indexPro .go li .lei_m li, .sx .indexPro .go li .lei_m li a { display: inline-block; *display:inline; zoom: 1; width: auto; } .sx .indexPro .go li .lei_m { position: absolute; left: 0px; top: 80px; background: #FFF; box-shadow: 1px 1px 4px #666; display: inline-block; *display:inline; zoom: 1; display: none; } .sx .indexPro .go li .lei_m ul { width: 20000em; padding: 12px 0px; } .sx .indexPro .go li .lei_m li { width: auto; float: left; height: 18px; line-height: 18px; padding: 0px 25px; border-right: 1px solid #ddd; margin-right: 0px; } .sx .indexPro .go li .lei_m li a { font-size: 14px; color: #989898; } .sx .indexPro .go li .lei_m li a:hover { color: #154999; } .proson{ text-align:center; margin-bottom:20px; font-size:14px; } .proson a{ margin:0 5px; } .pro_d { width: 1000px; margin: 0px auto; margin-top: 45px; text-align: left; position: relative; z-index: 9; } .pro_d .box_h { width: 100%; height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid #ddd; } .pro_d .box_h span { font-size: 16px; color: #154999; } .pro_d .box_h span em { color: #FFA700; } .pro_d .box_h .down { text-align: right; position: absolute; right: 0px; top: 0px; font-size: 16px; color: #154999; } .pro_d .box_h .down a { color: #F00; text-decoration: underline; } .pro_d .pro_tu { width: 1000px; height: auto; } .pro_d .pro_tu img { width: 100%; height: auto; vertical-align: top; } .pro_d .pro_b { width: 1000px; margin-top: 15px; border-top: 1px solid #ddd; padding-top: 15px; padding-bottom: 20px; } .pro_d .pro_b h5 { width: 100%; height: 35px; line-height: 35px; font-size: 16px; color: #154999; } .pro_d .pro_b p { font-size: 14px; color: #828283; line-height: 175%; margin-top: 10px; } .pro_d .pro_l { width: 100%; } .pro_d .pro_l li { width: 242px; float: left; margin-right: 10px; margin-bottom: 15px; } .pro_d .pro_l li .tu { width: 240px; height: 177px; border: 1px solid #ddd; text-align: center; } .pro_d .pro_l li .tu img { width: 234px; height: 171px; vertical-align: top; margin-top: 3px; } .pro_d .pro_l li h5 { width: 100%; height: 35px; line-height: 35px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_d .pro_l li h5 a { font-size: 14px; color: #515151; } .pro_d .pro_l li:hover h5 a { color: #154999; } .pro_d .pro_l2 { width: 100%; } .pro_d .pro_l2 li { width: 242px; float: left; margin-right: 10px; margin-bottom: 15px; } .pro_d .pro_l2 li .tu { width: 240px; height: 177px; border: 1px solid #ddd; text-align: center; } .pro_d .pro_l2 li .tu img { width: 234px; height: 171px; vertical-align: top; margin-top: 3px; } .pro_d .pro_l2 li h5 { width: 100%; height: 35px; line-height: 35px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_d .pro_l2 li h5 a { font-size: 14px; color: #515151; } .pro_d .pro_l2 li:hover h5 a { color: #154999; } .m-page { margin: 30px 0; text-align: center; } .m-page a, .m-page span { color: #666; border: 1px solid #bbb; background-color: #fff; display: inline-block; margin: 0 2px; padding: 8px 16px; font-size:13px; } .m-page a:hover, .m-page .thisclass { background-color: #15499a; border: 1px solid #15499a; color: #fff; } .m-page .disabled, .m-page .pageinfo { border-color:#15499a; background-color:#15499a; color: #fff; } .post-prevnext{ height:50px; line-height:50px; overflow:hidden; } .post-prevnext p{ display:inline-block; width:50%; text-align:center; font-size:14px; } .about .tabBox_t, .about .tabBox { width: 100%; text-align: left; } .about .tabBox .tabNav { width: 100%; height: 65px; line-height: 50px; border-bottom: 1px solid #ddd; text-align: center; } .about .tabBox .tabNav li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; height: 65px; line-height: 65px; position: relative; margin: 0px 10px; } .about .tabBox .tabNav li span { display: inline-block; *display:inline; zoom: 1; width: auto; font-size: 16px; color: #686868; padding: 0px 5px; } .about .tabBox .tabNav li.now span { border-bottom: 2px solid #154999; color: #154999; position: relative; left: 0px; top: 0px; z-index: 2; padding: 0px; margin: 0px; } .about .tabBox .tabCont { display: none; width: 100%; padding: 15px 0px; font-size: 14px; color: #9D9D9D; } .about .tabBox .tabCont h3 { width: 100%; text-align: center; padding: 10px 0px; font-size: 18px; color: #FFA700; } .about .tabBox .tabCont p { margin-top: 10px; line-height: 175%; } .about .tabBox .tabCont .about_tu { width: 100%; margin-top: 30px; } .about .tabBox .tabCont .about_tu li { width: 242px; float: left; margin-right: 10px; } .support { width: 1000px; margin-top: 30px; } .support dt { width: 340px; height: 350px; float: left; } .support dt img { width: 340px; height: 350px; vertical-align: top; } .support dd { width: 500px; float: left; margin-left: 90px; text-align: left; } .support dd h5 { font-size: 18px; color: #FFA700; margin-bottom: 60px; } .support dd p { width: 100%; margin-top: 25px; color: #5E5E5E; font-size: 14px; } .contact { width: 1000px; } .contact li { width: 100%; text-align: left; border-bottom: 1px solid #ddd; padding-bottom: 40px; } .contact li.map { border-bottom: 0px; margin-top: 40px; } .contact li strong { display: block; width: 100%; height: 100px; line-height: 100px; color: #FFA700; font-size: 16px; } .contact li p { font-size: 14px; color: #636363; line-height: 180%; } .mt_0 { margin-top: 0px; } .news { width: 1000px; margin: 0px auto; margin-bottom: 20px; } .news li { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #ddd; margin-top: 5px; position: relative; background: url(/assets/img/icon5.png) no-repeat left center; } .news li p { width: 500px; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 15px; } .news li p a { color: #767676; font-size: 14px; } .news li p a:hover { color: #154999; } .news li em { display: block; text-align: right; position: absolute; right: 0px; top: 0px; font-size: 12px; color: #888; } .ctn { width: 100%; padding-bottom: 30px; } .ctn h1 { width: 100%; text-align: center; font-size: 16px; color: #FFA700; padding: 15px 0px 30px; } .ctn .ctn_m { font-size: 14px; color: #878787; line-height: 180%; } .about .pro_l { padding-top: 30px; } .about .news { width: 1000px; padding-top: 30px; } .about .news dl { width: 998px; height: 50px; border: 1px solid #ddd; margin-bottom: 25px; overflow: hidden; padding: 23px 0px; } .about .news dl dt { width: 400px; height: 50px; line-height: 50px; border: 0px; border-right: 1px dashed #ddd; padding: 0px; margin: 0px; } .about .news dl dt p { width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 50px; line-height: 50px; margin-left: 20px; margin-top: 0px; } .about .news dl dt p a { color: #595959; font-size: 16px; } .about .news dl dt p a:hover, .about .news dl dd a:hover { color: #154999; } .about .news dl dd { width: 545px; float: right; text-align: left; height: 50px; overflow: hidden; margin-right: 15px; font-size: 14px; color: #979797; line-height: 25px; } .about .news dl dd span{ display:inline-block; background-color:#15499a; color:#fff; margin-right:10px; padding:5px; height:15px; line-height:15px; font-size:10px; border-radius:5px; } .about .news dl dd a { color: #FFA700; display: inline; font-size: 14px; background: none; } .news_d { width: 1000px; } .news_d h1 { font-size: 24px; color: #FFA700; text-align: center; margin: 15px 0 10px; } .news_d .des { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #9D9D9D; margin:10px 0 30px; } .news_d .des span { margin: 0px 20px; } .news_d .ctn_m { color: #878787; line-height: 180%; padding-bottom: 50px; } .news_d .ctn_m strong{ font-weight:bold; } .news_d .ctn_m p { line-height:24px; margin-bottom: 15px; color: #9D9D9D; font-size: 14px; } .flink{ width:1000px; margin:0 auto 10px; text-align:left; overflow:hidden; line-height:25px; } .flink a{ margin-right:5px; } .xinwen{ width: 1000px; margin: 0px auto; } .m-imglst10{ overflow:hidden; } .m-imglst10 li{ display:inline; float:left; margin:0 20px 30px 0; width:215px; border-left: 5px solid #ddd; padding-left:15px; } .m-imglst10 li:hover{ border-left-color:#154999; } .m-imglst10 li:nth-child(4n){ margin-right:0; } .m-imglst10 li .thumb{ margin-bottom:10px; } .m-imglst10 li .tt{ height:30px; line-height:30px; overflow:hidden; } .m-imglst10 li .tt a{ color:#444; font-size:16px; } .m-imglst10 li .date{ color:#999; font-size:12px; line-height:40px; } .m-imglst10 li .desc{ color:#878787; font-size:12px; line-height:22px; } .rtd-tt { color:#154999; font-size: 16px; height: 50px; line-height: 50px; position: relative; overflow: hidden; } .rtd-tt:after { content: ""; display: block; width: 90%; height: 5px; background-color: #dedede; position: absolute; left: 10%; top: 45%; } #scrollUp { bottom: 20px; right: 20px; background-color: #ffa700; color: #fff; opacity: .9; padding: 10px; border-radius: 10px; -webkit-transition: background 200ms linear; transition: background 200ms linear; } #scrollUp:hover { background-color: #f50; } /* FILE ARCHIVED ON 08:07:18 Feb 12, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 20:20:12 Feb 25, 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: 0.574 exclusion.robots: 0.032 exclusion.robots.policy: 0.02 esindex: 0.009 cdx.remote: 32.171 LoadShardBlock: 502.096 (3) PetaboxLoader3.datanode: 533.308 (5) PetaboxLoader3.resolve: 357.119 (3) load_resource: 521.238 (2) */