@charset "utf-8"; body{ background: #F9F9F9;} .subBanner{ border-radius: 20px; overflow: hidden; position: relative; z-index: 1;} .subBanner1::before{ content: ''; display: block; width: 100%; height: 280px; background-image: -moz-linear-gradient( -90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( -90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); opacity: 0.7; position: absolute; left: 0; top: 0; z-index: 1;} .subBanner1::after{ content: ''; display: block; width: 100%; height: 160px; background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); opacity: 0.5; position: absolute; left: 0; bottom: 0; z-index: 1;} .subBanner .gp-img-responsive{ padding-bottom: 25.06%;} .subBanner:hover .gp-img-responsive img{ opacity: 1; transform: scale(1.03);} .curPage{ color: #FBE5E5; position: absolute; top: 50%; right: 140px;transform: translateY(-50%);margin-top: -50px;} .curPage .en{ font-size: 80px; line-height: 1;text-align: right;} .curPage .ch{ font-size: 21px; font-weight: bold; line-height: 27px;text-align: right;} .subContent{ margin-top: -105px; padding: 46px 110px 107px; box-sizing: border-box; border-radius: 20px; background: #fff; overflow: hidden; position: relative; z-index: 1;} .gp-left{ width: 232px; flex-shrink: 0; padding-bottom: 40px;} .no-left .gp-right{ width: 100%;} .no-left > h2{ } /*侧边栏*/ .gp-subLeft{ } .gp-subLeft > ul{ /* background: #F8F8F8; */ box-sizing: border-box; margin-top: 2px; position: relative;} .gp-subLeft > ul >li{ position: relative;} .gp-subLeft > ul >li.on{ position: relative; z-index: 1;} .gp-subLeft > ul >li > a{ color: #707070; display: block; line-height: 22px; padding: 26.5px 0 27.5px 22px; border-bottom: 2px solid #fff; font-size: 17px; box-sizing: border-box; font-weight: bold; transition: all 0.35s ease;} .gp-subLeft > ul >li > a .en{ font-size: 14px; line-height: 18px; margin-top: 5px;} .gp-subLeft > ul >li.on > a, .gp-subLeft > ul >li:hover > a{ background: #A83A42; font-weight: bold; color: #fff; border-radius: 8px; border-bottom: 0px solid rgba(0, 0, 0, 0.1); transition: all 0.35s ease-in-out; position: relative;} /* .gp-subLeft > ul >li.on > a::before{ content: ''; display: block; width: 6px; height: 1px; background: #fff; position: absolute; right: 26px; top: 48%;} */ .gp-subLeft > ul >li.on > a{ border-bottom: 0px solid rgba(0, 0, 0, 0.1);} .gp-subLeft .gp-toggles{ width: 60px; height: 99px; line-height: 99px; position: absolute; right: 0; top: 0; text-align: center;cursor: pointer;color:#666; font-weight: normal; font-size: 8px; font-weight: bold; transition: all 0.35s ease;} .gp-subLeft .gp-toggles .icon-right:before{ line-height: 1;} .gp-subLeft > ul >li.on .gp-toggles, .gp-subLeft > ul >li:hover .gp-toggles{ color: #fff;} .gp-second-nav{font-size: 14px;display: none; padding-left: 10px; padding-bottom: 10px;} .gp-second-nav dd{ border: 1px solid #e6e6e6; border-top: none; box-sizing: border-box; transition: all 0.35s ease;} .gp-second-nav dd:first-child{ border-top: 1px solid #e6e6e6;} .gp-second-nav dd.on, .gp-second-nav dd:hover{ background: #fff; box-shadow: 0px 0px 16px 0px rgba(168, 58, 66, 0.2); border-left: 10px solid #A83A42;} .gp-second-nav dd a{display: block; font-size: 16px; padding:10px 15px 10px 20px; transition: all 0.35s ease-in-out;} .gp-second-nav dd:hover a,.second_nav dd.on a{background: #fff; color: #A83A42;} .notice .gp-subLeft > ul{ border-top: 1px solid #FBE5E5;} .notice .gp-subLeft > ul >li{ border-bottom: 1px solid #FBE5E5;} .notice .gp-subLeft > ul >li > a, .notice .gp-subLeft > ul >li > a{ border: none;} .notice .gp-subLeft > ul >li.on > a, .notice .gp-subLeft > ul >li:hover > a{ background: transparent; font-weight: bold; color: #A83A42; border-radius: 8px; border: none; transition: all 0.35s ease-in-out, border 0s ease-in-out; position: relative;} .notice .gp-subLeft > ul >li > a::before, .notice .gp-subLeft > ul >li > a::before{ content: ''; display: block; width: 0px; height: 42px; background: #A83A42; border-radius: 2px; position: absolute; left: 0px; top: 28px; transition: all 0.1s ease;} .notice .gp-subLeft > ul >li.on > a::before, .notice .gp-subLeft > ul >li:hover > a::before{ width: 4px;} .notice .gp-subLeft > ul >li.on .gp-toggles, .notice .gp-subLeft > ul >li:hover .gp-toggles{ color: #A83A42;} .notice .gp-subLeft .gp-toggles{ color: #fff;} /*侧边栏移动端 */ .gp-m-subNav{ display: none;} .gp-m-inner-header{width:100%;height:40px;background-color:#FBE5E5;cursor:pointer;line-height: 40px;} .gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;} .gp-m-subNav .gp-m-inner-header-icon-click{} .gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;} .gp-m-subNav .gp-m-inner-header-icon-click i{display: block;} .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;font-family:Tahoma;display:block;color:#fff;} .gp-subNavm ul{} .gp-subNavm li{position: relative;} .gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;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{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;} .gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;} .gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;} .gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline; border:none; padding:0px;} .gp-subNavm li dl dd a:hover{ color:#a70510} .gp-subLeft .h2, .gp-right .h2{ font-size: 26px; line-height: 78px; box-sizing: border-box; color: #fff; padding-left: 52px; background: url(../images/left_h2.png) no-repeat center; background-size: 100% 100%; position: relative;} .gp-subLeft .h2::before{ content: ''; display: block; width: 363px; height: 132px; background: url(../images/left_h2_bg.png) no-repeat center/cover; position: absolute; bottom: 0%; left: 60px; z-index: -1;} .gp-right .h2{ width: 260px; position: absolute; top: -78px; left: 0;} .gp-right{ width: calc(100% - 394px); position: relative;} .page-title{ display: block; font-weight: bold; position: absolute; left: 0px; top: 30px;} .bread{ margin-bottom: 32px; font-size: 0; text-align: left; padding-left: 17px;position: relative; z-index: 2;} .bread::before{ content: ''; display: block; width: 11.5px; height: 12px; background: url(../images/bread_icon.png) no-repeat center/cover; position: absolute; left: 0px; top: 3px;} .bread a{ font-size: 14px; color: #707070;} .bread span{ font-size: 16px; padding: 0 5px; line-height: 16px; color: #707070; vertical-align: baseline;} .pageTitle{ font-weight: bold; line-height: 1; padding-bottom: 22px; border-bottom: 2px solid #A83A42; padding-left: 32px; position: relative;} .pageTitle::before{ content: ''; display: block; height: 0; width: 0px; border: 11px solid #A83A42; border-right-color: #fff; border-bottom-color: #fff; position: absolute; left: 0px; top: 0px;} /* 简介页 */ .introduction{ padding-top: 44px; padding-bottom: 80px; min-height: 400px; position: relative;} .introduction .pageCon{ margin-top: 23px;} .introduction p{ line-height: 30px; margin-bottom: 30px;} .introduction p:last-child{ margin-bottom: 0px;} footer{ margin-top: 55px;} /* 新闻动态01 */ .news{ } .one .gp-right li{ margin-bottom: 40px;} .one .gp-right li:last-child{ margin-bottom: 0px;} .one .gp-right ul a{ border-radius: 8px; overflow: hidden; background: #F4F4F4; transition: all 0.35s ease;} .one .gp-right ul a:hover{ background: #A83A42; color: #fff;} .one .img{ width: 330px; flex-shrink: 0;} .one .infoBox{ width: calc(100% - 330px); box-sizing: border-box; padding: 36px 63px 36px 40px;} .one .infoBox .title{ line-height: 30px;} .one .infoBox .date{ width: 109px; height: 28px; line-height: 28px; overflow: hidden; border: 1px solid transparent; box-sizing: border-box; background: #A83A42; border-radius: 14px; color: #fff; text-align: center; margin-top: 15px;} .one ul a:hover .date{ border: 1px solid #fff;} .one .gp-img-responsive{ padding-bottom: 53.03%;} .one a:hover .gp-img-responsive img{ transform: scale(1.03); opacity: 0.85;} /* 新闻动态02 */ .subContent.gp-container{ margin-top: 40px; padding: 46px 187.5px 60px;} .no-left .two .bread{ margin-top: 25px; position: absolute; right: 187.5px; top: 46px;} .til-list{ justify-content: flex-start; border-bottom: 1px solid #FBE5E5;} .til-list .boxTitle{ margin-right: 126px; color: #707070; font-weight: bold; padding-bottom: 27.5px; position: relative; transition: all 0.35s ease;} .til-list .boxTitle::before{ content: ''; display: block; width: 0px; height: 15px; border-radius: 14.5px; background: #A83A42; position: absolute; bottom: -7.5px; left: 0px;} .til-list .boxTitle.on::before{ transition: width 0.35s ease; width: 157px;} .til-list .boxTitle .ch{ font-size: 17px; line-height: 22px;} .til-list .boxTitle .en{ line-height: 18px; margin-top: 5px;} .til-list .boxTitle.on{ margin-right: 98px; color: #A83A42;} .til-list .boxTitle:last-child{ margin-right: 0;} .box-list{ margin-top: 71px;} .box-list .box{ display: none;} .box-list .box{ padding-right: 60px; box-sizing: border-box;} .box-list .box ul{ margin: 0 -56px;} .box-list .box li{ margin-bottom: 50px;} .box-list .box a{ display: block; margin: 0 56px;} .box-list .box .gp-img-responsive{ padding-bottom: 62.34%; border-radius: 8px; outline: hidden;} .box-list .box .info{ position: relative; top: -36px; right: -48px; background: #A83A42; color: #fff; border-radius: 8px; overflow: hidden; padding: 42px 33px;} .box-list .box .date{ width: 109px; height: 28px; line-height: 28px; border-radius: 14px; font-size: 15px; color: #A83A42; background: #fff; text-align: center;} .box-list .box .title{ font-size: 17px; line-height: 28px; height: 84px; font-weight: bold; margin-top: 14.5px; -webkit-line-clamp: 3;} /* 通知公告01 */ .notice{ padding: 46px 120px 0;} .notice .gp-right{ width: calc(100% - 358px);} .notice .gp-right .pageList li{ margin-bottom: 20px;} .notice .gp-right .pageList li:last-child{ margin-bottom: 0px;} .notice .gp-right .pageList a{ display: block; padding: 28px 70px 28px 33px; background: #F9F9F9; position: relative;} .notice .gp-right .pageList .date{ width: 109px; height: 28px; line-height: 28px; border-radius: 14px; font-size: 15px; text-align: center; color: #fff; background: #A83A42; margin-right: 50px; box-sizing: border-box;} .notice .gp-right .pageList .title{ line-height: 28px; } .notice .gp-right .pageList i{ display: block; width: 40px; height: 40px; line-height: 37px;padding-left: 14px; box-sizing: border-box; border-radius: 50%; border: 2px solid #FBE5E5; background: #F9F9F9; font-size: 8px; color: #A83A42; font-weight: bold; box-sizing: border-box; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);} .notice .gp-right .pageList a:hover i{ background: #F1DCDC;} .notice .gp-page{ padding: 24px 0 40px;} /* 通知公告02 */ .notice .two .gp-right .pageList li{ margin-bottom: 30px;} .notice .two .gp-right .pageList li:last-child{ margin-bottom: 0px;} .notice .two .gp-right .pageList a:hover{ background: #FBE5E5; color: #A83A42;} .notice .two .gp-right .pageList a{ border: 2px solid #A83A42; border-radius: 8px;} .notice .two .gp-right .pageList .date{ background: transparent; color: #A83A42; font-weight: bold; width: auto; margin-right: 65px; position: relative;} .notice .two .gp-right .pageList .date::before{ content: ''; display: block; width: 1px; height: 18px; background: #A83A42; position: absolute; right: -33px; top: 50%; transform: translateY(-50%);} .notice .two .gp-right .pageList .title{ color: #707070;} .notice .two .gp-right .pageList a:hover .title{ color: #A83A42;} .notice .two .gp-right .pageList i{ border: none;} .notice .two .gp-right .pageList a:hover i{ background: transparent;} .notice .two{ padding-bottom: 120px;} /* 文字列表页 */ .list{ padding: 25px 0 80px;} .list .pageCon{ padding-top: 10px;} .list li{ /* margin-bottom: 20px; */ border-bottom: 1px solid rgba(0, 0, 0, 0.06);} .list li:last-child{ margin-bottom: 0px;} .list ul a{ display: block; padding: 20px 0; padding-left: 34px; line-height: 20px; position: relative;} .list ul a::before{ content: ''; display: block; width: 4px; height: 4px; background: #A83A42; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);} .list ul a .title{ line-height: 1;} .list ul a .date{ margin-left: 5px; color: #999; line-height: 1;} /*分页*/ .gp-page { color:#999; font-size: 0px;} .gp-page:after,.gp-page:before { content:" "; display:table} .gp-page>a,.gp-page>span{display:inline-block; cursor: pointer; width: 30px; height: 30px; line-height: 30px; font-size: 16px; position:relative;text-align: center; border:1px solid #ddd; margin-bottom:5px; margin-left:10px;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;} .gp-page-select{height: 32px;line-height: 32px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;} .gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span { width: 66px; padding:0 15px;} .gp-page .gp-page-prev{ margin-right: 30px;} .gp-page .gp-page-next{ margin-left: 40px;} .gp-page > span{border:none} .gp-page > a:hover { background-color:#8AA07B; color: #fff;} .gp-m-page{ display: none;} .gp-m-page a{display: inline-block;margin:0 10px} /*居中*/ .gp-page-centered {text-align:center} /*右对齐*/ .gp-page-right {text-align:right} .gp-page .omit{ cursor: not-allowed;} .gp-page{ text-align: center; padding: 50px 0 0px; font-size: 0px; } .gp-page a{ color: #999; width: 50px; height: 50px; line-height: 50px; border: 1px solid #FBE5E5; border-radius: 8px; background: #F9F9F9; text-align: center; display: inline-block; font-size: 14px; font-weight: bold;} .gp-page a.active{ color: #A83A42;} .gp-page a:last-child{ margin-right: 0;} .gp-page a:hover{ color: #A83A42;} .gp-page a:hover, .gp-page a.on_pages{ color: #fff; border-color: #A83A42; background: #A83A42;} .gp-page .prev{ margin-right: 40px; font-size: 16px;} .gp-page .next{ margin-left: 30px; font-size: 16px;} .gp-m-page{ display: none;} .gp-page > a:hover, .gp-page>a.on_pages { background-color:#A83A42; color: #fff; border: 1px solid #A83A42;} /* .gp-page > a:hover,.gp-page a:hover.gp-page-prev,.gp-page a:hover.gp-page-next,.gp-page>a.on_pages { background-color:#1173BB; color: #fff;} */ .gp-m-page a{display: inline-block;margin:0 10px} .gp-m-page.gp-page .gp-page-prev, .gp-m-page.gp-page .gp-page-next{ display: inline-block; width: 77px; height: 27px; line-height: 27px; padding: 0; background: #fff; border-radius: 5px; border: 1px solid #FBE5E5; margin: 15px 0; color: #868686; box-sizing: border-box;} .gp-m-page.gp-page .gp-page-prev{ float: left;} .gp-m-page.gp-page .gp-page-next{ float: right;} /* 教师简介 */ .bar{ padding: 0 30px; height: 50px; line-height: 50px; background: #f0f5f2;} .bar div{ text-align: center; color: #A83A42;} .bar div:nth-of-type(1){ width: 150px; flex-shrink: 0;} .bar div:nth-of-type(2){ width: auto;} .bar div:nth-of-type(3){ width: 78.32%;} .teacher{ padding: 44px 0 80px;} .teacher .pageCon li{ padding: 20px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.06);} .teacher .img{ width: 150px; flex-shrink: 0;} .teacher .img .gp-img-responsive{ padding-bottom: 133.33%;} .teacher .name{ width: auto; font-weight: bold; text-align: center; max-width: 90px;} .teacher li:hover .name{ color: #A83A42;} .teacher .summary{ width: 78.32%; color: #757575; line-height: 22px;} /* 通栏文章页 */ .article{ padding: 46px 266px 16px;} .gp-article{ width: 100%; padding-bottom: 80px; margin-top: 32.5px; border-top: 1px solid #FBE5E5;} .gp-date{ margin-top: 48.6px; width: 109px; height: 28px; line-height: 28px; text-align: center; font-size: 15px; color: #fff; background: #A83A42; border-radius: 14px;} .gp-title{ font-weight: bold; text-align: left; line-height: 42px; margin-top: 16px;} .gp-info{ text-align: left; margin-top: 24px; font-size: 0; line-height: 1; padding-bottom: 50px; border-bottom: 1px solid #FBE5E5; /* background-image: linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%); background-image: -webkit-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%); background-image: -moz-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%); background-image: -o-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%); background-size: 8px 1px; background-repeat: repeat-x; background-position: bottom; */ } .gp-info span{ display: inline-block; color: #7B7B7B; font-size: 14px; line-height: 19px; margin-right: 29px; position: relative;} .gp-info span::before{ content: ''; display: block; width: 1px; height: 14.5px; background: #FBE5E5; position: absolute; right: -15px; top: 50%; transform: translateY(-50%);} .gp-info span:last-child:before, .gp-info span.gp-fr::before{ display: none;} .gp-info span b{ font-weight: normal; color: #7B1D1F;} .gp-info span:last-child, .gp-info span.gp-fr{ margin-right: 0px;} .gp-content{ padding: 40px 0 77px; border-bottom: 1px solid #FBE5E5;} .gp-content p{ line-height: 32px; margin-bottom: 26px; color: #313131; font-family: 'Noto Sans SC';} .gp-content p:last-child{ margin-bottom: 0px;} .Annex{ line-height: 20px; color: #444; padding-top: 30px;border-top: 1px solid #FBE5E5;margin-top: 50px;} .Annex h3{ padding-bottom: 10px;font-size: 17px;} .Annex li{ padding: 10px 0; } .Annex li:last-child{ margin-bottom: 0;} .Annex li::marker{ content: '';} .Annex li a{ display: block; line-height: 1; color: #999;} /* 分享 */ .share{width: auto; margin-top: 34px; display: flex; align-items: flex-start; justify-content: flex-start;} .share_btn{ font-size: 15px; font-weight: bold; line-height: 20px;font-weight: normal;} .share_btn .en{ font-size: 12px; text-transform: uppercase; line-height: 15px;} .share .bdsharebuttonbox{ margin-left: 22px; font-size: 0;} .share .bdsharebuttonbox > a{ display: inline-block; padding-left: 0;margin-left: 20px; height: 32px;text-indent: 0;width: 36px; height: 36px;text-align: center;background: none;font-size: 23px;} .share .bdsharebuttonbox > a.bds_more{ background: url(../images/share.png) no-repeat center; margin-left: 0;} .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;} .share .bdsharebuttonbox .text{ color: #00c785; line-height: 1; margin-top: 8px; text-align: center;} .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: 280px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 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;} .bdshare_dialog_bg{position:fixed;_position:absolute;width:312px;height:341px;z-index:9999;overflow:hidden;display:none} .bdshare_dialog_box{position:fixed;_position:absolute;width:300px;border:6px solid #8F8F8F;height:329px;z-index:10000;text-align:left;box-shadow:0 0 7px #aaa;-webkit-box-shadow:0 0 7px #aaa;-moz-box-shadow:0 0 7px #aaa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden;background:#f6f6f6;display:none} .bdshare_dialog_top,.bdshare_popup_top{height:28px;color:#626262;overflow:hidden;font-weight:bold;font-size:14px;line-height:28px;padding:0 5px} .bdshare_dialog_close{width:22px;height:23px;float:right;display:block;margin-top:2px}.bdshare_dialog_list{margin:0;padding:10px 0;height:256px;background:#fff;overflow:auto;overflow-x:hidden}.bdshare_dialog_bottom{height:25px;line-height:25px;font-size:12px;text-align:right;padding:0 10px}.bdshare_dialog_bottom a{color:#999;text-decoration:none} .bdshare_dialog_bottom a:hover{color:#00a9e0}.bdshare_dialog_list li{float:left;width:130px;padding:2px;margin-left:6px;_margin-left:3px;height:28px;overflow:hidden;list-style:none}.bdshare_dialog_list a,.bdshare_popup_list a,.bdshare_popup_bottom a{color:#565656;font:12px '宋体';display:block; background-repeat:no-repeat;padding:5px 0 5px 28px;text-decoration:none;border:1px solid #fff;line-height:18px}.bdshare_dialog_list a:hover,.bdshare_popup_list a:hover{background-color:#f3f3f3;border:1px solid #eee;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.popup_qzone{background-position:4px -47px}.popup_tsina{background-position:4px -99px}.popup_renren{background-position:4px -203px}.popup_tqq{background-position:4px -255px}.popup_kaixin001{background-position:4px -307px}.popup_tqf{background-position:4px -359px}.popup_hi{background-position:4px -411px}.popup_douban{background-position:4px -463px}.popup_tieba{background-position:4px -723px}.popup_hx{background-position:4px -983px}.popup_fx{background-position:4px -1035px}.popup_ty{background-position:4px -1191px}.popup_fbook{background-position:4px -1347px}.popup_twi{background-position:4px -1399px}.popup_linkedin{background-position:4px -1659px}.popup_meilishuo{background-position:4px -1711px}.popup_mogujie{background-position:4px -1763px}.popup_diandian{background-position:4px -1815px}.popup_huaban{background-position:4px -1867px}.popup_duitang{background-position:4px -2023px}.popup_youdao{background-position:4px -2075px}.popup_wealink{background-position:4px -2179px}.popup_copy{background-position:4px -2283px}.popup_mail{background-position:4px -2335px}.popup_print{background-position:4px -2387px}.popup_mshare{background-position:4px -2439px}.popup_sqq{background-position:4px -2647px}.popup_sdo{background-position:4px -2699px}.popup_qingbiji{background-position:4px -2751px}.popup_people{background-position:4px -2803px}.popup_xinhua{background-position:4px -2907px}.popup_yaolan{background-position:4px -2959px}.popup_thx{background-position:4px -2491px}.popup_bdhome{background-position:4px -151px}.popup_bdxc{background-position:4px -2543px}.popup_more{background-position:4px 5px}.popup_bdysc{background-position:4px -3063px}.popup_isohu{background-position:4px -3011px}.popup_ibaidu{background-position:4px -3115px}.popup_weixin{background-position:4px -1607px}.popup_iguba{background-position:4px -1295px}.popup_h163{background-position:4px -3156px}.bdshare_popup_bg{position:absolute;display:none;z-index:9997}.bdshare_popup_box{position:absolute;display:none;z-index:9998;text-align:left;background:#f6f6f6;border:solid 1px #e9e9e9}.bdshare_popup_list{margin:0;padding:5px 0;background:#fff;overflow:auto;overflow-x:hidden;_zoom:1}.bdshare_popup_bottom{clear:both;height:30px;font-size:12px;text-align:right;padding:0 10px}.bdshare_popup_bottom a{color:#999;text-decoration:none;border:0;float:right}.bdshare_popup_bottom a:hover{color:#00a9e0}.bdshare_popup_list li{float:left;width:100px;padding:2px;margin-left:6px;_margin-left:3px;height:28px;overflow:hidden;list-style:none}.popup_tsohu,.popup_tfh,.popup_baidu,.popup_qq,.popup_msn,.popup_sohu,.popup_qy,.popup_leho,.popup_ifeng,.popup_ff,.popup_tuita,.popup_ms,.popup_deli,.popup_s51,.popup_t163,.popup_share189,.popup_xg,.popup_s139{display:none}.bdshare_dialog_box,.bdshare_dialog_list a:hover,.bdshare_popup_list a:hover{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}.popup_evernotecn{background-position:4px -3180px;} /* 联系我们 */ .contactUs{ padding: 46px 175px 0;} .contactUs .lable{ border-top: 1px solid #FBE5E5; font-family: '微软雅黑'; font-size: 25.5px; font-weight: 900; color: #A83A42;font-weight: bolder; line-height: 1; padding: 60px 0 32px; position: relative;} .contactUs .lable .update{ font-size: 15px; color: #fff; background: #A83A42; width: 118px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; font-weight: normal; position: absolute; right: 0px; top: 58px;} .contactUs .table .th{ border-top: 1px solid #FBE5E5; border-bottom: 1px solid #FBE5E5; margin-bottom: 25.5px;} .contactUs .table .th .td{ height: 21px; padding: 10px 0; text-transform: uppercase; color: #A83A42; justify-content: flex-start; align-items: center;} .contactUs .table .th b{ font-size: 15px;} .contactUs .table .td{ padding: 49px 0 23px;} .contactUs .table .td:nth-of-type(1){ width: 17.91%; color: #A83A42; font-size: 17px; font-weight: bold;} .contactUs .table .td:nth-of-type(2){width: 31.13%;line-height: 32.5px;/* font-family: 'Noto Sans SC'; */} .contactUs .table .td:nth-of-type(3){width: 19.13%;line-height: 32.5px;/* font-family: 'Noto Sans SC'; */} .contactUs .table .td:nth-of-type(4){width: 13.57%;color: #A83A42;line-height: 30.5px;/* font-family: 'Noto Sans SC'; */} .contactUs .table .td span{ display: block;} .contactUs .table .tr{ margin-bottom: 32px; position: relative;} .contactUs .table .tr::before{ content: ''; display: block; width: 75%; height: 1px; background: #FBE5E5; position: absolute; right: 0px; bottom: -12px;} .contactUs .table .tr .td:nth-of-type(1){ background: #FBE5E5; padding: 0 0 0 28px; box-sizing: border-box; display: flex; display: -ms-flexbox; align-items: center;} .contactUs .table .tr b{ font-size: 37px; margin-right: 7px;} /* 机构设置 */ .dept{ padding: 46px 175px 110px;} .deptBox{ border-top: 1px solid #FBE5E5; padding: 47px 0 65px;} .deptBox .left{ color: #A83A42;} .deptBox .left .en{ font-size: 37px; line-height: 45px; text-transform: uppercase;} .deptBox .left .ch{ font-size: 17px; line-height: 22px;} .deptBox .right{ width: 743px;} .deptBox .since{ font-size: 21px; line-height: 25px; font-weight: bold; color: #7B1D1F; margin-bottom: 12px;} .deptBox .partTil{ color: #7B1D1F; font-weight: bold; line-height: 1; margin-bottom: 22px;} .deptBox .partCon{ margin-bottom: 40px;} .deptBox .partCon p{ line-height: 32px; margin-bottom: 16px;} .deptBox .partCon p:last-child{ margin-bottom: 0px;} .deptBox .right ul{ position: relative;} .deptBox .right ul::before{ content: ''; display: block; width: 4px; height: 100%; background: #FBE5E5; position: absolute; left: 46px; top: 0px;} .deptBox .right li{ line-height: 40px;} .deptBox .right li span{ color: #7B1D1F; margin-right: 38px;} .center{ text-align: center;} .deptBox .right .center:first-child span{ display: inline-block; width: 200px; height: 50px; line-height: 50px; border-radius: 25px; background: #A83A42; color: #fff; font-size: 17px;} .deptBox .right .center:last-child span{ display: inline-block; width: 85px; height: 50px; line-height: 50px; border-radius: 25px; background: #A83A42; color: #fff; margin-right: 8px;} .deptBox .right .center:last-child{ margin-top: 77px;} .deptBox .right .center:last-child span:last-child{ margin-right: 0;} .deptBox .right .center span{ position: relative;} .deptBox .right .center span::before{ content: ''; display: block; width: 1px; height: 39.5px; background: #FBE5E5; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);} .deptBox .right .center:first-child span::before{ bottom: auto; top: 100%;} .deptBox .right .center{ position: relative;} .deptBox .right .center:first-child:before{ content: ''; height: 1px; width: calc(100% - 85px); background: #FBE5E5; position: absolute; bottom: -39.5px; left: 50%; transform: translateX(-50%);} .gp-m-subNav{ display: none;} @media screen and (max-width:997px) { .gp-subLeft{display: none;} .gp-m-subNav{display: block;} } /* 响应式样式 */ @media screen and (max-width:1740px){ .subContent.gp-container{ padding: 46px 150px 50px;} } @media screen and (max-width:1600px){ /* .curPage{ top: 60px;} */ .subContent.gp-container{ padding: 46px 120px 50px;} .box-list .box ul{ margin: 0 -40px;} .box-list .box a{ margin: 0 40px;} .dept{ padding: 46px 100px 110px;} } @media screen and (max-width:1500px){ } @media screen and (max-width:1480px) { .curPage{ } .curPage .en{ font-size: 60px; } .gp-right{ width: calc(100% - 280px);} .one .infoBox{ padding: 30px;} .contactUs{ padding: 46px 80px 0;} .subContent.gp-container{ padding: 40px 70px 50px;} .box-list .box .info{ top: -30px; right: -40px; padding: 20px 25px;} .box-list .box ul{ margin: 0 -30px;} .box-list .box li{ margin-bottom: 0px;} .box-list .box a{ margin: 0 30px;} .dept{ padding: 46px 40px 110px;} } @media screen and (max-width:1400px) { } @media screen and (max-width:1280px) { .subContent{ transition: padding 0.35s ease; padding: 40px 50px;} } @media screen and (max-width:1240px) { .gp-container-2{ box-sizing: border-box; width: auto; margin: 0 40px; padding: 30px;} .til-list .boxTitle, .til-list .boxTitle.on{ margin-right: 90px;} .til-list .boxTitle.on::before{ width: 140px;} .curPage{margin-top: 0;} } @media screen and (max-width:1200px) { .gp-right{ width: calc(100% - 260px);} .deptBox .left .en{ font-size: 28px;} } @media screen and (max-width:1100px) { .gp-page a{ width: 40px; height: 40px; line-height: 40px;} .gp-page .gp-page-prev{ margin-right: 0;} .gp-page .gp-page-next{ margin-left: 10px;} .curPage{ right: 30px;} .curPage .en{ font-size: 40px; line-height: 40px;} .gp-container, .gp-container-2{ margin-left: 30px; margin-right: 30px;} .gp-container{ padding-left: 0px; padding-right: 0px;} .contactUs .table .td:nth-of-type(1){ padding-left: 15px; width: 22%;} .contactUs .table .td:nth-of-type(3){ width: 15%;} .contactUs .table .tr::before{ width: 71%;} .subContent.gp-container{ padding: 30px;} .no-left .two .bread{ position: relative; top: 0; right: 0;} .deptBox{ flex-direction: column; padding: 40px 0;} .deptBox .left{ width: 100%;} .deptBox .right{ width: 100%; margin-top: 20px;} } @media screen and (max-width:1024px) { .gp-right{ width: calc(100% - 280px);} } @media screen and (max-width:997px) { .subContent{ margin-top: 20px;} .bread{ margin-top: 10px;} .bread a, .bread span{ color: #999;} .subContent > div > .flex{ flex-direction: column;} .gp-left, .gp-right, .notice .gp-right{ width: 100%;} .gp-right, .notice .gp-right{ margin-top: 20px;} .gp-page{ display: none;} .gp-m-subNav{ margin-top: 10px;} .gp-m-page{ display: block;} .gp-m-page .gp-page-prev, .gp-m-page .gp-page-next{ border: 1px solid #ddd;} .gp-left{ padding-bottom: 0px;} .introduction{ padding-top: 20px; min-height: unset;} .one .gp-right li{ margin-bottom: 30px;} .bread{ margin-bottom: 15px;} .gp-right{ margin-top: 0;} .gp-article{ margin-top: 0;} .gp-date{ margin-top: 20px;} .gp-info{ margin-top: 15px; padding-bottom: 20px;} .gp-content{ padding: 20px 0 40px;} .gp-article{ padding-bottom: 40px;} .notice .gp-page{ padding: 20px 0 0;} .contactUs .table .tr{ flex-direction: column; float: left; width: 100%;} .contactUs .table .td{ width: 100% !important;} .contactUs .table .th{ display: none;} .contactUs .table .td span{ display: inline-block; margin-right: 50px;} .contactUs .table .td{ padding: 25px 0;} .contactUs .lable{ padding: 30px 0 20px;} .contactUs .lable .update{ position: relative; top: 0; right: 0; margin-top: 20px;} .til-list{ width: 100%; overflow: hidden; overflow-x: scroll;} .til-list .boxTitle, .til-list .boxTitle.on{ margin-right: 50px;} .box-list{ margin-top: 50px;} .box-list .box li{ width: 50%;} .til-list .boxTitle.on::before{ bottom: 0; height: 6px; width: 120px;} .notice .two{ padding-bottom: 50px;} .deptBox .right ul{ overflow: hidden; overflow-x: scroll;} .deptBox .right li{ white-space: nowrap;} } @media screen and (max-width:767px) { .one .gp-right ul a{ flex-direction: column;} .one .img, .one .infoBox{ width: 100%;} .one .infoBox{ padding: 20px;} .gp-page{ padding-top: 20px;} .curPage{ right: 80px;} .notice .gp-right .pageList .date{ margin-right: 20px;} .box-list .box{ padding-right: 40px;} .box-list .box li{ width: 100%;} .box-list .box ul{ margin: 0;} .box-list .box a{ margin: 0;} .contactUs .lable{ font-size: 22px;} } @media screen and (max-width:680px) { .subBanner{ border-radius: 0;} .subBanner .gp-img-responsive{ border-radius: 20px; overflow: hidden;} .curPage{ position: relative; top: 0; left: 0; margin-top: 20px;transform: none;} .curPage .en{ color: #7B1D1F; font-size: 34px;} .curPage .ch{ color: #7B1D1F;} .institution li a{ padding: 20px;} .list{ padding: 0;} .list ul a{ padding: 15px 0; padding-left: 24px;} .gp-title{ line-height: 1.5;} .notice .gp-right .pageList a{ padding: 20px 50px 20px 20px;} .notice .gp-right .pageList i{ right: 10px;} } @media screen and (max-width:540px) { .gp-container{ padding-left: 0px; padding-right: 0px;} .subContent{ padding-left: 10px; padding-right: 10px;} .gp-title{ font-size: 20px;} .gp-content p{ margin-bottom: 15px; line-height: 24px;} .notice .two .gp-right .pageList li{ margin-bottom: 20px;} .notice .two .gp-right .pageList .date{ margin-right: 24px;} .notice .two .gp-right .pageList .date::before{ right: -14px;} .deptBox .right .center:first-child span{ font-size: 16px; height: 40px; line-height: 40px;} .deptBox .right .center:last-child span{ writing-mode: vertical-lr; width: auto; height: auto; line-height: 2.5; text-align: left; padding: 10px 0;} .deptBox .right .center:first-child:before{ width: calc(100% - 38px);} } @media screen and (max-width:479px) { .gp-container, .gp-container-2{ margin-left: 15px; margin-right: 15px;} .subContent .gp-container{ margin-left: 15px; margin-right: 15px;} .bread{ margin-bottom: 10px;} .bread a{ font-size: 14px;} .introduction{ margin-top: 20px; padding-bottom: 40px;} .introduction p{ margin-bottom: 10px;} .institution li a{ padding: 15px 20px;} .list ul a{ padding: 15px 10px;} .gp-right .h2{ font-size: 20px;} .gp-article{ padding-bottom: 40px;} .gp-content{ padding: 30px 0;} .gp-content p{ margin-bottom: 20px;} .Annex li{ padding: 10px 0;} .subBanner::before{ height: 80px;} .banner .title{ font-size: 16px;} .one .gp-right li{ margin-bottom: 20px;} .one .infoBox{ padding: 10px;} .one .infoBox .date{ margin-top: 5px;} .curPage .en{ font-size: 28px; line-height: 28px;} .curPage .ch{ font-size: 18px; line-height: 20px;} .notice .gp-right .pageList .date{ float: none; margin-bottom: 5px;} .contactUs .table .tr b{ font-size: 28px;} .contactUs .table .td{ padding: 10px 0;} .subContent.gp-container{ padding: 20px 15px;} .box-list .box .info{ top: -20px; right: -30px; padding: 15px 15px;} .box-list .box .title{ font-size: 15px; line-height: 22px; height: 66px; margin-top: 10px;} .box-list .box{ padding-right: 30px;} .notice .two .gp-right .pageList a{ padding: 15px 40px 15px 15px;} .notice .two .gp-right .pageList .date{ width: 100px; text-align: left; margin-bottom: 0;} .notice .two .gp-right .pageList .date::before{ display: none;} .notice .two{ padding-bottom: 30px;} .deptBox{ padding: 20px 0;} .deptBox .partCon{ margin-bottom: 20px;} .deptBox .since{ margin-bottom: 0px;} .deptBox .partCon p{ margin-bottom: 10px;} .deptBox .right .center:last-child span{ margin-right: 0;} .contactUs .lable{ font-size: 20px;} .contactUs .table .tr b{ font-size: 24px;} } @media screen and (max-width:380px) { .notice .gp-right .pageList li{ margin-bottom: 10px;} .notice .gp-right .pageList a{ padding: 10px 40px 10px 10px;} }