@charset "utf-8";
/*左栏*/
.con_left { width: 725px; height: auto; overflow: hidden; }
.xh-fall-fallTitle { border-bottom: 1px solid #d8d8d8; overflow: hidden; margin: 30px 0; }
.xh-fall-fallTitle h2 { font-size: 24px; color:#333; font-weight: bold; line-height: 50px; float: left; border-bottom: 3px solid #1e83ef; padding: 0 10px; }
.ej_list { margin-top: 10px; overflow: hidden; }
.ej_list li { width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e8e8e8; padding-bottom:10px; }
.ej_list li + li { margin-top:25px; }

.ej_list li img { float:left; width:156px; height:99px; padding-right:20px; }
.ej_list li .txt { height:85px; overflow:hidden; }
.ej_list li .txt h2 { font-size:18px; color:#333; line-height:27px; overflow:hidden; }
.ej_list li .txt h2 a { color:#333; }
.ej_list li .txt p { font-size:14px; height:20px; color:#999; overflow:hidden; margin-top:8px; }
.ej_list li .time p { font-size:14px; color:#666; }
.ej_list li .time p span { padding-left:20px; }

.xpage-more-btn { width: 659px; height: 34px; text-align: center; margin: 0 auto; margin-left: auto; margin-right: auto; background: #ededed; line-height: 34px; cursor: pointer; margin-top: 25px; }
.xpage-more-btn:hover { background: #ddd; }
.xpage-more-btn:active { background: #ccc; }
/*END*/
/*右栏*/
.con_right { width: 301px; height: auto; overflow: hidden; margin-top: 82px; background: #f5f3f4; }
.jbrk_box { width: 100%; height: 77px; }
.dh_box { border-bottom: 1px solid #388de1; padding-top: 25px; }
.dh_box h2 { font-size: 24px; color: #254b92; font-weight: bold; margin-bottom: 10px; position: relative; padding-left: 30px; }
.dh_box h2 i { position: absolute; width: 10px; height: 23px; background: #1e83ef; display: inline-block; top: 5px; left: 0; }
.dh_box h2 span { float: right; font-size: 14px; color: #999; margin-top: 15px; }
.dh_box h2 span a { color: #999; }
.focusBox3 { width: 301px; height: 230px; position: relative; margin-top: 10px; }
.focusBox3 .arrow-left { background: url(https://www.piyao.org.cn/index/images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 95px; margin-top: -15px; width: 17px; height: 30px; z-index: 2 }
.focusBox3 .arrow-right { background: url(https://www.piyao.org.cn/index/images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 95px; margin-top: -15px; width: 17px; height: 30px; z-index: 2 }
.focusBox3 .swiper-container { width: 301px; height: 196px; }
.swiper-slide { position: relative; }
.focusBox3 .swiper-container.swiper-wrapper .swiper-slide img { width: 301px; height: 196px; }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; opacity: 0.6; background: #000; z-index: 0; }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title { font-size: 16px; position: absolute; left: 0; bottom: 0; width: 95%; height: 35px; line-height: 35px; color: #fff; overflow: hidden; z-index: 1; padding-left: 10px }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; }
.focusBox3 .pagination { position: absolute; right: 40%; text-align: right; bottom: 5px; width: 100%; z-index: 2; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #4e9df2; }
/*.rdphb_box { width: 301px; height: auto; overflow: hidden; margin-top: 25px; }
.rdphb_box .dh { width: 100%; height: 49px; background: #254b92; font-size: 24px; color: #fff; font-weight: bold; text-align: center; line-height: 49px; }
.rdphb_box_bj { width: 100%; height: 360px; background: #4c9bf0; margin-top: 2px; overflow: hidden; }
.phb_con { width: 265px; height: 335px; overflow: hidden; margin: 0 auto; margin-top: 15px; }
.tab1 { width: 265px; position: relative; }
.tab1 .tab_menu { width: 100%; float: left; position: absolute; z-index: 1; }
.tab1 .tab_menu li { float: left; width: 69px; height: 24px; font-size: 14px; color: #1e83ef; background: #f5f3f4; line-height: 24px; cursor: pointer; text-align: center; }
.tab1 .tab_menu li + li { margin-left: 29px; }
.tab1 .tab_box { width: 265px; height: auto; clear: both; top: 0; position: relative; }
.tab1 .tab_menu .selected { background-color: #254b92; cursor: pointer; color: #fff; }
.tab1 .hide { display: none; }*/



.phb_box { width: 271px; height: 405px; background: #4098f2; padding: 0 15px 0 15px; position: relative; }
.phb_box .hd { font-size: 22px; color: #fff; font-weight: bold; border-bottom: 1px solid #f5f3f4; padding: 12px 0 12px 0; }
.tab4 { width: 271px; position: relative; }
.tab4 .tab_menu { width: 100px; position: absolute; top: -38px; right: 0; z-index: 10; }
.tab4 .tab_menu li { float: left; width: 30px; height: 30px; line-height: 30px; cursor: pointer; text-align: center; margin: 0 2px 0 0; color: #ddd; }
.tab4 .tab_box { width: 271px; height: auto; margin: 0 auto; overflow: hidden; }
.tab4 .tab_menu .selected { cursor: pointer; color: #fff; }
.tab4 .hide { display: none; }
.phb_list { margin-top: 10px; }

.list01 li { height: 20px; font-size: 14px; color: #333; background: url(https://www.piyao.org.cn/ej/images/doc.jpg) left center no-repeat; padding-left: 15px; overflow: hidden; }
.list01 li a { color: #333; }
.phb_list li { color: #fff; margin-bottom: 14px; }
.phb_list li a { color: #fff; }
.phb_list li a:hover { color: #fff !important; }
/*END*/

@media screen and (min-width:0px) and (max-width: 767px) {
/*左栏*/
.con_left { width: 96%; height: auto; margin:0 auto; overflow: hidden; margin-left:2%; }
.xh-fall-fallTitle { border-bottom: 1px solid #d8d8d8; overflow: hidden; margin: 10px 0; }
.xh-fall-fallTitle h2 { font-size: 1.25rem; color:#333; font-weight: bold; line-height: 50px; float: left; border-bottom: 3px solid #1e83ef; padding: 0 10px; }
.ej_list { margin-top: 10px; overflow: hidden; }
.ej_list li { width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e8e8e8; padding-bottom:10px; }
.ej_list li + li { margin-top:25px; }

.ej_list li img { float:left; width:40%; height:auto; padding-right:4%; }
.ej_list li .txt { height:auto; overflow:auto; }
.ej_list li .txt h2 { font-size:1.25rem; color:#333; line-height:27px; overflow:auto; }
.ej_list li .txt h2 a { color:#333; }
.ej_list li .txt p { font-size:0.725rem; height:auto; color:#999; overflow:auto; margin-top:8px; }
.ej_list li .time p { font-size:0.725rem; color:#666; }
.ej_list li .time p span { padding-left:20px; }

.xpage-more-btn { width: 100%; height: 34px; text-align: center; margin: 0 auto; margin-left: auto; margin-right: auto; background: #ededed; line-height: 34px; cursor: pointer; margin-top: 25px; }
.xpage-more-btn:hover { background: #ddd; }
.xpage-more-btn:active { background: #ccc; }



	
}