@charset "utf-8";
/* CSS Document */
.subPage{ background: #f0f5f3; padding-bottom:70px;}
.subbanner{width: 100%;overflow: hidden;position: relative; } 
.subbanner-con{width: 100%;height: 0;padding-bottom:31%;overflow: hidden; text-align: center;}
.subbanner-con img{ width: 100%; }
/*content*/


/*侧边栏*/
.subLeft{width: 260px; float: left;} 
.gp-subLeft {  border-left: #e42948 6px solid;}
.gp-subLeft>ul {background: #fff;}
.gp-subLeft>ul>li {position: relative; padding-left: 30px;height: 63px;}
.gp-subLeft>ul>li::before{content: ""; display: block; width: 16px; height: 16px; background: url(../images/jia.png) no-repeat center center;
position: absolute; right: 10px; top:25px;}
.gp-subLeft>ul>li.active,.gp-subLeft>ul>li:hover{ background: #e42948; position: relative;}
.gp-subLeft>ul>li.active::after,.gp-subLeft>ul>li:hover::after{content: ""; display: block; width: 0; height: 0; border-bottom:63px solid #e42948; border-right: 20px solid transparent;
   position: absolute; right: -20px; top: 0;}
.gp-subLeft>ul>li.active>a,.gp-subLeft>ul>li:hover>a{ border-bottom: #e42948 1px solid; }
.gp-subLeft>ul>li>a {display: block; border-bottom: #eee 1px solid;  padding:18px 35px 18px 0;}
.gp-subLeft>ul>li:hover>a,.gp-subLeft>ul>li.active>a { color: #fff; }
.gp-subLeft>ul>li:hover>a,.gp-subLeft>ul>li.active>a { }
.gp-subLeft .gp-toggles,.gp-sub-toggles { font-size: 12px; font-size: 1.2rem; width: 36px; height: 66px; position: absolute;
   right: 0; top: 0; line-height: 59px;  text-align: center;  cursor: pointer;  color: #fff;  font-weight: normal;  display: block;}
.gp-subLeft .gp-toggles.icon-jia { background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jia.icon-down { background: url(../images/jia.png) no-repeat center center #e42948;transform: rotate(90deg);
   height: 36px; top: 15px;}
.gp-subLeft .gp-sub-toggles { width: 50px; height: 50px; line-height: 50px;}
.gp-subLeft .gp-sub-toggles.icon-jia {background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles.icon-jian { background: url(../images/jian.png) no-repeat center center;}
.gp-second-nav {font-size: 16px; padding: 10px 0; display: none;}
.gp-second-nav dd { position: relative;}
.gp-second-nav dd a { display: block; color: #fff; position: relative; padding: 8px 15px; transition: all 0.35s ease-in-out;
   /*! text-align: center; */}
.gp-second-nav dd dd a { padding-left: 60px; font-size: 16px; font-size: 1.6rem;  padding: 10px 30px 10px 50px;
   background-color: #3d72b3; color: #ddd; border-bottom: none;}
.gp-second-nav dd dd a:before { border-bottom-color: #4e81c0;}
.gp-second-nav dd:hover a,.gp-second-nav dd.active a { }
.gp-subLeft * { transition: none;}
.gp-subLeft h2{ font-weight: normal; padding: 20px 30px; color: #fff; background: #e42948;}
.gp-subRight { margin-left: 310px; overflow: hidden;}
.gp-subRight-con { overflow: hidden;position: relative; min-height: 300px;}

/*侧边栏移动端 */

.gp-m-subNav { display: none;}
.gp-m-inner-header { width: 100%; height: 42px; background-color: #e42948; cursor: pointer; line-height: 42px;}
.gp-m-inner-header>span { height: 50px; padding-left: 15px; font-size: 1.8rem; color: #fff;}
.gp-m-subNav .gp-m-inner-header-icon { float: right; width: 50px; height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-out i.icon-jia { display: block; background: url(../images/jia.png) no-repeat center;
   width: 50px; height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian {display: block;background: url(../images/jia.png) no-repeat center;
   width: 50px; height: 42px; transform: rotate(90deg);}
.gp-subNavm { width: 100%; overflow: hidden; display: none;}
.gp-subNavm h2 { width: 100%; height: 48px; line-height: 48px; background-color: #003c7f;}
.gp-subNavm h2 a { padding-left: 13px; font-size: 20px; display: block; color: #fff;}
.gp-subNavm ul { background: #fff;}
.gp-subNavm li { position: relative;}
.gp-subNavm li>a { font-size: 14px; padding-left: 13px; height: 38px; line-height: 38px; border-bottom: 1px solid #eee;
   display: block;}
.gp-subNavm li.sub_has span { margin-left: 10px;}
.gp-subNavm li.on a { color: #003c7f; display: block; width: 100%;}
.gp-m-toggle,.gp-sub-m-toggle { width: 15px; height: 15px; position: absolute; right: 16px; top: 15px; line-height: 40px;
   text-align: center;}
.gp-m-toggle.icon-right { background: url(../images/jia.png) no-repeat center center;}
.gp-m-toggle.icon-down { background: url(../images/jia.png) no-repeat center center; transform: rotate(90deg);}
.gp-subNavm dl { display: none; background-color: #FDFDFD;}
.gp-subNavm dl dd { padding-left: 30px; line-height: 18px; padding: 10px 0px 10px 30px; border-bottom: 1px solid #f3f5f6;
   position: relative;}
.gp-subNavm li dl dd a { font-size: 14px; font-weight: normal; display: inline; border: none; padding: 0px;}
.gp-subNavm li dl dd a:hover {color: #5b396c;}
/*自定义*/ 

/*二级栏目标题*/
.articleTitle02{ display:block;margin-top: -80px; position: relative;}
.articleTitle02::before{ content: ""; display: block; width: 50%; height: 80px; background:#e42948; position: absolute;left: -50%; top: 0;}
.articleTitle02 .title{ display: inline-block; min-width: 450px; height: 80px;line-height: 80px; background: url(../images/titlebg.png) no-repeat right 25px top #e42948; overflow:visible; position: relative;}
.articleTitle02 span{ display: inline-block; color: #fff; }
.articleTitle02 .title:after{ content: ""; display: block; width: 0; height: 0; border-bottom: 80px solid #e42948; border-right: 20px solid transparent;
position: absolute; right: -20px; top: 0;}
.articleTitle03{ background: url(../images/titlebg2.png) no-repeat left center; padding-left: 35px; margin-bottom:30px;} 
.articleTitle03 span{ font-weight: bold; color: #e42948;}



/*文章页和简介页*/
.gp-bread{ width: 100%; background: #F7F7F7; margin-bottom: 10px;}
.gp-bread > div{ position: relative;z-index: 9; padding: 13px 0; margin: 0 !important;}
.gp-bread *{ color: #e42948;}
.pageArticleTitle{ margin-bottom:20px; text-align: center; overflow: hidden; position: relative;}
.pageArticleTitle h3{ line-height: 30px; color:#555555;}
.pageArticleTitle .subTitle{ color: #015a9f; margin: 20px 0;} 
.articleAuthor { border-bottom: #e4e8e6 1px solid; padding: 15px 0; overflow: hidden;}
.articleAuthor span{ display: inline-block;  padding:0 15px;line-height: 24px;}
.gp-article{line-height:28px; }
.gp-article p{} 
.gp-article table{margin: auto !important; width: auto !important;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }


/* 通知公告列表页 */
.list1 { padding-top: 20px; margin-bottom: -50px; overflow: hidden; }
.list1 li{ margin-bottom: 50px;}
.list1 li a{ display: block; background: #fff; padding: 0 30px;}
.list1 .listDate{ width:67px; padding: 10px; float: left; text-align: right; background: #e42948; position: relative; top: -20px;}
.list1 .listDate *{ color: #fff;}
.list1 .day{ margin-top: 6px;}
.list1 .listText{ margin-left:125px;}
.list1 .listTitle { margin: 26px 0; transition: all 0.2s ease;}
.list1 li a:hover .listTitle{ padding-left:10px;}



/*人才培养+招生就业+合作交流*/
.list2{margin: -15px; overflow: hidden;}
.list2 li{ width: 33.3%;}
.list2 li a{ display: block; margin: 15px; padding: 20px; background: #fff; overflow: hidden; position: relative;}
.list2 .listFrom{ display: inline-block; padding: 10px 30px; background:#e42948; color: #fff; transform: skewX(-20deg);
position: absolute; left: -10px; top: 0;}
.list2 .listFrom b{ display: inline-block; font-weight: normal;transform: skewX(20deg);}
.list2 .listText{ margin: 20px 0 10px;}


/* 管理机构 */
.list3 table{ width: 100%;  text-align: center;border-collapse:collapse;}
.list3 table tr td{ padding:1.8rem 1.2rem;}
.list3 table *{word-break: break-all;}
.list3 table tr:nth-child(even){ background:#FAFAFA;}
.list3 table tr:nth-child(odd){ background:#e7efec;}
.list3 table tr td{font-size: 20px; font-size: 2.0rem; border-right:#e2e2e2 2px solid;} 
.list3 table tr td:last-child{ border: none;}



/* 北林人物 */
.list4{ margin: -30px -18px; overflow: hidden;}
.list4 li{ width: 50%;}
.list4 li a{ display: block; margin: 30px 18px; background: #fff; overflow: hidden; transition:all 0.2s ease;}
.list4 .listText{ margin: 20px;}
.list4 li a:hover{ background:#e42948;}
.list4 li a:hover *{ color: #fff;}


/* 专题推荐 */
.list5{ margin: -15px; }
.list5 li{ width: 25%; }
.list5 li a{ display: block; margin:15px; background: #fff; overflow: hidden; position: relative;}
.list5 .img{ background: #eee; padding-bottom: 100%;}
.list5 .listTitle{padding:20px 15px; text-align: center; z-index: 2;}



/*北林头条*/
.list6{ margin:0 0 -30px 0; }
.list6 li { padding:30px 0;}
.list6 li a{ display: block; background: #fff; padding: 30px;position: relative;}
.list6 .img{ width: 300px; height: auto; float: right; padding: 0; background: #eee;}
.list6 .listText{ margin-right:300px; padding: 40px 30px 0 0; }
.list6 .listTitle{font-weight: bold; max-height: 56px;}
.list6 .listCon{margin:20px 0 0; max-height: 120px;}
.list6 .listDate{ width:67px; padding: 10px; text-align: right; background: #e42948; position: absolute;left: 30px; top: -38px;z-index: 9;}
.list6 .listDate *{ color: #fff;}
.list6 .day{ margin-top: 6px;}
.list6 li.noMargin .listText{ margin-right: 0;}


/* 用户通道 */
.wraplist7{padding: 30px; margin-bottom: 30px; background: #fff; overflow: hidden;}
.wraplist7 h2{ font-weight: normal; border-bottom: #e42948 1px solid; padding-bottom: 10px; margin-bottom: 25px;}
.list7{ margin: -12px; overflow: hidden;}
.list7 li{ width: 25%; overflow: hidden;}
.list7 li a{ display: block; margin: 12px; overflow: hidden;}
.list7 .listTitle{ background: url(../images/linkbg.png) no-repeat left center; padding-left: 22px; transition: all 0.2s ease;}
.list7 li a:hover .listTitle{ padding-left: 32px;}


/* 科研机构 */
.list8{margin: -20px; overflow: hidden;}
.list8 li{ width: 33.3%; padding: 20px; box-sizing: border-box;}
.list8 li a{ display: table; width: 100%; height: 100px; background: #fff; overflow: hidden;}
.list8 .listTitle{ display: table-cell; vertical-align: middle; text-align: center; padding: 10px;}
.list8 li a:hover{ background: url(../images/titlebg.png) no-repeat right -50px center #e42948;}
.list8 li a:hover .listTitle{ color: #fff;}


/* 现任领导 */
.commonTitle{ display: inline-block; padding: 10px 20px; background: #e42948; font-weight: normal; color: #fff; position: relative;}
.commonTitle::before{content: ""; display: block; width: 0; height: 0; border-bottom:46px solid #e42948; border-right: 16px solid transparent;
   position: absolute; right: -16px; top: 0;}
.wraplist9{ margin-bottom: 30px; overflow: hidden;}
.list9{ overflow: hidden; position: relative;}
.list9 li a{ display: block; background: #fff; border-bottom: #eee 1px solid; padding: 20px 30px; overflow: hidden;}
.list9 li:last-child a{ border-bottom: none;}
.list9 .img{ width: 150px; height: 200px; padding: 0; float: left;}
.list9 .listText{ margin-left: 180px;}
.list9 .listTitle{ display: inline-block; font-weight: bold; padding: 10px 0 20px; position: relative;}
.list9 .listTitle::before{ content: "";display: block; width: 40px; height: 2px; background: #FE0000;position: absolute;
left: 0; top: 0;}
.borderLine{ border-left: 4px rgba(122, 51, 51, 0.3) solid; overflow: visible; position: relative;}
.borderLine::before{ content:''; display:block; width: 6px; height: 100px; background: #e42948; position: absolute;
left: -4px; top: 0;}


/* 历任领导 */
.wraplist10{ margin-bottom: 30px; overflow: hidden;}
.list10{ background: #fff; padding: 20px 20px; overflow: hidden; position: relative;}
.list10 li{text-align: center; margin-bottom: 20px; overflow: hidden; position: relative;}
.list10 li a{ display: block; overflow: hidden;}
.list10 li::before{ content: "";display: block;width: 100%; height: 1px; border-bottom: #e42948 1px dashed;position: absolute;
left: 0; top: 13px;z-index: 1;}
.list10 li span:nth-child(1){float: left;width: 120px;text-align: left;}
.list10 li span:nth-child(2){width: 80px;/* text-align:left; */}
.list10 li span:nth-child(3){float: right;width: 160px;text-align: right;}
.list10 li span{display: inline-block;background: #fff;padding: 4px 4px;position: relative;z-index: 2;}


/* 校园地图 */
.wraplist11{ margin-bottom: 30px;}
#bMapContainer {height:400px;}
.BMap_bubble_content {font-size: 14px;line-height: 2; padding-top: 7px;}


/*院部设置*/
.list12{ margin:-30px 0; overflow: hidden;}
.list12 li { margin:30px 0;}
.list12 li a{ display: block; background: #fff; overflow: hidden; position: relative;}
.list12 .img{ width: 300px; height: 200px; float: left; padding: 0; background: #eee;}
.list12 .listText{ margin-left:300px; padding:20px 30px; }
.list12 .listCon{ transition: all 0.2s ease;}
.list12 .listMore{ display: inline-block; float: right; color: #999; margin-top: 20px;}
.list12 li.noMargin .listText{ margin-left: 0;}



/* 名师风采 */
.list13-position{ background: #fff; overflow: hidden;}
.list13-position a{ display:inline-block; padding: 15px 0; margin: 0 2.8%;}
.list13-position a.active{ border-bottom: #e42948 4px solid;}
.list13{ margin:30px -20px -30px -20px;}
.list13 li { width: 50%;}
.list13 li a{ display: block; background: #fff; margin:30px 20px; padding: 30px;position: relative; transition: all 0.2s ease;}
.list13 .img{ width:150px; height:200px; float: right; padding: 0; background: #f7f7f7; margin-top: -60px;}
.list13 .listText{ margin-right:150px; padding: 0 20px 0 0; }
.list13 .listTitle{font-weight: bold;}
.list13 .listCon{margin:20px 0 0;}
.list13 .listMore{ float: right; color: #999; margin-top: 20px;}
.list13 li a:hover{ background: url(../images/titlebg3.png) no-repeat left -123px bottom; background-color: #e42948; }
.list13 li a:hover *{ color: #fff;}


/* 名师风采详情页 */
.list14 { margin: 50px 0 0;}
.list14 a{ display: block; background: #fff;padding: 30px;position: relative; transition: all 0.2s ease;}
.list14 .img{ width:200px; height:266px; float: right; padding: 0; background: #f7f7f7; margin-top: -60px;}
.list14 .listText{ margin-right:150px; padding: 0 20px 0 0; }
.list14 .listTitle{font-weight: bold; padding-bottom: 12px; position: relative;}
.list14 .listTitle::before{ content: ""; display: block; width: 40px; height: 2px; background:#FE0000; position: absolute;
left: 0; bottom: 0;}
.list14 .listCon{margin:20px 0 0;}


/* 侧栏列表页 */
.list15 .listDate{ float: right;}
.list15 .listText{ margin-right: 125px; margin-left: 0;}


/* 科研动态 */
.list16{}
.list16 .listDate{ right:30px; left: auto;}
.list16 .img{ float: left;}
.list16 .listText{ margin-left: 300px; margin-right: 0; padding: 40px 0 0 30px;}



/* 校园风光 */
.list17{ overflow: hidden;}
.list17 .slider-for{ background: #fff;}
.list17 .slider-nav{ padding: 0 90px; margin-top: -35px;}
.list17 .slider-nav div{ margin: 0 5px; }
.list17 .slider-nav div .img{ background: #fff; border: #fff 1px solid; cursor: pointer; outline: none;position: relative;}
.list17 .slider-nav div .img:before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);
   position: absolute; left: 0;top: 0;z-index: 1;}
.list17 .slider-nav div.slick-current .img::before{ display: none;}
.list17 .slick-arrow{ text-indent:99em; width: 50px; height: 50px; border: none; top: auto; bottom: -28px;}
.list17 .slick-arrow:after{ display: none;}
.list17 .slick-prev{ background: url(../images/prev.png) no-repeat center;}
.list17 .slick-next{ background: url(../images/next.png) no-repeat center;}
.list17 .slick-prev:hover{ background: url(../images/prev-h.png) no-repeat center;}
.list17 .slick-next:hover{ background: url(../images/next-h.png) no-repeat center;}



/*图片列表页*/
.list18{ margin: -15px; overflow: hidden; }
.list18 li { width: 33.3%; }
.list18 li a{ display: block; margin: 15px; background: #fff; overflow: hidden; }
.list18 .listText{ margin:15px 10px; text-align: center; }





/*分享*/
.shareText{position: absolute; right:5px; top:50px; overflow: hidden;}
.sharebg{ display: block; width:24px; height:24px;text-align: center; background: url(../images/share.png) no-repeat center; 
   cursor: pointer;float: right;}
.share{ overflow: hidden; display: none; margin-right:15px; float: right;} 
.share .bdsharebuttonbox  > a{ margin: 0 6px;height:30px;text-indent: 0;width:30px;line-height:30px;text-align: center;background: none;font-size: 20px;display:inline-block;color: #fff;transition: all 0.35s ease-out;border-radius: 50%; }
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 260px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-130px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
.w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
.w-footer{font-size: 12px;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}
.share span{ display: block;height: 40px; line-height: 40px;}
.share .bdsharebuttonbox > a.bds_weixin{ background:url(../images/share_wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url(../images/share_sina.png) no-repeat center;}


/*附件*/
.Annex{ margin-top: 30px; overflow: hidden;} 
.Annex h3{ padding: 20px 0; border-top:#e4e8e6 2px solid; color: #e42948; font-weight: normal;
    position: relative; overflow: hidden;} 
.annexList{ overflow: hidden;}
.annexList li{ padding:8px 20px; background: #fff; margin-bottom: 20px; overflow: hidden; position: relative; }
.annexList li a{line-height: 24px;}
.annexList li a:hover{ color: #e42948;}


/***分页*/ 
.gp-page { margin:50px auto auto; text-align: center; clear: both;overflow: hidden; }
.gp-page > div{ overflow: hidden; }
.gp-page a{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:38px;line-height: 38px; position:relative;text-align: center; vertical-align: middle;width: 38px;
   border: #ccc 1px solid; border-radius:5px; margin: 0 5px; transition: all 0.35s ease-in-out;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span { }
.gp-page .gp-page-start,.gp-page .gp-page-end{color: #fff; background: #e42948; padding: 0 10px; font-size: 14px;}
.gp-page  a:hover ,.gp-page  a.on_pages{  color: #fff; border:#e42948 1px solid;background: #e42948;}
.gp-page .gp-page-next img{ transform:rotateY(180deg);}
.gp-page .first,.gp-page .last{ border:#0961cb 1px solid; border-radius: 30px; float: left;width: 50px;}
.gp-m-page{display: none;text-align: center;margin: 30px auto auto;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px; width: auto; font-size: 14px;border-radius:5px; padding: 0 10px;}
/*居中*/
.gp-m-page a.gp-page-prev:hover,.gp-m-page a.gp-page-next:hover{ background:#e42948;color: #fff; }





@media screen  and (max-width:1200px) {
   .articleTitle02{ margin-top: -50px;}
   .articleTitle02 .title{ min-width:300px; height: 50px; line-height: 50px;}
   .articleTitle02::before{ height: 50px;}
   .articleTitle02 .title:after{ border-bottom:50px solid #e42948;}
   .gp-bread{ margin-bottom: 20px;}
   .list1{ margin-bottom: -35px;}
   .list1 li{ margin-bottom: 35px;}
   .list1 li a{ padding: 0 10px;}
   .list1 .listDate{ width: 60px;}
   .list1 .listText{ margin-left: 100px;}
   .list1 .listTitle{ margin: 16px 0;}
   .list15 .listText{ margin-left: 0; margin-right: 100px;}
   .subLeft{ display: none;}
   .gp-m-subNav{ display: block;} 
   .gp-subRight{ margin:20px 0 0;}
   .subPage2 .articleTitle02{ display: none;} 
   .header::after{ padding-bottom: 50px !important;}
   .list8{ margin: -8px;}
   .list8 li{ padding: 8px;}
}




@media screen  and (max-width:1024px) {
   .subPage { padding-bottom: 40px;}
   .gp-page{ display: none;}
   .gp-m-page{ display: block;}
   .list2 { margin: -10px;}
   .list2 li{ width: 50%;}
   .list2 li a{ margin: 10px; padding: 10px;}
   .list4 { margin: -10px;}
   .list4 li a{ margin: 10px;}
   .list5 { margin: -10px; }
   .list5 li a{ margin: 10px; }
   .list13{ margin: 30px -10px -25px -10px;}
   .list13 li a{ margin: 30px 10px; padding: 15px;}
   .list14 a{padding: 15px;}
} 


 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }


}

@media screen and (max-width:766px) {
   .articleTitle02{ margin-top: 0;}
   .articleTitle02 .title{ width: 100%; height: 40px; line-height: 40px;}
   .articleTitle02::before{ height: 40px;}
   .articleTitle02 .title:after{ border-bottom:40px solid #e42948;}
   .shareText{ position:static;}
   .list1{ padding-top: 0; margin-bottom: 0;}
   .list1 li{ margin-bottom: 15px;} 
   .list1 .listDate{ width: 50px; padding: 5px; top: 2px;}
   .list1 .listText{ margin-left: 70px;}
   .list3 table tr td{ font-size: 1.6rem;}
   .list6{ margin: 0 0 -10px 0;}
   .list6 li{padding:10px 0;}
   .list6 li a{ padding: 20px;}
   .list6 .listDate{ width: 50px; top: 0; left: 20px;}
   .list6 .img{ width: 100%; float: none; }
   .list6 .listText{ margin:20px 0 0; padding: 0;}
   .list7 li{ width: 33.3%;}
   .list8 li{ width: 50%;}
   .list13 li{ width: 100%;}
   .list15 .listText{ margin-left: 0; margin-right: 70px;}
   .list17 .slick-arrow{ width: 20px;}
   .list17 .slider-nav{ padding: 0; margin: 0;}
   .list10 li span:nth-child(1){ width: 105px; }
   .list10 li span:nth-child(2){ width: 65px; }
   .list10 li span:nth-child(3){ width: 135px; }
   .list5 li{ width: 50%; }
   .list18 { margin: -10px; }
   .list18 li{ width: 50%; }
   .list18 li a{ margin: 10px; }
}




@media screen and (max-width:640px) {
   .list2 li{ width: 100%;}
   .list7 li{ width: 50%;}
   .list9 li a{ padding: 20px;}
   .list9 .img{ float: none; margin: 0 auto;}
   .list9 .listText{ margin: 15px 0 0;}
   .list9 .listCon { height: auto; max-height: 144px;}
   .list12 .img{ float: none; margin: 0 auto; width: 100%; height: 0; padding-bottom:66.25%;}
   .list12 .listText{ margin: 0; padding: 15px;}
   .list12 .listCon{ height: auto; max-height: 120px;}
   .list14 .img{ float: none;margin: 0 auto;}
   .list14 .listText{ margin:15px 0 0 ; padding: 0;}

}

@media screen and (max-width:480px) {
   .list3 { overflow:auto;}
   .list3 table{ width: 640px;}
   .list4 li{ width: 100%;}
   .list4 .listText{ margin: 10px;}
   .list5 li{ width: 100%; }
   .list8 li{ width: 100%;}
   .list8 li a{ height: 70px;}
   .list10 li span{ padding: 4px;}
   .list13{ margin:0 -10px;}
   .list13 li a{ margin: 10px;}
   .list13 .img{ float: none;margin: 0 auto;}
   .list13 .listText{ margin:15px 0 0 ; padding: 0;}
   .list13 .listCon{ margin: 0; height: auto; max-height: 120px;}
   .list18 li{ width:100%; }
}

@media screen and (max-width:400px) {
   .list10 li span:nth-child(1){ width: auto; }
}