.index {
width: 1050px;
margin: 0 auto;
box-sizing: border-box;
/*overflow: hidden;*/
}
/* æ–°é—»å¤´æ¡ */
.header-tj {
width: 100%;
height: 75px;
margin: 20px auto;
background: #fff 15px center no-repeat;
}
.header-tj-title {
box-sizing: border-box;
padding: 0 20px;
display: block;
width: 880px;
height: 75px;
line-height: 75px;
text-align: center;
margin-left: 170px;
font-size: 22px;
font-weight: bold;
color: #045fa8;
}
/* 第一部分 */
.boxone {
width: 100%;
height: 400px;
margin: 0 auto;
box-sizing: border-box;
padding: 20px 15px 0;
background-color: #fff;
}
.one-left {
width: 545px;
height: 360px;
float: left;
}
/* å›¾ç‰‡è½®æ’ */
.ft-carousel {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.example_bg {
width: 100%;
height: 40px;
background-color: rgba(0, 0, 0, 0.4);
font-size: 16px;
color: #ffffff;
line-height: 40px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
text-indent: 40px;
}
.ft-carousel .carousel-inner {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.carousel-inner {
width: 99999px;
}
.ft-carousel .carousel-inner .carousel-item {
float: left;
height: 100%;
}
.ft-carousel .carousel-item a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.ft-carousel .carousel-item img {
width: 100%;
height: 100%;
}
.ft-carousel .carousel-item a span {
display: block;
width: 100%;
height: 40px;
background-color: rgba(0, 0, 0, .4);
position: absolute;
bottom: 0;
left: 0;
line-height: 40px;
color: #fff;
font-size: 16px;
text-indent: 20px;
}
#carousel_1 .carousel-indicators {
z-index: 100;
position: absolute;
right: 0;
bottom: 10px;
width: 130px;
text-align: center;
font-size: 0;
}
#carousel_1 .carousel-indicators span {
display: inline-block;
width: 13px;
height: 13px;
background-color: #fff;
margin: 0 5px;
border-radius: 50%;
cursor: pointer;
}
#carousel_1 .carousel-indicators span.active {
background-color: #0288bb;
}
.ft-carousel .carousel-btn {
position: absolute;
top: 50%;
width: 50px;
height: 45px;
margin-top: -25px;
cursor: pointer;
}
.one-right {
width: 445px;
height: 350px;
margin-top: 10px;
margin-left: 25px;
float: left;
}
.one-right-title {
width: 445px;
height: 30px;
box-sizing: border-box;
border-bottom: 2px solid #0080d4;
color: #000;
}
.one-right-title ul li a {
display: block;
padding: 0 10px;
height: 30px;
line-height: 30px;
float: left;
text-align: center;
font-size: 18px;
}
.one-right-title-active {
background-color: #0080d4;
color: #fff;
}
.one-right-content {
width: 100%;
margin-top: 10px;
}
.one-right-content ul li {
display: block;
width: 445px;
}
.one-right-content ul li a {
display: block;
width: 340px;
float: left;
height: 35px;
line-height: 35px;
font-size: 16px;
color: #111;
}
.one-right-content ul li span {
display: block;
float: right;
height: 35px;
line-height: 35px;
font-size: 15px;
color: #777;
}
.one-right-content ul li a:hover {
color: #0080d4;
}
/* 第二部分 */
.boxtwo {
width: 1050px;
height: 290px;
margin-top: 20px;
background-color: #fff;
box-sizing: border-box;
padding: 0 15px;
}
.two-title {
width: 100%;
height: 43px;
box-sizing: border-box;
background: left center no-repeat;
}
.two-title a {
display: block;
float: right;
width: 55px;
height: 43px;
background: center no-repeat;
}
.two-content {
width: 1020px;
height: 237px;
margin-top: 10px;
}
.two-left {
width: 349px;
height: 100%;
float: left;
margin-right: 5px;
}
.two-left ul.two-left-top li {
display: block;
height: 48px;
float: left;
margin-bottom: 15px;
}
.two-left ul.two-left-top li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.two-left ul.two-left-top li a {
display: block;
height: 48px;
}
.two-left ul.two-left-top li:nth-of-type(1) a {
width: 164px;
background: no-repeat;
}
.two-left ul.two-left-top li:nth-of-type(2) a {
width: 160px;
background: no-repeat;
}
.two-left ul.two-left-top li:nth-of-type(3) a {
width: 164px;
background: no-repeat;
}
.two-left ul.two-left-top li:nth-of-type(4) a {
width: 160px;
background: no-repeat;
}
/*.two-right{*/
/*width:291px;*/
/*height:100%;*/
/*float: left;*/
/*}*/
.two-left ul.two-left-bottom li {
float: left;
height: 85px;
width: 67px;
margin: 0 22px;
}
.two-left ul.two-left-bottom li a {
display: block;
height: 85px;
width: 67px;
padding-top: 60px;
font-size: 14px;
color: #222;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
.two-left ul.two-left-bottom li:nth-of-type(1) a {
background: center top no-repeat;
}
.two-left ul.two-left-bottom li:nth-of-type(2) a {
background: center top no-repeat;
}
.two-left ul.two-left-bottom li:nth-of-type(3) a {
background: center top no-repeat;
}
.two-center {
width: 350px;
float: left;
margin-right: 16px;
}
.two-right {
width: 300px;
height: 100%;
float: left;
}
.two-center-title,
.two-right-title {
width: 100%;
height: 35px;
background-color: #eee;
box-sizing: border-box;
border-bottom: 2px solid #8bbbe9;
color: #111;
}
.two-center-title ul li a,
.two-right-title ul li a {
display: block;
width: 116px;
height: 34px;
font-size: 16px;
font-weight: bold;
line-height: 34px;
text-align: center;
float: left;
}
.two-center-title-active,
.two-right-title-active {
background: no-repeat;
color: #fff;
}
.two-center-list,
.two-right-list {
width: 100%;
height: 192px;
margin-top: 10px;
}
.two-center-list ul li,
.two-right-list ul li {
width: 100%;
height: 35px;
display: block;
}
.two-center-list ul li a,
.two-right-list ul li a {
display: block;
height: 35px;
line-height: 35px;
color: #222;
font-size: 15px;
float: left;
}
.two-center-list ul li a:hover,
.two-right-list ul li a:hover {
color: #0080d4;
}
.two-center-list ul li span,
.two-right-list ul li span {
display: block;
height: 35px;
line-height: 35px;
color: #777;
font-size: 14px;
float: right;
}
/* 第三部分 */
/* 第四部分 */
.boxfour {
height: 166px;
width: 1050px;
margin-top: 20px;
box-sizing: border-box;
;
padding: 0 15px;
background-color: #fff;
}
.four-title {
width: 1020px;
height: 43px;
background: left 10px no-repeat;
}
.four-title a {
display: block;
float: right;
width: 55px;
height: 44px;
background: center no-repeat;
}
.box4 {
width: 980px;
height: 85px;
overflow: hidden;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
}
.box4 a {
display: block;
width: 100%;
height: 100%;
}
.box4 a img {
width: 100%;
height: 100%;
}
/* 第五部分 */
.boxfive {
width: 1050px;
margin-top: 20px;
box-sizing: border-box;
height: 280px;
background-color: #fff;
overflow: hidden;
}
.five-left {
width: 772px;
height: 100%;
float: left;
box-sizing: border-box;
padding: 0 15px;
background-color: #fff;
}
.five-left-content {
width: 358px;
margin-top: 20px;
margin-bottom: 20px;
float: left;
height: 220px;
}
.five-left-content-title {
width: 100%;
height: 35px;
box-sizing: border-box;
background-color: #eee;
border-bottom: 2px solid #8bbbe9;
color: #111;
}
.five-left-content-title a {
display: block;
width: 120px;
height: 34px;
font-size: 16px;
font-weight: bold;
line-height: 34px;
text-align: center;
float: left;
background: no-repeat;
color: #fff;
}
.five-left-content-list {
display: block;
margin-top: 10px;
}
.five-left-content-list li a {
display: block;
height: 35px;
line-height: 35px;
color: #222;
font-size: 15px;
float: left;
}
.five-left-content-list li a:hover {
color: #0080d4;
}
.m-r {
margin-right: 25px;
}
.five-right {
width: 263px;
height: 100%;
float: left;
margin-left: 15px;
box-sizing: border-box;
}
.five-right-box {
width: 245px;
height: 110px;
background-color: #f3f3f3;
margin-top: 20px;
margin-bottom: 20px;
}
.five-right-title {
display: block;
width: 110px;
height: 32px;
line-height: 32px;
box-sizing: border-box;
border-top: 2px solid #0080d4;
font-size: 16px;
color: #0080d4;
font-weight: bold;
text-align: center;
}
.five-right-text1 {
display: block;
width: 218px;
height: 43px;
margin: 10px auto;
background: no-repeat;
box-sizing: border-box;
padding-left: 55px;
line-height: 43px;
text-align: center;
font-size: 16px;
color: #555;
font-weight: bold;
}
.five-right-text2 {
display: block;
width: 218px;
height: 43px;
margin: 10px auto;
background: no-repeat;
box-sizing: border-box;
padding-left: 55px;
line-height: 43px;
text-align: center;
font-size: 16px;
color: #555;
font-weight: bold;
}
/* 第å…部分 */
.boxsex {
height: 108px;
width: 1050px;
margin-top: 20px;
box-sizing: border-box;
;
padding: 0 15px;
background-color: #fff;
}
.sex-title {
width: 1020px;
height: 43px;
background: left 10px no-repeat;
}
.sex-title a {
display: block;
float: right;
width: 55px;
height: 44px;
background: center no-repeat;
}
.box6 {
width: 1020px;
height: 43px;
overflow: hidden;
margin-top: 10px;
}
.box6 ul li {
margin-right: 7px;
float: left;
width: 139px;
height: 43px;
}
.box6 ul li:last-child {
margin-right: 0;
}
.box6 ul li a {
display: block;
width: 139px;
height: 43px;
}
/* å‹æƒ…链接 */
.index-link {
width: 1050px;
height: 50px;
background: 15px 5px no-repeat #fff;
margin-top: 20px;
box-sizing: border-box;
padding-left: 150px;
}
.index-link .lk {
width: 170px;
height: 25px;
float: left;
margin-left: 20px;
margin-top: 12px;
display: block;
border: 1px solid #9fafbb;
text-align: center;
line-height: 25px;
overflow: hidden;
}
.tab .tab_header {
width: 100%;
height: 35px;
box-sizing: border-box;
background-color: #eee;
border-bottom: 2px solid #8bbbe9;
color: #333;
}
.tab .tab_header li {
display: block;
padding: 0 16px;
height: 34px;
font-size: 16px;
font-weight: bold;
line-height: 34px;
text-align: center;
}
.tab .tab_header li.active {
background: no-repeat top right;
color: #fff;
}
.list_news {
padding-top: 10px;
}
.list_news li {
height: 34px;
line-height: 34px;
color: #222;
font-size: 15px;
}