html,body{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-family: "microsoft yahei";
min-width: 1300px;
}
ul{
padding: 0;
margin: 0;
}
ul li{
list-style: none;
}
.wrap{
width: 1200px;
margin: 0 auto;
}
.fl{
float: left;
}
.fr{
float: right;
}
.vtop{
vertical-align: top;
}
.vmid{
vertical-align: middle;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
.header{
background: url(../images/body-bg.png) center top;
width: 100%;
background-size: 100%;
}
.header .logo-search{
overflow: hidden;
height: 150px;
}
.header .logo-search .logoDiv{
margin-top: 25px;
}
.header .logo-search .searchDiv{
margin-top: 63px;
position: relative;
width: 200px;
}
.header .logo-search .searchDiv input{
background: url(../images/search-bg.png) no-repeat center top;
width: 143px;
height: 28px;
border: 0;
padding-left: 10px;
padding-right: 30px;
line-height: 28px;
position: relative;
float: left;
font-family: "microsoft yahei";
}
.header .logo-search .searchDiv input:focus{
outline: none;
}
.header .logo-search .searchDiv .searchBtn{
background:none;
position: absolute;
margin-top: 3px;
padding:0px;
margin-left: -30px;
float: left;
height:21px;width:21px;
}
.navDiv{
/* background: url(../images/nav-bg.png) center center; */
width: 100%;
height: 50px;
background-size: 100%;
background-color: #001C8C;
}
.navDiv ul{
width: 1200px;
margin: 0 auto;
}
.navDiv>ul>li{
float: left;
width: 110px;
padding: 0 20px;
text-align: center;
color: #fff;
font-size: 18px;
height: 50px;
line-height: 50px;
}
.navDiv>ul>li:hover{
background: #287800;
}
.navDiv>ul>li:hover .twoNav{
display: block;
}
.navDiv ul li a{
color: #FFFFFF;
text-decoration: none;
display: inline-block;
height: 50px;
/* padding: 0 21px; */
}
.navDiv>ul>li .twoNav{
display: none;
position: absolute;
margin-top: 0;
margin-left: 0;
z-index: 10;
}
.navDiv>ul>li .twoNav li{
background: rgba(40,120,0,0.8);
width: 127px;
margin-top: 1px;
text-align: center;
color: #fff;
font-size: 16px;
height: 35px;
line-height: 35px;
}
/********banner********/
.banner-wrap{
background: #fff;
padding: 30px 0;
}
.focusBox { position: relative; width:1180px; height:365px; padding:10px; overflow: hidden;border: 1px solid #f9f9f9; box-shadow: 0px 2px 10px #bfbfbf}
.focusBox .pic img { width:100%; height:365px; display: block; border: 0;}
.focusBox .pic li{position: relative;width:100%; height:365px;}
.focusBox .pic li span{background: url("../images/banner_span_bg.png");color: #fff;position: absolute; left:0;bottom: 0; width: 100%; height: 40px; line-height:40px;font-size: 12px; padding-left: 20px}
.focusBox .hd{ position:absolute; z-index:1; bottom:10px; right:20px; height:30px; line-height:30px; text-align:right; }
.focusBox .hd li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px;border-radius: 15px; margin:4px; background:url("../images/bannner.png") no-repeat; overflow:hidden;
line-height:9999px;}
.focusBox .hd .on{ background:url("../images/banner_on.png") no-repeat; filter:alpha(opacity=100);opacity:1;}
/*main*/
.main-container{
width: 1200px;
margin: 0 auto;
overflow: visible;
}
.main-container:after{
content: "";
display: block;
clear: both;
}
.main-left{
display: inline-block;
float: left;
width: 585px;
margin-right: 30px;
}
.main-right{
display: inline-block;
float: left;
width: 585px;
}
.main-ul-box{
margin-bottom: 21px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
padding: 15px;
}
.main-ul-title{
height: 37px;
background: url("../images/bg_md.jpg") repeat-x left bottom;
font-size: 17px;
color: #283e63;
}
.main-ul-title img,
.main-ul-title span{
vertical-align: middle;
}
.main-ul-title span{
padding-left: 9px;
}
.main-ul{
padding-top: 2px;
min-height:180px;
}
.main-ul li{
height: 30px;
line-height: 30px;
}
.main-ul li img,
.main-ul li a,
.main-ul li span{
vertical-align: middle;
}
.main-ul li img{
padding-right: 8px;
}
.main-ul li a{
display: inline-block;
width: 450px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
color: #292929;
}
.main-ul li a:hover,
.server-list li a:hover{
color: #0066cc;
}
.main-ul li span{
float: right;
font-size: 14px;
color: #999;
}
.main-bottom-box{
width: 425px;
height: 70px;
overflow: hidden;
}
.main-bottom-box img{
width: 100%;
height: 100%;
transition: all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition: all 1s;
border: 0;
display: block;
}
.main-bottom-box img:hover{
transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
}
.right-top-pic{
margin-bottom: 20px;
width: 300px;
}
.server-box-title{
height: 32px;
background: url("../images/bg_sm.jpg") no-repeat left bottom;
}
.server-box-title img,
.server-box-title span{
vertical-align: middle;
}
.server-box-title span{
padding-left: 9px;
font-size: 17px;
color: #283e63;
}
.server-list{
padding-top: 10px;
padding-bottom: 20px;
}
.server-list li{
height: 30px;
line-height: 30px;
}
.server-list li img,
.server-list li a{
vertical-align: middle;
}
.server-list li a{
display: inline-block;
width: 280px;
padding-left: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
color: #292929;
}
.margin-right-bottom-title{
height: 35px;
padding-left: 21px;
line-height: 35px;
background: #d4e6f6;
font-size: 16px;
color: #004992;
width: 300px;
}
.margin-right-bottom-text{
height: 33px;
padding-left: 20px;
line-height: 33px;
border: 1px solid #e8e8e8;
font-size: 13px;
color: #434343;
width: 300px;
}
.margin-right-bottom-text span{
margin-right: 35px;
}
/* 联系信息卡片 */
.contact-card{
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
padding: 20px;
margin-top: 20px;
text-align: center;
height: 248px;
box-sizing: border-box;
}
.contact-pic{
margin-bottom: 20px;
}
.contact-pic img{
max-width: 65%;
height: auto;
border-radius: 4px;
}
.contact-info{
display: flex;
flex-direction: column;
}
.contact-item{
margin-top: 20px;
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
border-radius: 6px;
padding: 20px;
text-align: left;
display: flex;
gap: 30px;
}
.contact-row{
flex: 1;
}
.contact-label{
display: block;
font-size: 13px;
color: #666;
margin-bottom: 5px;
}
.contact-value{
display: block;
font-size: 16px;
color: #001C8C;
font-weight: bold;
}
/*link*/
.link-box{
width: 1200px;
margin: 0 auto;
}
.link-title{
height: 33px;
background: url("../images/bg_long.jpg") no-repeat left bottom;
}
.link-title img,
.link-title span{
vertical-align: middle;
}
.link-title span{
font-size: 18px;
color: #283e63;
}
.link-list{
padding: 17px 0 50px;height:50px;font-size: 13px;
}
.link-list a{display:block; color:#333;float:left;padding: 5px 25px 0 0;}
/* .link-list img{
vertical-align: middle;
padding: 0 12px;
cursor: pointer;
transition: all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition: all 1s;
}
.link-list img:first-child{
padding-left: 0;
}
.link-list img:last-child{
padding-right: 0;
}
.link-list img:hover{
transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
} */
/*fix-pic*/
/* .fix-pic{
position: fixed;
top: 300px;
left: 10px;
width: 250px;
height: 100px;
cursor: pointer;
overflow: hidden;
}
.fix-pic img{
width: 100%;
height: 100%;
transition: all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition: all 1s;
}
.fix-pic img:hover{
transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
} */
/**footer**/
.footer{
background: #0066cc;
text-align: center;
height: 183px;
}
.footer .wrap{
overflow: hidden;
padding-top: 26px;
}
.footer .text{
width: 655px;
margin-left: 184px;
color: #fff;
font-size: 12px;
}
.footer .maDiv{
width: 204px;
margin: 10px 0px;
overflow: hidden;
margin-left: 55px;
margin-top: 20px;
}
.footer .maDiv>div{
width: 136px;
color: #fff;
font-size: 12px;
margin:0 10px;
}
.footer .maDiv img{
margin:0 auto;
display:block;
margin-bottom: 5px;
width: 82px;
height: 80px;
}
/*********************列表页********************/
.list-main{
overflow: hidden;
margin: 0 auto 50px;
}
.list-main-left{
width: 208px;
margin-right: 40px;
}
.list-main-right{
width: 951px;
}
.list-top{
width: 208px;
height: 58px;
padding-top: 18px;
background: url("../images/list_nav_top.jpg") no-repeat;
}
.list-top span{
padding-left: 24px;
font-size: 16px;
color: #fff;
}
.list-nav ul{
}
/*.list-main-left .list-nav span{*/
/*color: #272727;*/
/*font-size: 15px;*/
/*text-align: center;*/
/*width: 200px;*/
/*background: #f3f4f4;*/
/*height: 49px;*/
/*line-height: 49px;*/
/*display: block;*/
/*border-bottom: 1px solid #dedede;*/
/*}*/
.list-main-left .list-nav ul{
padding-left: 8px;
border-bottom: 0;
}
.list-main-left .list-nav ul a li{
color: #272727;
font-size: 15px;
text-align: center;
width: 200px;
background: #f3f4f4 url("") no-repeat 60px center;
height: 49px;
line-height: 49px;
display: block;
border-bottom: 1px solid #dedede;
}
.list-main-left .list-nav ul li.active,
.list-main-left .list-nav ul li:hover{
background: #f3f4f4 url("") no-repeat 60px center;
color: #00589f;
}
.list-bottom{
padding-left: 8px;
padding-top: 1px;
}
.list-main-left .contact-div{
margin-top: 40px;
}
.list-main-left .contact-div .contact-title{
color: #3a5a9d;
font-size: 21px;
background: url("../images/list_bg.jpg") no-repeat left bottom;
padding-bottom: 0px;
height: 39px;
}
.list-main-left .contact-div .contact-title span{
padding-left: 6px;
padding-bottom: 10px;
position: absolute;
display: inline-block;
}
.contact-list ul{
padding-top: 10px;
}
.contact-list ul li{
padding: 10px 0 10px 6px;
color: #010101;
font-size: 14px;
}
.contact-list ul li span{
color: #000;
}
.pl60{
padding-left: 56px;
}
/**right**/
.list-right-title{
overflow: hidden;
color: #999;
font-size: 14px;
background: url("../images/list_content_line.jpg") no-repeat left bottom;
height: 40px;
padding-bottom: 5px;
/*line-height: 52px;*/
}
.list-right-title span{
font-size: 22px;
color: #000;
font-weight: bold;
}
.list-right-title>.fr{
padding-top: 16px;
}
.list-con ul li{
overflow: hidden;
padding: 20px 0 10px 0;
border-bottom: 1px dashed #e9e9e9;
font-size: 14px;
}
.list-con ul li img{
position: relative;
top: 6px;
margin-right:8px;
}
.list-con ul li a{
color: #303030;
font-size: 14px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 700px;
}
.list-con ul li a:hover{
color: #00589f;
}
.list-con ul li span{
color: #9f9f9f;
font-size: 14px;
}
/**page**/
.page{
text-align: center;
margin-top: 33px;
height: 27px;
position: relative;
}
.page input{
width: 30px;
height: 22px;
position: relative;
border: 1px solid #a9a9a9;
top:-0.5px;
line-height: 20px;
}
.page span{
display: inline-block;
margin: 0 10px;
color: #000;
}
.page a{
border: 1px solid #afd5f5;
padding: 0px 5px;
color: #000;
height: 24px;
display: inline-block;
}
.page a.active{
color: #cccccc;
}
.page a.toPage{
background: #d1e6fa;
margin-left: 20px;
}
/*list header*/
.list-header{
width: 1180px;
height: 260px;
padding: 10px;
margin: 28px auto 29px;
border: 1px solid #f9f9f9;
box-shadow: 0 2px 10px #bfbfbf
}
.list-header img{
width: 100%;
height: 100%;
}
/*content*/
.content-title{
padding: 30px 0 20px;
font-size: 20px;
font-weight: 600;
color: #3d3c3c;
text-align: center;
}
.content-time{
padding-bottom: 12px;
font-size: 12px;
color: #9a9a9a;
text-align: center;
}
.content-honor{
font-size: 14px;
color: #2e2e2e;
line-height: 30px;
}
.content-text{
font-size: 14px;
color: #2e2e2e;
line-height: 30px;
}
.content-end{
margin-top: 40px;
margin-bottom: 20px;
}
.content-end .content-text{
text-align: right;
}
.share-box{
text-align: right;
}
.share-box span{
font-size: 15px;
color: #444;
}
.share-box img{
width: 24px;
height: 24px;
margin: 0 2px;
border: none;
}
.page-box{
margin-top: 30px;
padding: 30px 0 0;
border-top: 1px solid #c2c2c2;
}
.page-box div{
font-size: 15px;
color: #444;
}
.page-box div:first-child{
margin-bottom: 17px;
}