锘緻charset "utf-8"; /** * @author锛歀ee * @description锛歭ayout and modules style */ .f-fl{ float: left; } .f-fr{ float: right; } .f-dn{ display: none; } .f-w{ width: 1200px; margin: 0 auto; } .f-m15{ margin: 15px 0; } .f-tac{ text-align: center; } .f-tal{ text-align: left; } .f-tar{ text-align: right; } .f-s{ width: 100%; } body{ min-width: 1200px; font-size: 14px; color: #333; background: url(../img/body-bg.png) repeat-x; } .m-logo{ } .logo-con{ position: relative; height: 167px; background: url(../img/logo-bg.png) no-repeat center; } .logo-con-item{ position: absolute; right: 20px; top: 0; height: 100%; overflow: hidden; text-align: right; } .logo-con-item .login{ margin-top: 10px; } .logo-con-item .login a{ color: #ffffff; margin: 10px; margin-top: 10px; } .search-box{ overflow: hidden; margin: 12px 0; background-color: rgba(237, 237, 237, 0.3); border-radius: 5px; padding: 8px; width: 418px; } .search-box input{ border-bottom-left-radius: 5px; border-top-left-radius: 5px; border: 0; width: 312px; height: 40px; line-height: 40px; outline: none; padding-left: 10px; } .search-box .search{ border-bottom-right-radius: 5px; border-top-right-radius: 5px; cursor: pointer; font-size: 14px; color: #FFFFFF; border: 0; width: 96px; height: 40px; outline: none; background: #2089dc; } .search:hover{ font-size: 16px; } .logo-con .swd a{ color: #FFFFFF; margin-left: 20px; } .m-nav{ background-color: #1768a2; } .m-nav .nav-con{ height: 54px; } .nav-con li{ position: relative; float: left; width: 10%; background: url(../img/nav-line.jpg) no-repeat right center; } .nav-con li:last-child{ background: none; } .nav-con li a{ } .nav-con li .u-icon{ display: none; font-size: 28px; position: absolute; bottom: -18px; left: 50%; margin-left: -8px; } .nav-con li a{ display: block; line-height: 54px; font-size: 16px; color: #ffffff; text-align: center; } .nav-con li:hover>a{ background: #fa8814; text-decoration: none; } .nav-con li:hover .u-icon{ display: block; } .nav-con li.cur > a{ background: #fa8814; } .nav-con li.cur .u-icon{ display: block; } .nav-down{ position: absolute; top: 54px; left: 0; width: 240px; background: #fd9c39; background: rgba(250,136,20,.8); z-index: 1001; } .nav-down ul{ width: 50%; } .nav-down li{ width: 100%; background: none; } .nav-down li:hover{ background-color: #fa8814; } .nav-con li:hover>.nav-down{ display: block; } .m-notice{ height: 54px; background-color: #ffffff; margin-bottom: 10px; } .notice-con{ padding-top: 18px; } .t_news{ width: 750px; height:20px; padding-left:56px; overflow:hidden; position:relative; background: url(../img/hb-gg.png) no-repeat 15px center; } .t_news b{ font-size: 14px; line-height:20px; font-weight:bold; display:inline-block; } .news_li,.swap{ display:inline-block; position:absolute; top:0; } .news_li a,.swap a{ color:#333; font-size: 14px; display: block; height: 20px; line-height: 20px; } .swap{top:20px;} .m-info{ padding-right: 25px; } .m-info span{ margin-left: 18px; } .m-slider{ height: 370px; } .slider-l{ height: 100%; width: 685px; position: relative; } .slider-l img{ width: 685px; height: 370px; } .slider-l .swiper-container{ height: 100%; width: 100%; } .slider-l .swiper-wrapper{ height: 100%; } .slider-l .swiper-slide{ height: 100%; position: relative; } .slider-l .arrow-left { background: url(../img/slider-l.png) no-repeat center; position: absolute; left: 10px; top: 50%; margin-top: -19px; width: 42px; height: 42px; border-radius: 5px; z-index: 102; opacity: 0; } .slider-l .arrow-right { background: url(../img/slider-r.png) no-repeat center; position: absolute; right: 10px; top: 50%; width: 42px; height: 42px; margin-top: -19px; border-radius: 5px; z-index: 102; opacity: 0; } .slider-l:hover .arrow-right ,.slider-l:hover .arrow-left{ opacity: 0.8; transition: all .2s; } .slider-l .title { width: 100%; position: absolute; bottom: 0; font-size: 16px; line-height: 0px; color: #ffffff; height: 46px; line-height: 46px; text-align: center; z-index: 100; background: rgba(0,0,0,0.7); opacity: 0.8; } .slider-r{ height: 100%; width: 515px; background: #ffffff; } .slider-r h3{ font-size: 20px; font-weight: normal; letter-spacing: 0px; color: #1070bc; text-align: center; height: 56px; line-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 400px; margin: auto; } .slider-r .note{ position: relative; width: 405px; line-height: 27px; margin: 10px auto; height: 70px; text-indent: 2em; } .slider-r .note .hot{ position: absolute; top: -25px; left: -30px; } .slider-r .more{ color: #d81e06; /*padding: 0 10px;*/ } .slider-tab{ margin: 20px auto; height: 40px; width: 480px; position: relative; } .slider-ms { width: 732px; height: 85px; text-align: center; /* margin-top: 20px; */ } .slider-con{ position: relative; } .slider-ms .swiper-slide{ height: 100%; } .slider-ms .swiper-slide img{ width: 173px; height: 85px; } .slider-ms .swiper-slide .title { margin-bottom: 0; line-height: 45px; } .slider-con .arrow-left { background: url(../img/slider-l-2.png) no-repeat center; position: absolute; left: 0; top: 25px; width: 42px; height: 42px; border-radius: 5px; z-index: 102; } .slider-con .arrow-right { background: url(../img/slider-r-2.png) no-repeat center; position: absolute; right: 0; top: 25px; width: 42px; height: 42px; border-radius: 5px; z-index: 102; } .tab-ul{ border-bottom: 2px solid #dcdcdc; } .tab-ul li{ font-size: 18px; float: left; width: 240px; text-align: center; line-height: 40px; cursor: pointer; } .tab-ul li a:hover{ text-decoration: none; } .tab-ul li.active{ color: #0166b6; border-bottom: 2px solid #0166b6; } /* .nav-slider{ position: absolute; left: 0px; bottom: -1px; -webkit-transition: 200ms; text-align: center; height: 2px; background-color: #0166b6; z-index: 1001; width: 240px; } */ .slider-r .show-list{ width: 465px; margin: 0 auto; height: 160px; overflow: hidden; } .m-list li{ line-height: 32px; } .m-list li a{ color: #333; width: 400px; display: block; float: left; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .banner, .banner_sec{ margin: 15px 0; height: 96px; overflow: hidden; display:flex; flex-direction:row; justify-content: space-between; } .banner a{ display: block; } .banner_sec a{ text-align:center; } .doc-l{ width: 820px; } .doc-r{ width: 360px; } .doc-l h3{ font-size: 14px; color: #333333; font-weight: normal; height: 40px; border-bottom: 2px solid #0166b6; } .doc-l h3 span{ font-size: 20px; color: #fdffff; width: 152px; line-height: 40px; text-align: center; background-color: #0166b6; display: inline-block; margin-right: 20px; } .doc-tab{ margin: 10px 0 0 0; position: relative; } .doc-tab li{ width: 120px; font-size: 16px; background: url(../img/tab-line.jpg) no-repeat right; } .doc-tab li:last-child{ background: none; } .doc-tab .more{ position: absolute; right: 0; top: 10px; color: #333; } .m-doc{ min-height:500px; } .m-doc .m-list li a{ width: 280px; display: block; height: 32px; float: left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow:hidden; } .m-list li:hover a{ color: #0166b6; } .info-con-l,.info-con-r{ width:380px; padding: 0 10px 0 15px; } .m-doc .show-list{ height: 100px; overflow: hidden; margin-bottom: 15px; margin-top: 10px; } .doc-l .nav-slider{ width: 120px; } .spe-col{ margin: 5px 0 30px 0; } .spe-col a{ /* float: left; width: 190px; height: 85px; overflow: hidden; */ } .spe-col a.mr{ margin-right: 20px; } .spe-col a:hover{ text-decoration: none; } .zw-con{ margin: 20px 0 30px 0; } .zw-con a{ position: relative; float: left; width: 144px; height: 196px; margin: 0 8px; overflow: hidden; border-top:2px solid #3689cf; border-left:2px solid #3689cf; border-right:2px solid #3689cf; border-bottom: 6px solid #f1c25e; } .zw-con a p{ z-index: 102; width: 100%; position: absolute; bottom: 0; text-align: center; line-height: 42px; height: 42px; color: #FFFFFF; font-size: 18px; background: #4594d7; background-image: linear-gradient(-90deg, #4594d7 0%, #247cc6 100%); } .zw-con a img{ width: 100%; height: 154px; transition: all 1s ease 0s; } .zw-con a:hover img{ -webkit-filter: brightness(.6); filter: brightness(.6); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } .zw-con a:hover,.sw-con a:hover{ text-decoration: none; } .sw-con{ padding: 0 4px; margin-top: 25px; } .sw-con a{ height: 120px; display: block; width: 96px; margin: 0 10px; float: left; overflow: hidden; transition: all .2s; } .sw-con a:hover{ border-radius: 5px; text-decoration: none; box-shadow: 0 4px 10px rgba(0,0,0,0.6); transform: translate3d(0, -2px, 0); } .sw-con a p{ color: #333333; font-size: 16px; text-align: center; } .doc-r .q-enter a{ display: block; width: 116px; height: 117px; overflow: hidden; float: left; } .doc-r .q-enter .q-a{ display: block; width: 116px; height: 117px; overflow: hidden; float: left; margin:0 30px; } .doc-r .q-enter a.mr{ margin: 0 6px; } .doc-r .q-enter{ margin-bottom: 6px; } .doc-r .q-enter a:hover{ text-decoration: none; opacity: .8; } .doc-r h3{ font-size: 20px; color: #212121; font-weight: normal; padding-left: 10px; height: 36px; line-height: 36px; margin: 15px 0 0px 0; } .doc-r h3 a{ color: #333; font-size: 14px; float: right; } .doc-r h3 span{ color: #61a3de; font-size: 14px; } .doc-r .gs-tab-box{ height: 130px; background: #f4f8fb; padding: 10px 0; border: 1px solid #dddddd; overflow: hidden; } .doc-r .gs-title{ width: 100%; } .doc-r .gs-tab{ width: 100%; } .doc-r .gs-title th{ text-align: center; height: 40px; line-height: 14px; color: #fffcfc; background: #529ddd; } .doc-r .gs-tab td{ text-align: center; height: 32px; line-height: 32px; } .q-link{ display: block; width: 100%; margin-top: 15px; overflow: hidden; } .q-link img{ overflow: hidden; margin: 0 auto; } .down-list{ height: 170px; width: 100%; background: #f4f8fb; border: 1px solid #ddd; } .down-list ul{ padding: 0 10px; } .map-tit{ margin: 20px 0; font-size: 14px; color: #333333; font-weight: normal; height: 40px; border-bottom: 2px solid #0166b6; } .map-tit span{ font-size: 20px; color: #fdffff; width: 152px; line-height: 40px; text-align: center; background-color: #0166b6; display: inline-block; margin-right: 20px; } .map-box .map-l{ width: 820px; height: 722px; position: relative; } .map-box .map-r{ width: 360px; height: 722px; } .map-box .map-item{ width: 630px; height: 100%; } .map-box .map-l .map-xa{ position: absolute; top: 49%; right: 42%; z-index: 1005; color: #000; } .map-l .map-xa i{ font-size: 16px; color: red; } .map-l .map-xa div{ font-size: 14px; font-weight: 400; margin-top: -5px; } .map-box .swiper-container { width: 100%; height: 200px; margin: 40px 0; } .sw-link-box { width: 100px ; padding-left: 20px; overflow: hidden; position: absolute; top: 40px; left: 45px; text-align: center; } .swiper-slide a{ font-size: 16px; color: #333; display: block; } .sw-link-box h3{ font-size: 22px; font-weight: normal; } .sw-link-box .arrow-left { background: url(../img/txt-l.png) no-repeat center; position: absolute; left: 50%; top: 43px; margin-left: -19px; width: 58px; height: 28px; } .sw-link-box .arrow-right { background:url(../img/txt-r.png) no-repeat center; position: absolute; position: absolute; left: 50%; bottom: 5px; margin-left: -19px; width: 58px; height: 28px; } .map-r h3{ font-size: 20px; text-align: center; font-weight: normal; } .map-r h3 div{ font-size: 12px; } .m-gs-first-h3 { font-size: 20px; text-align: center; font-weight: normal; } .m-gs-first-div { font-size: 12px; text-align: center; font-weight: normal; } .video-box{ width: 360px; height: 220px; overflow: hidden; /*margin: 10px auto 30px auto;*/ } .map-r .swiper-container { width: 240px; height: 150px; margin: 40px auto; } .map-r .sw-link-box { width: 240px; overflow: hidden; position: relative; } .map-r .sw-link-box .arrow-left { top: 9px; } .link-f-box{ background: #376495; } .g-ft .link-f{ text-indent: 55px; margin-top: 40px; height: 44px; line-height: 44px; color: #ffffff; overflow: hidden; white-space: nowrap; } .g-ft .link-f a{ color: #ffffff; margin-right: 55px; } .footer{ color: #ffffff; background: #018cc6; } .footer .top{ height: 180px; font-size: 14px; color: #ffffff; } .footer .down{ width: 1150px; margin: 0 auto; padding-left: 50px; height: 50px; line-height: 50px; border-top: 1px solid #28a9df; } .footer .down a{ color: #ffffff; margin: 0 5px; } .footer .q-link{ width: 280px; color: #ffffff; padding: 64px 0 0 50px; } .footer .q-link h4{ font-weight: normal; margin-bottom: 10px; } .footer .q-link a{ color: #ffffff; margin-right: 10px; } .footer .note{ padding-top: 64px; line-height: 32px; margin-left: 20px; } .footer .programs{ padding-top: 64px; margin-left: 50px; } .footer .wrong{ margin-top: 50px; } .footer .programs .item{ display: block; margin-right: 18px; } .footer .programs .item{ } .footer a{ color: #ffffff; } .map-l .sw-link-box{ padding-left: 20px; background: url(../img/sjz.jpg) no-repeat left 56px; } .slider-txt2 i{ color: #71b4fc; font-size: 12px; } .slider-txt .cur a{ color: #ff8d13; } .cur2 { background: #fa8814 none repeat scroll 0 0; } .org-box { margin: 15px 0px; } .org-l,.org-r{ width: 600px; } .org-l h3{ font-size: 14px; color: #333333; font-weight: normal; height: 40px; border-bottom: 2px solid #0166b6; } .org-l h3{ font-size: 14px; color: #333333; font-weight: normal; height: 40px; border-bottom: 2px solid #0166b6; } .org-l h3 span{ font-size: 20px; color: #fdffff; width: 300px; line-height: 40px; text-align: center; background-color: #0166b6; display: inline-block; margin-right: 20px; } .org-r h3{ font-size: 14px; color: #333333; font-weight: normal; height: 40px; border-bottom: 2px solid #0166b6; } .org-r h3 span{ font-size: 20px; color: #fdffff; width: 300px; line-height: 40px; text-align: center; background-color: #0166b6; display: inline-block; margin-right: 20px; } .org-con-l,.org-con-r{ width: 460px; padding: 0 10px 0 15px; float: left; } .org-pic { width: 112px; float: left; } .org-list li{ line-height: 32px; } .org-list li a{ color: #333; width: 350px; display: block; float: left; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }