@charset "utf-8"; /* CSS Document */ .sub_banner{ overflow: hidden; clear: both;} .sub_banner .imgResponsive{ height: 0; padding-bottom:19.7%; text-align: center; clear: both; overflow: hidden;} .sub_banner img{ display: block; margin: 0 auto;} .subPage{ background:#f9eff1 ; position:relative;} .subPage:before{ content: ""; display: block; width: 58%; height: 100%; background: #f3e2e5; position: absolute; right: 0; top: 0; } /*面包屑*/ .bread{width:auto;line-height: 26px; font-size:1.4rem; margin-bottom: 28px;} .bread span{display: block; font-weight:normal;text-align: right;} .bread span a{padding: 0 5px;} .bread a:hover{color:#af2a3c;} .sub_mbtn.open{ background:url(../../images/80xq/open.png) no-repeat right 20px center; background-color:#f0dfcd;} .sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; } .sub_mbtn{width:100%;height:40px;background:url(../../images/80xq/sub-mbtn02.png) no-repeat right 20px center;background-color:#af2a3c;cursor:pointer;display:none; position: relative;z-index: 9;} .sub_mbtn span{ font-size: 1.6rem; font-weight: bold; display:inline-block; line-height: 40px; padding-left: 20px;color: #fff;} .sub_mbtn.mobile-inner-header-icon-out span{ width: auto; height: auto;} .sub_navm{ width:100%; overflow: hidden;display: none;position: relative;z-index: 9;} .sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;} .sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;} .sub_navm ul{ background:#f2edee; } .sub_navm li{position:relative;} .sub_navm li a{ font-size: 14px; color:#282828; padding-left:20px;height:40px;line-height:40px;border-bottom:1px solid #dfdfdf;display:block;} .sub_navm li a:hover{color:#af2a3c;} .sub_navm li.sub_has span{ margin-left: 10px;} .sub_navm li.on a{ color:#f1a230; display:block; width:100%;} .sub_navm dl{ display: none; background-color:#f2edee; padding:0px 0px 5px;} .sub_navm dl dd{ padding-left: 30px; height:40px;line-height:40px;border-bottom:1px dotted #ccc;} .sub_navm li.on dl dd a{ font-size: 13px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;height:30px;line-height:30px;} .sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; border:none; padding:0px;} .sub_navm li dl dd a:hover{ color:#f1a230} .sub_navm li strong.phone_arrow{width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:15px;top:15px;z-index:99; text-indent: 99em;background:url(../../images/80xq/arrow.png) no-repeat;cursor:pointer;} .subPage_con{ min-height:470px; padding: 30px 0 30px 0; position: relative;z-index: 999;} .sub_left li{ position: relative; border-bottom: #f5e4e7 2px solid; background:url(../../images/80xq/libg02.png) no-repeat left top 25px;} .sub_left li strong.arrow{display:block;height:20px;line-height:20px;width:20px;text-align:center; background:url(../../images/80xq/arrow.png) no-repeat; position:absolute;right:0;top:27px; text-indent: 99em; z-index:33;cursor:pointer;transition:all 0.3s ease-in-out} .sub_left li.on strong.arrow{background:url(../../images/80xq/arrow02.png) no-repeat;} .twoJ_menu{background-color:#f9eff1; display:none;} .sub_left .twoJ_menu dd a{ display:block;font-size:14px !important;border-bottom:1px solid #f5dce1;color:#666666;} /*左侧边栏*/ .sub_top{ padding: 15px 0; border-bottom:#af2a3c 3px solid;} .sub_top .sub_title{ color: #4a4a4a; font-size: 21px; font-size: 2.1rem; } .sub_left{width:330px; float:left; position: relative;overflow: hidden;} .sub_left .sub_nav{ position: relative;z-index: 2;} .sub_left .sub_nav li a{padding: 20px; line-height: 22px;display:block;font-size:1.6rem; position: relative;transition: all 0.3s ease-in-out;} .sub_left .sub_nav li:hover,.sub_left li.active{ transition: all 0.3s ease;} .sub_left .sub_nav li:hover a,.sub_left li.active a{ color: #af2a3c; position: relative;} .sub_left .sub_nav li:hover a{ padding-left: 26px;} .articleTitle{ max-width: 450px; background: #af2a3c; padding: 30px 0; *padding-left: 20px; position: relative;margin-top: -130px;} .articleTitle:before{ content: ""; display: block; width: 360px; height: 100%; background: #af2a3c; position: absolute;left: -360px;top: 0;} .articleTitle span{font-size: 34px; font-size: 3.4rem; color: #fff;} .articleTitle p{ font-size: 24px; font-size: 2.4rem; color: #cf7f8a; padding-top: 5px;font-family: 'Arial';} .sub_right{margin:0 0 0px 360px;background: #fff;} .marginBot{margin-bottom:40px;} .pageArticle{ position: relative;} .article{width:auto;overflow:hidden;padding: 40px 55px;} .pageArticle.TL .article{ padding: 0; } /*列表页 */ .bit1Mode1{ overflow: hidden; } .bit-title{ border-bottom: #dfaab1 3px solid;margin-bottom: 13px; position: relative;} .bit-title h3{ font-size:26px; font-size: 2.6rem; font-weight: normal;display: inline-block;padding-bottom: 25px; position: relative;} .bit-title h3:before{ content: ""; display: block; width: 100%; height: 3px; background: #af2a3c; position: absolute; left: 0; bottom: -3px;} .bit-List01 li{ border-bottom: #dbdbdb 1px solid; overflow: hidden; padding: 17px 0;} .bit-List01 .date{ background: #af2a3c; border:#af2a3c 1px solid; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; display: inline-block;border-radius: 5px; float: left;} .bit-List01 a{ display: block; margin-left: 110px; overflow: hidden;height: 28px;line-height: 28px; transition: all 0.3s ease-in-out;} .date .year{ color: #fff; padding: 0 5px;display: inline-block;height: 25px;line-height: 25px;} .date .day{ background: #fff; color:#af2a3c; padding: 0 5px;display: inline-block;height: 25px;line-height: 25px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .bit-List01 li a:hover{ padding-left: 6px; } /*文章页*/ .articleAuthor{ padding:10px 0; overflow: hidden; } .articleAuthor .lf{ width: 60%; } .articleAuthor .lf span{ display: inline-block; min-width: 185px; padding-right: 10px;} .articleAuthor .rt{ width: 40%; } .articleAuthor .rt span{ display: block; text-align: right; } .articleAuthor span{ font-size: 14px; font-size: 1.4rem; line-height: 27px;} .article02{ min-height: 600px; margin: 22px 0; overflow: hidden; } .article02 p{ line-height: 27px; font-size: 14px; font-size: 1.4rem; } .article02 i{ font-style: italic; } .article02 strong{ font-weight: bold; } .article02 img{ width: auto !important; height: auto !important;} /*专题栏目*/ .bit-picList{ margin: -30px -15px; overflow: hidden; } .bit-picList li{ width: 33.2%; float: left; } .bit-picList li a{ display: block; margin: 30px 15px; position: relative;border-radius: 6px;overflow: hidden;} .bit-picList .imgResponsive{ padding-bottom: 61%; } .bit-picList .date{ background: #af2a3c; border:#af2a3c 1px solid; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; display: inline-block;border-radius: 5px;position: absolute;top: 25px;left: 20px;} .bit-picList .item-txt{ font-size: 22px; font-size: 2.2rem; color: #fff; background: rgba(175,42,60,0.7); *background: #af2a3c; background: #af2a3c\9; display: block;padding: 0 3%;position: absolute;bottom: 0;left: 0;width: 94%;height: 60px;line-height: 60px;} .bit-picList.bit-picList02 li{ width: 50%; } /*项目一览*/ .bit-list02{ margin: 0 -15px; font-size: 0; } .bit-list02 li{ width: 33.2%; /*! float:left; */ display: inline-block;vertical-align: top;} .bit-list02 li a{ display: block; margin:25px 15px; background: #fff; /*! overflow: hidden; */ padding: 14px 0 14px 20px;margin-right: 60px;} .bit-list02 .imgResponsive{ width: 157px; height: 132px; padding: 0; float: right;margin-right: -45px;} .bit-list02 li.li01 a{ border-left: #e54d49 4px solid; } .bit-list02 li.li01 .imgResponsive{ width: 132px; height: 132px; border: #e54d49 6px solid; } .bit-list02 li.li01 .pro-title{ color: #af2a3c; } .bit-list02 li.li02 a{ border-left: #a5ae80 4px solid; } .bit-list02 li.li02 .imgResponsive{ border: #a5ae80 6px solid; } .bit-list02 li.li02 .pro-title{ color: #596a15; } .bit-list02 li.li03 a{ border-left: #b0937b 4px solid; } .bit-list02 li.li03 .imgResponsive{ border: #b0937b 6px solid; } .bit-list02 li.li03 .pro-title{ color: #ab7a5f; } .bit-list02 li.li04 a{ border-left: #c98876 4px solid; } .bit-list02 li.li04 .imgResponsive{ border: #c98876 6px solid; } .bit-list02 li.li04 .pro-title{ color: #cb6056; } .bit-list02 li.li05 a{ border-left: #afcce0 4px solid; } .bit-list02 li.li05 .imgResponsive{ border: #afcce0 6px solid; } .bit-list02 li.li05 .pro-title{ color: #416f9b; } .bit-list02 li.li06 a{ border-left: #efb18b 4px solid; } .bit-list02 li.li06 .imgResponsive{ border: #efb18b 6px solid; } .bit-list02 li.li06 .pro-title{ color: #e37e50; } .bit-list02 li.li07 a{ border-left: #c7d5dd 4px solid; } .bit-list02 li.li07 .imgResponsive{ border: #c7d5dd 6px solid; } .bit-list02 li.li07 .pro-title{ color: #88bfd0; } .bit-list02 li.li08 a{ border-left: #e4b664 4px solid; } .bit-list02 li.li08 .imgResponsive{ border: #e4b664 6px solid; } .bit-list02 li.li08 .pro-title{ color: #e19d55; } .bit-list02 li.li09 a{ border-left: #b4b3b3 4px solid; } .bit-list02 li.li09 .imgResponsive{ border: #b4b3b3 6px solid; } .bit-list02 li.li09 .pro-title{ color: #646565; } .bit-list02 .artText{ display: block;margin-right: 144px;} .bit-list02 .pro-title{ display: block; font-size: 22px; font-weight: bold;line-height: 36px; max-height: 72px; overflow: hidden; } .bit-list02 .pro-con{ display: block; margin: 8px 0 0 0; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; } .bit-list02 li a:hover{ color: #333; } /*校庆标识tab切换*/ /*tab start*/ .tabArticleList{ position:relative;} .tabArticleList .tabListTitle{ overflow:hidden; line-height: 50px; margin: 0 auto 20px auto;border-bottom: #dfaab1 3px solid;} .tabArticleList .tab_menu h3{ width:auto; height:50px;line-height:50px; float:left; } .tabArticleList .tab_menu h3 a{ display:block; height:50px; text-align:center; line-height:50px;font-size:2.0rem;font-size: 18px\9; *font-size: 18px; width:auto; color: #333; position: relative; font-weight: normal;transition: all 0.3s ease; padding: 0 14px; } .tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on{display:block;height:50px; line-height:50px; float:left;} .tabArticleList .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block; width:auto; height:50px; line-height:50px; color: #fff; background: #af2a3c; /*! border-radius: 5px; */} .tabArticleList .more_tab{ display: none;} .tabArticleList .tabListBox{ display:none;} /*tab end*/ /*分页*/ .pages{ text-align:center; height:38px; line-height:38px; margin:70px auto 40px auto; border-radius: 3px; overflow: hidden; clear: both;} .pages img{vertical-align: middle;} .pages span{ color:#990000; padding:0 20px 0 0px;} .pages a.start,.pages a.prev,.pages a.next,.pages a.end{ width: auto; padding:0 9px;} .pages a.end{ border-right: none; } .pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:34px; height: 34px;line-height: 34px; font-size:16px; font-family: "Arial"; text-align:center; color:#af2a3c; transition: all 0.3s ease; border-radius: 5px; background: #fff;border: #af2a3c 1px solid;margin: 0 8px;} .pages .iconfont,.pages .iconfont:hover{ background: none; border: none; } .pages a img{ width: auto; *display:block; *margin-top: 8px;} .pages a.on_pages,.pages a:hover{ background: #af2a3c;color:#fff; border: #af2a3c 1px solid;} .pages_min{ margin: 25px 0; overflow: hidden; display: none;font-size:14px; clear: both;} .pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; font-size: 13px; float:left; background: #af2a3c; border-radius: 3px; color:#fff; line-height: 30px; text-align: center;} .pages_min a.next_min{ float:right;} .pages_min a:hover{ background:#cd3348; color:#fff; transition:0.3s;} /*文章附件*/ .Annex-share{ margin: 20px 0 0 0; overflow: hidden; } .Annex{ border-top: #ddd 1px solid;padding: 20px 0 0 0;} .Annex h3{ font-size: 18px;margin-bottom: 12px;} .Annex .listTitle01{font-size:3.0rem;color:#333; height: 40px;line-height: 40px;font-weight: normal;} .Annex ul{} .Annex ul li{position: relative;padding:8px 16px; overflow:hidden; position: relative;} .Annex ul li a{font-size:16px; font-size:1.6rem;transition: all 0.3s ease-in-out;} .Annex ul li:before{ content: ""; display: block; width: 5px; height: 5px; background: #ccc; position: absolute; left: 0; top: 17px; border-radius: 50%;} .Annex ul li a:hover{ padding-left: 8px; } @media screen and (max-width:1400px) { .bit-list02 .imgResponsive{ width: 120px; height: 101px; } .bit-list02 li.li01 .imgResponsive{ width: 120px; height: 120px; } .bit-list02 .artText{ margin-right: 100px; } } @media screen and (max-width:1200px) { .container{width: auto;margin-left: 15px !important;margin-right: 15px !important;} } @media screen and (max-width:1024px) { .subPage_con{padding: 20px 0 30px 0;} .bread{ margin-bottom: 10px; } .sub_left{ display: none; } .sub_mbtn{ display: block; } .sub_right{ margin: 15px 0 0 0; } .sub_right .article{ clear: both; } .articleTitle{ display: none; } .article{ padding: 20px; } .pages{ display: none; } .pages_min{ display: block; } .bit-title h3{ font-size: 2.4rem; padding-bottom: 10px; } .bit-picList .item-txt{ height: 40px; line-height: 40px; font-size: 1.8rem;} .bit-list02 li{ width: 50%; } } @media screen and (max-width:992px) { } @media screen and (max-width:768px) { .article02 img{width:auto !important;height:auto !important;} .article02 video{width:auto !important;} .article02 table{width:100% !important; } .bit-list02 .pro-title{ font-size: 18px; line-height: 24px;max-height: 48px;} .tabArticleList .tab_menu h3 a{ font-size: 1.6rem; } } @media screen and (max-width:767px) { .articleAuthor .lf span{ min-width: auto; } .bit-picList li{ width: 50%;} .bit-picList .item-txt{ font-size: 1.6rem; height: 35px; line-height: 35px; } .bit-picList .date{ top: 10px; left: 10px; } .Annex ul li a{ font-size: 14px; } } @media screen and (max-width:640px) { .bit-title h3{ font-size: 2.0rem; } .fpx18{ font-size: 1.5rem; } .bit-List01 .date{ float: none; } .bit-List01 li{ padding: 10px 0; } .bit-List01 a{ margin: 5px 0 0 0; line-height: 24px; height: auto; } .articleAuthor .lf,.articleAuthor .rt{ width: auto; float: none; text-align: center;} .articleAuthor .rt span{text-align: left; display: inline-block; padding-right: 10px;} .bit-list02 li{ width: 100%; } .bit-list02 li a{ margin-top: 15px; margin-bottom: 15px; } } @media screen and (max-width:480px) { .bit-picList li,.bit-picList.bit-picList02 li{ width: auto; float: none;} }