@charset "utf-8"; @media screen and (min-width: 1200px) { .inbanner a { display: block; overflow: hidden; width: 100%; height: 306px; } .inpagebox{ } .innertitle { background: url(../images/home.png) no-repeat left; padding-left: 30px; border-bottom: 1px solid #dfdfdf; height: 60px; line-height: 60px; width: 1200px; margin: 0px auto; font-size: 14px; } .innertitle a{ font-size: 0.875rem; } .neirong{ font-size: 14px; width: 1200px; line-height: 35px; padding: 30px 0; } /*内页*/ .inpagebox { overflow: hidden; width: 100%; padding: 0px; } .inpagebox02 { background-color: #fff } .inmenu { width: 100%; position: relative; /* margin-bottom: 50px; */ } .inmenu em { display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 1px; background-color: #cdd8e8; } .inmenu ul { margin: 0 auto; position: relative; z-index: 2; width: 100%; text-align: center; } .inmenu li { display: inline-block; margin: 0 10px; position: relative; *height: 75px; } .inmenu li div.rowsChildCln { position: absolute; bottom: -22px; display: none; width: 1000px; } .inmenu li div.rowsChildCln a { float: left; margin-right: 10px; } .inmenu li { *display: inline; } .inmenu li a { display: block; font-size: 14px; color: #777; padding: 10px 20px; border-radius: 3px; margin-bottom: 5px; text-align: center; text-decoration: none } .inmenu li i { display: none; width: 1px; height: 30px; background-color: #cdd8e8; margin: 0 auto; margin-bottom: 4px; } .inmenu li b { display: none; width: 3px; height: 3px; background-color: #b2c0d5; margin: 0 auto; } .inmenu li.cur div.rowsChildCln { display: block; } .inmenu li.cur a, .inmenu li:hover a { background-color: #1651b9; color: #fff; } .inmenu li a.on { background-color: #1651b9; color: #fff; } .inmenu li.cur, .inmenu li:hover { display: inline-block; } /* .inmenu li.cur, .inmenu li:hover { *display: inline; *zoom: 1 } .inmenu li.cur i, .inmenu li:hover i { display: block } .inmenu li.cur i, .inmenu li:hover i { *display: inline-block } */ .inmenu li.cur b, .inmenu li:hover b { display: block } .inmenu li.cur b, .inmenu li:hover b { *display: inline-block } .probox { overflow: hidden; width: 1200px; margin: 0 auto; position: relative; margin-bottom: 5px; } .probox ul { padding: 10px; overflow: hidden; width: 1230px; } .probox li { overflow: hidden; float: left; position: relative; width: 380px; height: 460px; margin-right: 16px; background-color: #fff; margin-bottom: 20px; } .probox li img { display: block; position: absolute; left: 0; top: 0 } .probox li .wen { overflow: hidden; padding: 0 20px; width: 346px; height: 93px; border-top: 1px solid #ccc; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(../images/p02_jiantou.png) no-repeat -40px center; } .probox li h4 { font-size: 16px; font-weight: normal; margin-top: 20px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .probox li h4 a { color: #333; } .probox li p { font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 290px; } .probox li:hover { box-shadow: 0 0 10px #ccc; } .probox li:hover a { color: #fff; } .probox li:hover p { color: #a3beef; } .fenye { overflow: hidden; margin: 0 auto; height: 38px; } .fenye li { float: left; width: 36px; height: 36px; border: 1px solid #cecece; text-align: center; line-height: 36px; font-size: 16px; color: #888; margin: 0 5px; cursor: pointer } .fenye li:hover, .fenye li.cur { color: #fff; background-color: #1651b9; border-color: #1651b9; } /* 新闻列表 */ .innewsbox { width: 100%; margin-bottom: 30px; } .innewsbox .listnews { overflow: hidden; width: 100%; } .innewsbox .listnews dl { overflow: hidden; padding: 40px 0; border-bottom: 1px solid #eee; margin-bottom: 0; width: 1200px; } .innewsbox .listnews dt { overflow: hidden; float: left; position: relative } .innewsbox .listnews dd { overflow: hidden; width: 700px; float: left; position: relative; height: 125px; } .innewsbox .listnews dt img { display: block; float: left; margin-left: 30px; margin-right: 25px; } .innewsbox .listnews dt h4 { font-weight: normal; float: left; margin-top: 40px; margin-right: 30px; } .innewsbox .listnews dt em { font-size: 28px; color: #333; display: block; font-family: Arial; } .innewsbox .listnews dt span { display: block; font-size: 14px; color: #888; float: left; font-family: Arial; } .innewsbox .listnews dt i { display: none; width: 0px; height: 2px; background-color: #1651b9; position: absolute; left: 267px; top: 62px; } .innewsbox .listnews dd h5 { font-weight: normal; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px; width: 600px; } .innewsbox .listnews dd p { font-size: 14px; width: 600px; color: #666; line-height: 20px; height: 40px; overflow: hidden; } .innewsbox .listnews dd .more { overflow: hidden; display: block; width: 40px; height: 40px; background: url(../images/innews_more.jpg) no-repeat center top; position: absolute; top: 44px; right: 0; } .innewsbox .listnews:hover dl { background-color: #e8eff9; box-shadow: none } .innewsbox .listnews:hover { box-shadow: 0 0 10px #ccc } .innewsbox .listnews:hover h5 a { color: #1651b9; } } @media (max-width: 768px) { .inbanner a { display: block; overflow: hidden; width: 100%; height:100%; } .inpagebox{ margin-top: 50px; } .innertitle { background: url(../images/home.png) no-repeat left; padding-left: 30px; border-bottom: 1px solid #dfdfdf; height: 40px; line-height: 40px; width: 90%; margin: 0px auto; font-size: 1rem; } .innertitle a{ font-size: 0.875rem; } .neirong{ width: 98%; padding: 1%; line-height: 1.875rem; } /*内页*/ .inpagebox { overflow: hidden; width: 100%; /* padding: 20px 0; background-color: #e8eff9; */ } .inpagebox02 { background-color: #fff } .inmenu { width: 100%; position: relative; /* margin-bottom: 50px; */ } .inmenu em { display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 1px; background-color: #cdd8e8; } .inmenu ul { margin: 0 auto; position: relative; z-index: 2; width: 100%; text-align: center; } .inmenu li { display: inline-block; margin: 0 10px; position: relative; *height: 75px; } .inmenu li div.rowsChildCln { position: absolute; bottom: -22px; display: none; width: 100%; } .inmenu li div.rowsChildCln a { float: left; margin-right: 10px; } .inmenu li { *display: inline; } .inmenu li a { display: block; font-size: 14px; color: #777; padding: 10px 20px; border-radius: 3px; margin-bottom: 5px; text-align: center; text-decoration: none } .inmenu li i { display: none; width: 1px; height: 30px; background-color: #cdd8e8; margin: 0 auto; margin-bottom: 4px; } .inmenu li b { display: none; width: 3px; height: 3px; background-color: #b2c0d5; margin: 0 auto; } .inmenu li.cur div.rowsChildCln { display: block; } .inmenu li.cur a, .inmenu li:hover a { background-color: #1651b9; color: #fff; } .inmenu li a.on { background-color: #1651b9; color: #fff; } .inmenu li.cur, .inmenu li:hover { display: inline-block; } /* .inmenu li.cur, .inmenu li:hover { *display: inline; *zoom: 1 } .inmenu li.cur i, .inmenu li:hover i { display: block } .inmenu li.cur i, .inmenu li:hover i { *display: inline-block } */ .inmenu li.cur b, .inmenu li:hover b { display: block } .inmenu li.cur b, .inmenu li:hover b { *display: inline-block } .probox { overflow: hidden; width: 100%; margin: 0 auto; position: relative; margin-bottom: 54px; } .probox ul { padding: 10px; overflow: hidden; width: 100%; height: auto; float: left; } .probox li { overflow: hidden; float: left; position: relative; width: 95%; height: 460px; background-color: #fff; margin-bottom: 20px; } .probox li img { width: 100%; display: block; position: absolute; left: 0; top: 0 } .probox li .wen { overflow: hidden; padding: 0 20px; width: 100%; height: 93px; border-top: 1px solid #ccc; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(../images/p02_jiantou.png) no-repeat -40px center; } .probox li h4 { font-size: 16px; font-weight: normal; margin-top: 20px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .probox li h4 a { color: #333; } .probox li p { font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 290px; } .probox li:hover { box-shadow: 0 0 10px #ccc; } .probox li:hover a { color: #fff; } .probox li:hover p { color: #a3beef; } .age_li_about{ padding: 1%; margin-top: 50px; } .age_li_about img{ width: 90%; } .fenye { overflow: hidden; margin: 0 auto; height: 38px; } .fenye li { float: left; width: 36px; height: 36px; border: 1px solid #cecece; text-align: center; line-height: 36px; font-size: 16px; color: #888; margin: 0 5px; cursor: pointer } .fenye li:hover, .fenye li.cur { color: #fff; background-color: #1651b9; border-color: #1651b9; } #neir{ margin-top: 50px; } /* 新闻列表 */ .innewsbox { width: 100%; margin-bottom: 30px; } .innewsbox .listnews { overflow: hidden; width: 98%; padding: 1%; } .innewsbox .listnews dl { overflow: hidden; padding: 0; border-bottom: 1px solid #eee; margin-bottom: 0; width: 98%; } .innewsbox .listnews dt { overflow: hidden; float: left; position: relative; text-align: center; width: 100%; height: auto; } .innewsbox .listnews dd { overflow: hidden; width: 100%; float: left; position: relative; height: 125px; } .innewsbox .listnews dt img { display: block; float: left; width: 100%; } .innewsbox .listnews dt h4 { display: none; font-weight: normal; float: left; margin-top: 40px; margin-right: 30px; } .innewsbox .listnews dt em { font-size: 28px; color: #333; display: block; font-family: Arial; } .innewsbox .listnews dt span { display: block; font-size: 14px; color: #888; float: left; font-family: Arial; } .innewsbox .listnews dt i { display: none; width: 0px; height: 2px; background-color: #1651b9; position: absolute; left: 267px; top: 62px; } .innewsbox .listnews dd h5 { font-weight: normal; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px; width: 100%; } .innewsbox .listnews dd p { font-size: 14px; width: 100%; color: #666; line-height: 20px; height: 40px; overflow: hidden; } .innewsbox .listnews dd .more { overflow: hidden; display: none; width: 40px; height: 40px; background: url(../images/innews_more.jpg) no-repeat center top; position: absolute; top: 44px; right: 0; } .innewsbox .listnews:hover dl { background-color: #e8eff9; box-shadow: none } .innewsbox .listnews:hover { box-shadow: 0 0 10px #ccc } .innewsbox .listnews:hover h5 a { color: #1651b9; } }