/*通用**************************************************************************************/ .wrap{width: 975px;margin: 0 auto;} a{text-decoration: none;color: #434343;transition: all .5s;} a:hover, a:active {color: #17305d;} /*banner************************************************************************************/ .banner{height: 430px;overflow: hidden;position: relative;width: 100%;min-width: 1170px;} .banner ul#pic{position: absolute;left: 50%;margin-left: -790px} .banner_btn{position: absolute;bottom:10px;width: 1000px;text-align: right;left:50%;margin-left: -500px;z-index: 999;} .banner_btn span{background:url(/templets/images/circle.png) -30px top no-repeat; width: 16px;height: 15px;display: inline-block;cursor: pointer;margin-right: 20px;} .banner_btn span.cur{background:url(/templets/images/circle.png) 0px top no-repeat;} /* .banner_l,.banner_r{width: 50px;height: 50px;position: absolute;z-index: 99;top:205px;} .banner_l{background:url(/templets/images/banner_prenext.png) 0 0 no-repeat;left: 0} .banner_r{background:url(/templets/images/banner_prenext.png) -50px 0 no-repeat;right: 0}*/ /*header************************************************************************************/ .header { height:148px; background: url(/templets/images/header_bg.jpg) repeat-x top center; } #logo { width: 123px; height: 120px; position: absolute; top: 0; left: 20px; } .topmenu { width: 240px; height: 25px; line-height: 25px; position: absolute; top:20px; right:0; color: #707070; text-align: right;} .topmenu a { color:#707070;} /*menu************************************************************************************/ .menu {width:1003px; position: absolute; right: 0px;top:109px;} .menu ul {} .menu ul li { height:39px;line-height:39px; position: relative; z-index: 20;background:url(/templets/images/menu_ge.jpg) no-repeat center right; display: inline; float: left;text-align:center;font-size:14px;transition: all .5s;} .menu ul li a { display: block; color:#fff; width: 125px; } .menu ul li a:hover{color: #FF0;} .menu ul li ul { position: absolute; left: 0; height:0;visibility: hidden; opacity: 0;transition: all .5s;} .menu ul li:hover ul{visibility: visible;height: auto;opacity: 1;} .menu ul li ul li {line-height:30px; height: 30px; background:none;font-size:12px; border-bottom: 1px #364f86 solid;} .menu ul li ul li ul { top: 0; } .menu ul li ul li a { width: 125px; text-align: center; color: #fff; background:#2d3871; display: block; } .menu ul li ul li a:hover { color:#FF0;} /*首页内容************************************************************************************/ .index-main{padding-top: 15px;overflow: hidden;width: 100%;min-width: 975px;} .index-tit { font-size: 16px; background: url(/templets/images/icon3.jpg) no-repeat center left; height: 30px; line-height: 30px; padding-left: 20px; font-family:"Microsoft Yahei"; margin-bottom: 10px; } .index-tit a{display: block;} .more {font-size: 12px;color:#7b7b7c;float: right;transition: all .5s;} .more:hover{color:#2d3871;} /*关于我们****/ .index-about { width: 330px; float: left; line-height: 25px;} .index-about img { float: left; padding: 3px; border: 1px #eee solid; margin: 0 15px 0 0; display: inline;} .index-about a:hover{color:#2d3871;} /*新闻中心****/ .index-news {width: 265px; float: left; margin-left: 20px; display: inline;} .index-news ul { clear:both;} .index-news ul li { background: url(/templets/images/icon5.gif) no-repeat center left; padding-left: 15px; height: 26px; line-height: 26px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px #eee solid; transition: all .5s;} .index-news ul li:hover a { color:#2d3871;} .index-news ul li small { float: right; color:#aaa;} .index-news-box .flag{height: 65px;padding: 0 0 10px 0 ;background: none;white-space: normal;transition: all .5s;} .index-news-box .flag .txt{padding-left: 105px;} .index-news-box .flag h2{color:#e50909;line-height: 15px;} .index-news-box .flag p{color:#aaa;} .index-news-box .img img { width: 95px; height: 65px; float: left; margin: 0 10px 10px 0; display: inline; } /*产品中心****/ .index-pro { width: 335px; float: right;overflow: hidden;} .index-pro ul li { margin-top: 20px; width: 150px; height: 130px;float: left;} .index-pro ul li a{display: table-cell;width: 150px; height: 130px;vertical-align: middle;text-align: center;} .index-pro ul li img { max-width: 130px; max-height: 130px;} .index-pro ul li a { margin: 0 10px;} .index-pro-box{overflow: hidden;width: 300px;padding: 0 19px;} .index-pro-box .tempWrap{overflow: hidden;} .arrow {display: block;height: 81px;width:9px;background: url(/templets/images/arrow.jpg) no-repeat;position: absolute;top:45px;z-index: 99;cursor: pointer;outline: 0;} .sPrev {background-position: -9px 0;right: 0;} .sNext {background-position: 0 0 ;left: 0;} /*内页************************************************************************************/ .page-banner{height: 238px;width: 100%;min-width: 975px;overflow: hidden;} .page-banner img{left: 50%;margin-left: -790px;} /*内页_左*/ #page_l { float: left; width:237px;display: inline;} .submenu { font-size: 14px;} .submenu ul {} .submenu ul li { height: 38px; line-height: 38px; background:url(/templets/images/submenu_bg.jpg) no-repeat top left;transition: all .5s;} .submenu ul li a { color:#17305d;display: block; height: 38px; line-height: 38px; padding-left: 43px;transition: all .5s;} .submenu ul li:hover a{ font-weight: bold;} .submenu_in { } .submenu_in a { font-weight: bold;} .submenu ul li ul {padding-left: 20px;margin:5px 0;} .submenu ul li ul li{line-height:25px !important} .submenu ul li ul li a { color: #5b5756; font-size: 12px; border:none !important} .submenu ul li ul li a:hover { } /*内页_右*/ #page_r { width: 730px; float: right; } .location { height:39px; line-height: 39px; margin: 20px 0; background:url(/templets/images/location_bg.jpg) no-repeat; overflow: hidden;} .location h2 {font-family:"Microsoft Yahei"; font-size:18px; font-weight:normal; color:#fff; padding-left: 40px;} .location span { float: right; color:#7b7b7c; } .location a {color:#7b7b7c;} .location a:hover { color:#c9131b;} .content{line-height: 200%;font-size: 14px;} #form{margin-top: 35px;} #form tr{display: block;margin-bottom: 10px;} #form input{border:1px solid #aaa;width: 300px;height: 25px;line-height: 25px;padding: 0 10px;} #form textarea{width: 590px;border:1px solid #aaa;padding:10px;line-height: 25px;min-height: 100px;} #form input#vdimgck{width: 80px;text-align: center;} .vdcodeimg{height: 27px;} input#submit,input#reset{width: 50px;height: 30px;line-height: 30px;text-align: center;border:none;background: #17305d;color:#fff;cursor:pointer;transition: all .5s;} input#submit:hover,input#reset:hover{width: 70px;} /*新闻动态**********************************************/ .newslist1 { font-size: 14px;} .newslist1 li { height: 36px; line-height: 36px; border-bottom: 1px #d9d0c5 dotted; background: url(/templets/images/icon6.gif) no-repeat 0 center ; padding:0 10px ; } .newslist1 li a{transition: all .5s;display: block;} .newslist1 li:hover a{color:#17305d} .newslist1 li span { color: #999; float: right; font-size: 12px;} /*新闻详情*/ #news_con h1 { font-size: 16px; text-align: center; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px #EAEAEA solid;} #news_con h1 span { font-size: 11px; display: block; font-weight: normal;color: #999;} #news_con .con { font-size: 14px;line-height: 28px; padding: 10px;} .prenext{margin-top: 30px;} .prenext a:hover{color:#17305d;} /*产品中心*/ .prolist{} .prolist ul{width: 750px;} .prolist li{width: 225px;margin:0 25px 25px 0;float: left;} .prolist li a{display: block;vertical-align: top;} .prolist li .img{width: 225px;;height:232px;vertical-align: middle;display: table-cell;text-align: center;} .prolist li .img img{max-height: 232px;max-width: 225px;} .prolist li p{width: 100%;text-align: center;line-height: 30px;height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .prolist li:hover p{color:#17305d;} .pro_con{font-size: 14px;line-height: 200%;} .pro_con img{text-align: center;} /*资质认证************************************************/ .honorlist{} .honorlist li{width: 225px;} /*翻页************************************************/ .paging{text-align: center;margin-bottom: 75px;padding:15px 0;} .paging li{display:inline-block;text-align: center;} .paging li a{display: inline-block;color: #333;background:url(/templets/images/page.jpg) -46px 0;width:23px;height:23px;line-height: 23px;margin-right: 3px;font-size: 14px;} .paging li.thisclass a,.paging li:hover a{background:url(/templets/images/page.jpg) -46px -23px;color: #fff;} .paging li a.i,.paging li.n a,.paging li a.e,.paging li.p a{text-indent: -9999px;} .paging li a.i{background: url(/templets/images/page.jpg) 0px 0 no-repeat;} .paging li a.e{background: url(/templets/images/page.jpg) -92px 0 no-repeat ;} .paging li.p a{background: url(/templets/images/page.jpg) -23px 0 no-repeat;} .paging li.n a{background: url(/templets/images/page.jpg) -69px 0 no-repeat;} .paging li:hover a.i {background: url(/templets/images/page.jpg) 0px -23px no-repeat ;} .paging li:hover a.e{background: url(/templets/images/page.jpg) -92px -23px no-repeat ;} .paging li.p:hover a{background: url(/templets/images/page.jpg) -23px -23px no-repeat ;} .paging li.n:hover a{background: url(/templets/images/page.jpg) -69px -23px no-repeat ;} /*banner************************************************************************************/ /*banner************************************************************************************/ /*banner************************************************************************************/ /*banner************************************************************************************/ /*banner************************************************************************************/ /*banner************************************************************************************/ /*banner************************************************************************************/ /*footer************************************************************************************/ .footer { background:#ececec; padding: 15px 0; margin-top: 28px; color:#808080; text-align:center;} .footer a {color:#808080;} .footer a:hover{color:#17305d;} /* FILE ARCHIVED ON 18:22:55 Jul 26, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 00:18:52 Jan 02, 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.904 exclusion.robots: 0.061 exclusion.robots.policy: 0.045 esindex: 0.016 cdx.remote: 40.351 LoadShardBlock: 267.875 (3) PetaboxLoader3.datanode: 201.232 (5) PetaboxLoader3.resolve: 503.529 (3) load_resource: 576.635 (2) */