You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
3.8 KiB
CSS
102 lines
3.8 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
html{background:none; }
|
|
body{background:none; }
|
|
.index_bg{float:left;width: 100%; background:url(images/index_bg.png) repeat-x;background-size:100% 100%;min-width:800px;}
|
|
.top_box{float:left;width: 100%; height:87px; background:url(images/top_box.png) repeat-x 0 0px;}
|
|
.center_box{float:left;width: 100%; border:none;}
|
|
.bottom_box{float:left;width: 100%; height:50px; background:url(images/bottom_box.png) repeat-x; text-align:center; color:#000000; position:relative;}
|
|
|
|
|
|
|
|
/*头部*/
|
|
.logo{ background:url(images/logo.png) no-repeat;float:left;width:700px; height:87px;}
|
|
.logo .info_box{float:right;height:48px; line-height:48px; margin:15px 0 0 0;width:280px; display:block;}
|
|
.logo .info_box span,.info_box lable{float:left;height:24px; line-height:24px; text-align:left; color:#ffffff; font-family:"微软雅黑";}
|
|
.logo .info_box span#sp_name{ font-size:24px;}
|
|
.logo .info_box .datetime{float:right;height:40px; line-height:40px; margin:0;width:280px;color:#ffffff; text-align:left; }
|
|
.logo .info_box .datetime font{height:40px; line-height:40px; }
|
|
|
|
|
|
.top_right{ float:right;width: 240px; height:87px;}
|
|
|
|
.top_right ul.top_btn{float:right;height:87px; line-height:87px; margin:0;width:240px;}
|
|
.top_right ul.top_btn li{ width:120px;height:87px; line-height:87px;float:left;}
|
|
.top_right ul.top_btn li a{ width:120px;height:87px; line-height:87px;float:right; color:#ffffff; text-align:center; cursor:pointer; font-size:1.8em;}
|
|
.top_right ul.top_btn li a span { float:left; margin-top:50px; height:37px; line-height:37px;color:#ffffff; text-align:center;width:120px; }
|
|
.top_right ul.top_btn li a:hover,.top_right ul.top_btn li a:hover span{ color:#feb80b;}
|
|
|
|
|
|
/*菜单栏*/
|
|
.layout-panel-west{background:none;}
|
|
.panel-header { border:none !important; background:none!important; width:285px!important; filter:none!important; height:0px!important; padding:0px!important; margin:0px; }
|
|
.accordion-body{background-color:transparent; border:none; }
|
|
.panel-body{background-color:transparent;border:none; overflow:visible;}
|
|
|
|
|
|
|
|
|
|
|
|
.ty_box{margin:20px 0px;}
|
|
.ty_box ul{ width:100%; text-align:left; margin:0px;}
|
|
.ty_box ul li {
|
|
width: 19%;
|
|
height: 160px; display:inline-block; text-align:center;
|
|
}
|
|
.ty_box ul li a{
|
|
width: 330px;
|
|
height: 140px;margin:0 auto 20px auto ; display:block;
|
|
color: #FFF;
|
|
text-align: center;
|
|
text-shadow: 0 -1px -1px rgba(0,0,0,0.2)!important;
|
|
border: 0;
|
|
border-radius: 12px;
|
|
line-height: 1.7;
|
|
position: relative;
|
|
}
|
|
.ty_box ul li a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.ty_box ul li a .text { width:190px; height:140px;float:left; vertical-align:middle;
|
|
padding: 40px 0px 8px 10px ;
|
|
}
|
|
.ty_box ul li a i { font-size:9em; float:right;
|
|
padding: 12px 20px 8px 0 ; width:140px;
|
|
}
|
|
.ty_box ul li a i:hover { font-size:9em;
|
|
}
|
|
|
|
.ty_box ul li a span { font-family:"微软雅黑";text-align:left; display:block;font-size:16px;
|
|
}
|
|
.ty_box ul li a span.title {font-size:24px; font-weight:bold; width:180px; margin:auto;
|
|
}
|
|
.ty_box ul li a span.s1 { text-align:left;
|
|
}
|
|
.ty_box ul li a span.s2 { text-align:right;
|
|
}
|
|
|
|
@media only screen and (max-width:1769px) {
|
|
.ty_box ul li {
|
|
width: 24%;
|
|
height: 160px; display:inline-block; text-align:center;
|
|
}
|
|
}
|
|
@media only screen and (max-width:1419px) {
|
|
.ty_box ul li {
|
|
width: 33%;
|
|
height: 160px; display:inline-block; text-align:center;
|
|
}
|
|
}
|
|
@media only screen and (max-width:1069px) {
|
|
.ty_box ul li {
|
|
width: 49%;
|
|
height: 160px; display:inline-block; text-align:center;
|
|
}
|
|
}
|
|
|
|
/*底部*/
|
|
.bottom_box span{ height:50px; line-height:50px; text-align:center; color:#ffffff; vertical-align:middle;}
|
|
|
|
|
|
|