*{ margin: 0; padding: 0; } html,body{ width: 100%; font-family: "微软雅黑"; font-size: 12px; color: #333; line-height: 2em; background: #f5f5f5; } a{ text-decoration: none; } ul,li{ list-style-type: none; } .clear{ clear: both; } /*--------top样式----------*/ .top_wrap{ width: 100%; height: 36px; line-height: 36px; background: #0a2d6b; color: #ecf5f9; } .top, .header, .footer{ width: 1100px; margin: 0 auto; } .top .welcome{ float: left; } .top .corner{ float: right; } .top .corner a{ color: #ecf5f9; } .top .corner sapn{ display: inline-block; margin: 0 15px; } .header_wrap{ background: #fff; height: 95px; font-size: 16px; } .header .logo{ float: left; margin-top: 16px; width: 357px; } .header .nav_list{ float: right; } /*--------navList效果----------*/ .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nav{ position: relative; z-index: 1; } .nav .nLi{ float: left; position: relative; display: inline; } /*.nav .nLi h3{ float:left; }*/ .nav .nLi h3 a{ display: block; line-height: 93px; padding: 0 32px; font-size: 16px; font-weight: 500; color: #333; } .nav .sub{ display: none; width: 170px; left: 0; top: 95px; position: absolute; background: #0e419c; } .nav .sub li{ zoom:1; border-bottom: solid 1px #0c3784; border-top: solid 1px #114ebc; } .nav .sub a{ display: block; padding-left: 32px; width: 138px; height: 50px; line-height: 50px; color: #ecf5f9; font-size: 13px; } .nav .sub a:hover{ color: #fecc01; } .nav .on h3 a{ background: #0e419c; color: #ecf5f9; border-top: solid 2px #fdd01c; } /*--------banner效果----------*/ .banner{ width: 100%; position: relative; height: 446px; box-shadow: 1px 1px 1px #ebebeb; } .banner .bd{ margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .banner .bd ul{ width: 100% !important; } .banner .bd li{ width: 100% !important; height: 446px; overflow: hidden; text-align: center; } .banner .bd li.first{ background: url(../images/banner1.jpg) center center no-repeat; } .banner .bd li.second{ background: url(../images/banner2.jpg) center center no-repeat; } .banner .bd li.third{ background: url(../images/banner3.jpg) center center no-repeat; } .banner .bd li.fourth{ background: url(../images/banner4.jpg) center center no-repeat; } .banner .bd li.fifth{ background: url(../images/banner5.jpg) center center no-repeat; } .banner .bd li a{ display: block; height: 446px; } .banner .hd{ width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; } .banner .hd ul{ text-align: center; } .banner .hd ul li{ cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 8px; height: 8px; margin: 5px; background: url(../images/tg_flash_p.png) -18px 0; overflow: hidden; line-height: 9999px;} .banner .hd ul .on{ background-position: 0 0; } /*---------tab切换---------*/ .content{ width: 1100px; margin: 38px auto; } .left_tab{ width: 785px; float: left; } .left_tab .hd{ height: 60px; line-height: 60px; background: #fff; padding: 0 20px 0 10px; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; position: relative; font-size: 16px; } .left_tab .hd ul li{ float: left; padding: 0 10px; margin-right: 10px; cursor: pointer; } .left_tab .hd ul li.on{ height: 58px; border-bottom: solid 2px #032657;color: #0e419c; } .left_tab .bd .box{ margin: 0 -8px; position: relative; overflow: visible; } .left_tab .bd .box .more{ position: absolute; top: -40px; right: 29px; font-size: 13px; color: #818181; } .left_tab .bd ul{ zoom:1; overflow: hidden; width: 100%; } .left_tab .bd ul li{ width: 225px; height: 256px; padding: 12px; float: left; background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; margin: 20px 8px 0 8px; } .left_tab .bd li img{ width: 227px; height: 174px; border: none; border: 0; } .left_tab .bd li h4{ color: #656565; font-size: 14px; } .left_tab .bd li .date{ color: #949494; font-size: 13px; } /*---------notice and er---------*/ .right_box{ float: right; width: 282px; } /*---------news滚动---------*/ .notice{ width 280px; height: 362px; background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; margin-bottom: 20px; overflow: hidden; position: relative; } .notice .n_title{ height: 60px; line-height: 60px; border-bottom: solid 1px #ddd; padding: 0 20px; } .notice .n_title b{ float: left; font-weight: normal; font-size: 16px; } .notice .n_title a{ float: right; font-size: 13px; color: #818181; line-height: 66px; } .notice .bd{ padding: 5px 12px; } .notice .infoList li{ height: 88px; border-bottom: dashed 1px #c8c7c7; margin-top: 10px; } .notice .infoList li a{ font-size: 14px; color: #656565; } .notice .infoList li .date{ color: #949494; display: block; font-size: 13px; } .code{ width 256px; height: 256px; padding: 12px; background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; } .code img{ width: 257px; height: 257px; margin: 0 auto; } /*---------friend_link---------*/ .friend_link{ height: 70px; padding: 0 20px; line-height: 70px; margin-top: 38px; background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; } .friend_link b{ font-size: 16px; font-weight: normal; } .friend_link a{ color: #656565; font-size: 13px; margin: 0 15px; } /*---------footer---------*/ .footer_wrap{ width: 100%; height: 140px; padding-top: 50px; background: #25282c; position: relative; color: #b6b6b6; } .footer_wrap .line{ height: 1px; width: 100%; background: #a8aeb9; position: absolute; top: 1px; } .footer_wrap a{ color: #e1e1e1; } .footer .f_left, .footer .f_left .f_logo, .footer .f_left .contact{ float: left; } .footer .f_left{ margin-left: 40px; } .footer .f_right{ float: right; margin-right: 40px; } .footer .f_left .f_logo{ padding-right: 40px; border-right: solid 1px #3a4151; } .footer .f_left .contact{ border-left: solid 1px #0d0f13; padding-left: 40px; line-height: 30px; } .footer .f_left .contact a{ margin-right: 15px; } /*---------内页样式---------*/ /*.i_banner{ width: 100%; height: 310px; background: url(../images/banner1.jpg) center center no-repeat; }*/ .i_content{ width: 100%; } .adr_wrap{ width: 100%; height: 36px; line-height: 36px; border-top: solid 4px #04538b; background: #fff; color: #999; font-size: 14px; border-bottom: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; } .adr_wrap .adr{ width: 1100px; margin: 0 auto; } .adr_wrap .adr .adr_link{ height: 36px; display: inline-block; padding-left: 40px; background: url(../images/adr.png) 10px 8px no-repeat; border-left: solid 1px #ccc; } .adr_wrap .adr .adr_link a{ border-left: solid 1px #ccc; display: inline-block; padding-left: 20px; height: 36px; color: #999 ; } .adr_wrap .adr .adr_link a:hover{ color: #0075c2; } .c_area{ width: 1100px; margin: 20px auto; } .left_list{ width: 220px; float: left; margin-right: 20px; } .nav_title{ width: 200px; height: 112px; padding-left: 20px; line-height: 112px; background: url(../images/nav_title.jpg) no-repeat; font-size: 16px; color: #fff; } .sidemenu{ width: 220px; background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; font-size: 14px; } .sidemenu ul li{ border-bottom: dashed 1px #ddd; } .sidemenu ul li a{ color: #666; height: 44px; line-height: 44px; padding-left: 20px; } .sidemenu ul li a:hover, .sidemenu ul li.on a{ color: #0075c2; } .sidemenu h3{ color: #666; height: 44px; line-height: 44px; cursor: pointer; font-size: 14px; font-weight: normal; padding-left: 20px; } .sidemenu h3 em{ float: right; display: block; width: 44px; height: 44px; background: url(../images/icoAdd.png) 16px 20px no-repeat; cursor: pointer; } .sidemenu h3.on{ border-bottom: dashed 1px #ddd; color: #0075c2; } .sidemenu h3.on em{ background-position: 16px -48px;} .sidemenu>ul>li ul{ padding: 8px 25px; color: #999; display: none; /* 默认都隐藏 */} .sidemenu>ul>li ul li{ border-bottom: none; } .sidemenu>ul>li ul li a{ height: 32px; line-height: 32px; font-size: 12px; color: #666; } .left_list .contact{ background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; margin-top: 30px; } .left_list .contact{ background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; margin-top: 30px; } .left_list .contact img{ width: 100%; height: auto; } /*.left_list .contact .cont_title { font-size: 16px; height: 44px; line-height: 44px; padding-left: 20px; border-bottom: solid 1px #ebebeb; background: #f5f5f5; } .left_list .contact .cont_content{ padding: 15px 20px 20px 20px; color: #656565; } .left_list .contact .cont_content b{ font-size: 13px; display: block; margin-bottom: 5px; }*/ .right_content{ float: left; width: 858px; min-height: 600px; background: #fff; border: 1px solid #ebebeb; box-shadow: 1px 1px 2px #ebebeb; } .con_title{ height: 50px; line-height: 50px; padding-left: 25px; font-size: 15px; border-bottom: solid 1px #ebebeb; } .con_box{ padding: 25px; } .con_box p{ text-indent: 2em; margin-bottom: 15px; } .con_box img{ width: 640px; height: auto; margin: 0 auto 20px auto; display: block; } .con_box .r_title{ font-size: 20px; margin-bottom: 12px; margin-top: 20px; text-align: center; } .con_box .r_title p{ color: #999; text-align: center; margin-top: 8px; font-size: 12px; } .con_box .textInfo{margin: 12px 0;line-height: 24px;text-align: center;color: #999;font-size: 12px;} .con_box .textInfo i{margin: 0 10px;font-size: 14px;} .items-list li{ margin-bottom: 20px; height: 24px; line-height: 24px; padding-left: 24px; overflow: hidden; background: url(../images/icon.png) 0 5px no-repeat; } .items-list li a{ color: #333; float: left; } .items-list li .date{ float: right; color: #999; } .news-list li{ margin-bottom: 20px; border-bottom: dashed 1px #ddd; } .news-list li>a{ color: #333; font-size: 14px; font-weight: bold; } .news-list li .date{ color: #999; font-weight: normal; display: inline-block; margin-left: 10px; } .news-list li p{ text-indent: 0; margin-top: 10px; color: #666; } .news-list li p a{ color: #0075c2; } .img-list{ margin: 0 -7px; } .img-list li{ width: 174px; padding: 8px; margin: 0 6px 20px 6px; background: #fff; float: left; border: solid 1px #ebebeb; text-align: center; } .img-list li:hover{ border: solid 1px #ddd; } .img-list li a b{ color: #333;} .img-list li img{ width: 174px; height: auto; /*height: 180px;*/ display: block; margin: 0 auto 10px auto; } /*----换页----*/ .record{ margin: 50px auto 30px auto; width: 680px; height: 36px; line-height: 28px; text-align: center; } .record a{ padding: 0 10px; border: solid 1px #ddd; display: inline-block; margin-left: -1px; vertical-align: middle; color: #999; } .record a:hover{ background: #04538b; color: #fff; } .record .prev,.record .next{ margin: 0 10px; } .n_link{ margin: 60px 0 40px 0; width: 810px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } .n_link ul li{ line-height: 40px; font-weight: bold; border-top: dotted 1px #ddd; margin-top: -1px; padding: 0 20px 0 30px; } .n_link ul li a{ color: #666; margin-left: 12px; font-weight: normal; } .n_link ul li a:hover{ color: #333; } .n_link ul li span{ float: right; font-weight: normal; +margin-top: -40px!important; +padding-right: 20px!important; }