*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html{--one-color:#37baf6; --two-color:#0084C7; --swiper-pagination-color:#37baf6; --swiper-navigation-color:#37baf6} html,body{margin:0; color:#555; font:12px 'Microsoft Yahei',Tahoma,Arial,simsun; background-color: #f3f3f3;} a{color:#333; text-decoration:none; outline:none;} a:hover{color:var(--two-color); text-decoration:none} a img{border:none; vertical-align:top} img{-ms-interpolation-mode:bicubic; border:0; height:auto; max-width:100%; vertical-align:top} ul,ul li{list-style:none; padding:0; margin:0; vertical-align:top} input,textarea,select{font-size:12px; line-height:1; vertical-align:middle; color:#333; font-family: inherit; outline:none; margin:0; padding:0} form,p{margin:0; padding:0} h1,h2,h3,h6{font-size:14px; margin:0; padding:0} @-ms-viewport {width: device-width} @viewport {width: device-width} @font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_434392_zz2z99y34dg.eot'); src: url('//at.alicdn.com/t/font_434392_zz2z99y34dg.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_434392_zz2z99y34dg.woff2') format('woff2'), url('//at.alicdn.com/t/font_434392_zz2z99y34dg.woff') format('woff'), url('//at.alicdn.com/t/font_434392_zz2z99y34dg.ttf') format('truetype'), url('//at.alicdn.com/t/font_434392_zz2z99y34dg.svg#iconfont') format('svg'); } [class^="icon-"], [class*=" icon-"] { font-family: 'iconfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-menu1:before{content: '\e606';} .icon-x1:before{content: '\e605';} .icon-jiantou_you:before{content: '\e635';} .icon-search:before{content: '\e6b1';} .icon-arr2:before{content: '\e679';} .icon-dianhua:before{content: '\e773';} .icon-dizhi:before{content: '\e91b';} .icon-chuanzhen:before{content: '\e654';} .icon-arr6-t:before{content: '\e685';} #baidumap img{max-width:none} #baidumap div{box-sizing:content-box} .flex{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;} .warp{max-width:1680px; margin:0 auto;} @media screen and (max-width: 1720px) {.warp{padding-left:15px!important; padding-right:15px!important}} /* 椤堕儴 瀵艰埅 */ .header{background: white;} .header .warp{align-items: center; min-height: 120px;} .logo{max-width: 384px;} .logo img{width: 100%;} .menu>li{position: relative; z-index: 2;} .menu>li:hover>a{background: var(--one-color); color: white;} .menu>li:hover>ul{display: block;} .menu>li>a{font-size: 18px; line-height: 1; display: inline-block; padding: 10px 16px; border-radius: 3px;} .menu>li>a:hover{background: var(--one-color); color: white;} .menu>li>ul{padding: 10px 0; width: 100%; background: white; box-shadow: 2px 3px 5px 1px rgba(0,0,0,.1); border-radius: 3px; display: none; position: absolute;} .menu>li>ul a{display: inline-block; text-align: center; width: 100%; font-size: 14px; line-height: 2; border-radius: 3px;} .menu>li>ul a:hover{background: var(--one-color); color: white;} .menu .icon-jiantou_you{transform:rotate(90deg) scale(.65);-ms-transform:rotate(90deg) scale(.65); -moz-transform:rotate(90deg) scale(.65); -webkit-transform:rotate(90deg) scale(.65); -o-transform:rotate(90deg) scale(.65); display: inline-block; font-size: 12px; vertical-align: middle; margin-left: 3px; opacity: .7;} .wap-menu{display: none;} .wap-menu span{font-size: 28px; display: inline-block;} @media screen and (max-width: 1500px) { .logo{width: 300px;} .menu>li>a{font-size: 16px} } @media screen and (max-width: 1350px) { .header .warp{min-height: 80px;} .logo{width: 240px;} .menu>li>a{font-size: 14px; padding: 10px 10px;} .menu>li>ul a{font-size: 12px} } @media screen and (max-width: 980px) { .header .warp{min-height: 50px;} .logo{width: 150px;} .menu{width: 100%;} .menu>li{width: 100%; display: none;} .menu>li>a{width: 100%; text-align: center; letter-spacing: 2px;} .menu>li:hover>ul{display: none;} .menu .icon-jiantou_you{display: none;} .wap-menu{display: block;} } /* 鎼滅储妗 */ .search input, .search button{border: none; font-size: 14px; height: 46px; line-height: 46px; background: rgba(0,0,0,.08); color: white;} .search input{border-radius: 30px 0 0 30px; padding: 0 10px 0 20px; max-width: 140px; color: #666;} .search button{background: var(--one-color); border-radius: 0 30px 30px 0; padding: 0 20px; cursor: pointer;} .search ::-webkit-input-placeholder {color:#666;} .search :-moz-placeholder {color:#666;} .search ::-moz-placeholder {color:#666;} .search :-ms-input-placeholder {color:#666;} @media screen and (max-width: 1350px) { .search input, .search button{height: 36px; line-height: 36px; font-size: 12px} .search input{max-width: 120px;} .search button{font-size: 14px; padding: 0 15px;} } @media screen and (max-width: 1100px) { .search{display: none;} } /* Banner */ .swiper-banner{max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative;} .banner .swiper-button-next, .banner .swiper-button-prev{display: none;} .banner:hover .swiper-button-next, .banner:hover .swiper-button-prev{display: block;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;} .swiper-banner .swiper-slide{position: relative; height: 0; padding-bottom: 30%;} .swiper-banner img{width: 100%; height: 100%; object-fit: cover; position: absolute;} .swiper-banner .con{position: absolute; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 2;} .swiper-banner .txt{width: 100%; color: white;} .swiper-banner .h1{font-size: 36px; letter-spacing: 2px; text-shadow: 1px 1px 1px #000;} .swiper-banner .t1{font-size: 18px; max-width: 530px; line-height: 2; text-align: justify; padding: 30px 0; text-shadow: 1px 1px 1px #000;} .swiper-banner .more{display: inline-block; background: var(--one-color); font-size: 18px; padding: 0 40px; line-height: 3; border-bottom: solid 3px #2f94c3; border-radius: 5px; color: white;} @media screen and (max-width: 1450px) { .swiper-banner .h1{font-size: 26px;} .swiper-banner .t1{font-size: 14px} .swiper-banner .more{font-size: 14px; padding: 0 30px; line-height: 2.5;} } @media screen and (max-width: 980px) { .swiper-banner .txt{display: none;} } /* box */ .box{background: white; box-shadow: 0 0 3px rgba(0,0,0,.1); max-width: 1680px; margin: 50px auto 0 auto; padding: 30px;} @media screen and (max-width: 540px) { .box{padding: 15px; margin-top: 30px;} } /* 棣栭〉鍥剧墖鏂伴椈杞挱 */ .swiper-news{overflow: hidden; position: relative; background-color: #eee; width: 55%;} .swiper-news .swiper-slide{position: relative;} .swiper-news .swiper-slide img{object-fit: cover; width: 100%; height: 100%; position: absolute;} .swiper-news .swiper-slide .h1{position: absolute; top: -50px; left: 0; z-index: 2; background: rgba(0,0,0,.5); font-size: 22px; line-height: 2; width: 100%; padding-left: 10px; color: white; -webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;text-overflow: ellipsis;overflow: hidden; transition:top .3s;-moz-transition:top .3s;-webkit-transition:top .3s;-o-transition:top .3s} .swiper-news .swiper-slide:hover .h1{top: 0;} .swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color:#000;opacity: 1;background: rgba(255,255,255,0.5);}.swiper-pagination-bullet-active {color:#fff;background: #007aff;} @media screen and (max-width: 980px) { .swiper-news{width: 100%;} .swiper-news .swiper-slide img{position:static;} } @media screen and (max-width: 540px) { .swiper-news .swiper-pagination{display: none;} } /* list1 */ .box1 .list1{width: 43%; border-left: solid 1px #e4e4e4; padding-left: 30px;} .list1 .sub{border-bottom: solid 1px #7fcef8; overflow: hidden; color: var(--two-color);} .list1 .sub .h1{float: left; font-size: 24px; border-bottom: 3px solid #7fcef8; letter-spacing: 2px;} .list1 .sub .more{float: right; color: var(--one-color); margin-top: 10px;} .list1 .sub .here{float: right; color: #999; margin-top: 10px;} .list1 ul{padding: 20px 0 0 0;} .list1 li{border-bottom: dotted 1px #e4e4e4; font-size: 16px; line-height: 2.5; overflow: hidden; padding: 5px 0;} .list1 li:last-child{border: none;} .list1 li a{float: left; line-height: 2.5; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .list1 li a::before{font-size: 12px; margin-right: 3px; color: var(--one-color); transform:scale(.7);-ms-transform:scale(.7); -moz-transform:scale(.7); -webkit-transform:scale(.7); -o-transform:scale(.7); display: inline-block;} .list1 li span{float: right; opacity: .8;} @media screen and (max-width: 1300px) { .list1 li{line-height: 2; font-size: 14px} .box1 .list1 li a{line-height: 2;} } @media screen and (max-width: 980px) { .box1 .list1{width: 100%; border: none; padding: 30px 0 0 0;} .list1 .sub .h1{font-size: 22px;} } @media screen and (max-width: 425px) { .list1 li{font-size: 12px} } /* 鍒楄〃椤靛簲鐢 */ .list1-1 .sub .h1{padding-bottom: 30px;} .list1-1 li{line-height: 2; padding-bottom: 20px; margin-top: 20px;} .list1-1 li .h1{font-size: 18px; line-height: 1.5; padding-bottom: 5px;} .list1-1 li a{float: none; line-height: 2; width: 100%; white-space: normal;} .list1-1 li .t1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999;} .list1-1 li span{float: right; border: solid 1px #ccc; font-size: 12px; display: inline-block; line-height: 23px; padding: 0 7px; margin-left: 10px; border-radius: 3px;} @media screen and (max-width: 980px) { .list1-1 .sub{display: none;} .list1-1 li .h1{font-size: 14px; line-height: 25px;} .list1-1 li .t1{font-size: 12px} } /* 棣栭〉搴旂敤 浼佷笟鍏氬缓 琛屼笟鏂伴椈 */ .list1-2 li{padding: 16px 0;} .list1-2 li:last-child{padding-bottom: 0;} .list1-2 li .td1{float: left; width: 15%; text-align: center; background: #f4f4f4; border-radius: 3px; opacity: .7;} .list1-2 li .td2{float: right; width: 80%;} .list1-2 li a{float: none; width: 100%; display: block; line-height: 1.5; padding-bottom: 12px;} .list1-2 li .d{font-size: 22px; line-height: 2; font-weight: 700; border-bottom: solid 1px #ddd; width: 85%; margin: 0 auto;} .list1-2 li .y{font-size: 12px;} .list1-2 li .txt{max-height: 36px; line-height: 18px; font-size: 13px; color: #999; -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;text-overflow: ellipsis;overflow: hidden;} @media screen and (max-width: 425px) { .list1-2 li .td1{float: left; width: 60px;} .list1-2 li .td2{float: right; width: calc(100% - 70px);} } /* box2 */ .box2 .flex>.td1{width: 40%; padding-right: 30px;} .box2 .flex>.td2{width: 30%; padding: 0 15px 0 30px; border-left: solid 1px #e4e4e4;} .box2 .flex>.td3{width: 30%; padding-left: 15px;} .box2 .flex>.td3 .list1 .sub{margin-top: 30px;} .box2 .flex>.td3 .list1 li:first-child{padding-top: 10px;} @media screen and (max-width: 1300px) { .box2 .flex>.td1{width: 100%; padding: 0 0 30px 0; border-bottom: solid 1px #e4e4e4;} .box2 .flex>.td2{width: 50%; padding-left: 0; border: none; margin-top: 30px;} .box2 .flex>.td3{width: 50%; margin-top: 30px;} } @media screen and (max-width: 980px) { .box2 .flex>.td1{border: none;} .box2 .flex>.td2{width: 100%; padding: 0; margin: 0;} .box2 .flex>.td3{width: 100%; padding: 0 0 20px 0;} } /* 棣栭〉涓撻杞挱 */ .swiper-zti{overflow: hidden; position: relative;} .swiper-zti .swiper-slide img{object-fit: cover; width: 100%; height: 192px;} .swiper-zti .swiper-button-next, .swiper-zti .swiper-button-prev{display: none;} .swiper-zti:hover .swiper-button-next, .swiper-zti:hover .swiper-button-prev{display: block;} @media screen and (max-width: 980px) { .swiper-zti .swiper-slide{position: relative; height: 0; width: 100%; padding-bottom: 46%;} .swiper-zti .swiper-slide img{object-fit: cover; width: 100%; height: 100%; position: absolute;} } /* box3 */ .box3{padding: 0;} .box3 .list1{width: 23%; margin: 30px 0; border-left: solid 1px #e4e4e4; padding: 0 30px 0 30px;} .box3 .list1:first-child{border: none;} .box3 .list1 li a{width: 100%;} @media screen and (max-width: 1300px) { .box3 .list1{width: 50%;} .box3 .list1:nth-child(3){margin-top: 0; border: none;} .box3 .list1:nth-child(3) .sub{border-top: solid 1px #e4e4e4; padding-top: 30px;} } @media screen and (max-width: 980px) { .box3 .list1{width: 100%; border: none; margin-top: 0;} .box3 .list1:first-child{margin-top: 30px;} .box3 .list1:nth-child(3) .sub{border-top: none; padding-top: 0;} .box3 .list1 li a{line-height: 2;} } @media screen and (max-width: 540px) { .box3 .list1{padding: 0 15px;} } /* 棣栭〉鑱旂郴鎴戜滑 */ .box4{width: 31%; background: url(../img/c.jpg); position: relative;} .box4 .sub{margin: 40px 50px 0 50px;} .box4 .sub .h1{font-size: 24px; color: white; background: url(../img/ico1.png) no-repeat 0 center; padding-left: 45px; letter-spacing: 2px;} .box4 .con{padding: 0 30px 30px 30px;} .box4 .con ul{color: white; padding: 30px 20px 20px 20px; font-size: 18px; line-height: 1.6;} .box4 .con ul li{display: flex; display: -webkit-flex; margin: 10px 0 0 0;} .box4 .con span{display: inline-block;} .box4 .con span:first-child{min-width: 80px; line-height: 1.6;} .box4 .con span:first-child::before{margin-right: 5px;} .box4 .con span:first-child.icon-chuanzhen::before{font-size: 15px; margin-right: 7px;} .box4 .con .map{text-align: center; position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 30px;} .box4 .con .map img{width: 100%; max-width: 458px;} @media screen and (max-width: 1300px) { .box4{width: 50%;} } @media screen and (max-width: 980px) { .box4{width: 100%;} .box4 .con .map{text-align: center; position: static; padding: 0;} } @media screen and (max-width: 540px) { .box4 .sub{margin: 40px 30px 0 30px;} .box4 .con{padding: 0 15px 15px 15px;} .box4 .con ul{font-size: 13px} .box4 .con span:first-child{min-width: 60px;} .box4 .con span:first-child.icon-chuanzhen::before{font-size: 12px;} } /* 鍙嬫儏閾炬帴 */ .links{justify-content: flex-start;} .links li{border: solid 1px #e4e4e4; padding: 10px 20px; border-radius: 3px; margin: 10px;} .links li:last-child{border: solid 1px #e4e4e4;} /* 鍒楄〃椤 */ .list{max-width: 1380px; min-height: 700px;} /* 鍒楄〃椤 宸︿晶 */ .page-sort{width: 220px;} .page-sort .h1{font-size: 30px; line-height: 30px; letter-spacing: 5px; background: url(../img/ico2.png) no-repeat 0 center; padding-left: 40px;} .page-sort ul{margin: 30px 0 0 0;} .page-sort li{font-size: 16px; border-bottom: solid 1px #e4e4e4;} .page-sort li:last-child{border: none;} .page-sort li a{display: block; line-height: 1.5; text-align: center; padding: 14px 20px; position: relative; border-radius: 3px;} .page-sort li a:hover, .page-sort li a.on{background: var(--one-color); color: white;} .page-sort li a.on::after{display: block; content: ''; width: 8px; height: 8px; background: var(--one-color); position: absolute; right: -4px; top: calc(50% - 4px); transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);} .page-content{width: calc(100% - 270px);} @media screen and (max-width: 980px) { .page-sort{width: 100%;} .page-sort li{width: 100%; float: left; text-align: center;} .page-sort li:last-child{border-bottom: solid 1px #e4e4e4;} .page-sort li a{border-radius: 3px 3px 0 0; padding: 14px 0;} .page-sort li a.on::after{right: calc(50% - 4px); bottom: -4px; top: auto;} .page-content{width: 100%;} } @media screen and (max-width: 768px) { .page-sort .h1{font-size: 26px} .page-sort li{font-size: 14px} } /* 鏂囩珷 */ .article{} .article .a-title{text-align:center; color:#333; font-size: 24px; font-weight: normal; padding: 30px 0 0 0;} .article .a-ftitle{font-size: 20px; text-align: center; font-weight: normal; padding-top: 10px} .article .a-meta{text-align:center; color:#999; font-size:14px; padding-top:20px} .article .a-text{padding:30px 0; min-height:300px; font-family: '浠垮畫','瀹嬩綋'; line-height: 37px; font-size: 21px; text-align: justify;} .article .a-text p{text-indent:2em;} .article .a-text p img {clear: both; display: block; margin:auto;}/*鍥剧墖涓嶇缉杩?/ .article .a-text blockquote{margin: 0 !important;} .article .a-text font{font-size: inherit !important;} .article .a-foot{overflow:hidden; padding:20px 0 0 0; margin:0 auto} .article .a-foot .bdsharebuttonbox{padding-bottom:20px; text-align: center;} .article .a-foot .bdsharebuttonbox a{float: none;} .article .a-conlink{overflow:hidden; color:#999} .article .a-conlink>div{float:left; max-width:45%; line-height:2; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .article .a-conlink>div:last-child{float:right;} .article .a-conlink a:hover{color:var(--one-color)} @media screen and (max-width: 980px) { .article .a-title{font-size: 18px} .article .a-ftitle{font-size: 16px} .article .a-meta{font-size: 12px} .article .a-text{font-size: 13px; line-height: 2;} .article .a-text p{padding-bottom: 13px} .article .a-text p, .article .a-text span, .article .a-text div, .article .a-text font{font-size: inherit !important;} } @media screen and (max-width: 640px) { .article .a-conlink>div{float:none; max-width:100%} .article .a-conlink>div:last-child{float:none;} } /* 琛ㄥ崟 */ .ap-form{margin:0 auto; width:80%; font-size:14px} .ap-form label, .ap-form input{vertical-align:middle; line-height:2} .ap-form .ap-input{padding:10px 0 0 0} .ap-form .ap-input:after{content:" "; display:table; clear:both;} .ap-form .ap-input label{width:100%; padding:6px 0; font-size:inherit; display:inline-block} .ap-form .ap-input input, .ap-form .ap-input textarea{width:100%; border:solid 1px #ddd; padding:5px 8px; font-size:inherit; border-radius: 3px;} .ap-form .ap-input textarea{line-height: 2;} .ap-form input[type="submit"]{border:none; background:var(--one-color); color:#fff; margin-top:10px; font-size:inherit; font-family:inherit; cursor:pointer; border-radius:3px; line-height: 2;} .ap-form-lr .ap-input{padding:10px 0} .ap-form-lr .ap-input label{float:left; width:10%; text-align:justify; text-align-last:justify;} .ap-form-lr .ap-input input, .ap-form-lr .ap-input textarea{float:right; width:88%;} .ap-form-lr input[type="submit"]{margin-top:none} @media screen and (max-width: 425px) { .ap-form{width:100%;} } /* 鍒嗛〉瀵艰埅 */ .ap-pagenav{margin: 30px 0; line-height:normal; text-align:center;} .ap-pagenav-l{text-align:left} .ap-pagenav-r{text-align:right} .ap-pagenav li{display:inline-block} .ap-pagenav a, .ap-pagenav span{display:inline-block; margin:8px 3px; padding:6px 12px; color:#666; border:solid 1px #DEDDDB; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px} .ap-pagenav span{color:#999} .ap-pagenav .dot{border: none; color: #333;} .ap-pagenav a:hover, .ap-pagenav li.ap-active a{color:#fff; text-decoration:none; border:solid 1px var(--one-color); background:var(--one-color)} .totop{position: fixed; right: 20px; bottom: 40px; text-align: center; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.1); border-radius: 3px; display: none;} .totop a{color: var(--one-color); display: block; line-height: 45px; width: 45px; font-size: 20px; font-weight: 700;} /* 椤佃剼 */ .footer{background: #414141; color: white; margin-top: 50px;} .footer .copy{font-size: 14px; line-height: 1.2; padding: 50px 0; text-align: center;} .footer .copy a{color: white; vertical-align: middle;} .footer .copy a:hover{text-decoration: underline;} .footer .copy img{vertical-align: middle;} @media screen and (max-width: 980px) { .footer .copy{font-size: 12px; padding: 20px 0;} .footer .copy span{display: none;} } @media screen and (max-width: 540px) { .footer{margin-top: 30px;} }