/*顶部开始*/ .header { width: 100%; min-width: 1200px; } .header .main-top { width: 100%; height: 120px; background: url(../images/top-bg.jpg) no-repeat top; background-color: #5CB8FC; } .banner .swiper-slide{overflow: hidden;display: flex;justify-content: center;align-items: center} .banner .swiper-slide img{height: 100%;transition: all .2s linear} .banner .swiper-slide img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1)} .header .main-top .main-top-center { position: relative; display: flex; align-items: center; width: 1200px; height: 100%; margin: 0 auto; } .header .main-top .main-top-center img { margin-left: 70px; } .header .main-top .main-top-center .welcome-tip { width: 250px; color: #828181; font-size: 14px; line-height: 1.7; text-align: center; position: absolute; right: 0; } .header .nav { width: 100%; height: 36px; background-color: #3193E4; } .header .nav .nav-content { display: flex; justify-content: space-between; margin: 0 auto; width: 1200px; height: 100%; } .header .nav ul.main-nav { display: flex; } .header .nav ul.main-nav>li { position: relative; width: 100px; height: 100%; line-height: 36px; text-align: center; } .header .nav ul.main-nav>li.active { background-color: #5FA7EA; } .header .nav ul.main-nav>li:hover { background-color: #5FA7EA; } .header .nav ul.main-nav>li>a:hover { text-decoration: none; } .header .nav ul.main-nav>li>a { color: #FFF; font-size: .9rem; letter-spacing: 2px; } .header .nav .nav-right { display: flex; } /*社交软件开始*/ .header .nav .social { width: 22px; height: 100%; position: relative; margin-right: 10px; } .header .nav .social>img { width: 22px; /*max-height: 22px;*/ position: absolute; top: 50%; margin-top: -10px; } .header .nav .social span{ position: absolute; display: none; width: 100px;height: 100px; z-index: 999; top: 36px; } .header .nav .social span img{ max-width: 100%; max-height: 100%; } /*社交软件结束*/ /*搜索栏开始*/ .header .nav .search-input { width: 100px; height: 22px; border: 1px solid #cacaca; border-radius: 20px; outline: 0; padding: 0 30px 0 10px; } .header .nav .search-content { position: relative; line-height: 36px; margin: 0 16px; } .header .nav .search-content img { position: absolute; right: 8px; top: 8px; cursor: pointer; } /*搜索栏结束*/ /*banner开始*/ .header .banner { width: 100%; height: 420px; } .header .banner img { width: 100%; height: 100%; } /*顶部结束*/ /*内容开始*/ .container { width: 1200px; margin: 20px auto 0; } .work h2 { color: #FFF; } .work > div { position: absolute; display: flex; align-items: center; } .work a:hover { text-decoration: none; } .work .cont-div { margin:0 auto; text-align: center; } .work > div {transition: all 0.2s ease-in-out;} .work > div.hover {transform: scale(0.95);cursor: pointer;} .jingshen { width: 100%; height: 90px; margin: 20px 0; } .jingshen img { width: 100%; } .container .top-content, .container .middle-content { display: flex; justify-content: space-between; width: 100%; } .container .bottom-content { width: 100%; margin-top: 45px; } .container .top-content .top-left-content { width: 470px; height: 350px; } .container .top-content .top-left-content img { width: 100%; height: 100%; } .container .top-content .top-center-content { width: 348px; height: 350px; } .container .top-content .top-right-content { width: 330px; height: 350px; } .container .middle-content .middle-left-content { width: 470px; } .container .middle-content .middle-center-content { width: 500px; } .container .middle-content .middle-center-content img { width: 100%; height: 100%; } .container .middle-content .middle-right-content { width: 165px; } .container .middle-content .middle-right-content img { margin-top: 3px; width: 100%; } .container .middle-content .middle-right-content a:nth-child(1) { margin-top: 0; } .container .top-content .top-center-content .important-info { width: 100%; height: 62px; margin-bottom: 20px; } .container .top-content .top-center-content .important-info span:nth-child(1) { position: absolute; display: block; width: 53px; /*height: 58px;*/ padding-left: 8px; font-weight: 900; font-size: 22px; color: #3193E4; border: 2px solid #3193E4; margin-left: 10px; } .container .top-content .top-center-content .important-info span:nth-child(2) { float: right; display: block; width: 76%; font-size: 17px; margin-top: 6px; font-weight: 800; color: #595757; } .container .top-content .top-center-content .top-center-content-list, .container .middle-content .middle-left-content .middle-left-content-list { width:100%; height:270px; float:left; } .container .top-content .top-center-content .top-center-content-tabs, .container .middle-content .middle-left-content .middle-left-content-tabs, .container .bottom-content .bottom-content-list .bottom-content-tabs, .container .middle-content .middle-center-content .middle-center-content-tabs { position: relative; height:39px; line-height:39px; width:100%; margin-bottom:10px; display: flex; text-align: center; } .container .top-content .top-center-content .top-center-content-tabs span, .container .middle-content .middle-left-content .middle-left-content-tabs span, .container .bottom-content .bottom-content-list .bottom-content-tabs span, .container .middle-content .middle-center-content .middle-center-content-tabs span{ display:block; width: 50%; height:100%; font-size: 19px; font-weight: 800; } .tab-active { background:url("../images/tab-active.png") no-repeat center bottom; } .tab-active a { text-decoration: none; color: inherit; } .container .middle-content .middle-left-content .middle-left-content-list .news-list { height: 246px; } .container .top-content .top-center-content .top-center-content-list .news-list1 li{ background:url("../images/title-pic.png") no-repeat 10px center; height:36px; line-height:36px; font-size:14px; color:#999999; padding:0 0 0 30px; } ul.news-list4{ height: 250px; } .container .middle-content .middle-left-content .middle-left-content-list .news-list2 li{ background:url("../images/point.png") no-repeat 0 center; height:40px; line-height:40px; font-size:14px; color:#999999; padding:0 0 0 30px; } .container .middle-content .middle-left-content .middle-left-content-list .news-list2 { border: 2px solid #DCDDDD; } .container .bottom-content .bottom-content-list .news-list3 { width: 100%; height: 450px; } .news-list6{ width: 1200px; display: flex; flex-wrap: wrap; justify-content:space-between; } .news-list6 .items{ width: 374px; height: 345px; text-align: center; } .news-list6 .view { width: 350px; height: 260px; border: 2px solid #E5E5E7; float: left; position: relative; padding: 10px; } .news-list6 img { width: 100%; height: 100%; overflow: hidden; } .news-list6 .hover { width: 350px; height: 0px; background-color: rgba(0, 0, 0, 0.5); position: absolute; overflow: hidden; top: 10px; left: 10px; transform: rotate(55deg); transition: all 0.2s; z-index: 999; cursor:pointer; } .news-list6 .view:hover .hover { height: 260px; transform: rotate(0deg); } .news-list6 h2 { font-size: 20px; margin: 30px 100px; padding: 10px; width: 130px; height: 20px; line-height: 20px; text-align: center; background-color: #3093E4; color: #FFF; letter-spacing: 5px; font-weight: 500; } .news-list6 .hover p{ width: 300px; height: 110px; border-top: 1px solid #FFF; margin-left: 25px; padding: 15px 0; line-height: 1.6; color: #FFF; } .news-list6 .item-tag { font-size: 24px; line-height: 2; color: #2087E4; letter-spacing: 5px; } .container .top-content .top-center-content .top-center-content-list li a, .container .middle-content .middle-left-content .middle-left-content-list li a{ float:left; font-size:14px; width: 270px; padding-right:9px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .middle-content .middle-left-content .middle-left-content-list li a{ width: 380px; } .container .top-content .top-center-content .top-center-content-list li a span, .container .middle-content .middle-left-content .middle-left-content-list li a span{ float:right; } .container .top-content .top-center-content .top-center-content-list li a:hover .container .middle-content .middle-left-content .middle-left-content-list li a:hover{ color:#218cc7; text-decoration:none; } .container .friend { width: 100%; height: 100px; margin: 15px 0; } .container .friend img { width: 100%; height: 100%; } .container .top-right-content .modr{float:right; width: 329px;border: 1px solid #E7E7E7;} .container .top-right-content .tit{float:left; width: 40px; height: 47px; line-height:22px; padding: 15px 14px; font-size:18px; background:#3193e4; color:#fff;} .container .top-right-content .modr .con{float:right; width:255px;padding:8px 0px 0px 0px;} .container .top-right-content .modr .login1{float:left; width: 192px;} .container .top-right-content .modr .login1 .txt{margin-bottom:8px;} .container .top-right-content .modr .login1 .txt input{width:88px; height:22px;line-height:22px; margin-right: 3px; border:1px solid #c4c4c4;padding-left:3px;} .container .top-right-content .modr .login2{float:left; width: 62px;} .container .top-right-content .modr .login2 input{width:62px; height:62px; border:0px;} /*内容结束*/ /*底部导航开始*/ .footer { width: 100%; min-width: 1200px; height: 300px; background-color: #3193E4; } .footer .footer-content { width: 1200px; height: 100%; margin: 0 auto; display: flex; } .footer .footer-content > div { width: 50%; } .footer .footer-content .footer-left-content { color: #FFF; font-size: 14px; text-align: center; padding-top: 80px; } .footer .footer-content .footer-left-content p { margin-top: 10px; } .footer .footer-content .footer-right-content .contact-info { position: relative; margin-top: 90px; padding-left: 20px; margin-left: 150px; border-left: 2px solid #FFF; } .footer .footer-content .footer-right-content .contact-info img { position: absolute; left: -120px; top: 0; width: 100px; height: 100px; } .footer .footer-content .footer-right-content p { color: #FFF; margin-top: 8px; } /*底部导航结束*/ /*内容列表开始*/ .clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;} .clearfix{display: block; *zoom:1;} .wrapper {width:100%;margin:0 auto;} .wrapper .inner {width:1200px;margin:0 auto;} /**页面全局宽度**/ #list{margin-top:10px;} #list .inner{} #list .inner .mod{} #list .inner .modl{float:left; width:225px;} #list .inner .modr{float:right; width:225px;} #list .inner .modcon{float:right; width:965px!important;} #list .inner .modc{float:left; width:965px;margin-left:10px;} #list .inner .modc .post{border:1px solid #eee;} #list .inner .modc .post .news{} #list .inner .modc .post .news a{font-size:13px;} #list .inner .modc .post .con{padding:10px 10px;} #list .inner .modc .post .con .infotitle{font-size: 18px;line-height:35px;font-weight:bold; text-align:center;} #list .inner .modc .post .con .infometa{line-height:22px; margin:8px 0px; color:#333; text-align:center;} #list .inner .modc .post .con .info p{margin-bottom:5px;} #list .inner .modc .post .con .info p, #list .inner .modc .post .con .info span, #list .inner .modc .post .con .info font{font-family:inherit;font-size:14px;width:100%;} #list .inner .modc .post .jiathis_style{display:inline-block;width:100%;padding-bottom:10px;padding-left:10px;} .col_menu{border:1px solid #eee;padding:6px 12px;margin-bottom:10px;} .col_menu .title{line-height:30px;margin-bottom:10px; background:#017fee;font-size:16px;text-align:center; color:#fff;text-transform:uppercase;} .col_menu .leftmenu4 li{ } .col_menu .leftmenu4 li a{ display:block;height:32px; line-height:32px; background:#fff url(./images/twomenu_15.png)/*tpa=/images/twomenu_15.png*/ no-repeat 0 0; padding-left:23px; } .col_menu .leftmenu4 li a:hover{background: #1DA0FD url(../images/twomenu_13.png)/*tpa=/images/twomenu_13.png*/ no-repeat 0 0; color:#fff; } .col_menu .leftmenu4 li a.on{background: #1DA0FD url(../images/twomenu_13.png)/*tpa=/images/twomenu_13.png*/ no-repeat 0 0; color: #fff;} .list-post{border:1px solid #eee;padding:6px 10px;margin-bottom:10px;} .list-post .rightbg1 .blacklink{line-height:26px;font-size:14px;font-weight:bold; color:#000;} .list-post .rightbg1{line-height:18px;} .list-post .rightbg1 a{line-height:26px;font-size:12px;font-weight:bold; color:#000;} .list-post .rightbg1 p{line-height:18px;} .list-post .rightbg1 .ar{text-align:right;} .pl5{padding-left:5px;} /* 列表页登录 */ .list-login{border:1px solid #eee;padding:6px 12px;margin-bottom:10px;} .list-login .title{line-height:30px;margin-bottom:10px; background:#017fee;font-size:16px;text-align:center; color:#fff;} .list-login .con{} .list-login .con input{} .list-login .con .login1{} .list-login .con .login1 .txt{} .list-login .con .login1 .txt input{margin-bottom:8px; width:194px; height:24px; line-height:24px;padding-left:3px; border:1px solid #ccc;} .list-login .con .login1 .txt input.yz{width:100px; } .list-login .con .login2{} .list-login .con .login2 input{width:100%; height:39px; border:0px; background:#fff url(../images/btn1.jpg) center -1px no-repeat;cursor:pointer;} /* 其他****问题反馈 */ .user_table{margin-top:10px;text-align:center;line-height:20px;} .user_table td{padding: 5px 0px; border:1px #a2b6cf solid} .user_table th{color:#275F9A;background:url(../images/table_03.gif) repeat-x; line-height:30px; border:1px #a2b6cf solid} /**标题栏新闻窗口**/ .post { margin-bottom:10px; border:1px solid #dddddd;} .post .tt { width:100%; height: 32px;background:url(../images/new_tbg.jpg) repeat-x left center; } .post .tt .tit { display:inline-block; float:left; } .post .tt .tit .title { display:inline-block; height:32px; line-height:32px; padding:0px 15px; font-size:16px; font-weight:normal;} .post .con { padding: 8px 12px; margin:0 auto;} .post .more_btn { display:inline-block; height:32px; line-height:32px; margin-right:10px; float:right; color:#959393;} .post .more_btn a{color:#959393; cursor:pointer;} .post1 { margin-bottom:10px;} .post1 .tt {background:url(../images/new_tbg.jpg) repeat-x left center; border-top:3px solid #017fee;} .post1 .tt .tit {background:#007eed; } .post1 .tt .tit .title { display:inline-block; height: 32px; line-height:28px; padding:0px 15px;font-size:16px; color:#fff; } .post1 .con { padding: 6px 12px;} .post1 .more_btn {height:32px; line-height:30px;} .post2 .tt {background:url(../images/new_tbg.jpg) repeat-x left center; border-top:0px; border-bottom:3px solid #017fee;} .post3 { margin-bottom:10px;border:0px;} .post3 .tt {background:url(../images/new_tbg1.jpg) repeat-x left center; border-bottom:0px;} .post3 .tt .tit {background:none;padding-left:28px;background: url(../images/new_tb.jpg) no-repeat 12px center; } .post3 .tt .tit .title { display:inline-block; height:28px; line-height:28px; padding: 0px 0px;margin-right:10px;font-size:16px;color:#000;cursor:pointer;border-bottom:1px solid #eee; } .post3 .tt .tit .title.selected{border-bottom:1px solid #0084fd;color:#0084fd;} .post3 .con { padding: 5px 3px;} .post3 .more_btn {height:28px; line-height:28px;} .post-11 .tt{ height: 34px;border-top: 3px solid #017fee;} .post-11 .tt .tit .title { display:inline-block; height: 38px; line-height:28px;} .post-11 .con {padding:4px 12px;} .post-11 .con #demo{ height:211px; margin:7px 0px; overflow:hidden;} /**切换**/ /**自定义新闻列表**/ .news_list li.news { line-height: 28px;*line-height:25px; padding-left:14px; background:url(../images/biao.jpg)/*tpa=/images/biao.jpg*/ no-repeat 2px 12px;} /**标题图标**/ .news_list li.news span.news_title { float:left;} .news_list li.news span.news_title a{font-size:14px;} .news_list li.news span.news_meta { float:right; margin-left:2px;} .news_list li.news p.news_title {/* float:left; */ /* clear:both; */ line-height:24px; color:#000;} .news_list li.news p a { color:#000;} .news_list li.news p a:hover { color:#03528A; text-decoration:underline;} .news_list li.news p.news_meta{float:right; } .post-21 .list1{} .post-21 .list1 li.news{background:none;padding:0px;} .post-21 li.news .news_img{float:left; width:175px;margin: 10px 0px;} .post-21 li.news .news_wz{float:left;width:285px;margin-left:10px;} .post-21 li.news .news_wz .news_title a{line-height:35px;font-size:15px;color:#017FEE;} .post-21 li.news .news_wz .news_info{line-height:22px; color:#555;} /*内容列表结束*/ a.citie{ display:inline-block; margin:0 auto; width:100%; height:100%; } .nav ul.subnav { position: absolute; top: 36px; left: 0px; z-index: 100; min-width: 100px; background-color: #3193E4; } .nav ul > li:hover ul li { height: 36px; } .nav li ul { position: absolute; left: 0; top: 36px; z-index: 1; } .nav li ul li { overflow: hidden; height: 0; -webkit-transition: height 200ms ease-in; -moz-transition: height 200ms ease-in; -o-transition: height 200ms ease-in; transition: height 200ms ease-in; } .nav li ul li:hover { background-color: #5FA7EA; } .nav li ul li a { display: block; color: #FFF; width: 100%; height: 100%; } .nav li ul li a:hover { text-decoration:none; } img{max-width: 100%;}