a,a:hover{ text-decoration: none; } img,a{ border: none; } ul,li{ padding: 0px; list-style: none; margin: 0px; } body{ font-family:"微软雅黑","黑体","STHeiti","Microsoft YaHei"; font-size: 16px; } html { font-size: 100px; } .clear{ clear: both; } .fright li .ie6 span { float: right; margin-right: 30px; cursor: pointer; } .header{ width:100%; position:fixed; top:0; left:0; z-index:999; padding:0px; transition:all 0.3s ease-out 0s; height:120px; background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); } /*左侧logo*/ .header .left{ width: 30%; float: left; } .header .left a img{ height: 70px; width: auto; margin-top: 25px; } .header .left .img2{ display: none; } /*右侧*/ .header .nav{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; display: block; float: right; } .header .navbar_nav li{ float:left; position: relative; display: block; line-height: 78px; } .header .navbar_nav li:hover:after{ width: 100%; } .header .navbar_nav li a{ text-decoration: none; height: 100%; padding: 0 20px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #fff; font-size: 16px; } .header .navbar_nav li:hover a{ color: #FFF; } .header .navbar_nav li.dropdown{ display: inherit; position: relative; } .header .navbar_nav li.dropdown .jt{ width: 20px; height: 20px; background: url() no-repeat; background-size: 100% 100%; display: block; } .header .navbar_nav li.dropdown .dropdown_menu{ display: none; position: absolute; top:78px; width: 100%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 180px; left: 50%; margin-left: -90px; border-top:2px solid #02468f; } .header .navbar_nav li.dropdown .dropdown_menu img{ width: 100%; } .header .navbar_nav li.dropdown .dropdown_menu a{ font-size: 14px; color: #666; padding: 0px; line-height: 40px; text-align: center; background: #fff; margin-bottom: 2px; } .header .navbar_nav li.dropdown:hover .dropdown_menu{ display: block; background: #f3f3f3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header .navbar_nav li.dropdown:hover .dropdown_menu a{ color: #666; } .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color: #26478d; } .btn-all{ text-align: right; font-size: 12px; opacity: 0.8; padding-right: 30px; } .status{ display: inline; padding-right: 5px; } .status span{ display: inline-block; padding:25px 10px; padding-bottom: 0px; } .status span a{ color: #fff; } .en{ display: inline; margin:15px 0px; padding:0px 15px; border-left: 1px solid #fff; /* padding-right: 0px; */ } .en a{ color: #fff; } .old{ display: inline; margin:15px 0px; padding:0px 15px; padding-right: 0px; } .old a{ color: #fff; } .f-search{ color: #000; margin-top:25px; margin-bottom: 0px; padding:10px 10px; display: inline; background:none; border-radius: 15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } .f-search input[type="text"]{ width:0px; height:24px; display: inline; background: none; border: 0px; transition: all 0.5s; } .f-search button{ width:24px; height:24px; background:none; text-align:center; color:#fff; line-height: 24px; display: inline; border: 0px; } .f-search i{ font-size:14px; color: #fff; } /*白色背景的头部*/ .header.on{ background: #02468f; height: 120px; } .header.on .left .img1{ display: none; } .header.on .left .img2{ display: block; } .header.on .status span a{ color: #fff; } .header.on .en{ color: #fff; border-left: 1px solid #fff; } .header.on .f-search{ color: #fff; } .header.on .f-search button,.header.on .f-search i{ color: #fff; } .header.on .en a{ color: #fff; } .header.on .f-search input[type="text"]{ background: #f5f5f5; } .header.on .f-search:hover .fa-search{ color: #000; } .header.on .fa-search{ color: #333; } .header.on .navbar_nav li a{ color: #fff; } .header.on .navbar_nav li:hover a{ color: #fff; } #navToggle{ display: none; } .m_nav{ position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); } .m_nav.open{ transform: translateX(0); } .m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box; } .m_nav .top .closed{ width: 30px; height: 30px; vertical-align: middle; float:right; cursor: pointer; } .m_nav .ul{ margin-top: 30px; } .m_nav .ul li{ padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; } .m_nav.open .ul li{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(7) { -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(8) { -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 16px; height: 42px; line-height: 42px; width: 100%; } .m_nav .ul li .dropdown_menu{ display: none; } .m_nav .ul li.dropdown.active .dropdown_menu{ display: block; } .m_nav .ul li .dropdown_menu a{ display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .m_nav .ul li .dropdown_menu a:last-child{ border: none; } .banner{ width: 100%; overflow-x: hidden; } /*轮番图*/ #slider .banner-title{position: absolute; bottom: 40px; right: 3%;z-index:181;} #slider .banner-title a{ font-size: 32px; color: #fff; text-shadow: 2px 2px 2px #000;} .main,.focus,.news-media{ width: 100%; } /*焦点新闻*/ .focus{ background: #ffffff; margin-top: -20px; } .focus2{ background: url("../images/news-bg.jpg") no-repeat bottom; width: 100%; padding:50px 0px; } .focus-img img{ width: 100%; } .focus-con{ background: #fff; width: 100%; padding: 15px; margin-bottom: 30px; } .focus-title{ height:48px; line-height:24px; overflow:hidden; } .focus-title a{ color: #333; font-size: 16px; } .focus-title a:hover{ color: #c87f00; } .focus-date{ color: #c87f00; font-size: 14px; text-align: right; margin-top: 15px; } .focus .more{ text-align: center; margin-top: 20px; } .focus .more a{ width: 150px; border: 1px solid #fff; border-radius: 15px; height: 48px; line-height: 48px; text-align: center; color: #fff; display: block; position: relative; left: 50%; margin-left: -75px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .focus .more a:hover{ background: #fff; border: 1px solid #053c6e; color: #053c6e; } /*山工新闻、媒体山工*/ .news-media{ background: url("../images/news-title-bg.jpg") no-repeat; width: 100%; background-size: 100%; } .wrap{margin:0 auto;} .news-media .content-slide,.mtjj .content-slide{ padding-left: 15px; padding-right: 15px; height: auto; } .swiper-container{width:100%;border-top:0;margin-top:10px!important; height: auto;} .swiper-slide{width:100%;background:none;color:#373737;} p{text-align: center;} .media-item{ border-bottom: 1px solid #d2d2d2; padding: 20px; width: 100%; float: left; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .media-item:hover{ box-shadow: 0 0 10px #969696; -webkit-box-shadow:0 0 10px #969696; -o-box-shadow:0 0 10px #969696; -moz-box-shadow:0 0 10px #969696; } .media-icon{ width: 8%; float: left; } .media-icon img{ width: 100%; max-width: 49px; } .media-con{ float: left; width: 92%; padding-left: 30px; } .meida-title{ width: 100%; } .media-title a{ color:#135a92; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; text-align: justify; display: block; } .media-detail{ width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; text-align: justify; color:#bebebe; font-size: 14px; line-height: 24px; } .media-date{ text-align: left; color:#bebebe; padding-top: 10px; font-size: 14px; } .news-item{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; padding: 20px; width: 100%; border-bottom: 1px solid #d2d2d2; } .news-item:hover{ box-shadow: 0 0 10px #969696; -webkit-box-shadow:0 0 10px #969696; -o-box-shadow:0 0 10px #969696; -moz-box-shadow:0 0 10px #969696; } .news-media .more,.mtjj .more,.tsgg .more,.xsdt .more{ width: 100%; text-align: center; margin-top: 30px; } .news-media .more a,.mtjj .more a,.tsgg .more a,.xsdt .more a{ width: 150px; border: 1px solid #02468F; border-radius: 15px; height: 48px; line-height: 48px; text-align: center; color: #135a92; display: block; position: relative; left: 50%; margin-left: -75px; color: #135a92; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .xsdt .more a{ background: #fff; } .news-media .more a:hover,.mtjj .more a:hover,.tsgg .more a:hover,.xsdt .more a:hover{ background: #02468F; border: 1px solid #02468F; color: #fff; } .news-title a:hover,.media-title a:hover,.mtjj a:hover{ color: #c87f00; } /*学术动态*/ .xsdt{ width: 100%; background: #EFEBEA; } .xsdt-main{ width: 100%; background: url("../images/media_bg.jpg") no-repeat center; background-size: 100% auto; padding:30px 0px; } .xsdt-title{ font-size: 0.28rem; font-weight:500; color:#fff; width: 100%; text-align: center; padding-top: 20px; } .xsdt-item{ float:left; width:20%; padding:15px; } .xsdt-img,.xsdt-img img{ width: 100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .xsdt-img:hover{ box-shadow: 0 0 10px #969696; -webkit-box-shadow:0 0 10px #969696; -o-box-shadow:0 0 10px #969696; -moz-box-shadow:0 0 10px #969696; } .xsdt-item-title{ width: 100%; background-color:rgba(18,88,147,0.8); padding:15px; line-height: 24px; height: 78px; overflow: hidden; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .xsdt-item-title:hover{ box-shadow: 0 0 10px #969696; -webkit-box-shadow:0 0 10px #969696; -o-box-shadow:0 0 10px #969696; -moz-box-shadow:0 0 10px #969696; } .xsdt-item-title a{ color: #fff; font-size: 16px; } .xsdt-item-title a:hover{ color: #ffea00; } .xsdt-con{ padding-top: 30px; padding-bottom:40px; } /*媒体聚焦*/ .mtjj{ width: 100%; margin-top: 20px; margin-bottom: 60px; } .mtjj-title{ width:360px; text-align:center; height:100px; line-height:100px; margin:0 auto; margin-bottom:30px; } .mtjj-item{ width: 100%; box-shadow: 0 0 10px #969696; -webkit-box-shadow:0 0 10px #969696; -o-box-shadow:0 0 10px #969696; -moz-box-shadow:0 0 10px #969696; padding:15px; margin-top: 10px; } .mtjj-left{ float: left; width: 20%; border: 2px solid #87a8dd; text-align: center; } .mtjj-date{ padding:10px 0px; color: #02468F; text-align: center; } .day{ font-size: 24px; line-height: 24px; } .mon-year{ font-size: 14px; } .mtjj-lm{ background: #02468F; line-height: 40px; text-align: center; color: #fff; font-size: 14px; } .mtjj-right{ float: left; width: 80%; padding-left: 15px; } .mtjj-item-title{ font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; } .mtjj-item-title a{ color: #135a92; } .mtjj-item-title a:hover{ color: #c87f00; } .mtjj-item-date,.mtjj-item-dz{ font-size: 14px; color: #969696; line-height: 24px; } .mtjj-item-date{ margin-top: 15px; } .mtjj-item-date i,.mtjj-item-dz i{ color: #87a8dd; } .tzgg-ul .mtjj-date { background: #87a8db; padding:10px 0px; color: #fff; } .mlgy{ background: url("../images/index-flow.png") no-repeat bottom; width: 100%; padding:0 0px 250px 0px; background-size: 100% auto; } .mtjj h2{width:100%;height: 100px;display: block; text-align:center; font-size: 0.28rem;font-weight: 500; color:#02468F;} .mtjj h2 span{float:left;width:140px;line-height:100px;text-align:center;cursor:pointer;position: relative;height: 90px; margin:0 20px;} .mtjj h2 .current{border-bottom: 2px solid #02468F;} /*常用链接*/ .friendlink { display: none; } .firsttit { color: #02468f; height:100px; line-height:100px; text-align:center; font-size:20px; } .fast-link{ padding-bottom: 38px; } .fast-link ul{ margin: 0 auto; overflow: hidden; } .fast-link ul li{ float: left; margin:0 3% 0 6%; width:24%; font-size: 18px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; border-bottom:1px dashed #ECECEC; } .fast-link ul li a{ display: block; color: #000; height:45px; line-height:45px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } /*footer*/ .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} .footer{background:url(../images/footer-bg.png) center center no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover} .wp{width:100%;max-width:1620px;margin:0 auto} .fd-copy{text-align:center;background-color:#002e61;font-size:14px;color:#80a0c2;line-height:1.5em;padding:13px 0 12px} .fd-copy p span{display:inline-block;margin:0 20px} .fd-copy p a{color:#80a0c2;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .fd-copy p a:hover{color:#fff} .fd-link{text-align:center;border-bottom:1px solid #3d69a4;margin-bottom:41px;position:relative} .fd-link dl{display:inline-block;margin:0 33px} .fd-link dt{font-size:16px;color:#fff;line-height:30px;cursor:pointer;padding:22px 0 16px;position:relative} .fd-link dt:after{content:'';width:17px;height:9px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;left:50%;top:-9px;z-index:3;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} .fd-link dl:hover dt:after,.fd-link dl.on dt:after{background-image:url(../images/i-p1.png)} .fd-link dt em{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-top:-2px;margin-right:10px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .fd-link dt i{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/i-down.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-left:5px;margin-top:-2px} .fd-link dl.on dt i{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .fd-link dd{position:absolute;bottom:100%;left:50%;z-index:2;width:1000px;background-color:rgba(255,255,255,.9);box-shadow:0 0 10px rgba(0,0,0,.2);padding:25px 20px 28px 54px;border-top:2px solid rgba(2,70,143,.9);display:none;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);} @-webkit-keyframes panel_tab-in-animation_SeD18{from{opacity:0.2;-webkit-transform:scale(0.3) translateX(-50%);transform:scale(0.3) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top}to{opacity:1;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top}} @keyframes panel_tab-in-animation_SeD18{from{opacity:0.2;-webkit-transform:scale(0.3) translateX(-50%);transform:scale(0.3) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top}to{opacity:1;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top}} .fd-link dd .down{overflow:hidden} .fd-link dd .down::-webkit-scrollbar{width:9px;background:0 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .fd-link dd .down::-webkit-scrollbar-track{background:0 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .fd-link dd .down::-webkit-scrollbar-thumb{background:#c9c9c9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .m-txt2 .txt::-webkit-scrollbar-thumb:window-inactive{background:#c9c9c9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .fd-link dd a{float:left;width:33.33%;line-height:34px;display:block;font-size:14px;color:#343434;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .fd-link dd a:hover{color:#06c} .fd-adds{padding-bottom:55px} .fd-txt{float:left;overflow:hidden} .fd-logo{float:left;width:283px;margin-right:208px} .fd-logo a{display:block;overflow:hidden} .fd-logo img{display:block;width:100%;height:auto} .fd-txt .addr{font-size:16px;color:#deebf8;line-height:2.58em;overflow:hidden;margin-top:28px} .fd-txt .addr p span{display:inline-block;margin-right:22px} .fd-txt .addr p a{color:#deebf8;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .fd-txt .addr p a:hover{color:#fff} .fd-shre{float:right;margin-top:80px} .fd-shre a{margin-left:28px;position:relative;display:block;float:left;width:49px;height:49px} .fd-shre a .img1{display:block;width:100%;height:100%} .fd-shre .ma{position:absolute;bottom:59px;left:50%;z-index:5;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:125px;height:125px;display:none;padding:13px 11px 10px;background:url(../images/bg-q2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .fd-shre .ma img{display:block;width:100%;height:100%} .fd-shre a:hover .ma{display:block} .fd-shre a:hover .img1{opacity:.8} /*数字工院*/ .main2{position:relative;z-index:2;background-color:#fff} .main2{background-image:url(../images/bgq12.jpg);background-repeat:no-repeat;background-position:center bottom;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .row-a5{position:relative;padding-top:40px;overflow:hidden;padding-bottom:40px;} .row-a5 .bg{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1} .row-a5 .bg video{display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); width:100%; height:auto} .row-a5 .bg:after{content:'';background-color:rgba(0,0,0,.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1} .m-data{position:relative;z-index:2;overflow:hidden; max-width:1440px; margin:0 auto} .m-data .tit{width:14.29%;height:180px;background-color:#02468f;position:absolute;top:0;left:14.29%;overflow:hidden} .m-data .tit span{display:block;font-size:36px;font-weight: 700;color:#fff;line-height:1.5em;text-align:center;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listq2{overflow:hidden;} .ul-listq2 li{float:left;width:14.29%} .ul-listq2 .li1,.ul-listq2 .li3,.ul-listq2 .li5,.ul-listq2 .li6,.ul-listq2 .li8{width:28.58%} .ul-listq2 .li1,.ul-listq2 .li2{margin-top:180px} .ul-listq2 .li4{float:left} .ul-listq2 .li3,.ul-listq2 .li8{margin-left:14.2%} .ul-listq2 .li5{margin-left:28.4%} .ul-listq2 .li6,.ul-listq2 .li7,.ul-listq2 .li8,.ul-listq2 .li9{float:left} .ul-listq2 .con{position:relative;overflow:hidden} .ul-listq2 .box{height:180px;background-color:rgba(255,255,255,.2);position:relative;overflow:hidden} .ul-listq2 .li1 .box,.ul-listq2 .li3 .box,.ul-listq2 .li5 .box,.ul-listq2 .li6 .box,.ul-listq2 .li8 .box{float:left;width:50%} .ul-listq2 .li1 .box,.ul-listq2 .li2 .box{background-color:rgba(255,255,255,.2)} .ul-listq2 .li3 .box,.ul-listq2 .li4 .box,.ul-listq2 .li5 .box,.ul-listq2 .li8 .box,.ul-listq2 .li9 .box{background-color:rgba(255,255,255,.2)} .ul-listq2 .box .txt{position:absolute;top:40%;left:0;right:0;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);-o-transform:translateY(-40%);transform:translateY(-40%);padding:0 20px;overflow:hidden} .ul-listq2 .txt span{font-size: 20px;display:block;color:#fff;font-family:Bahnschrift;font-weight:700;overflow:hidden} .ul-listq2 .txt span em{font-size:48px;line-height:1.2em;} .ul-listq2 .txt h3{height:6em;font-weight: normal;font-size:14px;color:#fff;line-height:1.5em;overflow:hidden} .ul-listq2 .pic{height:180px;background-color:rgba(255,255,255,.2);position:relative;overflow:hidden} .ul-listq2 .pic img{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .ul-listq2 .play{display:block;width:55px;height:55px;background:url(../images/icoq3.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;right:1px;bottom:34.6%} .fright{position:fixed;top:50%;right:0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index:99; display:none} .fright ul{text-align: right;} .fright li{margin:1px 0;} .fright li a{display:inline-block;vertical-align:middle;width:130px;font-size:14px;color:#aed7ff;line-height:51px;text-align:left;padding:0 4px;background-color:rgba(0,59,122,.7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .fright.on li a{width:51px} .fright li:hover a{background-color:#bc8d00;width:153px;color:#fff} .fright.on li:hover a{width:153px;} .fright li a i{display:block;float:left;width:51px;height:51px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .fright li a .i1{background-image:url(../images/i-q11-1.png)} .fright li a .i2{background-image:url(../images/i-q12-1.png)} .fright li a .i3{background-image:url(../images/i-q13-1.png)} .fright li a .i4{background-image:url(../images/i-q14-1.png)} /*.fright li a .i7{background-image:url(../images/i-q16-1.png)}*/ .fright li a .i7{background-image:url(../images/i-q24-1.png)} .fright li a .i6{background-image:url(../images/i-qxx.png)} .fright li a .i5{background-image:url(../images/i-qyx.png)} .fright li:hover a .i1{background-image:url(../images/i-q11.png)} .fright li:hover a .i2{background-image:url(../images/i-q12.png)} .fright li:hover a .i3{background-image:url(../images/i-q13.png)} .fright li:hover a .i4{background-image:url(../images/i-q14.png)} /*.fright li:hover a .i7{background-image:url(../images/i-q16.png)}*/ .fright li:hover a .i6{background-image:url(../images/i-qxx-s.png)} .fright li:hover a .i5{background-image:url(../images/i-qyx-s.png)} .fright li:hover a .i7{background-image:url(../images/i-q24.png)} .fright .down{display: block;width: 130px;cursor: pointer;float: right;} .fright.on .down{width: 51px;} .fright .down i{display: block;width: 51px;height: 51px;margin: 0 auto;background: url(../images/i-q21.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .fright.on .down i{background-image: url(../images/i-q21-1.png);} .lm{ border-right: 1px solid #fff; padding-top: 15px; width: 100%; float: left; margin-bottom: 60px; } .lm li{ width: 33.3%; float: left; text-align: center; padding:15px; opacity: 0.8; } .lm-img{ width: 100%; text-align: center; } .lm-img img{ width: 100%; max-width:96px; } .lm-title{ width: 100%; line-height: 42px; } .lm-title a{ color: #fff; } .links{ padding-left: 50px; } .link-title{ font-size: 24px; line-height: 42px; color: #fff; margin-bottom: 15px; } .links li{ width: 33.3%; float: left; text-align: left; line-height: 36px; } .links li a{ color:#fff; } .footer2{ width: 100%; clear: both; background:rgba(0, 63, 114, 0.6); padding:30px 0px; color: #fff; } .footer-logo{ width: 50%; float: left; padding-right: 30px; opacity: 0.8; } .footer-logo img{ width: 100%; height: auto; } .footer-adress{ width: 50%; float: left; font-size: 14px; line-height: 1.8em; opacity: 0.8; } .footer-address li{ color: #fff; line-height: 36px; } .footer-icons{ padding-bottom: 30px; } .footer-icons li{ display: inline-block; padding-left: 30px; } .copyright{ padding-left: 30px; margin-top: 15px; clear: both; border-top: 1px solid #fff; width: 100%; opacity: 0.4; padding-top: 15px; } .icon-item{ position: relative; } .wb-code{ position: absolute; z-index: 99; bottom:110%; padding:10px; width:105px; margin-left: -30px; background-color:#fff; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.15); border-radius:5px; box-sizing:border-box; visibility: hidden; opacity: 0; transform:translateY(-10px); transition:all 0.2s ease-out 0s; } .wb-code:after{ content:''; position:absolute; left:50%; top:100%; margin-left:-8px; width:0; height:0; border:8px solid transparent; font-size:0; border-top-color:#fff; } .wb-code img{ width: 86px; } .footer-icons li:hover .wb-code{ visibility:visible; opacity:1; transform:none; } .mobile{ display: none; } @media(min-width:1600px){ .header>.container,.nav>.container,.focus2>.container,.news-media .container,.footer>.container,.xsdt .container,.mtjj .container,.data .container,.ztzl .container,.mlgy .container{ width: 80%; } /*2020-09-02*/ .header .navbar_nav{ padding-right: 0; } .header .navbar_nav li a{ text-decoration: none; height: 100%; padding: 0 15px; } .mlgy{ background: url("../images/index-flow.png") no-repeat bottom; width: 100%; padding:0 33px 200px 33px; background-size: 100% auto; } } @media(max-width:1599px){ body{ font-size: 14px; } .header>.container,.nav>.container,.focus2>.container,.news-media .container,.footer>.container,.xsdt .container,.mtjj .container,.data .container,.ztzl .container,mlgy.container{ width: 95%; } .xsdt-con{ padding-bottom: 50px; } .mtjj-left{ width: 20%; } .mtjj-right{ width: 80%; } .mrys{ margin-top: -20px; } .mrys-title{ padding-bottom: 42px; } .lm{ margin-bottom: 20px; } .footer-icons{ padding-top: 0px; } .links{ padding-left: 30px; } .focus-title a,.xsdt-item-title a,.mtjj-item-title a{ font-size: 14px; } .mon-year{ font-size: 12px; } .xsdt-main{ width: 100%; background: url("../images/media_bg.jpg") no-repeat center; background-size: auto 100%; padding:20px 0px; } .mlgy{ background: url("../images/index-flow.png") no-repeat bottom; width: 100%; padding:0 0px 200px 0px; background-size: 100% auto; } } @media(max-width:1440px){ .header>.container,.nav>.container,.focus2>.container,.news-media .container,.footer>.container,.xsdt .container,.mtjj .container,.data .container,.ztzl .container{ width: 95%; } .header .navbar_nav li a{ padding:0px 15px; } .m-data{position:relative;z-index:2;overflow:hidden; max-width:90%; margin:0 auto} .m-data .tit{width:14.29%;height:140px;background-color:#02468f;position:absolute;top:0;left:14.29%;overflow:hidden} .m-data .tit span{display:block;font-size:30px;font-weight: 700;color:#fff;line-height:1.5em;text-align:center;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listq2{overflow:hidden;} .ul-listq2 li{float:left;width:14.29%} .ul-listq2 .li1,.ul-listq2 .li3,.ul-listq2 .li5,.ul-listq2 .li6,.ul-listq2 .li8{width:28.58%} .ul-listq2 .li1,.ul-listq2 .li2{margin-top:140px} .ul-listq2 .li4{float:left} .ul-listq2 .li3,.ul-listq2 .li8{margin-left:14.2%} .ul-listq2 .li5{margin-left:28.4%} .ul-listq2 .li6,.ul-listq2 .li7,.ul-listq2 .li8,.ul-listq2 .li9{float:left} .ul-listq2 .con{position:relative;overflow:hidden} .ul-listq2 .box{height:140px;background-color:rgba(255,255,255,.3);position:relative;overflow:hidden} .ul-listq2 .li1 .box,.ul-listq2 .li3 .box,.ul-listq2 .li5 .box,.ul-listq2 .li6 .box,.ul-listq2 .li8 .box{float:left;width:50%} .ul-listq2 .li1 .box,.ul-listq2 .li2 .box{background-color:rgba(255,255,255,.2)} .ul-listq2 .li3 .box,.ul-listq2 .li4 .box,.ul-listq2 .li5 .box,.ul-listq2 .li8 .box,.ul-listq2 .li9 .box{background-color:rgba(255,255,255,.2)} .ul-listq2 .box .txt{position:absolute;top:30%;left:0;right:0;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%);padding:20px 20px 0 20px;overflow:hidden} .ul-listq2 .txt span{font-size: 18px;display:block;color:#fff;font-family:Bahnschrift;font-weight:700;overflow:hidden} .ul-listq2 .txt span em{font-size:32px;line-height:1.2em;} .ul-listq2 .txt h3{height:6em;font-weight: normal;font-size:12px;color:#fff;line-height:1.5em;overflow:hidden} .ul-listq2 .pic{height:140px;background-color:rgba(255,255,255,.3);position:relative;overflow:hidden} .ul-listq2 .pic img{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); width:auto; height:50%;} .ul-listq2 .play{display:block;width:55px;height:55px;background:url(../images/icoq3.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;right:1px;bottom:34.6%} } /*2020-09-02*/ @media(max-width:1380px){ .header .navbar_nav li a{ padding:0px 15px; } .header .left a img{ height: 60px; } .m-data{position:relative;z-index:2;overflow:hidden; max-width:90%; margin:0 auto} .m-data .tit{width:14.29%;height:140px;background-color:#02468f;position:absolute;top:0;left:14.29%;overflow:hidden} .m-data .tit span{display:block;font-size:30px;font-weight: 700;color:#fff;line-height:1.5em;text-align:center;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listq2{overflow:hidden;} .ul-listq2 li{float:left;width:14.29%} .ul-listq2 .li1,.ul-listq2 .li3,.ul-listq2 .li5,.ul-listq2 .li6,.ul-listq2 .li8{width:28.58%} .ul-listq2 .li1,.ul-listq2 .li2{margin-top:140px} .ul-listq2 .li4{float:left} .ul-listq2 .li3,.ul-listq2 .li8{margin-left:14.2%} .ul-listq2 .li5{margin-left:28.4%} .ul-listq2 .li6,.ul-listq2 .li7,.ul-listq2 .li8,.ul-listq2 .li9{float:left} .ul-listq2 .con{position:relative;overflow:hidden} .ul-listq2 .box{height:140px;background-color:rgba(255,255,255,.3);position:relative;overflow:hidden} .ul-listq2 .li1 .box,.ul-listq2 .li3 .box,.ul-listq2 .li5 .box,.ul-listq2 .li6 .box,.ul-listq2 .li8 .box{float:left;width:50%} .ul-listq2 .li1 .box,.ul-listq2 .li2 .box{background-color:rgba(255,255,255,.2)} .ul-listq2 .li3 .box,.ul-listq2 .li4 .box,.ul-listq2 .li5 .box,.ul-listq2 .li8 .box,.ul-listq2 .li9 .box{background-color:rgba(255,255,255,.2)} .ul-listq2 .box .txt{position:absolute;top:30%;left:0;right:0;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%);padding:20px 20px 0 20px;overflow:hidden} .ul-listq2 .txt span{font-size: 18px;display:block;color:#fff;font-family:Bahnschrift;font-weight:700;overflow:hidden} .ul-listq2 .txt span em{font-size:32px;line-height:1.2em;} .ul-listq2 .txt h3{height:6em;font-weight: normal;font-size:12px;color:#fff;line-height:1.5em;overflow:hidden} .ul-listq2 .pic{height:140px;background-color:rgba(255,255,255,.3);position:relative;overflow:hidden} .ul-listq2 .pic img{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); width:auto; height:50%;} .ul-listq2 .play{display:block;width:55px;height:55px;background:url(../images/icoq3.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;right:1px;bottom:34.6%} .row-a4 .g-titl{padding:20px 60px 20px 18%} .fd-link dd{padding:10px} .fd-link dt{padding:10px 0} .fd-link{margin-bottom:20px} .fd-logo{width:250px;margin-right:40px} .fd-shre,.fd-txt .addr{margin-top:20px} .fd-shre a{margin-left:20px} .fd-shre .ma{width:100px;height:100px;padding:10px} .fd-adds{padding-bottom:20px} .fd-copy{padding:10px 0} .fd-copy p span{margin:0 10px} .xsdt-main{ width: 100%; background: url("../images/media_bg.jpg") no-repeat center; background-size: auto 100%; padding:20px 0px; } .mlgy{ background: url("../images/index-flow.png") no-repeat bottom; width: 100%; padding:0 0px 150px 0px; background-size: 100% auto; } } @media(max-width:1280px){ .header .navbar_nav li a{ padding:0px 10px; font-size: 14px; } .header .nav span a{ font-size: 11px; } .header .left a img{ height: 60px; } body{ font-size: 14px; } .xsdt-main{ width: 100%; background: url("../images/media_bg.jpg") no-repeat center; background-size: auto 100%; padding:20px 0px; } .mlgy{ background: url("../images/index-flow.png") no-repeat bottom; width: 100%; padding:0 0px 150px 0px; background-size: 100% auto; } } @media(max-width:1180px){ /*2020-09-02 结束*/ .m-data .tit span{font-size:20px} .ul-listq2 .txt span em{font-size:24px} .ul-listq2 .txt span{font-size: 14px;} .ul-listq2 .txt h3{font-size:12px} .header{ height:70px; } .header.on{ height: 70px; } .header .left a img{ height: 50px; margin-top: 10px; } .header .btn-all{ display:none; } .header .navbar_nav li a{ padding:0px 8px; font-size: 13px; } .header .navbar_nav li{ line-height: 70px; } .header .navbar_nav li.dropdown .dropdown_menu{ width: 160px; top: 70px; } .header .navbar_nav>li:last-child .dropdown_menu{ left: 0; } .banner-title{position: absolute; bottom: 48px; left: 2%;z-index:181;} .banner-title a{ font-size: 25px; color: #fff; text-shadow: 2px 2px 2px #000;} .newsCon{ margin-left: 0px; } .mediaCon{ margin-left: 0px; } .mtjj-ul .col-md-4{ width: 50%; } .mtjj-ul .col-md-4:last-child{ display:none; } .focus-title a,.xsdt-item-title a{ font-size: 14px; } .xsdt-main{ width: 100%; background: url("../images/media_bg.jpg") no-repeat center; background-size: auto 100%; padding:20px 0px; } .xsdt-con{ padding-bottom: 50px; padding-top: 30px; } .xsdt-item-title{ padding:5px 15px; line-height: 24px; height: 58px; } .mrys{ margin-top: -60px; } .msry-con2{ background: url(../images/mrys-bg2.jpg) no-repeat right bottom; width: 100%; padding:30px; height: 280px; padding-left: 20px; background-size: auto 100%; } .book-con{ width: 300px; } .mrys-title{ width: 28%; background: url(../images/mrys-title.jpg) no-repeat bottom; background-size:auto 100%; text-align: center; padding-right: 0px; padding-top: 46px; padding-bottom: 46px; } .mrys-title i{ font-size: 64px; opacity: 0.8; } .mrys-title div{ font-size: 24px; line-height: 42px; margin-top: 20px; } .mrys-img{ width:22%; margin-left: 28%; } .slogan img{ max-height: 42px; } .data-icon i{ font-size: 32px; width: 72px; height: 72px; border-radius: 72px; -webkit-border-radius:72px; -moz-border-radius:72px; -o-border-radius:72px; line-height: 72px; } .data-con{ padding-top: 0px; } .data-con .col-md-3{ padding-top: 40px; } .video-play{ font-size: 42px; margin-top: 40px; } .lm-img img{ max-width:96px; } .links li{ line-height: 24px; } .footer-logo,.footer-adress { width: 100%; } .link-title,.footer-adress { margin-top:30px; } .footer-logo img{ width: auto; height: 64px; } .footer-icons{ padding-top: 30px; } .footer-icons li{ padding-left: 15px; } .mlgy{ background: url("../images/index-flow.png") no-repeat bottom; width: 100%; padding:0 0px 150px 0px; background-size: 100% auto; } } @media screen and (max-width: 992px){ .header{ padding: 0px; } .header #navToggle { height: 100%; padding: 9px 15px; margin-right: -15px; display: inline-block; float: right; } .header #navToggle span { position: relative; width: 25px; height: 1px; margin-top: 39px; } .header #navToggle span:before, .header #navToggle span:after { content: ''; position: relative; width: 100%; height: 1px; left: 0; } .header #navToggle span, .header #navToggle span:before, .header #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #fff; } .header #navToggle span:before { top: 8px; } .header #navToggle span:after { bottom: 10px; } .header #navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } .header #navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .header #navToggle.open span { background: none; } .header #navToggle.open span:before, .header #navToggle.open span:after { background: #4f4f4f; } .header .nav{ display: none; } .xsdt-main{ background-size:auto 100%; } .xsdt-item{ width: 50%; } .xsdt-item:nth-child(5){ display: none; } .xsdt .more{ margin-top: -40px; } .mtjj-ul{ margin-top: 0px; } .mtjj-ul .col-md-4:last-child{ display:none; } .fright{ display:none} .banner-title a,.xsdt-title,.mtjj-title{ font-size: 20px;} .news-btn,.media-btn,.tabBar .hd .news-btn.on,.tabBar .hd .media-btn.on{ background-size: 22px; padding-left: 24px; } .newsCon{ margin-left: 0px; margin-top: 15px; } .mediaCon{ margin-left: 0px; margin-top: 15px; } .media-con{ padding-left: 10px; padding-right: 0px; } .media-item,.news-item{ padding:10px 0px; } .mtjj-ul .col-md-4{ width: 50%; } .mtjj-date{ padding:8px 0px; } .mtjj-item-title{ font-size: 14px; line-height: 24px; height: 48px; } .book-more{ margin-top: 10px; } .book-more a{ width: 80px; border-radius: 15px; height: 26px; line-height: 26px; } .msry-con2{ padding:15px 30px; height: 238px; background-size: auto 150px; } .data-info1{ font-size: 20px; } .data-con .col-md-3{ padding-top: 20px; } .data{ padding:30px 0px; } .slogan img{ max-height: 36px; } .video-play{ font-size: 32px; margin-top: 20px; margin-bottom: 15px; } .zt-item{ margin-top: 0px; } .footer{ margin-top: 0; } .wb-code{ bottom:100%; } .news-media .content-slide,.mtjj .content-slide{ padding-left: 0px; padding-right: 0px; } .news-media .mobile,.mtjj .mobile{ display: block; } .news-media .pc,.mtjj .pc{ display: none; } .news-btn-on{ color:#fff; background: url("../images/news-icon.png") no-repeat left center; background-size: 22px; padding-left: 24px; width: 100%; line-height: 48px; width: 200px; position: relative; left: 50%; margin-left: -50px; font-size: 20px; margin-top: 0px; } .media-btn-on{ color:#fff; background: url("../images/mtxd-icon.png") no-repeat left center; background-size: 22px; padding-left: 24px; width: 100%; line-height: 48px; width: 200px; position: relative; left: 50%; margin-left: -50px; font-size: 20px; } .media-title-bg{ background: url("../images/news-title-bg.jpg") no-repeat center; width: 100%; background-size: auto 100%; line-height: 96px; } .mobile .more a{ margin-top: 15px; } .mtjj .mobile .mtjj-title-bg{ background: url("../images/mtjj-title-bg.jpg") no-repeat center; width:100%; background-size: auto 100%; text-align: center; line-height: 96px; } .mtjj-title{ font-size: 20px; text-align: center; line-height: 48px; color: #02468f; } .mtjj-ul{ padding-left: 30px; padding-right: 30px; } .news-media{ background: none; } .tzgg-ul .col-md-4:nth-child(9){ display: none; } .news{ margin-top: 15px; } .mlgy{ background: url("../images/index-flow.png") no-repeat bottom; width: 100%; padding:0 0px 120px 0px; background-size: 100% auto; } .index-flow .img-list li{ width: 100%; } } @media(max-width:767px){ .row-a5{padding:20px 0} .row-a5 .wp{padding:0} .row-a5 .bg video{width:auto; height:100%} .m-data .tit{width:33.33%;position:relative;left:0;margin:0 auto;height:125px} .ul-listq2 li{width:33.33%!important;margin:0!important} .ul-listq2 .pic,.ul-listq2 .play{display:none} .ul-listq2 .li1 .box,.ul-listq2 .li3 .box,.ul-listq2 .li6 .box{float:none;width:auto} .ul-listq2 .li1,.ul-listq2 .li3,.ul-listq2 .li6{float:left; width:66.66%} .ul-listq2 .box{height:145px;} .ul-listq2 .box span{ margin-top:12px; line-height:30px;} .ul-listq2 .li2,.ul-listq2 .li7,.ul-listq2 .li4,.ul-listq2 .li5,.ul-listq2 .li8,.ul-listq2 .li9{ display:none;} .mlgy{ display:none; } .fright{ display:none} .mtjj-item{ width: 100%; } .xsdt-item{ width: 50%; } .xsdt-item:nth-child(even){ padding-left: 8px; padding-right: 0px; } .xsdt-item:nth-child(odd){ padding-right: 8px; padding-left: 0px; } .xsdt-main{ padding-bottom: 0px; background-size:auto 100%; } .xsdt-con{ padding-bottom: 15px; } .xsdt .more{ margin-top: 0px; margin-bottom: 30px; } .con .col-md-6{ padding-left: 0px; padding-right: 0px; } .mtjj-ul .col-md-4{ width: 100%; padding-left: 0px; padding-right: 0px; } .mtjj-title{ padding-top: 10px; color:#02468F; } #slider .banner-title{position: absolute; bottom: 42px; left: 2%;z-index:181;} #slider .banner-title a{ font-size: 18px; color: #fff; text-shadow: 2px 2px 2px #000;} .header #navToggle span { margin-top: 15px; } .header{ height: 46px; background: none; position: absolute; } .header .left{ width:60%; float:left } .header .left a img{ height: 32px; width:auto; margin-top:10px; } .focus2{ padding:30px 0px; } .focus2 .col-xs-6:nth-child(even){ padding-left: 8px; } .focus2 .col-xs-6:nth-child(odd){ padding-right: 8px; } .focus .more,.news-media .more{ text-align: center; margin-top: 0px; } .focus .more a,.news-media .more a,.mtjj .more a,.xsdt .more a{ width: 150px; border-radius: 15px; height: 32px; line-height: 32px; margin-left: -75px; } .mrys-title{ width: 50%; bottom:238px; } .mrys-title i{ font-size: 32px; } .mrys-title div{ font-size: 20px; } .mrys-img{ width: 50%; margin-left: 50%; } .mrys-con{ width: 100%; position:static; } .book-con{ width: 100%; } .data-con .col-xs-6:nth-child(even){ padding-right: 0px; } .data-con .col-xs-6:nth-child(odd){ padding-left: 0px; } .data-info{ padding-right: 0px; } .nqhj-img{ top: 25%; } .nqhj-title{ position: relative; margin-top: 34px; } .nqhj-title a{ color:#fff; font-size: 18px; line-height: 34px; } .cxbt-title{ margin-top: 34px; } .cxbt-title a{ line-height: 34px; } .lm{ border-right:0px; } .friendlink { display: block; } .footer-logo img{ height: 42px; margin-bottom: -20px; } .footer-address{ padding-top: 0px; } .footer-icons{ padding-top: 15px; } .footer-icons li{ padding-left: 0px; padding-right: 0px; } .footer-icons li img{ width: 42px; } .data-icon i{ font-size: 32px; width: 56px; height: 56px; border-radius: 56px; -webkit-border-radius:56px; -moz-border-radius:56px; -o-border-radius:56px; line-height: 56px; } .zt-item-title{ margin-bottom: -32px; height: 32px; line-height: 32px; bottom:32px; } .zt-item-title a,.nqhj-title a,.cxbt-title a{ font-size: 16px; } .tabs{ width:300px; left: 50%; margin-left: -150px; } .tabs .part{ width:150px; height: 32px; line-height: 32px; } .tabs .part{ font-size: 16px; } .mtjj .container{ margin-top: -60px; margin-bottom: -180px; } .news-media .container{ margin-top: -50px; } .fd-link{display:none} .fd-link dl{margin:0 20px} .fd-link dd{width:250px} .fd-link dd a{width:50%} .fd-txt{float:none;width:auto} .fd-logo{float:none;margin:0 auto;width:200px} .fd-txt .addr{margin-top:30px;text-align:center;line-height:1.8em} .fd-txt .addr p span{margin:0 5px} .fd-shre{float:none;text-align:center;margin-top:40px} .fd-shre a{display:inline-block;vertical-align:middle;float:none;margin:0 5px;width:40px;height:40px} .fd-shre .ma{bottom:45px} .fd-adds{padding-bottom:40px;padding-top:30px} .fd-copy p span{margin:0 5px} } @media(max-width:360px){ .zt-item-title a,.nqhj-title a,.cxbt-title a{ font-size: 14px; } } /*返回顶部*/ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0,0,0, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 999999999999; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } }