@charset "utf-8";
/* CSS Document */
.subbanner{width: 100%; border-left: #004a86 10px solid; box-sizing: border-box; position: relative; } 
.subbanner:after { content: ''; position: absolute; width: 100%; bottom: 0px; height:160px; z-index: 1;
    background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .45)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .45), endColorstr=rgba(0, 0, 0, 0));}
.subbanner-con{width: 100%;height: 0;padding-bottom:29%;overflow: hidden; text-align: center;}
.subbanner-con img{ width: 100%; }
.subPage{ position: relative;z-index: 8;min-height: 500px; }
.subPage-con{ }


/*侧边栏*/ 
.subLeft{ width: 100%; position: absolute; bottom: 0;z-index: 9;}
.gp-subLeft{}
.wrapLeftTil{ background: rgba(0, 46, 84, 0.9); height: 112px;}
.wrapLeftTil > ul{ display: flex; padding: 33px 0; width: 1550px;}
.wrapLeftTil > ul >li{ width: 100%; position: relative;} 
.wrapLeftTil > ul >li:before{ content: ""; display: block;width:20px; height:1px; background:rgba(255, 255, 255, 0.3); position: absolute;
left: 50%; bottom: 0; margin-left: -10px;}
.wrapLeftTil > ul >li > a{ display: inline-block; width: 100%; font-size: 1.8rem;text-align: center; padding-bottom: 18px;}
.wrapLeftTil > ul >li > a span{ }
.wrapLeftTil > ul >li:hover > a,.wrapLeftTil > ul >li.active > a{ font-weight: bold; color: #fff;}
.wrapLeftTil > ul >li:hover:before,.wrapLeftTil > ul >li.active:before{ width: 20px; }
.wrapLeftTil > ul >li.active:after{ content: "";display: block; width: 10px; height:20px; background: #ffff;
position: absolute; left: 50%; bottom: -37px; transform: translateX(-50%);z-index: 999;}
.wrapLeftTil > ul >li.active::before{ display: none;}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height:74px;position: absolute;right: 0;top: 0;line-height: 59px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;margin-right: 12px;}
.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/jian.png) no-repeat center center;}
.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{ display: none;position: absolute;top:90px;left:45%;width:700px; padding-left: 22px; z-index: 999;}
.gp-second-nav::before{ content: ""; display:block; width: 22px; height: 100%; background:#f0f0f0; position:absolute;
left: 0; top: 0;}
.gp-second-nav dd{display: inline-block; float: left; position: relative;background: #f0f0f0;}
.gp-second-nav dd::before{content: "";display: block; width: 1px; height: 16px; background: #d3d3d3;position:absolute;
right: 0; top: 20px;}
.gp-second-nav dd.active::after{content: "";display: block; width:66px; height:2px; background: #fff;position:absolute;
  left:50%; bottom: 0;transform: translateX(-50%);}
.gp-second-nav dd a{display: block;position: relative; padding:17px 10px; margin: 0 10px; font-size: 1.6rem; color: #999999;
  min-width: 96px; text-align: center; transition: all 0.35s ease-in-out; }
.gp-second-nav dd:hover a,.gp-second-nav dd.active a,.gp-second-nav dd.active span{color:#fff; background: #002e54; }
.gp-subLeft > ul >li:hover .gp-second-nav{ display: block; }
.gp-second-nav dd:hover span{ color: #fff;}
.gp-second-nav dd span{ color: #999;}

.gp-subLeft *{transition: none;}
.gp-subLeft .subText{ margin: 25px 0; }
.gp-subRight{ margin-top:30px; position: relative;}
.gp-subRight-con{ padding:60px 0 80px; position: relative;}
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #004b85;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/jian.png) no-repeat center;width: 50px;height: 42px;}
.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/jian.png) no-repeat center center; }
.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;}

.subCon{ overflow: hidden; position: relative;z-index: 3}
.sub-leftTitle{width: auto; background: url(../images/breadbg.png) no-repeat left center; height: 130px; overflow: hidden;}
.sub-leftTitle h2{font-weight: normal; padding-top: 50px; }
/*自定义*/ 
.gp-m-articleTitle{ display:none; margin-bottom: 20px;}
.gp-articleTitle{border-bottom: #004a86 1px solid; padding:0 0 18px 0; margin-bottom: 20px; position: relative;}
.gp-articleTitle::before{ content: ""; display: block; width: 10px; height: 2px; background: #fff;position: absolute;
left: 10px; bottom: -2px;}
/*文章页和简介页*/
.gp-bread{ position: relative; top: 110px;}
.gp-bread > div{ position: relative;z-index: 9;}

.pageArticleTitle{ margin: 0 100px; overflow: hidden; }
.pageArticleTitle h3{ text-align: center; }
.articleAuthor { text-align: center; padding:18px 0; margin:0 0 25px 0; border-bottom:#e5e5e5 1px solid; overflow: hidden; }
.articleAuthor span{ color: #999999; padding: 0 20px;}
.articleAuthor .title{ border: #e6e6e6 1px solid; padding:5px 10px; border-radius: 3px; }
.gp-article{line-height:30px; margin: 0 100px; }
.gp-article p{/* text-indent: 2em; */} 
.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }
.gp-article img{ padding: 10px; box-sizing: border-box;}
.gp-article p img{/* margin-left: -30px; */}



/*通栏标题*/
.subTitle{line-height: 28px;background:#2c448c;width: 260px;position: absolute;top: -88px;}
.subTitle h2{ color: #fff; padding:30px; font-weight: normal; }

/*0-1重要新闻*/
.list1{ margin-bottom: -40px; overflow: hidden;}
.list1 li{ margin-bottom:40px; width: 100%; }
.list1 li a{ display: block; background: #f2f5f7; transition: transform 0.2s ease-out;}
.list1 li a:hover{ transform: translateX(10px);}
.list1 .gp-img-responsive{ width: 300px; height: 200px; padding: 0; float: left; }
.list1 .listText{ margin-left: 300px; padding: 28px; overflow: visible; position: relative;}
.list1 .listCon { color: #999999; margin:20px 0 0; text-align: justify;}
.list1 .listDate{ width: 67px; height: 81px; background: #004a86; text-align: center;position: absolute; left: -24px; bottom: -68px;}
.list1 .listDate *{ color: #fff; }
.list1 .day{ display: block; margin-top: 10px; }
.list1 .year{ opacity: 0.7; }


/* 0-6专题 */
.list2{ margin: -24px; overflow: hidden;}
.list2 li{ width: 25%;}
.list2 li a{ display: block; margin:24px; overflow: hidden; transition: all 0.3s ease;}
.list2 .gp-img-responsive{ padding-bottom: 187%;}
.list2 .gp-img-responsive img:hover{transform:scale(1.0);}
.list2 li a:hover{ transform: translateY(-10px);box-shadow: 0 0 8px #999;}


/* 0-7学生故事 */
.list3{margin: -20px; }
.list3 li{ width: 20%;}
.list3 li a{ display: block; margin: 20px; position: relative;transition: transform 0.2s ease;}
.list3 li a::before{ content: "";display: block; width: 100%; height: 50%; background: #fff;box-shadow: 0px 20px 42.5px 7.5px rgba(0, 0, 0, 0.06);
position: absolute; bottom: 0;}
.list3 .gp-img-responsive{ padding-bottom: 100%; border-radius: 50%;}
.list3 .listText{ padding: 22px 10px; text-align: center;position: relative;z-index: 1;}
.list3 .listName{ margin-bottom: 10px;}
.list3 .listCon{ color: #757575;}
.list3 li a:hover{ transform: translateY(-10px);}



/* 2-0院系设置 */
.list4{margin: -25px -10px 0 -10px; overflow: hidden;}
.list4 li{ width: 20%;}
.list4 li a{ display: table; width:88%; height:66px; margin: 25px 10px; box-sizing: border-box; position: relative;}
.list4 li a::before{ content: "";display: block; width:100%; height: 100%; border:#004a86 1px solid;position: absolute;
   left: 10px; top: 10px; transition: all 0.35s ease;}
.list4 li a::after{ content: "";display: block; width: 44px; height:10px; background: #fff; position: absolute; left:40px; bottom: -12px;}
.list4 .listTitle{ display: table-cell; vertical-align: middle; background: #f0f0f0; padding: 0 20px 0 30px; transition: all 0.2s ease; 
  position: relative;z-index: 1;}
.list4 li a:hover::before{ border:#f0f0f0 1px solid;}
.list4 li a:hover .listTitle{ background: #004a86; color: #fff;}


/* 1-2学院概况-学校领导 */
.list5 table{ width: 100%;  text-align: center; border-top:#e4e7e8 1px solid; border-collapse:collapse;}
.list5 table tr td,.list5 table tr th{ padding:1.8rem 1.2rem; width: 50%;}
.list5 table *{word-break: break-all;}
.list5 table tr:nth-child(even){ background:#f2f5f7;}
.list5 table tr:nth-child(odd){ background:#ffffff;}
.list5 table tr td,.list5 table tr th{ font-size:1.6rem; border:#e4e7e8 1px solid; border-top: none; border-bottom: none;} 
.list5 table tr th{ color: #222;}
.list5 table tr td{ color: #757575;} 
.list5 table tr td a{ color: #004a86;}


/* 1-2学院概况-学校领导-文章页 */
.wraplist6{ margin: 0 100px;}
.list6{}
.list6 .gp-img-responsive{ width: 248px; height:310px;padding: 0; float: left;}
.list6 .listText{margin-left: 280px; padding-top: 30px; overflow: hidden;position: relative;}
.list6 .listText::before{content: "";display: block;width: 1px;height:100px;/* background: #e0e0e0; */position: absolute;right: 40px;top: 30px;transform: rotate(40deg);}
.list6 .listPro{ margin: 10px 0 25px; color: #757575;}
.list6 .listCon .title{ margin-bottom: 10px;}
.list6 .gp-article{ margin: 0; color: #757575;}


/* 1-3-1学院概况-组织机构-治理架构 */
.wraplist7{ margin-bottom: 40px; }
.wraplist7 .listTil{ background: #fff; padding:22px 40px; border-top: #004a86 2px solid; overflow: hidden;
   position: relative; box-shadow: 0px -2px 0px 0px rgba(0, 74, 134, 0.004),0px 20px 32.5px 7.5px rgba(0, 0, 0, 0.04);}
.wraplist7 .listTil .til{ color: #004a86;}
.wraplist7 .icon{ display: block;width: 50px; height: 50px; background: url(../images/down.png) no-repeat center;
position: absolute; right: 0; top: 6px; cursor: pointer;}
.wraplist7 .listContent{ padding: 20px 40px; background: url(../images/textbg.jpg) no-repeat bottom center #f5f5f5; overflow: hidden;}
.wraplist7 .listCon{ padding:15px 0; border-bottom: #e7e7e7 1px solid; overflow: hidden;}
.wraplist7 .listCon:last-child{ border: none;}
.wraplist7 .listCon-lf{ width: 190px; margin-top: 20px; padding-left: 20px; float: left;position: relative;}
.wraplist7 .listCon-lf::before{ content: "";display: block; width: 2px; height: 12px; background: #004a86;position: absolute;
left: 0; top:5px;}
.wraplist7 .listCon-rt{ margin-left: 190px; overflow: hidden;}
.wraplist7 .listCon-rt.noMargin{ margin: 0;}
.list7{ margin: -10px; overflow: hidden;}
.list7 li{width: 20%;}
.list7 li a{ display: block; border: #dcdcdc 1px solid; background: #f5f5f5; height: 54px; line-height: 54px;
  font-size: 1.6rem; text-align: center; margin: 10px; overflow: hidden; transition:all 0.2s ease;}
.list7 li a:hover{ background:#004a86; color: #fff;}
.wraplist7.on .listContent{display: none;}
.wraplist7.on .icon{ background: url(../images/up.png) no-repeat center;}



/* 1-4学院概况-学校标识 */
.list8{line-height: 30px; margin: 25px 0; min-height: 200px;}
.list8 span img{display: inline-block; float: left; margin-right: 30px;}
 


/* 5-5师资队伍-人才招聘 */
.list9{ margin-top: -20px; overflow: hidden; }
.list9 li{ background: url(../images/line.png) repeat-x bottom left; overflow: hidden; padding:20px 0; }
.list9 li a{ position: relative; line-height: 24px;height: 24px;display: block;overflow: hidden;transition: transform 0.2s ease;}
.list9 li .date{ float: right;color: #999; padding-left: 20px; margin-left: 10px; position: relative; }
.list9 li .date::before{ content: ""; display: block; width: 1px; height: 14px; background: #d6d6d6; position: absolute;
left: 0; top: 3px;}
.list9 li a:hover{ transform: translateX(10px);}



/* 5-2师资队伍-优秀人才 */
.list10{margin: -20px; }
.list10 li{ width: 20%;}
.list10 li a{ display: block; margin: 20px; position: relative;transition: transform 0.2s ease;}
.list10 li a::before{ content: "";display: block; width: 100%; height: 50%; background: #fff;box-shadow: 0px 20px 42.5px 7.5px rgba(0, 0, 0, 0.06);
position: absolute; bottom: 0;}
.list10 .gp-img-responsive{ padding-bottom:120%; border-top: #e6e6e6 1px solid; border-left: #e6e6e6 1px solid;
  border-right: #e6e6e6 1px solid; box-sizing: border-box;}
.list10 .listText{ padding: 22px 10px; text-align: center;position: relative;z-index: 1;}
.list10 .listName{ margin-bottom: 10px;}
.list10 .listCon{ color: #757575;}
.list10 li a:hover{ transform: translateY(-10px);}


/* 1-0学院概况 */
.wrapmode01{ padding: 60px 0 90px;background: url(../images/modebg6.jpg) no-repeat right top; background-size: contain; overflow: hidden;}
.mode01{ overflow: hidden;}
.list11{ width:70%; }
.list11-Til{ margin-left: -30px; margin-bottom: 10px; overflow: hidden;}
.list11-Til li{ display: inline-block; cursor: pointer; float: left; padding: 0 30px; position: relative; }
.list11-Til li::before{ content: ""; display: block; width: 1px; height: 16px; background: #e5e5e5; position: absolute;
right: 0; top: 3px;}
.list11-Til li:last-child:before{display: none;}
.list11-Til li.off span{ color: #757575;}
.list11-Til li.on span{ font-weight: bold;}
.list11-Box li.off{ display: none;}
.list11-Box li.on{ display: block;}
.list11 .gp-article2{ max-height: 180px; overflow: hidden;}
.gp-article2{ line-height: 30px;}
.more{ display: block; width:148px; height:42px; text-align: center; line-height: 42px; border: #ececec 1px solid;
  color:#999999; border-radius:30px; margin-top:30px; position: relative; overflow: hidden;}
.more:hover { color:#fff;}
.more span{ position: relative;z-index: 9; background: url(../images/morebg.png) no-repeat right center; padding-right: 20px;}
.more:after {content: '';display: block;width: 0;position: absolute;left: 50%;transform: translateX(-50%);
    background: #004a86;height: 100%;top: 0;z-index: 0; border-radius: 20px; transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;}
.more:hover:after {width: 100%;}
.more:hover span{background: url(../images/morebg2.png) no-repeat right center;}
.more2{ margin: 0 auto 0 55px;border: #14588f 1px solid; color: #fff;}
.more2 span{background: url(../images/morebg2.png) no-repeat right center;}
.more2:hover span{background: url(../images/morebg.png) no-repeat right center; color:#004a86;}
.more2:hover:after {width: 100%; background: #fff;}


.wrapmode02{ padding: 100px 0; background: url(../images/modebg1.jpg) no-repeat top center; background-size: cover;}
.mode02{}
.list12{margin: -30px -10px; overflow: hidden;}
.list12 li{ width: 50%;}
.list12 li:nth-child(2n){ margin-top: 50px;}
.list12 .listTitle{ margin:30px 10px; background: #fff; border-bottom: #004a86 2px solid; padding: 35px 35px 80px 55px;position: relative;}
.list12 .listTil{ position: relative; }
.list12 .listTil::before{ content: "";display: block; width: 20px; height: 1px; background:#004a86; position: absolute;
right: 0; top: 18px;}
.list12 .listMore{ width: 55%; padding: 20px 0; background: #004a86;position: absolute; left: 0; bottom: -40px;}
.list12 li:nth-child(2n) .listMore{left: auto; right: 0;}


.wrapmode03{ padding: 0 0 140px; background: url(../images/modebg7.png) no-repeat bottom center #edf0f2;}
.modebg03{position: relative;}
.modebg03::before{ content: "";display: block; width: 50%; height: 100%; background: #fff;position: absolute;
left: 0; top: 0;}
.mode03{background: #fff; overflow: hidden;position: relative;z-index: 1;}
.mode03 > .gp-fl{ width: 49%;overflow: hidden; padding: 70px 0 30px; position: relative;z-index: 2;}
.mode03 > .gp-fr{ width:51%;}
.mode03 > .gp-fr img{width: 100%;}

/* 5-0师资队伍 */
.wrapmode04{ background: url(../images/modebg8.jpg) repeat; padding: 70px 0 130px 0; overflow: hidden;}
.list13{margin:-50px;}
.list13 li{ width: 50%;}
.list13 .listText{ margin:50px; position: relative;}
.list13 .gp-img-responsive{ width: 320px; height: 320px; padding: 0; position: absolute; left: 0; top: 0;}
.list13 .listCon{ overflow: hidden; position: relative; top: 40px; width:57%;float: right;
padding:35px 40px 40px; box-sizing: border-box; box-shadow: 0px 20px 42.5px 7.5px rgba(0, 0, 0, 0.06);background: url(../images/textbg2.jpg) no-repeat right bottom #fff;}
.list13 .listLink{margin:35px 0 0;}
.list13 .listLink a{ display: inline-block; color: #757575; padding: 0 10px;}


.wrapmode05{padding: 100px 0 80px; overflow: hidden;}
.list14{}
.list14 .gp-img-responsive{ width: 868px; height: 488px; padding: 0; float: left;}
.list14 .listText{ margin-left: 868px; border: #004a86 20px solid; border-left: none; padding: 35px 0 45px 45px;
  height: 368px; overflow: hidden;}
.list14 .gp-article2{ margin:30px 45px 50px 0;}


.wrapmode06{ padding:90px 0;}
.mode06 .more{ margin: 0; float: right; position: relative;bottom: 10px;}
.list15{ margin:0 -10px; overflow: hidden;}
.list15 li{ width: 25%;}
.list15 li a{ display: block; margin: 10px; padding: 20px 30px; border: #f0f0f0 1px solid; overflow: hidden; transition: transform 0.2s ease;}
.list15 .listCon{ color: #999; margin: 15px 0 20px;}
.list15 .listDate{ color: #999; background: url(../images/datebg2.png) no-repeat left center; padding-left: 25px;} 
.list15 li a:hover{ transform: translateY(-10px);}


/* 6-0学科科研 */
.wrapmode07{ background: url(../images/modebg8.jpg) repeat; padding:100px 0; overflow: hidden;}
.gp-articleTitle2{}
.gp-articleTitle2 .more{ margin: 0; float: right; position: relative; bottom: 3px;}
.wraplist16{ background: #004a86; margin-top: 20px; overflow: hidden;}
.list16-Title{ width: 66px; float: left;}
.list16-Title span{ display: block; width: 40px; text-align: center; line-height: 26px; padding: 35px 13px 0 12px; 
  border-right: #296799 1px solid;}
.list16{ margin: 0 0 0 66px; background: #0058a1; overflow: hidden;}
.list16-Til{ width: 276px; padding: 50px 0; background: #004a86; float: left;height: 215px;overflow-y: auto;overflow-x: hidden;}
::-webkit-scrollbar { width:6px;}
::-webkit-scrollbar-thumb{ background: #00437a;border-radius:20px;}

.list16-Til li a{ display: block; padding: 16px 0;}
.list16-Til li span{ display: block;padding:0 20px 0 30px;position: relative;}
.list16-Til li span::before{ content: "";display: block; width: 10px; height: 1px; background: #fff;
   position: absolute; left: 0; top: 10px;}
.list16-Til li.on a{ background: #0058a1; border-bottom: #336e9e 1px solid; position: relative;}   
.list16-Til li.on a::before{ content: "";display: block;width: 20px; height: 100%; background:#0058a1;border-right: #336e9e 1px solid;
position: absolute;right: -12px; top: 0; transform: rotate(20deg);}
.list16-Box{ margin-left:276px; padding:20px 50px;background: #0058a1; overflow: hidden;}
.list16-Box li.on{ display: block;}
.list16-Box li.off{ display: none;}
.list16-Box table{ width: 100%; border-collapse:collapse;}
.list16-Box table tr td,.list16-Box table tr th{ padding:1.2rem 2.2rem;}
.list16-Box table *{word-break: break-all;}
.list16-Box table tr th{font-size:1.4rem; font-weight: normal;}
.list16-Box table tr td{ font-size:1.6rem; position: relative;} 
.list16-Box table tr td a{ font-weight: bold;}
.list16-Box table tr td a:hover{ color: #fff;}
.list16-Box table tr td:nth-child(1){ width: 60%;}
.list16-Box table tr td:nth-child(2){ width: 20%;}
.list16-Box table tr td:nth-child(3){ width: 15%;}
.list16-Box table tr td:nth-child(3)::after{ display: none;}
.list16-Box table tr td:after{ content: "";display: block; width: 1px; height: 16px; background: #2e76b2; 
position: absolute; right: 0; top: 15px;}

.wrapmode08{ padding: 70px 0 130px; overflow: hidden;}
.list17{margin: -20px;}
.list17 li{width: 50%;}
.list17 li a{ display: block; margin: 20px; padding: 40px 50px; background: #fff; border-bottom: #15306b 2px solid;
  box-shadow: 0px 2px 0px 0px rgba(21, 48, 107, 0.004),0px 20px 42.5px 7.5px rgba(0, 0, 0, 0.06); overflow: hidden; transition: transform 0.2s ease;}
.list17 .listIcon{ width: 72px; float: left;}
.list17 .listText{ margin-left: 122px;}
.list17 li a:hover{transform: translateY(-10px);}


.wrapmode09{ padding: 0 0 60px; overflow: hidden;}
.list18 .gp-img-responsive{ padding-bottom: 31%;}
.list18 .gp-img-responsive img:hover{transform:scale(1.0);}
.list18-Con{}
.list18-Con .gp-fl{width: 36%; overflow: hidden;}
.list18-Con .gp-fr{width: 62%; background: #004a86; padding: 30px 50px; box-sizing: border-box;
   position: relative; top: -40px; overflow: hidden;}
.list18-Con .gp-fl .gp-articleTitle2{ margin-left: 100px; margin-top: 50px;}
.list18-Con .gp-fr .gp-article2{ max-height: 120px; overflow: hidden;}


/* 7-0校园生活 */
.wrapmode10{ /*background: url(../images/modebg8.jpg) repeat;*/ padding:70px 0 100px 0; overflow: hidden;}
.list19{ margin:0 -40px;}
.list19 li{ width: 50%;}
.list19 li a{ display: block; margin:0 40px; background: #fff; overflow: hidden;}
.list19 .listText{ padding: 25px 40px 40px; border: #e5e5e5 1px solid;}
.list19 .listTitle{ margin-bottom: 14px;}
.list19 .listCon{ color: #999999;}


/* 图书馆藏 */
.wrapmode14{ padding: 60px 0 90px; overflow: hidden;}


/* 衣食住行学生服务 */
.wrapmode15{ padding: 70px 0; background:url(../images/modebg8.jpg) repeat; overflow: hidden;}
.list28 li{ width: 33.3%;}
.list28 li a{ display: block; overflow: hidden;}
.list28 .gp-img-responsive{ padding-bottom: 56.2%;}
.list28 li:nth-child(2) .gp-img-responsive{border-left: #fff 1px solid; border-right: #fff 1px solid; box-sizing: border-box;}
.list28 .listText{ width:73%; margin:-40px auto auto; padding: 30px 40px; box-sizing: border-box;
   background: #fff; box-shadow: 0px 20px 42.5px 7.5px rgba(0, 0, 0, 0.04); position: relative;z-index: 1;}
.list28 .listTitle{ text-align: center; border-bottom: #064e89 1px solid; padding-bottom: 16px;}
.list28 .listTitle b{ display: inline-block; font-weight: normal; padding-right: 25px; background: url(../images/libg.png) no-repeat right center; }
.list28 .listCon{ margin:15px 0; color: #999999; line-height: 26px;max-height: 78px; overflow: hidden;}






.wrapmode11{ padding: 70px 0; overflow: hidden;} 
.list20{margin: -10px;}
.list20 li{width: 20%;position: relative;}
.list20 li:nth-child(1) {width: 40%;}
.list20 li .list{ margin: 10px; overflow: hidden; position: relative;}
.list20 li:nth-child(1) .gp-img-responsive{ padding-bottom:96%;}
.list20 li:nth-child(2n) { margin-top: 40px;}
.list20 li .gp-img-responsive{ padding-bottom:192%;}
.list20 .gp-img-responsive img:hover{transform:scale(1.0);}
.list20 .listText{ background: #004a86; width: 100%; box-sizing: border-box; padding: 25px 40px 40px; overflow: hidden;
  position: absolute; top:0; z-index: 9;}
.list20 li.li2 .listText{ padding-bottom: 50%;
  background-color:rgba(0, 74, 134, 1);
background: -webkit-linear-gradient(top, rgba(0, 74, 134, 1), rgba(0, 74, 134, 0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, rgba(0, 74, 134, 1), rgba(0, 74, 134, 0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom,rgba(0, 74, 134, 1), rgba(0, 74, 134, 0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, rgba(0, 74, 134, 1), rgba(0, 74, 134, 0)); /* 标准的语法 */
}
.list20 li.li2 .listText .text{ line-height: 22px;max-height: 44px; overflow:hidden;}
.list20 .Til{ margin-bottom: 10px; overflow: hidden;}
.list20 dl{ margin: 0 -10px; overflow: hidden;}
.list20 dd{ width: 50%;}
.list20 dd a{ display: block; margin:0 10px; padding:12px 12px 12px 0; border-bottom: #1a5c92 1px solid;position: relative;}
.list20 dd a::before{ content: ">"; display: block; position: absolute; right: 0; top: 10px;}
.list20 dd a:hover{ color: #fff; opacity: 0.8;}


.wrapmode12{ padding: 0 0 100px; overflow: hidden;}
.list21{ display: flex; align-items: flex-end; margin: -10px; overflow: hidden;}
.list22{ display: flex; align-items: flex-start; margin: -10px; overflow: hidden;}
.list21 li,.list22 li{ width: 50%;}
.list21 li a,.list22 li a{ display: block; margin: 10px; overflow: hidden;position: relative;}
.list21 li a::before,.list22 li a::before{ content: ""; display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.3);
position: absolute; left: 0; top: 0;z-index: 1; transition: all 0.2s ease;}
.list21 .listText,.list22 .listText{ width: 100%; position: absolute; bottom:40px;text-align: center;z-index: 9;}
.list21 .icon,.list22 .icon{ height: 50px;}
.list21 .text,.list22 .text{ margin-top: 15px;} 
.list21 li:nth-child(2) a{ width: 80%;}
.list22 li:nth-child(1) a{ width: 80%; float: right;}
.list22 li:nth-child(2) .gp-img-responsive{ padding-bottom: 54.5%;}
.list21 li a:hover::before,.list22 li a:hover::before{ background:rgba(0,0,0,0.25);}


.wrapmode13{background: url(../images/modebg8.jpg) repeat; padding:65px 0 100px 0; overflow: hidden;}
.wraplist23{ position: relative;}
.list23{ margin:35px 70px 0 70px; overflow:hidden; }
.list23 .swiper-wrapper{}
.list23 a{ display: block; }
.list23 .gp-img-responsive{ padding-bottom: 56.2%; position: relative;}
.list23 .gp-img-responsive:before{ content: ''; display: block;width: 100%; height: 100%; background: rgba(255,255,255,0.8); position:absolute;
    left: 0; top: 0;z-index: 1;}
.list23 .listText{display: none; margin-top: 20px;}
.list23 .listTitle { text-align: center; }
.list23 .listTitle b{ font-weight: normal; font-size: 1.6rem; color: #02599f;}
.list23 .swiper-slide{ width:69%;}
.list23 .swiper-slide-active .gp-img-responsive{}
.list23 .swiper-slide-active .gp-img-responsive:before{ display: none;}
.list23 .swiper-slide-active .listText{display: block;}
.wraplist23 .swiper-button-prev,.wraplist23 .swiper-button-next {width:48px;height:48px; text-align: center; line-height:48px; 
  display: block; text-indent: 99em; overflow: hidden; outline:none;}
.wraplist23 .swiper-button-next{ right: 0; top: 45%; background: url(../images/next.png) no-repeat center rgba(0, 0, 0, 0.2);}
.wraplist23 .swiper-button-prev{ left: 0; top: 45%; background: url(../images/prev.png) no-repeat center rgba(0, 0, 0, 0.2);}



/* 组织机构 */
.list24{ margin:15px -10px 0 -10px; overflow: hidden;}
.list24 li{ width: 33.3%;}
.list24 li a{ display:block; margin:5px 10px; background:#f8f8f8; overflow: hidden;}
.list24 .listText{ display: table; width: 75%; height: 75px; overflow:visible; position: relative;}
.list24 .listText::before{ content: ""; display: block; width: 24px; height: 12px; background: url(../images/more.png) no-repeat center;
  position: absolute; right:-45px; bottom: 15px;}
.list24 .listTitle{ display: table-cell; vertical-align: middle; padding: 0 35px; background: #edf0f2;}
.wraplist7.on .list24{ display: none;}


/* 人才培养 */
.list25-Til{ display: flex; border-bottom: #004a86 2px solid; margin-bottom: 30px; overflow: hidden;}
.list25-Til li{ width: 100%; text-align: center; background:#ededed; border-right: #fff 1px solid; 
  box-sizing: border-box; position: relative;}
.list25-Til li.on{ background: #004a86;}
.list25-Til li.on a{ color: #fff; font-weight: bold;}
.list25-Til li.on::before{ content: "";display: block;width: 0; height: 0;border-left:7px solid transparent;
 border-right:7px solid transparent; border-bottom:7px solid #fff;position: absolute; bottom: 0; left: 50%; margin-left: -7px;}
.list25-Til li a{ display: inline-block;padding: 26px 0; width: 100%; font-size: 1.8rem;}
.list25-Til li.on{background: #004a86 }
.list25-Til li.off{}
.list25{ margin: 0 -20px; overflow: hidden;}
.list25 dd{width:50%; overflow: hidden;}
.list25 dd a{ display: block; border-bottom: #f0f0f0 1px solid; background: #f5f8fa; margin: 0 20px; overflow: hidden;}
.list25 .listDate{ float: left; width:54px; padding-right:24px; padding-top:20px; height:70px; text-align: right; background: #fff;}
.list25 .listDate *{ display: block;}
.list25 .day{color: #004a86;}
.list25 .year{color: #999999;}
.list25 .listText{ display: table; margin-left: 78px; padding:0 20px; height: 90px;}
.list25 .listTitle{display: table-cell;vertical-align: middle;line-height: 24px; max-height: 48px; overflow: hidden;} 
.list25-Box li.on{display: block;}
.list25-Box li.off{display: none;}


/* 图片列表页2 */
.list26{margin:-16px -20px; overflow: hidden;}
.list26 li{ width: 33.3%;}
.list26 li a{ display: block; margin:16px 20px; overflow: hidden;}
.list26 .listText{ margin-top: 20px; text-align: center;}
.list26 .gp-img-responsive{ padding-bottom: 56.2%;}

/* 图片列表页1 */
.list27{margin:-30px -20px; overflow: hidden;}
.list27 li{ width:20%;}
.list27 li a{ display: block; margin:30px 20px; overflow: hidden; position: relative;}
.list27 .listText{width: 24px; text-align: center;writing-mode:tb-rl; color:#999999; position: absolute; left: 0; bottom: 0;}
.list27 .gp-img-responsive{ padding-bottom:117%; margin-left: 30px; width: auto;}


/* 招生就业 */
.list29{ margin: -20px -15px; overflow: hidden;}
.list29 li{ width: 33.3%;}
.list29 li a{ display: block; margin: 20px 15px; background: #fff; overflow: hidden; transition: transform 0.2s ease;}
.list29 .listText{ padding: 40px;}
.list29 .gp-img-responsive{ width: 153px; height: 86px;padding: 0; float: left;}
.list29 .listTitle{ margin-left: 180px; padding: 20px 0 0;}
.list29 .listMore{display: block; background: #f5f8fa; height: 50px; line-height: 50px; text-align: center;}
.list29 .listMore b{ display: inline-block; background: url(../images/libg.png) no-repeat right center; color: #004a86;
  padding-right: 25px; font-weight: normal;}
.list29 li a:hover{ transform: translateY(-10px);}


/* 教育基金会 */
.wrapmode16{ padding: 90px 0 0; position: relative;}
.wrapmode16::before{ content: "";display: block; width: 40%; height:78%; background: url(../images/textbg3.png) no-repeat;
position: absolute; right: 0; top: 0;z-index: 2;}
.wrapmode16::after{content: "";display: block; width: 100%; height:78%; background: url(../images/modebg8.jpg) repeat;
  position: absolute; top: 0;z-index: 1;}
.mode16{ position:relative; z-index: 3;}  
.wraplist30{ width: 1200px; position: relative;z-index: 9;}
.wraplist30 .list30{ width:84%; margin-left: 70px; background: #fff; padding: 40px; box-sizing: border-box; overflow: hidden;
   box-shadow: 0px 20px 42.5px 7.5px rgba(0, 0, 0, 0.06); min-height: 640px;}
.wraplist30 .list30 .gp-article2{max-height: 240px; overflow: hidden;}   
.list31{position: absolute; bottom: 70px;}
.list31 li{ width: 33.3%;}
.list31 li a{ display: block; overflow: hidden;}



/* 境内外合作 */
.wrapmode17{ padding:70px 0 90px; overflow: hidden;}
.list32-Til{ width: 180px; float:left; overflow: hidden;position: relative;}
.list32-Til li{padding: 30px 0 20px 0; border-bottom:#7fa4c2 1px solid;position: relative;}
.list32-Til li::before{content: ""; display: block; width: 10px; height: 1px; background: #fff; position: absolute;
  bottom: -1px; left: 10px;}
.list32-Til li.on::after{ content: ""; display: block;width: 0; height: 0; border-top: 7px solid transparent;
    border-left: 7px solid #004a86; border-bottom: 7px solid transparent;position: absolute; top:42px; right: 0;}  
.list32-Til li.on{border-bottom:#004a86 1px solid;}  
.list32-Til li .til{ display: block; font-size: 1.8rem; color: #757575; cursor: pointer;}
.list32-Til li.on .til{ font-size: 2.8rem; color:#222222;}
.list32-Til li.off .more{ display: none;}
.list32-Box{ margin-left:180px; padding-left: 30px; position: relative;}
.list32-Box li.off{ display: none;}
.list32-Box::before{ content: ""; display:block; width: 1px; height:75%; background: #e5e5e5; position: absolute; bottom: 0; left: 0;}
.list32-Box .more{ position: absolute; bottom:80px; left:-180px;}
.list33{}
.list33 dd { padding: 25px 40px; background:#f2f5f7; border-radius:40px; overflow: hidden;}
.list33 dd:nth-child(2n){ background: #fff;}
.list33 dd a{ display: block; height: 24px; line-height: 24px; overflow: hidden;transition: all 0.2s ease;}
.list33 dd a:hover{ padding-left: 10px;}
.list33 .listDate{ float: right; color: #064e89;display: inline-block; border-left: #d9dcde 1px solid; padding-left: 30px;}



/* 海外学习 */
.wrapmode18{ padding: 0 0 90px; overflow: hidden;}
.mode18{border-top:#064e89 1px solid;position: relative;}
.mode18::before{ content: "";display: block; width: 10px; height: 1px; background: #fff; position: absolute;left: 10px; top: -1px;}
.list34-Til{ writing-mode: vertical-rl; padding:24px 30px 24px 0; border-right: #064e89 1px solid; overflow: hidden; float: left;}
.list34-Box{ margin-left:60px; padding: 30px 0 0 40px; overflow: hidden;}
.list34-lf{ width:39%; float: left; overflow: hidden;}
.list34-rt{ width:59%; float: right; overflow: hidden;}
.list34-lf a{ display: block; overflow: hidden;}
.list34-lf .listDate{ display: inline-block; color: #064e89; padding-right:35px; margin: 18px 0; position: relative;}
.list34-lf .listDate::after{ content: "";display: block; width:16px; height: 12px; background: #e5e5e5; border-left:#064e89 1px solid;
  border-top: #064e89 1px solid; position: absolute;right: 0; top: 0;}
.list34-rt .list25 dd{ margin-bottom: 20px;}
.list34-rt .list25 .listTitle{ display: block; margin-top: 20px;}
.list34-rt .list25 .listText{ line-height: 24px; max-height: 48px;}

/* 学硕导师页面 */
.rightBg{ padding-top: 40px;}
.rightBg::before{ content: ''; display: block; width: 82.2rem; height: 55.4rem; background: url(../images/showtext_bg.png) no-repeat top center;
  position: absolute; top: -7.2rem; right: 0px;}
/* .rightBg .gp-articleTitle{ width: 71.43%;} */
.showText{ width: 71.43%; line-height: 1.875; margin-bottom: 50px;}
.thirdTitle{ line-height: 2.33; color: #004a86; margin-bottom: 13px;}
.rightBg .list7{padding-bottom: 10px;margin: 0;margin-bottom: 23px;}
.rightBg .list7:last-child{ padding-bottom: 14px; margin: 0; border-bottom: none;}
.rightBg .list7 li{ width: 10%;}
.rightBg .list7 li a{ margin: 5px; height: 40px; line-height: 40px;}

  .article_bottom{min-height: 120px;border-top: #e5e5e5 1px solid;position: relative;}

  .article_bottom.jianjie{border-top: #004a86 1px solid;}

/*附件*/
.Annex{margin-top: 30px;padding-top:25px;/* border-top: #e5e5e5 1px solid; */overflow: hidden;} 
.Annex h3{ overflow: hidden; height:30px;  position: relative;} 
.annexList{  overflow: hidden;}
.annexList li{overflow: hidden; position: relative; }
.annexList li a{ display: block; margin:5px 0; line-height: 22px;color: #999;}
.annexList li a:hover{ color: #333;}
 
/*分享*/
.share{width:108px;height: 115px;text-align: center;background: #f5f5f5;overflow: hidden;position: absolute;right: 0;top: 0px;} 
.share .bdsharebuttonbox  > a{padding-left: 0;height:38px;text-indent: 0;width: 38px;line-height: 38px;text-align: center;background: none;font-size: 20px;display: inline-block;float: none;color: #fff;transition: all 0.35s ease-out;/*! border-radius: 50%; *//*! border: #dbdbdb 1px solid; */}
.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; color: #00c785;}
.share .bdsharebuttonbox{ margin-top: 20px;}
.share .bdsharebuttonbox > a.bds_weixin{ background:url(../images/wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url(../images/sina.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_qzone{ background:url(../images/zone.png) no-repeat center;  }
.share .bdsharebuttonbox  > a.bds_more{background:url(../images/bds_more.png) no-repeat center;}


  
/***分页*/ 
.gp-page { margin:40px 0 0 0; color:#999;font-size: 0;clear: both;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a:first-child{}
.gp-page>a,.gp-page>span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:64px;line-height:64px; position:relative;
  text-align: center; vertical-align: top;width: 64px;font-size: 16px;color:#999999; border: #f0f0f0 1px solid; 
  font-family: "Calibri"; border-radius: 50%; margin: 0 5px;}
.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 > span{border:none;padding: 0;color: #333;}
.gp-page > a:hover ,.gp-page > a.on_pages{ border: #004b85 1px solid; color:#004b85;}
.gp-page .gp-page-prev,.gp-page .gp-page-next{display: inline-block;width: 64px;height: 64px;line-height: 64px; font-size: 18px; font-weight: bold; }
.gp-page > a.on_pages{ }
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px;font-size: 1.2rem;}
.gp-page .gp-page-prev{ margin-right: 30px; }
.gp-page .gp-page-next{ margin-left: 30px;}
.gp-page .gp-page-prev:hover,.gp-page .gp-page-next:hover{ border: #004b85 1px solid;}

/*居中*/
.gp-page-centered {text-align:center; }
.gp-page a:hover ,.pageList li.active a{color:#0857a6;}
 
.gp-page .select2{padding: 0;}
.gp-page .pageSelect{min-width:68px;height: 44px;*display:inline; *zoom:1; vertical-align: middle;border:1px solid #a343c4;line-height: 44px;text-align: center;padding:0;border-right: 1px solid #d2a8e0;}
.select2-container--default .select2-selection--single{ border: none}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  background: url(../images/select.png) no-repeat center;}
.select2-container .select2-selection--single{height: 44px;line-height: 44px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 44px;}
 

@media screen  and (max-width:1600px) {
  .wrapLeftTil > ul{ width: 1400px;}
  .list1 .listDate{ height: 70px;}
  .gp-subRight-con{ padding: 50px 0;}
  .gp-page .gp-page-prev, .gp-page .gp-page-next,.gp-page>a, .gp-page>span{ width: 50px; height: 50px; line-height: 50px;}
  .share{ bottom: 54px;}
  .list14 .gp-img-responsive{ width: 740px; height: 416px;}
  .list14 .listText{ margin-left: 740px; padding: 25px 0 35px 35px; height: 316px;}
  .list14 .gp-article2{ margin: 30px 45px 0 0;}
  .list13{ margin: -30px;}
  .list13 .listText{ margin: 30px;}
  .list13 .listCon{ padding: 30px;}
  .more{ height:35px; line-height:35px; width: 120px;}
  .rightBg::before{ top: -6.5rem;}

}


@media screen  and (max-width:1440px) {
  .wrapLeftTil > ul{ width:auto;}
  .list19 { margin: 0 -20px;}
  .list19 li a{ margin: 0 20px;}
  .rightBg .list7 li{ width: 12.5%;}
  
}

@media screen  and (max-width:1300px) {
  .wrapLeftTil > ul{ width: 1110px;}
  .gp-subRight-con{ padding: 50px 0;}
  .list1 .listDate{ width: 65px; height: 65px; bottom: -20px; left: -50px;}
  .list1 .day{ font-size: 2.0rem;}
  .list1 .gp-img-responsive{ width: 220px; height: 146px;}
  .list1 .listText{ margin-left: 220px; padding: 15px 20px 40px 20px;}
  .pageArticleTitle,.gp-article{ margin: 0;}
  .list2 { margin: -15px;}
  .list2 li a{ margin: 15px;}
  .wraplist6{ margin: 0;}
  .wraplist7 .listTil{ padding: 15px 40px 15px 15px;}
  .wraplist7 .listContent{ padding: 20px;}
  .wraplist7 .icon{ top:0}
  .list13 .gp-img-responsive{ width: 260px; height: 260px;}
  .list13 .listLink{ margin: 0;}
  .list13 .listLink a{ font-size: 1.6rem;}
  .list14 .gp-img-responsive{ width: 580px; height: 325px;}
  .list14 .listText{ margin-left: 580px;}
  .list14 .gp-article2{ margin: 0 30px 0 0; height: 120px;}
  .list14 .listText{ height: 225px;}
  .list14 .more{ margin-top: 10px;}
  .list16-Til{ width: 200px;}
  .list16-Box{ margin-left: 200px; padding: 20px 30px;}
  .list16-Box table tr td:nth-child(1){ width: 40%;}
  .list16-Box table tr td:nth-child(2){ width: 20%;}
  .list16-Box table tr td:nth-child(3){width: 20%;}
  .list16-Box table tr td, .list16-Box table tr th{ padding: 1.2rem;}
  .list17 li a{ padding: 30px;}
  .list18-Con .gp-fl .gp-articleTitle2{ margin:40px 0 0 50px;}
  .list25 { margin: 0 -8px;}
  .list25 dd a{ margin: 0 8px;}
  .list27 { margin: -20px -10px;}
  .list27 li a{ margin: 20px 10px;}
  .list28 .listText{ padding: 20px 30px;}
  .list29 li a{ margin: 10px;}
  .list29 .listText{ padding: 20px;}
  .list29 .listTitle{ margin-left: 165px;}
  .list29 .gp-img-responsive{ width: 100px; height: 56px;}
  .list29 .listTitle{ margin-left: 120px; padding: 10px 0 0;}
  .wraplist30{ width: 100%;}
  .rightBg{ padding-top: 0px;}
  .rightBg::before{ width: 50%; height: 50rem; background-position: bottom center; top: -5.5rem;}
}



@media screen  and (max-width:1200px) {
   .subbanner:after{ display: none;} 
   .subLeft{ position: static; background: #eee; padding: 10px 0;}
   .subLeft *{ color: #333;}
   .gp-subLeft{display: none;}
   .gp-m-articleTitle{ display: block;}
   .gp-m-subNav{display: block;}
   .gp-container .gp-m-subNav{ margin: 0 -30px;}
   .gp-page{display: none;background: none;}
   .gp-m-page{display: block; margin:30px 0 0;}
   .gp-bread{position: static;}
   .gp-bread a{ color: #333;}
   .gp-subRight{margin-top: 0;}
   .gp-subRight-con{ padding: 30px 0; }
   .articleTitle h2{margin-top: 0;padding: 10px 0;float: none;background: none;margin-bottom: -25px;}
   .share{ position: static; width: 80px; height: 80px; margin-top: 20px; float: right; }
   .share .bdsharebuttonbox{ margin-top: 5px;}
   .gp-page .gp-page-prev,.gp-page .gp-page-next{ margin: 0 10px;}
   .list3 li,.list4 li,.list10 li{ width: 25%;}
   .wraplist7 .listCon-lf{ width:150px;}
   .wraplist7 .listCon-rt{ margin-left: 150px;}
   .wrapmode01,.wrapmode02,.wrapmode05,.wrapmode07,.wrapmode08,.wrapmode10,.wrapmode14,.wrapmode15,.wrapmode16{ padding:30px 0;}
   .wrapmode17{ padding: 0 0 30px;}
   .wrapmode04,.wrapmode11,.wrapmode13{ padding: 30px 0 80px 0;}
   .wrapmode03,.wrapmode12,.wrapmode18{ padding: 0 0 50px;}
   .wrapmode06{ padding:30px 0;}
   .wrapmode09{ padding: 0;}
   .list12 li:nth-child(2n){margin: 0;}
   .list12 .listMore{ width: 44%; padding: 10px 0; bottom: -30px;}
   .list12 .listTitle{padding: 25px 25px 60px 25px;}
   .more2{ margin: 0 auto 0 25px;}
   .wraplist30 .list30{ width: 100%; margin: 0; min-height: auto; padding: 20px;}
   .list31{ position: static;}
  .article_bottom{ min-height: unset;}
  
  .rightBg::before{ display: none;}
  .showText{ margin-bottom: 30px; width: 100%;}
  .rightBg .gp-articleTitle{ width: 100%;}
  .rightBg .list7 li{ width: 16.66%; transition: all 0.35s ease;}

} 

@media screen  and (max-width:1024px) {
  .gp-container .gp-m-subNav{ margin: 0 -15px;}
  .list7 li{ width: 25%;}
  .wrapmode01{ background-position: bottom right; background-size:50%;}
  .list12 .listMore{ width: auto; padding:15px;}
  .more2{ margin: 0;}
  .more{ width: 120px; height: 35px; line-height: 35px;}
  .list11{ width: 100%;}
  .list12 .listTil,.gp-articleTitle.gp-f28{ font-size: 2.4rem;}
  .wrapmode04{ padding: 30px 0;}
  .list13 { margin: -20px;}
  .list13 li{ width: 100%;}
  .list13 .listText{ margin: 20px;}
  .list13 .gp-img-responsive{ position: relative; float: left;}
  .list13 .listCon{ width: auto;position:static; float: none; margin-left: 260px;}
  .list13 .more{margin-top: 15px;}
  .list14 .gp-img-responsive{ width: 100%; height: 0; padding-bottom:56.2%; float: none;}
  .list14 .listText{ margin: 0; border-left: #004a86 20px solid; border-top: none;}
  .list14 .gp-article2{ height: auto; max-height: 120px;}
  .list15 li{ width: 50%;}
  .list16-Til{ width: 100%; float: none; padding: 20px 0; height: auto;}
  .list16-Til li{ display: inline-block;}
  .list16-Til li.on a::before{ display: none;}
  .list16-Box{ margin: 0; padding: 15px;}
  .list17{ margin: -10px;}
  .list17 li a{ padding: 20px; margin: 10px;}
  .list17 .listIcon{ width:40px;}
  .list17 .listText{ margin-left: 60px;}
  .list18-Con .gp-fl{ width: 100%; float: none;}
  .list18-Con .gp-fl .gp-articleTitle2{ margin: 20px 0;}
  .list18-Con .gp-fr{ width: 100%; position:static; padding: 20px;}
  .wrapmode09{ padding: 0 0 30px;}
  .list19 { margin: 0 -10px;}
  .list19 li a{ margin: 0 10px;}
  .list19 .listText,.list20 .listText{ padding: 20px;}
  .gp-f34{ font-size: 2.4rem;}
  .list20 li,.list20 li:nth-child(1){ width: 50%;}
  .list20 li:nth-child(2n){ margin-top: 0;}
  .list20 li .gp-img-responsive{ padding-bottom: 96%;}
  .list24 li,.list29 li{ width: 50%;}
  .list24 .listTitle{ padding: 0 15px;}
  .list25 dd{ width: 100%;}
  .list25 .listDate{ width: 40px; padding-right: 18px; height: 60px; padding-top:10px;}
  .list25 .listText{ margin-left: 58px; padding: 0 15px; height: 60px;}
  .list25-Til li a{ padding: 15px 0; font-size: 1.6rem;}
  .list26 {margin: -10px;}
  .list26 li a{ margin: 10px;}
  .list26 .listText{ margin-top: 10px;}
  .list27 li{ width: 33.3%;}
  .list28 .listText{ width: 90%; padding: 20px;}
  .list29 .listMore{ height: 35px; line-height: 35px;}
  .list34-rt .list25 .listTitle{ margin-top: 10px;}
  .list33 dd{ padding: 15px 20px;}
  .list32-Til{ width: 100%; float: none; margin-bottom: 20px; margin-top: -15px;}
  .list32-Til li{ display: inline-block; margin: 0 10px; padding:15px;}
  .list32-Til li.on .til,.list34-Til{ font-size: 2.0rem;}
  .list32-Til li.on::after{ top: 22px;}
  .list32-Box{ margin-left: 0; padding: 0;}
  .list32-Box::before{ display: none;}
  .list32-Box .more{ left: auto; right: 0; bottom: auto; top: -90px; width: 90px;}
  .list34-Til{ width: 100%; float: none; writing-mode: lr-tb; padding:20px 0; border: none;}
  .list34-Box{ margin: 0; padding: 0;}
  .rightBg .list7 li{ width: 20%;}
}


 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width: 100% !important;height: auto !important;}
  .gp-article table{width:100% !important; }
  .articleBottom{ width: auto; padding: 12px; }
  .rightBg .list7 li{ width: 25%;}
}

@media screen  and (max-width:766px) {
  .list2 {margin: -8px;}
  .list2 li{ width: 33.3%;}
  .list2 li a{ margin: 8px;}
  .list3,.list10 { margin: -8px;}
  .list3 li,.list4 li,.list10 li{ width: 33.3%;}
  .list3 li a,.list10 li a{ margin:12px 8px;}
  .list4{ margin: -18px -10px 0 -10px;}
  .list4 li a{margin: 18px 10px;}
  .list6 .gp-img-responsive{ float: none; margin: 0 auto;}
  .list6 .listText{ margin: 0; padding-top: 20px;}
  .list6 .listText::before{ display: none;}
  .list7{ margin: -5px;}
  .list7 li{ width: 33.3%;}
  .list7 li a{ height:40px; line-height:40px; margin: 5px;}
  .wraplist7{ margin-bottom: 25px;}
  .wraplist7 .listCon-lf{ width:auto; float: none; margin: 0 0 20px 0;}
  .wraplist7 .listCon-rt{ margin: 0;}
  .list8{margin: 0;}
  .list8 span img{ display: block; float: none; margin: 0 auto;}
  .list9 li{ padding: 12px 0;}
  .list9 li .date{ padding-left: 10px;}
  .list12 { margin: -15px -10px;}
  .list12 li{ width: 100%;}
  .list12 .listMore{ padding: 8px; bottom: -15px;}
  .list12 .listTitle{ margin: 15px 10px; padding:15px 15px 60px 15px;}
  .modebg03::before{ display: none;}
  .mode03{ padding: 15px;}
  .mode03 > .gp-fl,.mode03 > .gp-fr{ width: 100%; float: none;}
  .mode03 > .gp-fl{ padding: 0 0 20px;}
  .list14 .listText{ padding:20px 0; border: none;}
  .list17 li { width: 100%;}
  .list17 li a{ border:none;padding: 10px;}
  .list17 .listIcon{ width: 30px;}
  .list17 .listText{ margin-left: 45px;}
  .list16-Title{ width: 100%; float: none;}
  .list16-Title span{ width: auto; text-align: left;padding: 20px 20px 0 20px;}
  .list16{ margin: 0;}
  .list19 li{ width: 100%;}
  .list19 li a{ margin: 10px;}
  .list21 li:nth-child(2) a,.list22 li:nth-child(1) a{ width:auto; float: none;}
  .list22 li:nth-child(2) .gp-img-responsive{ padding-bottom: 66.2%;}
  .wraplist23 .swiper-button-prev, .wraplist23 .swiper-button-next{ width: 25px;}
  .list23{ margin: 0 35px;}
  .list23 .swiper-slide{ width: 100%;}
  .list20 li, .list20 li:nth-child(1){width: 100%;}
  .list20 li:nth-child(1) .listText{position:static;}
  .list20 li:nth-child(1) .gp-img-responsive{ display: none;}
  .wrapmode11,.wrapmode13{ padding: 30px 0;}
  .gp-f34,.list19 .listTitle{ font-size: 2.0rem;}
  .list19 .listText, .list20 .listText{ padding: 15px 10px;}
  .list26 li{ width: 50%;}
  .list28 li{ width: 50%;}
  .list34-lf{ width: 100%; float: none;}
  .list34-lf .listDate{ margin: 10px 0;}
  .list34-rt{ width: 100%; float: none;margin-top: 20px;}
  .list34-rt .more{ margin: 0;}
}


@media screen and (max-width:640px) {
  .list1{ margin-bottom: -20px;}
  .list1 li{margin-bottom: 20px;}
  .list1 .gp-img-responsive{ width: 100%; height: 0;padding-bottom: 66.2%; float: none !important;}
  .list1 .listText{ margin: 0 !important; padding: 15px;}
  .list1 .listDate{ bottom: auto; top: -65px; left: 0 !important;}
  .list1 .listCon{ margin: 10px 0 0;}
  .list2 li,.list3 li,.list10 li{ width: 50%;}
  .list4 li,.list7 li{ width: 50%;}
  .list15 li{ width: 100%;}
  .list15 li a{ padding: 15px;}
  .list15 .listTitle{ max-height: 48px; height: auto;}
  .list15 .listCon{ max-height: 44px; height: auto; margin: 10px 0;}
  .list13 { margin: -15px;}
  .list13 .listText{ margin: 15px;}
  .list13 .gp-img-responsive{ width: 100%; height: 0; padding-bottom: 100%; float: none;}
  .list13 .listCon{ margin: 0; padding: 15px;}
  .list13 .listLink{ height:auto; max-height: 78px;}
  .list21,.list22{ display: block;}
  .list21 li, .list22 li{ width: 100%;}
  .list21 .icon, .list22 .icon{ width: 30px; height: auto; margin: 0 auto;}
  .list21 .listText, .list22 .listText{ bottom: 10px;}
  .list24 li{ width:100%;}
  .list24 .listText{ width: 80%; height: 60px;}
  .list27 li{ width:50%;}
  .list28 li,.list29 li{ width: 100%;}
  .list28 .listCon{ margin: 15px 0 0;}
  .list28 .listText{ width: 100%; padding: 15px;}
  .list29 .listText{ padding: 15px;}
  .rightBg .list7 li{ width: 33.33%;}
}

@media screen and (max-width:480px) {
  .list4 li{ width: 100%;}
  .list4 li a{ width: 90%; height: 50px;}
  .list16{overflow: auto; background: #004a86;}
  .list16-Til li a{ padding: 10px 0;}
  .list16-Box{ width: 480px;}
  .list26 li{width: 100%;}
  .list27{ margin: -10px;}
  .list27 li{ width:100%;}
  .list27 li a{ margin: 10px;}
  .list27 .gp-img-responsive{ width: 100%; margin: 0;}
  .list27 .listText{ position: static; width: 100%; writing-mode: lr-tb; margin-top: 10px;}
}