@charset "utf-8"; /* CSS Document */ .subbanner{overflow: hidden;position: relative; margin-right: 76px;border-right: #014c87 4px solid;} .subbanner-con{width: 100%;height: 0;padding-bottom:24%;overflow: hidden; background-position:center top;background-size: cover;background-repeat: no-repeat;text-align: center;} /*content*/ .subPage{ padding-bottom: 40px; position: relative; z-index: 8;background: #efeff4;} .subPage:before{ content: ""; display: block; width: 100%; height: 44px; background: #fff; position: absolute; top: 0; z-index: 0;} .subPage-con{ position: relative;z-index: 1;} /*侧边栏*/ .subLeft{width: 260px;} .subLeft.gp-Tl .sub-leftTitle{ margin-top: -125px; } .gp-subLeft{background:#ffffff;} .gp-subLeft > ul{ padding-bottom: 50px;} .gp-subLeft > ul >li{position: relative;} .gp-subLeft > ul >li > a{ display: block; padding: 19px 40px;position: relative;z-index: 1;} .gp-subLeft > ul >li:hover > a,.gp-subLeft > ul >li.active > a{color:#fff;padding: 19px 50px;background: #014c87;font-weight: bold;} .gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 15px;height: 40px;position: absolute;right: 10px;top: 13px;line-height: 40px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;/*! margin-right: 12px; */z-index: 9;} .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-second-nav{/*! font-size: 16px; */display: none; position: relative;background: #efeff4;padding-left: 20px;} .gp-second-nav dd a{display: block;position: relative; padding:15px 35px; transition: all 0.2s ease-in-out; color: #014c87;background: #e1e1e6;line-height: 30px;} .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{background: #e0c67e;color: #fff;} .gp-subLeft > ul >li{border-bottom: #efeff4 1px solid;} .gp-subLeft *{transition: none;} .gp-subRight{margin-left: 310px; /*! overflow: hidden; */} .gp-subRight-con{margin-top: 40px;/*! overflow: hidden; */ position: relative;min-height: 600px;} .gp-subRight.gp-Tl{ margin: 0; } /*侧边栏移动端 */ .gp-m-subNav{display:none; } .gp-m-inner-header{width:100%;height:40px;background-color: #014c87;cursor:pointer;line-height: 40px;} .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: #EFEFF4;} .gp-subNavm li{position: relative;} .gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:45px;line-height:45px;border-bottom:1px solid #fff;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 #014c87;} .gp-m-toggle.icon-down{ background: url(../images/jian.png) no-repeat center center #014c87; } .gp-subNavm dl{ display: none; background-color:#FFF; } .gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #efeff4;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{position: relative;z-index: 3;min-height: 700px;} .sub-leftTitle{line-height: 28px; position: absolute;z-index: 9;bottom: 58px;width: 1400px;margin-left: -600px;left: 50%;} .sub-leftTitle h2{color: #fff;text-shadow: 0px 1px 3px #000;margin-bottom: 20px;height: 65px; position: relative;line-height: 65px;} .sub-leftTitle h2:before{ content: ""; display: block; width: 160px; height: 8px;background:#014c87; position: absolute; left: 0; top: -24px; } .sub-leftTitle p{ color: #fff; line-height: 26px; text-shadow: 0px 1px 3px #000;width: 61%;} .sub-leftTitleTL{ margin-top: -100px;} /*自定义*/ /*文章页和简介页*/ .gp-bread{ background: #fff;} .gp-bread > div{ display: inline-block; width: auto; float: right;/*! margin-top: 30px; */padding: 11px 0;} .articleTitle{ /*! overflow: hidden; */position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;height: 150px; background-color:rgba(0,0,0,0.4); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */ background: linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* 标准的语法 */} .pageArticleTitle{margin-bottom: 15px;border-bottom: #d7d7db 1px solid;} .pageArticleTitle h3{ line-height: 34px;} .articleAuthor { padding: 10px 0 35px 0px; overflow: hidden;} .articleAuthor span{ color: #999999;} .gp-article{line-height:33px; } .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; } /*列表页*/ .articleTitle02{margin-bottom: 30px;border-bottom: #d7d7db 1px solid;} .articleTitle02 span{ display: inline-block; font-weight: bold; position: relative;padding-bottom: 15px;} .articleTitle02 span:before{ content: ""; display: block; width: 100%; height: 4px;background: #014c87;position: absolute; bottom: -4px; left: 0; } .gp-subRight.gp-Tl .articleTitle02{ display: none; } .USTBlist01{ overflow: hidden; margin-top: -20px;} .USTBlist01 li{ border-bottom: #d7d7db 1px solid; overflow: hidden; padding: 20px 0;} .USTBlist01 li a{ position: relative; line-height: 24px;transition: all 0.2s ease-in-out; } .USTBlist01 li a:hover{ padding-left: 10px; } .USTBlist01 li .date{ float: right; margin-top: 5px; position: relative;padding-left: 24px;color: #999;font-family: 'Roboto';font-size: 14px;background: url(../images/datebg.png) no-repeat left center;} /*图片列表页*/ .USTBlist02{ margin:-5px -10px -18px -5px; overflow: hidden;} .USTBlist02 li{ overflow: hidden; } .USTBlist02 li a{ display: block; margin: 10px 10px; position: relative;background: #fff;} .USTBlist02 .listText{ display: block;overflow: hidden; /*! margin: 10px 0 0 0; */ transition: all 0.3s ease-in-out;position: relative;z-index: 9;} .USTBlist02 .listTitle { line-height: 24px; height: 24px;margin: 18px;text-align: center;color: #444;} /*新闻列表页*/ .USTBlist03{ margin-top: 25px;} .USTBlist03 li{ overflow:hidden;margin-bottom: 20px;} .USTBlist03 a{ display: block; overflow: hidden; background: #fff;padding: 10px 0;} .USTBlist03 .gp-img-responsive{ width: 320px;height: 180px; padding: 0;float: left;} .USTBlist03 .FirstNewsText { margin-left: 320px; overflow: hidden; /*! border-bottom: #f0f0f0 1px solid; */padding: 8px 30px 0 30px;transition: all 0.2s ease-in-out;} .USTBlist03 .FirstTitle { line-height: 28px;max-height: 56px;} .USTBlist03 .FirstCon { margin: 10px 0 24px; color: #999; line-height: 24px; height: 48px; } .USTBlist03 .FirstDate{ color: #999; background: url(../images/datebg.png) no-repeat left top 12px;padding-left: 24px;border-top: #e5e5e5 1px solid;padding-top: 12px;display: inline-block;} .USTBlist03 a:hover .FirstNewsText{ padding-left:40px; } /*教师展示*/ .USTBlist04{ background: #fff; padding: 10px; overflow: hidden; position: relative; } .USTBlist04:before{ content: "";display: block;width: 1px;/*! height: 100%; */ background: #e5e5e5; position: absolute; right: 22px; top: 10px; bottom: 10px; } .USTBlist04 .gp-img-responsive{ width: 236px; height: 330px; padding: 0; float: left; overflow: hidden; } .USTBlist04 .listText{ margin-left: 236px; padding: 25px; overflow: hidden; } .USTBlist04 .listText h2{ margin-bottom: 5px; } .USTBlist04 .listText .gp-article{ color: #999;} /*教师名单文章页*/ .USTBlist05{ background: #fff; padding: 10px; margin-bottom: 10px; overflow: hidden; position: relative; } .USTBlist05:before{ content: "";display: block;width: 1px; background: #e5e5e5; position: absolute; right: 22px; top: 35px;bottom: 35px; } .USTBlist05 .gp-img-responsive{ width:228px; height:318px; padding: 0; float: left; overflow: hidden; } .USTBlist05 .listText{ margin-left: 228px; padding: 15px 25px; position: relative; } .USTBlist05 .listText:before{ content: ""; display: block;width: 160px; height: 2px;background: #014c87; position: absolute; left: 25px; top: -10px;} .USTBlist05 .listText h2{ margin-bottom: 15px; } .USTBlist05 .listText .gp-article{ color: #999; padding-left: 20px;line-height: 28px;position: relative;} .USTBlist05 .listText .gp-article:before{ content: "";display: block;width: 1px; background:#e5e5e5; position: absolute; left: 0; top: 8px; bottom: 0;} .USTBlist05.noImg .listText{ margin-left: 0; } /*院长寄语*/ .USTBlist06{ background: url(../images/leaderbg.png) no-repeat bottom 40px center; overflow: hidden; position: relative; margin-bottom: 30px;background-size: contain;} .USTBlist06 .gp-img-responsive{ width: 350px; height: 490px; padding: 0; float: left; overflow: hidden; } .USTBlist06 .listText{ margin-left: 350px; padding: 30px 20px; } .USTBlist06 .listText h2{ margin-bottom: 15px; color: #014c87; background: #fff; display: inline-block; padding: 10px 25px; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);margin-left: -30px;} .USTBlist06 .listText .gp-article{ color: #999;} /*研究机构*/ .wrap-USTBlist07{ margin-bottom: 25px; overflow: hidden; } .wrap-USTBlist07 .title{ padding: 6px 20px; color: #444444; border-left: #014c87 8px solid;margin-bottom: 10px;} .USTBlist07{ background: #fff; padding: 10px; margin-bottom: 10px; overflow: hidden; position: relative; } .USTBlist07:before{ content: "";display: block;width: 1px; background: #e5e5e5; position: absolute; right: 22px; top: 35px;bottom: 35px; } .USTBlist07 .gp-img-responsive{ width:236px; height:330px; padding: 0; float: left; overflow: hidden; } .USTBlist07 .listText{ margin-left: 236px; padding: 25px 25px; position: relative; } .USTBlist07 .listText h2{ margin-bottom: 30px; } .USTBlist07 .listText h2 span{ display: block;color: #757575; font-weight: normal; font-size: 16px; } .USTBlist07 .listText .gp-article{ color: #999;line-height: 28px;position: relative;} /*历史*/ .USTBlist08{ margin-top: 25px;position: relative;} .USTBlist08:before{ content: ""; display: block;width: 1px; height: 108%; background: url(../images/line.png) repeat-y; position: absolute;left: 7px;top: 8px;} .USTBlist08 li{ overflow:hidden;margin-bottom: 36px; position: relative;} .USTBlist08 li:before{ content: ""; display: block;width: 16px; height: 16px;background: #e0c67e; border-radius: 50%; position: absolute;left: 0;top: 5px;} .USTBlist08 li:after{ content: ""; display: block;width:20px; height:1px;background: #e0c67e; position: absolute;left:15px;top: 13px;} .USTBlist08 a{ display: block; overflow: hidden; border-bottom: #d7d7db 1px solid;margin-left: 44px;} .USTBlist08 .gp-img-responsive{ width: 426px;height: 240px; padding: 0;float: right;} .USTBlist08 .FirstNewsText { margin-right: 426px; overflow: hidden; padding: 0 30px 0 0;transition: all 0.2s ease-in-out;} .USTBlist08 .FirstTitle { line-height: 28px;max-height: 56px;font-weight: bold;color: #014c87;} .USTBlist08 .FirstCon { margin: 10px 0 0; color: #999; line-height: 28px; max-height: 112px; } .USTBlist08 .FirstDate{ color: #999; background: url(../images/datebg.png) no-repeat left top 12px;padding-left: 24px;border-top: #e5e5e5 1px solid;padding-top: 12px;display: inline-block;} .USTBlist08 a:hover .FirstNewsText{ padding-left:10px; } /*领导页*/ .USTBlist09{ margin-bottom: 10px; overflow: hidden; position: relative; } .USTBlist09 li{border-bottom: #d7d7db 1px solid; overflow: hidden;padding: 25px 0;} .USTBlist09 .listImg{ width: 213px; float:left;position: relative;height: 290px;} .USTBlist09 .gp-img-responsive{ width:200px; height:280px; padding: 0; } .USTBlist09 .line{display: block;width: 212px;height: 238px;border-bottom: #e0c67e 1px solid;border-right: #e0c67e 1px solid;position: absolute;right: 0;bottom: 0;border-bottom-right-radius: 15px;} .USTBlist09 .line:before{ content: "";display: block;width: 16px;height: 16px;background: #e0c67e; position: absolute;right: -8px; top: 0; border-radius: 50%;} .USTBlist09 .listText{ margin-left: 200px; padding: 20px 30px; position: relative; } .USTBlist09 .listText h2{ margin-bottom: 20px; color: #014c87;} .USTBlist09 .listText h2 span{ display: block;color: #757575; font-size: 16px; margin-bottom: 8px;} .USTBlist09 .listText .gp-article{ color: #999;line-height: 28px;position: relative;} .USTBlist09 .listText .gp-article p span{ padding-right: 25px; } /*按名字排序*/ .USTBlist10{margin-top: 25px; overflow: hidden;} .USTBlist10 li{ display: inline-block; margin: 3px;} .USTBlist10 li a{ display: inline-block; border: #d7d7db 1px solid; padding: 8px 20px;} .USTBlist10 li a.on{ background: #fff; border: #fff 1px solid; font-weight: bold;} .letterList{ border-bottom: #d7d7db 1px solid; overflow: hidden; margin: 24px 0; padding-bottom: 10px;} .letterList a{ margin:0 12px; padding: 6px 0;display: inline-block;} .letterList a.on,.letterList a:hover{ border-bottom: #014c87 4px solid;} .nameList{ background: #fff; padding: 1px; margin-bottom: 10px;overflow: hidden;} .nameLetter{ display: inline-block; background:#e5e5e5 ;color: #014c87; text-align: center; padding: 10px 18px;} .USTBlist11{ padding: 15px 30px; border-top:#e5e5e5 1px solid; overflow: hidden; } .USTBlist11 li{margin: 14px 0;} .USTBlist11 li a{ padding: 5px 10px;border-left: #014c87 1px solid;} .DepartmentList{ background: #fff; padding: 1px; margin-bottom: 40px;overflow: hidden;} .USTBlist12 { padding:0 10px; overflow: hidden;} .USTBlist12 li{} .USTBlist12 li a{ display: block; margin: 20px 10px; overflow: hidden; } .USTBlist12 .gp-img-responsive{ padding-bottom: 140%; } .USTBlist12 .listText { margin: 16px 16px 0 16px; } .USTBlist12 .listName{display: block;margin-bottom: 10px;} .USTBlist12 .listCon{ line-height: 24px; color: #999; } /*图片展示页*/ .Album{} .Album .flex-direction-nav .flex-prev{width: 38px;height: 82px;margin-top: -47px;left:0;background:url(../images/large_lf.png) no-repeat center;border: #d7d7db 1px solid;border-radius: 4px;/*! position: relative; */} .Album .flex-direction-nav .flex-next{width: 38px;height: 82px;margin-top: -46px;right:0;background:url(../images/large_rt.png) no-repeat center;border: #d7d7db 1px solid;border-radius: 4px;} .Album #slider .flex-prev,.Album #slider .flex-next{ display: none; } .slideTitle02{width: 100%;overflow:hidden;background:url(../images/album_bg.png) repeat;position: absolute;left:0;bottom:0;} .slideTitle02 a{display: block;padding:25px 60px;} .slideTitle02 h3{color:#fff;font-size:20px;line-height: 27px;font-weight: normal;} .slideTitle02 p{color:#fff;line-height: 20px;padding-top: 10px;} .Album #carousel{/*! background-color:#0e3d6e; */padding:28px 45px;} .Album #carousel .slides > li{margin:0 8px;cursor: pointer;} .Album #carousel .flex-prev{/*! left:11px; */} .Album #carousel .flex-next{/*! right:11px; */} .Album #carousel .flex-active-slide{border:4px solid #ff7800;box-sizing: border-box;} .pic-author{padding:20px 0 10px 0;} .pic-author span{display: inline-block;*display: inline;*zoom:1;margin-right: 15px;font-size: 16px;} .pic-author span em{color:#666;} /*网站地图页*/ .siteMap{ margin-bottom:45px; overflow: hidden; } .articleTitle03{ border-bottom: #014c87 1px solid; margin-bottom:0;} .articleTitle03 span:before{ min-width: 160px;width: auto; } .USTBlist13{ padding-top: 25px; margin-left: 80px; border-left: #014c87 1px solid; overflow: hidden; } .USTBlist13 li{ position: relative; float: left;} .USTBlist13 li:before{ content: ""; display: block;width:500%; height: 1px;background: #d7d7db; position: absolute; left: 0; top: 19px; z-index: 1;} .USTBlist13 li a{ display: inline-block; padding: 7px 20px; margin-left:10px; margin-bottom:10px; background: #efeff4; border: #d7d7db 1px solid; position: relative;z-index: 9; transition: all 0.2s ease;} .USTBlist13 li a:hover{ background: #ffffff;border: #fff 1px solid; color: #222222; } /*附件*/ .Annex{ margin-top: 35px; overflow: hidden;} .Annex h3{ padding: 16px 0 8px 0;overflow: hidden; border-top: #d7d7db 1px solid; position: relative;} .annexList{overflow: hidden; } .annexList li{margin-bottom: 5px;overflow: hidden; position: relative; } .annexList li a{line-height: 24px;color: #999999;} .annexList li a:hover{ color: #333;} /*分享*/ .share{position: absolute;right: 0;top: 146px;} .share .bdsharebuttonbox > a{padding-left: 0;margin:0 5px;height:50px;text-indent: 0;width: 50px;line-height: 50px;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;} .bdsharebuttonbox span{ display: inline-block;height: 50px; line-height: 50px; float: left; margin:5px; } .share .bdsharebuttonbox > a.bds_weixin{ background:url(../images/wechat.png) no-repeat center;} .share .bdsharebuttonbox > a.bds_tsina{background:url(../images/sina2.png) no-repeat center;} /***分页*/ .gp-page { margin:28px auto 20px auto; color:#999;font-size: 0;clear: both;overflow: hidden;max-width: 505px;background: #fff;height: 55px;line-height: 55px;border-radius: 6px;} .gp-page > div{ overflow: hidden;display: inline-block;} .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:38px;line-height: 38px; position:relative;text-align: center; vertical-align: middle;width: 38px;font-size: 14px;transition: all 0.35s ease-in-out;margin:0 6px;/*! border-radius:50%; */color: #757575;/*! border-right: #a5c7f1 1px solid; */} .gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: auto;padding:0 15px;} .gp-page span{border:none;padding: 0;color: #333;} .gp-page a:hover ,.gp-page a.on_pages{ background-color:#014c86;color: #fff; } .gp-page .gp-page-prev{width: 16px;height: 16px;background: #d6d6d6;padding: 0;line-height: 17px;border-radius: 50%;color: #fff;float: left;margin: 20px 40px;} .gp-page .gp-page-next{ width: 16px;height: 16px;background: #d6d6d6;background-color: rgb(214, 214, 214);padding: 0;line-height: 17px;border-radius: 50%;color: #fff;float: right;margin: 20px 40px;} .gp-page a.on_pages{} .gp-page .first,.gp-page .last{ border-radius: 30px; float: left;width: 50px;} .gp-m-page{display: none;text-align:center;max-width: none;height: 20px;line-height: 20px;margin: 20px 0 0 0;} .gp-m-page a{display: inline-block;margin:0 10px !important; float: none !important;} .gp-page a.gp-page-prev:hover{ } .gp-page a.gp-page-next:hover{} .gp-page a.first:hover,.gp-page a.last:hover{ background-color: #fff; } /*居中*/ .gp-page-centered {text-align: center;} .gp-page-centered a{ } @media screen and (max-width:1440px) { .sub-leftTitle{ margin-left: -540px; bottom: 25px;} } @media screen and (max-width:1300px) { } @media screen and (max-width:1200px) { .subbanner{ margin-right: 0; } .sub-leftTitle{ width: auto; margin: 0 30px; left: 0;} .sub-leftTitle p{ width: auto; } .sub-leftTitle h2{ margin-bottom: 0; } .share{ position: static; float: right;} } @media screen and (max-width:1020px) { .subPage{ padding-bottom: 20px; } .subPage-con.gp-container{margin-left:0 !important; margin-right:0 !important;} .gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } .gp-subLeft{display: none;} .gp-m-subNav{display: block;} .gp-page{display: none;background: none;} .gp-m-page{display: block;} .gp-subRight.gp-Tl .articleTitle02{ display: block; } .gp-subRight{margin-left: 0;clear: both;} .gp-subRight-con{ margin-top: 0;padding: 15px; } .articleTitle{ display: none; } .gp-bread > div{ padding:5px 15px; } .articleAuthor{ padding: 15px 0; } .USTBlist03 .gp-img-responsive{ width: 360px;height: 202px; } .USTBlist03 .FirstNewsText{ } .USTBlist03 .FirstCon{ margin: 20px 0; } .USTBlist08 .gp-img-responsive{ width: 300px; height: 169px;} .USTBlist08 .FirstNewsText{margin-right: 300px;} .USTBlist13{ margin-left: 20px; } } @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; } .Album .flex-direction-nav .flex-prev,.Album .flex-direction-nav .flex-next{ display: none; } .Album #carousel{ padding: 20px 0; } } @media screen and (max-width:766px) { .USTBlist02 .listTitle{ height: auto; } .USTBlist12 li a{ margin: 10px; } } @media screen and (max-width:640px) { .USTBlist01 li .date{ float: none;margin: 0 0 7px 0;display: inline-block;} .USTBlist01 li a{ display: block; } .USTBlist02{ margin: -10px -15px; } .USTBlist02 li a{ margin: 10px 15px; } .USTBlist03 li{ margin-bottom: 0; } .USTBlist03 .gp-img-responsive{ width: 100%; float:none; height: 0; padding-bottom: 56.3%; } .USTBlist03 .FirstNewsText{ padding: 15px; margin: 0;} .USTBlist03 a{ padding: 0; } .USTBlist03 a:hover .FirstNewsText{ padding-left: 25px; } .USTBlist03 .FirstCon{ margin: 10px 0; } .USTBlist04 .gp-img-responsive,.USTBlist07 .gp-img-responsive{ float: none; margin: 0 auto; } .USTBlist04 .listText{ margin: 0; padding:15px 0; } .USTBlist04 .listText h2{ text-align: center; } .USTBlist04:before,.USTBlist05:before,.USTBlist07:before{ display: none; } .USTBlist05 .gp-img-responsive{ float: none; margin: 0 auto 30px; } .USTBlist05 .listText,.USTBlist07 .listText{ margin: 0; padding: 5px;} .USTBlist06{ background: none; margin-bottom: 10px;} .USTBlist06 .gp-img-responsive{ float: none; margin: 0 auto; width: 240px; height: 336px;} .USTBlist06 .listText,.USTBlist07 .listText h2{ margin: 0; padding: 0;text-align: center;} .USTBlist06 .listText h2{ margin: 0; min-width: 193px;} .USTBlist08 a{ margin-left: 30px; } .USTBlist08 .gp-img-responsive{ width: 100%; height: 0; padding-bottom: 56.6%; float: none;} .USTBlist08 .FirstNewsText{ margin-right: 0; padding:15px 0; } .USTBlist08 li{ margin-bottom: 20px; } } @media screen and (max-width:480px) { .USTBlist09 .listImg{ float: none; margin: 0 auto; } .USTBlist09 .listText{ margin: 0; padding: 15px 0 0 0;} }