ul,ol,li { list-style: none; padding:0px; margin:0px;} .language li{float:left;color:#fff;font-size:14px; font-family:"Microsoft YaHei"; line-height:26px;} .language li a{color:#fff; font-family:"Microsoft YaHei";} .language li.zw{padding:0 10px;} .language .xsj a{display:none;position:absolute;top:22px;left:-38px;width:38px;} .language .xsj:hover a{display:block;} .language li a.zw{} .language .xsj{background:url(../img/dsj.png) no-repeat right center;width:12px;height:26px;display:block;position:relative;cursor:pointer;} .language{width:150px;height:26px;float:left;} .clearfix{zoom:1;} .clearfix:after{clear:both;content:"";display:block;width: 0;height: 0;visibility:hidden;} #wrapper{ min-width:1280px;height: 100%; } .header{ width: 100%;height: 135px; background: url(../img/header-bg_01.png) repeat-x; } .head{ width: 1200px;height: 135px; margin: 0 auto;position: relative; } h1{ } .head-ul{ position: absolute;top: 0;right: 0; } .head-ul li{ float: left;width: 56px; font: 12px/72px "微软雅黑"; margin-right: 20px;padding-left: 24px; } .head-ul li a{ color: #fff; } .search{ width: 225px;height: 26px; padding-right: 15px; position: absolute;bottom: 32px;right: 0; } .form{ font: 16px/26px "微软雅黑"; color:#FFFFFF; } .form div{position: absolute;bottom: 0;left: 60px;} /*.form select{ height: 22px;background: transparent; line-height: 18px;border: none; padding: 2px 0;color: #fff; }*/ /*.form select option{ color: #000;text-align: center;background: none; }*/ .form [type="text"]{ width: 180px;height: 26px;border: none; background: url(../img/search-text.jpg) no-repeat ; position: absolute;top: 0;left:145px;color: #999; text-indent: 1em;font: 14px/24px "微软雅黑"; } .form [type="button"]{ width: 31px;height: 26px; border: none; background: url(../img/search-btn.jpg) no-repeat ; position: absolute;top: 0;left: 325px; } .nav{ width: 100%; } .menu{ width: 1200px;height: 50px;margin: 0 auto; } .menu-ul{ height: 50px;padding: 0 1px; } .menu-ul>li{ width: 120px;height: 50px; float: left;text-align: center; margin-right: 26px; font: 20px/50px "微软雅黑"; } .menu-ul>li:hover,.menu-ul>li.active{ background-color: #0167b3; } .menu-ul li:hover a,.menu-ul>li.active a{color: #fff;} .menu-ul>li a{ color: #333; } .menu-ul .active:hover .menu-select{display: block;} .menu-ul li:hover .menu-select{display: block;} .menu-ul .menu-select{ width: 330px; background: url(../img/menu_select_bg.png) repeat; padding: 20px; display: none; position: relative;z-index: 50; overflow:hidden; } .menu-ul .menu-select li{ float: left; font: 16px/36px "微软雅黑"; width:110px;text-align:center } .menu-ul .menu-select li a:hover{color: #0167b3;} .menu-ul .menu-select li a{ color: #333; } .menu-ul .menu-select .marginright{ margin-right: 80px; } .menu-ul .menu-select .nomargin,.news .news-right, .menu-ul .nomargin,.mes-left .nomargin,.mes-mid .nomargin{ margin: 0; } /************banner*********************/ .banner.slideBox{ position: relative; } .banner .banner_img{ height:500px; position: relative; overflow: hidden; } .banner .banner_img ul li{ position: relative; width: 100%; float:left; height:500px; } .banner .banner_img ul li img{width: 100%;height: 100%;} .banner .banner_img ul li p{ position: absolute; bottom: 8px;left: 8%; color: #fff; z-index: 300; } .banner.slideBox .banner_img ul li .mask{ color:#fff;font-size:16px; position: absolute; left:0;bottom:0; width:100%;z-index: 100; line-height:60px; background: url(../img/nav_bottom.png) repeat 0 0; } .banner.slideBox .banner_img .mask .container{ width: 1200px;height: 60px;text-align: left; margin: 0 auto;font: 18px/60px "微软雅黑";color: #fff; } .banner .banner_li{ position: absolute;bottom:0;left:0; width: 100%;height:60px;z-index:100; } .container{ width: 1200px;margin: 0 auto; } .banner .banner_li ul{ float: right;margin: 23px 16px 16px 16px; } .banner .banner_li li{ float:left; width:14px;height:14px; margin-left:18px; background: url(../img/hd_i.png) no-repeat 0 0; } .banner .banner_li li.on{ background: url(../img/hd_o.png) no-repeat 0px 0; } .banner .banner_keep a{ width: 59px;height: 59px; position: absolute;top: 40%; } .banner .banner_keep .prev{ left: 3%; background: url(../img/prev.png) no-repeat 0 0; } .banner .banner_keep .next{ right: 3%; background: url(../img/next.png) no-repeat 0 0; } .banner-bottom{ width: 100%;height: 50px; background: #f8f8f8; } .banner-bottom p{ width: 1165px; margin: 0 auto; padding-left: 35px; position: relative; font: 16px/50px "微软雅黑"; color: #029029; } .banner-bottom-span{ display: inline-block; width: 1px;height: 26px; background: #ccc; position: absolute; top: 12px;left: 116px; } /******content**********/ .content{ width: 100%;height: 849px; background: url(../img/content-bg.png) repeat-x; } .news{ width: 1200px;height: 440px; padding-top: 25px; /*background: lightseagreen;*/ margin: 0 auto; } .news div{ float: left; } .news-left,.news-mid,.news-right{ width: 385px;height: 352px; margin-right: 22px; padding-bottom: 43px; position: relative; /*background: lightcyan;*/ } h3{ height: 46px;padding-left: 28px; font: 20px/46px "微软雅黑";color: #333; } .news-left h3{ background: url(../img/new-title-bg1.png) no-repeat left center; } .news-mid h3{ background: url(../img/new-title-bg1.png) no-repeat left center; } .news-right h3{ background: url(../img/news-title-bg2.png) no-repeat left 16px; } .news-mid h3 a{ font: 14px/46px "微软雅黑";color:#0167B3; position: absolute;right: 0;top: 0; } .news-left h3 a{ font: 14px/46px "微软雅黑";color:#0167B3; position: absolute;right: 0;top: 0; } .news h3 span,.news-right h3 strong a,.mes-left span, .mes-mid h3 span,.mes-right h3 span{ font: 14px/46px "微软雅黑"; color: #0167b3; } .news .news-right h3 strong,.mes-right h3 strong{ position: absolute;top: 0;right:0; } .news-l-l,.news-m-m,.news-r-r{ width: 100%;height: 330px;position: relative; padding-bottom: 16px; border: 1px solid #ccc;border-top: 3px solid #ffb71e; } .news-right .news-r-r{ border: none; border-top: 3px solid #ffb71e; border-bottom: 1px dashed #ccc; } .news-l-l .xwyw-img.slideBox,.news-l-l .xwyw-img.slideBox .banner_img, .news-l-l .xwyw-img.slideBox .banner_img li,.news-l-l .xwyw-img .banner_img li .media-img {width: 383px;height: 267px;border: none;} .news-l-l .newss-l-l-p{ position: absolute;left: 0;bottom: -60px; padding: 0 22px 0 10px; font: 14px/24px "微软雅黑";color: #333; } .news-mid ul li{ width: 349px;height: 87px; margin: 0 auto; padding: 13px 0 14px; border-bottom: 1px dashed #ccc; position: relative; } .news-left ul li{ width: 100%;height: 87px; margin: 0 auto; padding: 13px 0 14px; border-bottom: 1px dashed #ccc; position: relative; } .news-m-m .noborder,.news-r-r .noborder{ border: none; } .news-left .news-m-m h4 a{ font: 16px/16px "微软雅黑";color: #333; margin-bottom: 17px; position: absolute; top: 13px;right: 0; text-align:left;width:362px; } .news-left .news-m-m li p{ width: 362px; font: 14px/22px "微软雅黑";color: #666; position: absolute; top: 50px;right: 0; } .news-m-m h4 a{ font: 16px/16px "微软雅黑";color: #333; margin-bottom: 17px; position: absolute; top: 13px;right: 0; text-align:left;width:212px; } .news-m-m h4 a:hover,.news-r-r li>a:hover{color: #0072BA;} .news-m-m li p{ width: 212px; font: 14px/22px "微软雅黑";color: #666; position: absolute; top: 50px;right: 0; } .news-r-r li{ height: 56px; border-bottom: 1px dashed #ccc; padding:14px 45px 14px 12px ; position: relative; } .news-r-r-left{ width: 66px;height: 56px; border: 1px solid #009aff; } .news-r-r-l-p1{ height:31px;background: #3394dc; font: 24px/29px "微软雅黑"; color: #fff;text-align: center; } .news-r-r-l-p2{ height: 25px;background: #fff; font: 16px/25px arial;color: #333; text-align: center; } .news-r-r li>a{ font: 15px/22px "微软雅黑";color: #333; position: absolute; top: 12px;right: 5px; width:170px; text-align:left; } .news-r-r li>p{ font: 12px/30px "微软雅黑";color: #999; position: absolute; bottom: 14px;right: 32px; width:142px; text-align:left } .mes{ width: 1200px;padding-top: 24px; margin: 0 auto;position: relative; } .mes-left,.mes-mid{ width: 797px;height: 151px; } .mes-mid{padding-top:18px;} .mes-left{ margin-bottom: 16px; } .mes-left h3,.mes-mid h3,.mes-right h3{ height: 38px;font: 20px/38px "微软雅黑";color: #333; border-bottom: 3px solid #ffb71e;margin-bottom: 20px; } .mes-left h3{ background: url(../img/website-title-bg1.png) no-repeat left center; } .mes-mid h3{ margin-bottom: 20px; background: url(../img/website-title-bg2.png) no-repeat left center; } .mes-right h3{ background: url(../img/website-title-bg3.png) no-repeat left center; } .mes-left li{ float: left;margin-right: 13px; width:148px;height: 100px;position: relative; } .mes-mid li{ float: left; width: 189px; height: 56px; position: relative; margin-right: 13.5px; } .mes .mes-left li a{ width: 149px; background: url(../img/nav_bottom.png) repeat 0 0; height: 26px; line-height: 26px; font-size: 14px; } .mes-mid li.xyztc01 a { display: inline-block; height: 43px; font: 15px/42px "微软雅黑"; color: #fff; padding-left: 45px; position: absolute; bottom: 8px; left: 45px; } .mes-mid li.xyztc02 a { display: inline-block; font: 15px/42px "微软雅黑";color: #fff;padding-left:45px; position: absolute;bottom: 8px;left: 45px;} .mes-mid li.xyztc03 a { display: inline-block; font: 15px/42px "微软雅黑";color: #fff;padding-left:45px; position: absolute;bottom: 8px;left: 45px;} .mes-mid li.xyztc04 a { width: 153px; margin-left: 45px; display: inline-block; font: 15px/42px "微软雅黑";color: #fff; position: absolute;bottom: 8px;left: 45px;} .mes-left li a { display: inline-block;width: 189px;height: 42px; font: 16px/42px "微软雅黑";color: #fff;text-align: center; position: absolute;bottom: 0;left: 0; }.mes-right{ width: 371px;height: 317px;position: absolute;top: 24px;right: 0; } .mes-right h3 strong a{ font: 14px/41px "微软雅黑";color: #0167b3; } /***********Notice轮播*******************/ .xwyw-img.slideBox{ width:371px;height: 255px; position: relative;border: 1px solid #ccc; } .xwyw-img.slideBox .banner_img{ position: relative; width:371px;height:255px; } .xwyw-img.slideBox .banner_img li{ float:left; width:371px;height:255px; position: relative; font-size:16px;color:#fff; } .xwyw-img.slideBox .banner_img li img{ width:371px;height:255px; } .xwyw-img.slideBox .banner_img .mask{ width:100%;background:url(../img/mask_bg.png) repeat-x; z-index: 100;font: 16px/39px "微软雅黑";color: #fff; position: absolute;bottom: 0;left: 0;text-indent: 7px; } .xwyw-img.slideBox .banner_li{ position: absolute;right:17px;bottom:13px;z-index: 100; } .xwyw-img.slideBox .banner_li li{ float:left; width:14px;height:14px; line-height:14px; background: url(../img/hd_i.png) no-repeat 0 0; margin-left:12px; font-size:14px; } .xwyw-img.slideBox .banner_li li.on{ background: url(../img/hd_o.png) no-repeat 0 0; } .xwyw-img.slideBox .banner_bottom{ position: absolute; bottom:0;left:0; width: 100%;height: 38px; } /*************Notice over**************************/ .footer{ width: 100%;background: url(../img/footer-bg.jpg) repeat-x; } .foot{ margin: 0 auto;width: 1200px;height: 177px;position: relative; } .foot-logo{ width: 387px; height: 74px; position: absolute; left: 485px; bottom: 141px; } .foot span{ display: inline-block;width: 2px;height: 108px; position: absolute;top: 40px;left: 615px;background: #2d75ab; } .foot-right{ width: 403px; height:128px; position: absolute; top: 0; left: 65px; padding: 26px 0 23px; } .foot-left{ width: 253px; height:88px; position: absolute; top: 0; right: 0; padding: 66px 0 23px; } .foot-left ul li{float:left;padding: 0 10px;width:45px;height:45px;} .foot-left ul li.wx{background:url(../img/wx.png) no-repeat} .foot-left ul li.wb{background:url(../img/wb.png) no-repeat} .foot-left ul li.qq{background:url(../img/qq.png) no-repeat} .foot-left ul li.wx .wx_img{display:none} .foot-left ul li.wb .wb_img{display:none} .foot-left ul li.qq .qq_img{display:none} .foot-left ul li.wx:hover .wx_img{display:block;position:absolute;bottom:125px;left:-24px;} .foot-left ul li.wb:hover .wb_img{display:block;position:absolute;bottom:125px;left:42px;} .foot-left ul li.qq:hover .qq_img{display:block;position:absolute;bottom:125px;left:107px;} .foot-left ul li{float:left;padding: 0 10px;} .foot-right p{ font: 15px/27px "Microsoft Yahei";color: #fff; } .foot-right .p3{ background: url(../img/foot-mail.jpg) no-repeat 68px center; } .foot-right .p4{ padding-left: 100px; background: url(../img/foot-phone.jpg) no-repeat 68px center; } .fenxiang{ margin:0 20px 40px 50px;} .fenxiang .f_xiang{ height:36px; line-height:36px; padding:15px 30px; border-top: 1px dashed #c0daed;} .fenxiang .f_xiang span{ float:left; margin-right:10px;} .fenxiang .f_xiang a{ margin-right:10px;}