.top { background: url(../images/topbg.png) no-repeat; background-size: 100% 100%; } .top-nava { display: flex; justify-content: space-between; padding: 30px 30px; } .notxt { width: 30px; border: 0; background: white url(../images/searchbg.png) no-repeat center center; } .search { display: flex; justify-content: right; padding: 10px 0; } .search-zh { margin-right: 8px; } input, textarea, select { padding: 0; font-family: inherit; outline: none; resize: none; background: none; border: none; font-size: inherit; color: inherit; } .search-zh a { color: white; padding: 9px; font-size: 14px; border: 1px solid white; text-decoration: none; } .search>form { margin-top: -8px; } .search>form>input { height: 36px; float: left; border: 0; border-radius: 0; } .notxt1 { width: 265px; background: white; } @media screen and (max-width: 1500px) {} @media screen and (max-width: 1400px) {} @media screen and (max-width: 1280px) {} @media screen and (max-width: 1100px) {} @media screen and (max-width: 1000px) {} @media screen and (max-width: 900px) {} @media screen and (max-width: 800px) {} @media screen and (max-width: 768px) { .notxt1{ width: 135px; } } @media screen and (max-width: 736px) { .notxt1{ width: 135px; } .mian-right-mian .item-mid .item-mid-title{height:60px !important;} } @media screen and (max-width: 700px) {} @media screen and (max-width: 667px) { .notxt1{ width: 135px; } .notxt1 { width: 65px; background: white; } } @media screen and (max-width: 568px) { .top-nava { display: unset; } .search { margin-top: 10px; display: flex; justify-content: center; padding: 10px 0; } .top { background: url(../images/topbg.png) no-repeat; background-size: 100% 100%; display:none; } } @media (max-width: 414px) { .top-nava { display: unset; } .search { margin-top: 10px; display: flex; justify-content: center; padding: 10px 0; } .top { background: url(../images/topbg.png) no-repeat; background-size: 100% 100%; display:none; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } .navbar { position: relative; min-height: auto; margin-bottom: 0px; border: 1px solid transparent; } .nav>li { padding: 15px 0; position: relative; } .nav>li:hover .nava-item-bg{ display: block ; } .nav>.homes>a{ background: #027DB4; color: #fff !important; border-radius: 20px; border: 0; } .nava-item-bg{ background: #DBEAEF; width: 90%; height: 100%; top: 0; z-index: -1; margin-left: 9px; position: absolute; display: none; } .navbar-nav>.action>.nava-item-bg{ display: block ; } .nav>li:nth-child(1) a { border-left: 1px solid #CCE5F0; } .nav>li:nth-child(7) a { border-right: 0px solid #CCE5F0; } .nav>li>a { position: relative; display: block; padding: 8px 27px; font-size: 20px; border-right: 1px solid #CCE5F0; color: #055e82 !important; } .nav > .homes > a:hover{ background: #027DB4 !important; color: #fff !important; border-radius: 20px; } .navbar-collapse { padding-right: 0px; padding-left: 0px; } .nav>.navbar>.container{ padding-left: 8px; padding-right: 8px; } .mian { padding-top: 28px; padding-bottom: 114px; background: #F5F5F5 url("../images/mianbg.png") no-repeat; background-position-y: 0%; } .mian>.container>.row{ margin-bottom: 20px; } .col-md-4, .col-md-8, .col-md-6 { padding-left: 8px; padding-right: 8px; } .col-md-12{ padding-left: 8px; padding-right: 14px; } .xwtt { background: white; /* width: 315px; */ } .xwtt>.title { padding: 10px 0px; font-size: 18px; color: white; background: #80B7C9 url(../images/newsxw.png) no-repeat; background-position-y: center; padding-left: 50px; background-position-x: 23px; } .xwtt>ul { padding-left: 0; list-style: none; padding: 15px 26px; } .xwtt>ul>li { padding: 10px 0; border-bottom: 1px solid #D6D6D6; } .xwtt>ul>li:last-child { border: 0; } .xwtt>ul>li>a { text-decoration: none; display: block; } .xwtt>ul>li>a>.title { font-size: 18px; color: #055e82; height: 51px; overflow: hidden; } .xwtt>ul>li>a>.cont { font-size: 14px; color: #666666; margin-top: 10px; height: 40px; overflow: hidden; } .xwtt>ul>li>a:hover .title { font-weight: 800; } .side { min-height: 440px; position: relative; } .side>.side-text { position: absolute; bottom: 0; color: white; font-size: 18px; width: 100%; padding: 10px 20px; background: rgba(0, 0, 0, .3); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .swiper-pagination { text-align: right; padding-right: 30px; } .swiper-pagination-bullet { border-radius: 100%; background: white; opacity: 1; } .navbar-header>img{ display: none; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } @media (min-width:992px) { .mian .col-md-4 { width: 28.22222222%; } .mian .col-md-8 { width: 71.11111118%; } .mian .col-md-6 { width: 43%; } } @media screen and (max-width: 1500px) { } @media screen and (max-width: 1400px) {} @media screen and (max-width: 1280px) {} @media screen and (max-width: 1100px) { .nav>li>a{ padding: 8px 15px; } } @media screen and (max-width: 1000px) {} @media screen and (max-width: 900px) {} @media screen and (max-width: 800px) {} @media screen and (max-width: 768px) { .nav>li>a{ padding: 8px 12px; font-size: 15px; } } @media screen and (max-width: 700px) {} @media screen and (max-width: 667px) { .nav>li>a{ text-align: center; width: 100%; } } @media screen and (max-width: 568px) { .navbar-header{ background: url(../images/topbg.png) no-repeat; background-size: 100% 100%; border: 0; } .navbar-header>img{ margin: 9px 0; margin-left: 10px; width: 80%; display: inline-block; } } @media (max-width: 414px) { .mian{ padding-bottom: 20px; } .side { min-height: 240px; position: relative; } .nav>li>a{ text-align: center; width: 100%; } .navba.navbar-default{ border: 0; } .navbar-header{ background: url(../images/topbg.png) no-repeat; background-size: 100% 100%; border: 0; } .navbar-header>img{ margin: 9px 0; margin-left: 10px; width: 80%; display: inline-block; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } .sfsd { background: white; border-top: 4px solid #EB9595; } .sfsd>.title { display: flex; justify-content: space-between; padding: 10px 25px; } .sfsd>.title>.sfsd-txt { font-size: 18px; color: #055e82; background: url(../images/sdsf01.png) no-repeat; padding-left: 30px; } .sfsd>.title>.More a { text-decoration: none; color: #797979; } .sfsd>.cont { padding: 10px 25px; } .sfsd>.cont>.cont-top a { text-decoration: none; color: #055e82; font-size: 18px; line-height: 20px; } .sfsd>.cont>.cont-top a img { width: 100%; } .sfsd>.cont>.cont-top a .txt { margin-top: 10px; height: 40px; overflow: hidden; } .sfsd>.cont>ul { padding-left: 0; list-style: none; margin-top: 10px; } .sfsd>.cont>ul>li { border-top: 1px solid #D6D6D6; padding: 8px 0; } .sfsd>.cont>ul>li>a { color: #646565; text-decoration: none; height: 36px; display: inline-block; overflow: hidden; } .sfsd>.cont>ul>li>a:hover{ color: red; text-decoration: underline; } .xydt { background: white; border-top: 4px solid #5ABFDC; } .xydt>.title { display: flex; justify-content: space-between; padding: 10px 25px; } .xydt>.title>.xydt-txt { font-size: 18px; color: #055e82; background: url(../images/jxky01.png) no-repeat; padding-left: 30px; } .xydt>.title>.More a { text-decoration: none; color: #797979; } .xydt>.cont ul { padding-left: 0; list-style: none; padding: 16px 25px; } .xydt>.cont ul li a { text-decoration: none; display: flex; justify-content: space-between; padding: 8px 0; color: #5d5d5d; } .xydt>.cont ul li a:hover{ color: red; } .xydt>.cont ul li a div:nth-child(1) { width: 78%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .xydt>.cont ul li a div:nth-child(2) { color: #999999; } .shfw { background: white; border-top: 4px solid #E57171; } .shfw>.title { display: flex; justify-content: space-between; padding: 10px 25px; } .shfw>.title>.shfw-txt { font-size: 18px; color: #055e82; background: url(../images/shfw01.png) no-repeat; padding-left: 30px; background-position-y: center; } .shside { min-height: 160px; position: relative; } .swiper-container1 { position: relative; } .shfw>.cont { padding: 10px 25px; } .shfw>.cont>.cont-top { overflow: hidden; height: 160px; } .swiper-container1>.swiper-pagination { text-align: right; padding-right: 5px; } .shside>.shside-text { position: absolute; bottom: 0; color: white; font-size: 14px; width: 100%; padding: 10px 10px; background: rgba(0, 0, 0, .6); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .shfw>.cont>ul { padding-left: 0; list-style: none; margin-top: 13px; } .shfw>.cont>ul>li { border-bottom: 1px solid #DCDCDC; } .shfw>.cont>ul>li:last-child { border: 0; } .shfw>.cont>ul>li>a { padding: 12px 0; display: block; text-decoration: none; color: #5d5d5d; height: 60px; display: inline-block; overflow: hidden; } .shfw>.cont>ul>li>a:hover{ color: red; text-decoration: underline; } @media screen and (max-width: 1500px) {} @media screen and (max-width: 1400px) {} @media screen and (max-width: 1280px) {} @media screen and (max-width: 1100px) {} @media screen and (max-width: 1000px) {} @media screen and (max-width: 900px) {} @media screen and (max-width: 800px) {} @media screen and (max-width: 700px) {} @media (max-width: 414px) { .xydt{ margin-top: 20px; } .shfw{ margin-top: 20px; } .xydt > .cont ul li a>div:first-child{ width: 70%; height: 20px; overflow: hidden; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } .mtjd { display: flex; justify-content: space-between; background: white; padding-right: 20px; } .mtjd-left { font-size: 18px; padding: 20px; background: #80B7C9; width: 60px; text-align: center; color: white; line-height: 18px; display: flex; flex-direction: column; justify-content: center; } .mtjd-left>span>img { margin-bottom: 20px; width: 100%; } .mtjd-rigt { width: 90%; } .mtjd-right-mian-img { background: #F9F9F9; width: 200px; } .mtjd-right-mian-img>a{ display: block; text-decoration: none; } .mtjd-right-mian-img>a img { width: 100%; } .mtjd-right-mian-img>a .title { font-size: 14px; margin: 20px 10px; } .mtjd-right-mian-img>a .cont { font-size: 14px; margin: 20px 10px; color: #636363; height: 40px; overflow: hidden; } .mtjd-right-mian { display: flex; justify-content: space-between; } .mtjd-rigt { padding: 30px 0; } .mtjd-rigt .more { text-align: right; margin-bottom: 20px; } .mtjd-rigt .more a { color: #797979; text-decoration: none; } .mtjd-right-mian-right { width: 77%; } .mtjd-right-mian-right>ul { padding-left: 0; list-style: none; margin-bottom: 0; } .mtjd-right-mian-right>ul>li { margin-bottom: 15px; } .mtjd-right-mian-right>ul>li:last-child { margin-bottom: 0; } .mtjd-right-mian-right>ul>li>a { text-decoration: none; color: #616161; display: flex; justify-content: space-between; } .mtjd-right-mian-right>ul>li>a>span:nth-child(1){ width: 88%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .mtjd-right-mian-right>ul>li>a:hover{ color: red; } .mtjd-right-mian-right>ul>li>a>.day { color: #999999; } @media screen and (max-width: 1500px) {} @media screen and (max-width: 1400px) {} @media screen and (max-width: 1280px) {} @media screen and (max-width: 1100px) {} @media screen and (max-width: 1000px) { .mtjd{ display:block; padding-right: 0; } .mtjd-left{ width: 100%; text-align: left; } .mtjd-left > span > img{ width: unset; margin-bottom: 5px; } .col-md-12 { padding-left: 8px; padding-right: 8px; } .mtjd-rigt{ width: 100%; background: white; padding: 0 20px; padding-top: 20px; padding-bottom: 20px; } .mtjd-right-mian{ display: unset; } .mtjd-right-mian-right{ width: 100%; } .mtjd-right-mian-img{ display: none; } .mtjd-right-mian-right > ul > li > a>span:first-child{ width: 70%; overflow: hidden; height: 20px; } } @media screen and (max-width: 900px) {} @media screen and (max-width: 800px) {} @media screen and (max-width: 768px) { .mtjd-left{ display: flex; justify-content: space-between; flex-direction: row; } .mtjd-left>.more>a{ font-size: 14px; color: white; } } @media screen and (max-width: 700px) {} @media (max-width: 414px) {} @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } .foot { background: url(../images/footbg.png) no-repeat; background-size: 100% 100%; } .foot-one { padding-top: 80px; padding-bottom: 100px; } .foot-nava ul { padding-left: 0; list-style: none; } .foot-logo { padding-top: 10px; } .foot-rwn { margin-top: 50px; } .foot-rwn img:nth-child(2) { margin-right: 14px; margin-left: 14px; } .foot-nava ul li { float: left; padding: 0 20px; border-left: 1px solid white; } .foot-nava ul li:nth-child(1) { padding-left: 0; border-left: 0; } .foot-nava ul li a { color: #f3f5f9; text-decoration: none; } .foot-nava ul li a:hover { color: red; } .foot-title { font-weight: 800; color: white; margin-bottom: 15px; } .foot-lxwm { color: white; /* border-top: 3px solid #3295C2; */ padding-top: 35px; margin-top: 0px; font-size: 18px; line-height: 35px; } .foot-img { margin-top: 20px; } .foot-img img { margin-right: 10px; } .foot-two { text-align: center; background: #0174A8; padding: 23px 0; line-height: 30px; color: rgba(255,255,255,.3); } @media screen and (max-width: 1500px) {} @media screen and (max-width: 1400px) {} @media screen and (max-width: 1280px) {} @media screen and (max-width: 1100px) {} @media screen and (max-width: 1024px){ .foot-rwn img:nth-child(2){ margin-right: 5px; margin-left: 5px; } .mian-right-mian .article img{ width: 100% !important; height:auto !important; } .mian-right-mian .item-mid .item-mid-title{ height:60px !important; } } @media screen and (max-width: 1000px) { .foot-logo { padding-top: 10px; text-align: center; } .foot-rwn { margin-top: 50px; text-align: center; } } @media screen and (max-width: 900px) {} @media screen and (max-width: 800px) {} @media screen and (max-width: 700px) {} @media (max-width: 414px) { .foot-one { padding-top: 20px; padding-bottom: 30px; } .foot-nava ul li { float: left; padding: 0 10px; border-left: 1px solid white; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 360px) { /******iphone X 7 8******/ .layer .search_box form .kw { width: 260px; } .mian-right-mian .item-mid .item-mid-title { height:60px } } @media (max-width: 320px) { /******iphone 5/SE******/ .foot-rwn { line-height: 150px; margin-top: 10px; } } /* 列表页 */ .mian-left .title { padding-top: 25px; padding-bottom: 18px; padding-left: 25px; background: #80B7C9; font-size: 24px; color: white; } .mian-left ul li { list-style: none; border-top: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1; border-right: 1px solid #F1F1F1; } .mian-left ul { padding-left: 0; background: #fff; } .mian-left ul li a { width: 100%; text-decoration: none; color: black; padding-left: 25px; height: 70px; display: inline-block; font-size: 18px; line-height: 70px; background: url('../images/rightjt.png') no-repeat; background-position-x: 90%; background-position-y: center; } .mian-right { box-shadow: 3px 5px 77px -17px rgba(0, 0, 0, 0.15); padding-bottom: 80px; background: #fff; } .mian-right > .title { display: flex; justify-content: space-between; border-bottom: 1px solid #F1F1F1; padding-left: 58px; padding-top: 29px; padding-right: 30px; background: white; } .mian-right .title .title-text { font-size: 24px; padding-bottom: 10px; border-bottom: 4px solid #0E6EB8; } .mian-right-mian ul { list-style: none; padding-left: 0; padding: 10px 33px; } .mian-right-mian ul li { padding: 20px 0; border-bottom: 1px solid #F1F1F1; } .mian-right-mian ul li a { display: inline-block; width: 100%; display: flex; text-decoration: none; justify-content: space-between; padding: 20px; transition: all 0.3s ease-in-out; } .mian-left ul li:hover a{ color: #0E6EB8; background: #DBEAEF url('../images/rightjt01.png') no-repeat; background-position-x: 90%; background-position-y: center; } .mian-left ul .hover a { color: #0E6EB8; background: #DBEAEF url('../images/rightjt01.png') no-repeat; background-position-x: 90%; background-position-y: center; } .mian-right-mian ul li a:hover { box-shadow: 3px 5px 77px -17px rgba(0, 0, 0, 0.3); transform: scale(1.06); background-color: #fff; } .mian-right-mian .item-left .mos { font-size: 12px; color: #181818; font-weight: 800; } .mian-right-mian .item-left .day { font-size: 42px; color: #0a8dbb; font-weight: 800; } .mian-right-mian .item-mid { width: 40%; } .mian-right-mian .item-mid .item-mid-title { font-size: 18px; color: #474747; font-weight: 800; height: 51px; /*line-height:17px;*/ overflow: hidden; } .mian-right-mian .item-mid .item-mid-cont { font-size: 14px; color: #929191; margin-top: 30px; height: 100px; overflow: hidden; } .mian-right-mian .item-mid .item-mid-bomm img { margin-left: 10px; } .mian-right-mian .item-mid .item-mid-bomm { color: #929191; } .mian-right-mian .item-mid.noimg { width: 89%; } .mian-left .title img { display: none; } .item-right img{ width: 331px; height: 201px; } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1200px){ .mian-right-mian .item-mid .item-mid-title { font-size: 15px; color: #474747; font-weight: 800; } .item-right { width: 40%; } .item-right img{ width: 100%; } } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1000px){ } @media screen and (max-width: 900px){ } @media screen and (max-width: 800px){ .mian-right-mian .article img{ width: 100%; height: auto; } } @media screen and (max-width: 700px){ } @media screen and (max-width: 640px){ .mian-right-mian>.title>.txt>.subtitle{ width: 100% !important; }} @media (max-width: 414px) { .mian-right-mian > .title > .txt{ width: 100%; } .mian-right-mian>.title>.txt>.subtitle{ width: 100%; } .newsimgs{ max-width: 85%; } .mian-right .title .title-text{ display: none; } .item-right{ display: none; } .mian-right-mian .item-mid { width: 77%; } .mian-right-mian ul { list-style: none; padding-left: 0; padding: 10px 13px; } .mian-right{ margin-top: 30px; } .mian-right .title { padding-left: 25px; padding-bottom: 12px; } .mian-right .location{ font-size: 18px; } .mian-left{ position: relative; z-index: 999; } .mian-left .title{ display: flex; justify-content: space-between; padding-right: 20px; cursor: pointer; } .mian-left .title img{ display: unset; transition: all 0.3s ease-in-out; transform: rotate(270deg); } .mian-left .show img{ transform: rotate(90deg); } .mian-left ul { display: none; padding-left: 0; position: absolute; width: 100%; z-index: 999; } .mian-left ul{ background: rgba(0, 0, 0, 0.75); } .mian-left ul li a { width: 100%; text-align: center; font-size: 18px; color: white; height: 40px; line-height: 40px; background: unset; } .mian-right-mian .article img{ width: 100%; } } @media (max-width: 375px) { /******iphone X 7 8******/ } @media (max-width: 320px) { /******iphone 5/SE******/ } /* 详细页 */ .mian-right-mian > .title { text-align: center; margin: 0 15px; border-bottom: 1px #a8abaf dashed; } .mian-right-mian>.title>.txt{ font-size: 22px; color: #a41a12; font-weight: 800; margin: 30px auto; text-align: left; width: 530px; } .mian-right-mian>.title>.txt>.subtitle{ font-size: 18px; line-height: 44px; color: #a41a12; width: 630px; margin: 0 auto; font-weight: 500; } .mian-right-mian > .title > .cont { color: #757474; line-height: 30px; font-size: 12px; } .mian-right-mian .article { padding: 45px; font: 16px/32px 微软雅黑; line-height: 30px; } @media (max-width: 414px){ .mian-right-mian .article img{ width: 100% !important; height:auto !important; } .mian-right-mian > .title > .txt{ width: 100%; } .mian-right-mian>.title>.txt>.subtitle{ width: 100%; } .mian-right .title .title-text{ display: none; } .mian-right .title { padding-left: 25px; padding-bottom: 12px; } }