@charset "utf-8"; .div { width: 100%; min-width: 1200px; font-size: 0; } /* 底部区域 */ .footer { width: 100%; background: #006070; padding: 30px 0; } .footer .banQ h2 { color: #fff; font-size: 24px; line-height: 50px; display: block; text-shadow: 2px 2px 6px #000; } .footer .banQ p { color: #fff; font-size: 18px; line-height: 35px; } .footer a { display: block; margin: 50px 0; } /* 顶部区域 */ .header { width: 100%; background: #006070; padding: 30px 0; } .header .navbar li { display: inline-block; float: left; padding: 0 33px; } .header .navbar li a { display: block; color: #fff; line-height: 60px; text-align: center; font-size: 18px; } .header .navbar li.hover a { border-bottom: 5px solid #fff; } /* 搜索框 */ .seaBox { position: relative; padding: 15px 0; } .button { width: 33px; height: 30px; background: url("../img/search1.png") no-repeat center center; float: right; margin-right: 10px; } .searchbox { width: 0px; height: 36px; border-radius: 22px; line-height: 36px; position: absolute; top: 50px; right: 10px; background: #fff; padding-left: 20px; display: none; } .text { float: left; width: 200px; height: 36px; border: none; outline: none; line-height: 36px; color: #acc7d2; font-size: 15px; } input::-webkit-input-placeholder { color: #acc7d2; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #acc7d2; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #acc7d2; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #acc7d2; } .submit { width: 22px; height: 22px; float: right; background: url("../img/search.png") no-repeat center center; margin-top: 4px; margin-right: 15px; border: none; outline: none; } .on { display: block; } /* 背景图去区域 */ .back { width: 100%; min-height: 800px; position: relative; } .back>img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -100; } .back h1 { display: inline-block; color: #fff; font-size: 96px; font-weight: normal; border-bottom: 4px solid #fff; line-height: 130px; margin-bottom: 30px; margin-top: 480px; } .back p { color: #fff; font-size: 32px; line-height: 45px; } /*搜索结果页*/ .searchWrap {min-height: 600px;background: #fff;padding: 50px 0px;} .searchWrap .serBox{padding:25px;background:#f4f4f4;margin-bottom:20px;position: relative;} .searchWrap .txt {border: none;height: 40px;width: 990px;font-size: 15px;padding-left: 10px;color: #3d3d3d;} .searchWrap .btn {border: none;height: 40px;width: 150px;text-align: center;float: right;cursor: pointer;_display: inline;color: #fff;right: 25px;top: 25px;background: #135da9;font-size: 18px;} .searchWrap ul{padding-bottom:30px;} .searchWrap ul li{line-height:2em; border-bottom:1px solid #dedede;padding:20px 0} .searchWrap ul li a{display:block;height: 140px;} .searchWrap ul li a h3{font-size:18px;font-weight:bold;margin-bottom:15px;line-height: 30px;} .searchWrap ul li a p{font-size:14px;line-height: 25px;} .searchWrap ul li a span.time{color:#999;margin-top:15px;line-height: 30px;display: block;font-size: 14px;} /* 文字内容页 */ .cont-word{margin:30px 20px 10px;} .cont-word h2.tit{text-align:center;line-height:40px;font-size:27px;color:#105aa1;margin-bottom:10px;} .time-more{line-height:30px;text-align:center;font-size:14px;color:#999;} .time-more span{margin-left:20px;} .list-word{min-height:400px;} .cont-word{margin:30px 20px 10px;} .cont-word h2.tit{text-align:center;line-height:40px;font-size:27px;color:#105aa1;margin-bottom:10px;word-wrap: break-word;word-break: normal;} .time-more{line-height:30px;text-align:center;font-size:14px;color:#999;} .time-more span{margin-left:20px;} .list-word{min-height:400px;} .list-page p{font-size: 18px;line-height: 30px;color:#333333;padding: 0;/* text-indent: 2em; */margin-bottom:10px;word-wrap: break-word;word-break:normal;} .list-page p img{margin:10px auto 10px } /* 列表页 */ .con>div>ul{ margin-bottom:30px; } .con>div>ul li { padding: 30px 0; border-bottom: 1px dashed #d1d1d1; } .con>div>ul a { display: block; overflow: hidden; } .con>div>ul li a p span.tit { display: block; font-size: 20px; color: #000000; line-height: 40px; margin-bottom: 10px; } .con>div>ul li a p span.txt { display: block; font-size: 14px; color: #888888; line-height: 25px; margin-bottom: 10px; text-indent: 2em; } .con>div>ul li a:hover p span.tit { color: #043df7; } .con>div>ul li a:hover p span.txt { color: #111111; } .con>div>ul li a p span.time, .con>div>ul li a p span.num, .con>div>ul li a p span.who { font-size: 14px; color: #72aac2; line-height: 25px; } .con>div>ul li a p span.time { background: url(../img/time.png) no-repeat left center; padding-left: 25px; } .con>div>ul li a p span.num, .con>div>ul li a p span.who { margin-left: 30px; } /* 单篇 */ .usLeft{ width: 350px; } .usLeft h2 { width: 80%; background: #115e6e; border-radius: 30px 30px 0 0; color: #fff; font-size: 30px; line-height: 35px; font-weight: normal; padding: 20px 10%; text-align: center; } .usLeft ul { padding: 0 0 20px 0; overflow: hidden; } .usLeft ul li a { width: 80%; padding:0 10%; height: 50px; display: block; color: #115e6e; font-size: 18px; line-height: 50px; border-bottom:1px solid #dfdfdf; text-align:center; word-wrap: break-word; word-break: normal; } .usLeft ul li a.hover { /* color:#fff; */ background: #f6fbff; border-left: 8px solid #F3AC03; } .con .usRight{ width: 980px; padding: 0 0 0 70px; } .con>.web>div div.usRight ul{margin: 15px 0;} .con>.web>div div.usRight ul>li { float: left; width: 470px; margin: 10px; } .con>.web>div div.usRight ul>li p { font-size: 16px; color: #005e6e; width: 100%; text-align: center; line-height: 30px; height: 30px; } .con>.web>div div.usRight ul>li a{display:block;width: 400px;height: 225px;overflow:hidden;margin: 0 auto;} .con>.web>div div.usRight ul>li a img{width: 400px;height: 225px;display: block;margin: 0 auto;transition: all 1.2s;} .con>.web>div div.usRight ul>li:hover a img{ transform: scale(1.2); } .con>.web>div div.usRight ul>li:hover p{color:#005e6e;}