*{
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;
}