@charset "utf-8"; /* CSS Document */ .friendLink{width:100px;z-index:900;height:26px;position:absolute;right:226px;top:41px;background:url(../../images/by20190624/tongdao_bg.jpg) no-repeat;line-height:26px;} .select{ width:85px; height:26px; line-height:26px;color:#fff; font-size:1.1em; text-align:center;padding left:15px;position:relative;cursor:pointer; z-index:1;} .son_select { background:#014887; width:100px; border-bottom:none;line-height:30px; overflow:hidden;display:none; position:absolute;bottom:-106px; left:0; z-index:99999999999999;} .son_select a{ width: 85px; padding-left:15px;text-align:left;height:26px; line-height:26px; display:block; font-size:1em;color:#fff;} .son_select a:hover{color:#b81a35; background:#fff;} .subPage{width:1120px;overflow:hidden; margin:0 auto;position:relative;} .sub_banner{width:100%;position:relative;} .sub_t01 h2{ height:70px; background-color:#7f0007;line-height:70px;color:#fff;text-align:center;font-size:2.2em;font-weight:normal;} .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; } /*机构设置*/ .subbanner { max-width: 1600px; height: 250px; margin: 0 auto; border-left: 1px solid #7a7369; border-right: 1px solid #7a7369; position: relative; box-sizing:border-box; } .sub_nav { position: absolute; width: 50%; bottom: 35px; } .sub_nav ul { margin: 65px 0 0 0%; } .sub_nav ul li { float: left; padding: 0 3%; } .sub_nav ul li a { font-size: 18px; color: #ffffff; } .sub_nav ul li a:hover { color: #999999; } .subbanner_left { width: 24%; float: left; height: 250px; } .subbanner_middle { width: 38%; box-sizing:border-box; float: left; height: 250px; border-left: 1px solid #7a7369; border-right: 1px solid #7a7369; } .subbanner_right { width: 38%; float: right; position: relative; height: 250px; } .subbanner_right { position: relative; } .subbanner_right h2 a { position: relative; display: block; text-align: right; font-size: 40px; color: #ffffff;z-index: 4; padding-top: 88px; padding-right:95px;} /*.subbanner_right h2 a:before { position: absolute; content:''; top: 0; right: 0px;border-left: 600px solid transparent; border-bottom: 250px solid #0095ff; opacity: .8; clear:both;z-index:-1;} */ .subbanner_right:before{content: '';top:0;right:0;background-repeat:no-repeat;background-size: 100% 100%;display: block;height: 250px;position: absolute;width: 100%;z-index:89;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0%2C100 100%2C0 100%2C100' style='fill:%230095ff%3B'/%3E%3C/svg%3E");transform:scaleY(1);z-index: 2} .subbanner_right h2{position: relative;z-index: 3} .sub_t01 h2{height:70px; background:url(../../images/by20190624/l_title_03.png);line-height:70px;color:#fff;text-align:left; padding:0 0 0 32px; font-size:2.2em;font-weight:normal;} .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/by20190624/sub-mbtn02.png) no-repeat center center;background-color:#d8d8d8;cursor:pointer;display:none;} .open{background:url(../../images/by20190624/sub-mbtn02.png) no-repeat center center;background-color:#d8d8d8;} .sub_navm{ width:100%; overflow: hidden;display: none;} .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{} .sub_navm li{position:relative;} .sub_navm li a{ font-size: 14px; color:#282828; padding-left:13px; font-family:Helvetica;height:40px;line-height:40px;border-bottom:1px solid #d3d3d3;display:block;} .sub_navm li a:hover{color:#0095ff;} .sub_navm li.sub_has span{ margin-left: 10px;} .sub_navm li.on a{ color:#0095ff; display:block; width:100%;} .sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;} .sub_navm dl dd{ padding-left: 30px; height:30px;line-height:30px;border-bottom:1px dotted #ddd;} .sub_navm li.on dl dd a{ font-size: 14px; 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:#a70510} .sub_navm li strong.phone_arrow{width:40px;height:40px;line-height:40px;text-align:center;font-weight:bold;font-size:18px;display:block;position:absolute;right:0;top:0;z-index:999;color:#0095ff;cursor:pointer;} .subPage_con{width:100%;overflow:hidden;min-height:470px;} .con_left { width: 278px; float: left; } .sbu_leftWrap{width:278px; position: relative; position: relative; } .er_little_banner { border-bottom: 4px solid #0000db; } .con_right { width: auto; margin: 0 0 0 328px; } .bread { height: 40px; line-height: 40px; background: #0095ff; } .breadIn { margin: 0 0 0 20px; padding: 0 0 0 24px; background:url(../../images/by20190624/bread_03.png) no-repeat left center; color:#fff} .list ul { margin: 30px 0 0 0; } .list ul li { overflow: hidden; border-bottom: 4px solid #dedede; background: #f2f2f2; margin: 0 0 30px 0; position: relative; } .l_list_img { float:left; } .wrap_r_list_con { padding: 0 0 0 280px; } .r_list_con { padding: 0 20px 0 60px; } .r_list_con h2 { padding: 5% 0 2% 0; } .list_con { font-size: 14px; color: #333333; margin: 0 8% 5% 0; height: 77px; overflow: hidden; } .r_list_con h2 a { font-size: 16px; color: #333333; } .r_list_con h2 a:hover { color: #0095ff; } .r_list_con p{ position: absolute; right: 0px; bottom: 0px; width: 110px; height: 21px; line-height: 21px; text-align: center; font-size: 14px; color: #ffffff; background:url(../../images/by20190624/date_bg_03.png) no-repeat; } .detail { width: 210px; height: auto; float: right; text-align: center; vertical-align: middle; background:url(../../images/by20190624/detail_bg_03.png) no-repeat right bottom #0095ff; min-height: 179px; } .detail a { display: block; font-size: 16px; color: #ffffff; font-weight: bold; padding: 38% 0 0 0; } .r_list_con01 { padding: 0 60px 0 60px; position: relative; height: 179px; } .r_list_con01 p { right: 0; } /*左侧边栏*/ .person { position: absolute; width: 27px; height: 41px; left: 146px; top: 40px; z-index: 9999; } .sub_left{overflow:hidden;z-index:99999;background-color:#f8f8f8; border-left: 8px solid #0095ff; padding: 15px 0 0 0;} .sub_left h2{width:auto;padding-left:17px;height:48px;line-height:48px;font-weight:bold;font-family:Helvetica;background-color:#003c7f;border-bottom:1px solid #d3d3d3;} .sub_left h2 a{color:#fff;font-size:20px;} .sub_left ul{} .sub_left li{position:relative} .sub_left li a{position:relative;z-index:1;;padding:14px 22px 14px 5px;display:block;font-size:16px;font-size:1.6em; text-align:center;color:#666666;} .sub_left li a:hover,.sub_left li a.active{font-weight: bold; padding:14px 22px 14px 5px;} .sub_left li strong.arrow{display:block;height:53px;line-height:53px;width:53px;text-align:center;font-size:25px;font-weight:bold;position:absolute;right:0;top:0;color:#999999;z-index:33;cursor:pointer;transition:all 0.3s ease-in-out; font-size: 14px;} .sub_left li strong.arrow:hover{color: #333333; } .twoJ_menu{background-color:#fff;display:none;} .sub_left .twoJ_menu dd a{;padding:8px 22px 8px 5px;font-size:14px;font-size:1.4em;} /*.page { padding: 20px 0; height: 70px; } .page_left { width: 50%; float: left; padding: 15px 0 0 0; } .page_right { width: 50%; float: right; position: relative; } .prev { width: 70px; height: 70px; background: #404345; display: block; position: absolute; right: 71px; top: 0px; } .prev:before { position: absolute; left: 29px; top: 20px; content: ''; width: 20px; height: 20px; border-left: 5px solid #ffffff; border-bottom: 5px solid #ffffff; display: block; transform: rotate(45deg) } .prev:hover { opacity: .2; } .next { width: 70px; height: 70px; background: #404345; display: block; position: absolute; right: 0px; top: 0px; } .next:before { position: absolute; left: 20px; top: 20px; content: ''; width: 20px; height: 20px; border-right: 5px solid #ffffff; border-top: 5px solid #ffffff; display: block; transform: rotate(45deg) } .next:hover { opacity: .2; } .page_left a { font-size: 30px; color: #ffffff; padding: 0 12px; } .page_left a:hover { color: #999999; } */ article { width: 100%; border-top: 1px solid #ffffff; background:url(../../images/by20190624/border-top_02.png) no-repeat left top; } .articleIn{max-width:1600px; margin:0 auto 0px;overflow:hidden; border-left: 1px solid #7a7369; border-right: 1px solid #7a7369; box-sizing:border-box;} .article_left { width: 24%; border-top: 6px solid #ffffff; float: left; } .article_right { width: 76%; float: right; padding: 0 0 45px 0; box-sizing:border-box; border-left: 1px solid #7a7369; } .art_rightIn { background: #ffffff; } .article_rightIn { padding: 25px 30px 20px; } .bread { color: #fff; } .bread a { color: #fff; font-size: 14px; } .bread a:hover { color: #0095ff; } .article_rightIn h2 { padding: 20px; font-size: 22px; color: #202020; text-align: center; border-bottom: 3px solid #0095ff; } .abstract_time { overflow: hidden; padding: 15px 0 30px 0; } .abstract { float: left; font-size: 16px; color: #666666; } .time { font-size: 16px; color: #666666; float: right; } .article_con { font-size: 16px; color: #666666; line-height: 32px; text-indent: 2em; } .article_con img { width: auto; height: auto; display: block; margin: 25px auto; } .artRelated_artshare { padding: 35px; overflow: hidden; border-top: 1px solid #362e2d; } .artRelated { float: left; } .artRelated a { font-size: 16px; color: #0095ff; } .artshare { float: right; } .artshare { font-size: 16px; color: #666666; } .artshare span { float: left; } .artshare a { float: left; margin: 0 0 0 10px; } .r_list_con07{height: auto;padding-left: 20px;} .detail07{min-height: auto;} .r_list_con07 h2{padding-top: 20px;} .r_list_con07 h2 a{display: block;height: 24px;line-height: 24px;overflow: hidden; padding-right: 97px;} .article h2 { font-size: 24px; color: #333333; text-align: center; margin: 30px auto 15px; } .author { font-size: 14px; color: #999999; text-align: center; } .article_con { font-size: 14px; color: #333333; line-height: 28px; margin: 18px 0 0 0; padding: 0 100px; } .detail a{padding-top: 23px;padding-bottom: 17px;} .con_rightT{margin-left: 0;} /*分页*/ .pages{ text-align:center; height:30px;font-size:14px; line-height:30px; margin:25px 0 10px 0; overflow: hidden;padding-left:15px;position: relative;} .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 11px; border: #eeeeee 1px solid;} .pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:27px; height: 28px;border: #eeeeee 1px solid; font-size:14px; text-align:center; color:#636363; margin: 0 3px;} .pages a img{*display:block; *margin-top: 8px;} .pages a:hover{ } .pages a.on_pages,.pages a:hover{ background: #0095ff;color:#fff; } .pages_min{ margin: 25px 0; overflow: hidden; display: none;font-size:14px;} .pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; font-size: 13px; float:left; background: #e7e7e7; border-radius: 3px; color:#666666; line-height: 30px; text-align: center;} .pages_min a.next_min{ float:right;} .pages_min a:hover{ background:#0095ff; color:#fff; transition:0.3s;} .con { max-width: 1440px; margin: 40px auto; overflow: hidden; } @media screen and (max-width:1023px) { .con_left { display: none; } .con_right { margin: 20px auto; width: 96%; } .sub_mbtn { display: block; } .con { margin: 10px auto; } .article_con { padding: 0px; } .r_list_con01{padding:0 230px 0 30px} } @media screen and (max-width:1000px) { .abstract { float: none; margin: 0 0 10px 0; } .time { float: none; } } @media screen and (max-width:799px) { .subbanner { display: none; } .sub_mbtn { display: block; } .article_left { display: none; } .article_rightIn h2 { font-size: 18px; } .article_right { width: auto; border-left: 0px; border-right:0px; } .pages{ display: none; } .pages_min{display:block;} } @media screen and (max-width:640px) { .artRelated { float: none; margin: 0 0 10px 0; } .artshare { float: none; } } @media screen and (max-width:630px) { .l_list_img { float: none; padding: 20px 0 0 0; width: 96%; margin: 0 auto; } .l_list_img img { width: 100%; } .r_list_con { padding: 0px; width: 96%; margin: 0 auto; } .wrap_r_list_con { padding: 0; } .list_con { margin: 0 0% 30px 0; } .detail { display: none; } .r_list_con01 p { right: 0px; } .r_list_con01 { position: static; } } @media screen and (max-width:599px) { } @media screen and (max-width:480px) { } @media screen /*and (min-width:320px)*/ and (max-width:360px) { }