@charset "utf-8"; /*飘窗*/ .pop-text {position: fixed;right: 60px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 260px;z-index: 999;} .pop-text .padd {padding: 40px 26px 45px;color: #fff;text-align: justify;} .pop-text .close {cursor: pointer;position: absolute;display: block;width: 40px;height: 40px;right: 0;top: 0;background: url(../images/close1.png) no-repeat center;} /* 弹窗 */ .pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;} .pop-alert .btnWarp{ padding: 8px 20px;} .pop-alert .btnWarp button{ line-height: 1; padding: 8px 20px; margin: 0 10px;} /* 视频弹窗 */ .pop-video {display: none;} .pop-video iframe {display: none;} .pop-video .pop-dialog{ width: 842px; height: 500px; z-index: 1;} .pop-video.x-show {display: block;} .pop-video.x-show iframe {display: block;} /* 复用图片包裹 */ .scaleimg{ overflow: hidden; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .scaleimg img{ width: 100%; height: auto; -webkit-transition: transform .5s; transition: transform .5s; } .scaleimg:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .video-js .vjs-tech, .video-js{min-width: 100%;min-height: 100%;} .pb-0 {padding-bottom: 0 !important;} .pt-0 {padding-top: 0 !important;} /* 复用标题 */ .t_head{} .t_head .h1{} .t_head .h2{} .t_head .h3{} .t_head .p{} .t_head .link{} /* 滑动tab */ .scroll-tab{ position:relative; margin: 1rem auto; padding: 0.1rem; width: 6rem; border: 1px solid; overflow:hidden;} .scroll-tab li{ display:inline-block; margin:0 0.1rem; padding:0 0.1rem; background-color: #909090; border-bottom:2px solid transparent; font-size: 0.3rem;} .scroll-tab li.cur{ border-color:#DB6E10;} /* 流程模块 */ .process{} .process ul{ overflow:hidden; padding:10px;} .process ul li{ float:left; height:20px; color:#FFF; line-height:20px; padding:0 25px 0 10px; position:relative;} .process ul li:nth-child(1){ background-color:red;} .process ul li:nth-child(2){ background-color:green;} .process ul li:nth-child(3){ background-color:blue;} .process ul li:after{ border-left:15px solid #aeaeae; border-top:10px solid transparent; border-bottom:10px solid transparent; width:0; height:0; content:''; position:absolute; right:0; top:0;} .process ul li:nth-child(1):after{ border-left-color:red; border-top-color:green; border-bottom-color:green;} .process ul li:nth-child(2):after{ border-left-color:green; border-top-color:blue; border-bottom-color:blue;} .process ul li:nth-child(3):after{ border-left-color:blue; border-top-color:#FFF; border-bottom-color:#FFF;} .bdmap{ height: 1000px;} .bdmapinfo{ position: fixed; left: 0; top: 0; width: 300px; visibility: hidden; z-index: -9999;} .video{ height: 500px;} /* 详情页 */ .article{ padding: 0px 0 100px;} .article-title{ margin-bottom: 40px; text-align:center;} .article-title .h24{ margin-bottom: 20px; font-size:24px;} .article-title .info{ color:#707070;} .article-title .info span{ margin: 0 15px;} .article-cont{ margin-bottom: 30px; } .article-cont .p{ margin-bottom: 20px; } .article-cont img{ max-width: 100%; height: auto !important;} .article-paging{ overflow: hidden; padding:20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 26px;} .article-paging .prev, .article-paging .next{ position: relative; width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .article-paging .prev{ float: left; padding-left: 40px;} .article-paging .next{ float: right; padding-right: 40px; text-align: right;} .article-paging .prev:before, .article-paging .next:before{ position: absolute; width:24px; border:1px solid; border-radius: 50%; font-size:16px; text-align: center; line-height: 1.5; font-family: "xfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .article-paging .prev:before{ content:"\e831"; left: 0;} .article-paging .next:before{ content:"\e832"; right: 0;} .article-paging a:hover{ opacity: 0.8;} .article .share-mod{ padding: 30px 0; } .article .slick-slide img{ width: auto; max-width: 100%; margin:0 auto; } /* 搜索结果页 */ .result{ padding:60px 0; } .result .key{ color:#809aa5; } .result .h24{ font-size:24px; } .result .h24 span{ margin-left: 30px; font-size:18px; color:#707070; } .result .list{ margin-bottom: 50px; } .result .list-item{ padding:30px 0; border-bottom:1px solid #d1d1d1; } .result .list .h18{ font-size:18px; margin-bottom: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .result .list .p{ color:#707070; } .result .list a:hover{ opacity: 0.8;} /* 网站地图 */ .sitemap{ padding:60px 0; } .sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;} .sitemap dt{ font-size: 16px; } .sitemap dd{ margin-top: 20px; padding-left: 4em; word-break: keep-all;} .sitemap dd a{ margin-right: 20px;} .sitemap dd a.act, .sitemap dd a:hover {color: #809aa5;} .sitemap a:hover{ opacity: 0.8;} .link-box {position: relative;border:0px solid #809aa5;display: inline-block;text-align: center;} .link-box .d1 {position: absolute;left: 0;width: 100%;height: 100%;} /*.link-box .d1:before {content: "";width: 5px;height: 5px;background: #809aa5;position: absolute;left: -3px;top: -3px;} .link-box .d1:after {content: "";width: 5px;height: 5px;background: #809aa5;position: absolute;right: -3px;top: -3px;}*/ .link-box .d2 {position: absolute;left: 0;width: 100%;height: 100%;} /*.link-box .d2:before {content: "";width: 5px;height: 5px;background: #809aa5;position: absolute;left: -3px;bottom: -3px;} .link-box .d2:after {content: "";width: 5px;height: 5px;background: #809aa5;position: absolute;right: -3px;bottom: -3px;}*/ .link-box .c {line-height: 26px;border:1px solid #809aa5;padding: 0 15px;min-width: 45px;position: relative;overflow: hidden;color: #809aa5;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .link-box .c .t {position: relative;z-index: 1;} .link-box .c:after {content: "";width: 0;background: #809aa5 url(../images/link1.png) no-repeat left center;height: 100%;position: absolute;right: 0;top: 0;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} .link-box.white .d1:before, .link-box.white .d1:after, .link-box.white .d2:before, .link-box.white .d2:after {background: #fff;} .link-box.white .c {border-color: #fff;color: #fff;} .link-box.blue .d1:before, .link-box.blue .d1:after, .link-box.blue .d2:before, .link-box.blue .d2:after {background: #bde5ff;} .link-box.blue .c {border-color: #bde5ff;color: #bde5ff;background: none;} .link-box.blue .c:after {background-image: url(../images/link2.png);background-color: #bde5ff;} .link-box.orange .d1:before, .link-box.orange .d1:after, .link-box.orange .d2:before, .link-box.orange .d2:after {background: #f0ccb8;} .link-box.orange .c {border-color: #f0ccb8;color: #f0ccb8;background: none;} .link-box.orange .c:after {background-image: url(../images/link3.png);background-color: #f0ccb8;} .link-box.red .d1:before, .link-box.red .d1:after, .link-box.red .d2:before, .link-box.red .d2:after {background: #772410;} .link-box.red .c { border-color: #772410; color: #333; background: none;} .link-box.red .c:after {background-image: url(../images/png2.png);background-color: #772410;} .link-box.yellow .d1:before, .link-box.yellow .d1:after, .link-box.yellow .d2:before, .link-box.yellow .d2:after {background: #d7c07d;} .link-box.yellow .c { border-color: #d7c07d; color: #d7c07d; background: none; line-height: 31px;} .link-box.yellow .c:after {background-image: none;background-color: #d7c07d;} .height_80 {height: 80px;} .x-tit {/*overflow: hidden;*/} .x-tit .h26 {float: left;line-height: 34px;} .x-tit .link-box {float: right;margin: 3px 3px 0 0;} .center {text-align: center;} .center .h26 {float: none;} .x-mask {position: absolute;left: 0;top: 0;right: 0;bottom: 0;} .home1 {position: relative;overflow: hidden;} .home1 .focus{ overflow:hidden; position:relative;width:100%;height: 700px;} .home1 .focus ul{ overflow:hidden; width:9999px;height:100%;} .home1 .focus li{ width:100%; height:100%; position:absolute;background-position: center;background-repeat: no-repeat;background-size: cover;} .home1 .focus li img{width:100%;height:auto;} .home1 .focus li a {display: block;height: 100%;width: 100%;} .home1 .focus .nav{position:absolute;left:0;bottom:5%;width:100%;text-align: center;z-index: 9;} .home1 .focus .nav span {display: inline-block;padding: 2px;} .home1 .focus .nav span i{display:inline-block;width:25px;height:22px;margin:0 5px;line-height:3px;text-align: center;vertical-align: middle;cursor: pointer;background: url(../images/banner_now1.png);} .home1 .focus .nav span.now i{background: url(../images/banner_now.png);} .home1 .cont {position: absolute;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 377px;top: 50%;right: -375px;-webkit-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;z-index: 9;} .home1 .cont:before {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 43px;background:url(../images/arr2.png) no-repeat center;opacity: 0;visibility: hidden;-webkit-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;} .home1 .cont:after {content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 43px;background:url(../images/arr3.png) no-repeat center;opacity: 0;visibility: hidden;-webkit-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;} .home1 .cont .padd {padding: 45px 25px;visibility: hidden;opacity: 0;-webkit-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;} .home1 .cont .padd:after {content: "";border-left: 1px solid #fff;position: absolute;left: 2px;top: 50px;bottom: 50px;} .home1 .cont .padd:before {content: "";border-left: 1px solid #fff;position: absolute;right: 2px;top: 50px;bottom: 50px;} .home1 .cont .x-tit {color: #fff;padding-bottom: 15px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #b8d5e0;} .mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 7px;} .mCSB_scrollTools .mCSB_draggerRail{background-color: #5e7f8b;} .mCSB_inside > .mCSB_container{margin-right: 19px;} .home1 .cont .list{height: 311px;} .home1 .cont .item {padding: 20px 8px;} .home1 .cont .item+.item {border-top:1px solid #9fb7c3;} .home1 .cont .item:last-child {padding-bottom: 0;} .home1 .cont .item .t {color: #fff;padding-left: 17px;background: url(../images/arr4.png) no-repeat left center;} .home1 .cont .item .date {color: #fff;font-family: 'avian';padding-left: 17px;} .home1 .cont .item:hover .t {color: #9ad2ec;} .home1 .cont .btn1 {width: 24px;height: 48px;background: url(../images/btn2.png) no-repeat center;cursor: pointer;position: absolute;left: -22px;top: 50%;margin-top: -24px;} .home1 .cont.x-show .btn1 {background-image: url(../images/btn1.png);right: -22px;left: inherit;} .home1 .cont.x-show {right: 220px;} .home1 .cont.x-show .padd {opacity: 1;visibility: visible;} .home1 .cont.x-show:before,.home1 .cont.x-show:after {opacity: 1;visibility: visible;} .home2 {padding: 40px 0;} .home2 .x-tit {color: #fff;padding-bottom: 20px;} .home2 .clear {height:0px;} .home2 .l {float: left;width: 74.6%;background-repeat: no-repeat;background-position: center;margin-right: 1.1%;height: 100%;background-size: cover;} .home2 .l{} .home2 .l .cont {padding: 34px 3% 0 0;overflow: hidden;} .home2 .l .cont .padd {overflow: hidden;} .home2 .l .cont .item {position: relative;float: left;width: 25%;text-align: center;padding: 16px 0 24px;} .home2 .l .cont .item+.item {margin-left: 12.4%;} .home2 .l .cont .item+.item:before {content: "";background: url(../images/home1.png) no-repeat center;position: absolute;left: -28%;height: 49px;top: 50%;margin-top: -24px;width: 11px;} .home2 .l .cont .item .x1 {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 7px;background: url(../images/arr5.png) no-repeat center;} .home2 .l .cont .item .x2 {display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 7px;background: url(../images/arr5.png) no-repeat center;} .home2 .l .cont .item .date {font-size: 40px;color: #e1c5b6;line-height: 1;} .home2 .l .cont .item .date .s1 {color: #fff;font-size: 14px;display: inline-block;margin-left: 5px;} .home2 .l .cont .txt {color: #e1c5b6;float: right;padding-top: 8px;} .home2 .r {overflow: hidden;height: 100%;position: relative;} .home2 .l .l_img {float: left;width: 40%;height: 100%;background-position: center;background-repeat: no-repeat; background-size: cover; } .home2 .l .l_img .padd {padding: 36px 6%;text-align: center;} .home2 .l .l_img .top {width: 139px;height: 139px;background: url(../images/home2.png) no-repeat center;text-align: center;float: left;margin-right: 15px;} .home2 .l .l_img .top a {display: block;width: 100%;height: 100%;} .home2 .l .l_img .top .h18 {color: #fff;padding: 30px 0 10px;} .home2 .l .l_img .top img {width: 28px;height: auto;} .home2 .l .l_img .txt {color: #fff;overflow: hidden;text-align: left;padding-top: 8px;} .home2 .r .r_link {height: 100%;} .home2 .r .r_link .con {overflow: hidden;height: 252px;} .home2 .r .r_link .link {width: 24.25%;margin-right: 1%; position: relative;overflow: hidden;height: 100%;display: block;color: #fff;float: left;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .home2 .r .r_link .link .h18 {height: 23px;display: block;margin-top: 10px;text-align: center;} /* .home2 .r .r_link .link .h20:before {content: "";display: inline-block;width: 17px;height: 23px;background: url(../images/left1.png) no-repeat center;vertical-align: middle;position: relative;top: -2px;margin-right: 10px;} .home2 .r .r_link .link .h20:after {content: "";display: inline-block;width: 17px;height: 23px;background: url(../images/right1.png) no-repeat center;vertical-align: middle;position: relative;top: -2px;margin-left: 10px;} */.home2 .r .r_link .link .x {overflow: hidden;background:url(../images/bar1.png) no-repeat right center;height: 23px;display: block;margin-top: 30px;} .home2 .r .r_link .link.a1 {background: url(../images/home_block1_box3_bg3.jpg) /*no-*/repeat center top;/*background-size: cover;*/} .home2 .r .r_link .link.a2 {background: url(../images/home5.jpg) /*no-*/repeat center top;/*background-size: cover;*/} .home2 .r .r_link .link.a3 {background: url(../images/home_block1_box3_bg3.jpg) /*no-*/repeat center top;/*background-size: cover;*/} .home2 .r .r_link .link.a4 {background: url(../images/home5.jpg) /*no-*/repeat center top;/*background-size: cover;*/margin-right: 0} .home2 .r .r_link .link .ico {overflow: hidden;display: block; margin: 0 auto; width: 48px;height: 48px;margin-top: 70px;} .home2 .r .r_link .link .ico img {width: 100%;height: auto;} .home2 .r .r_link .link:hover {/* width: 304px; */} .home3 .clear {height: 552px;} .home3 .l {float: left;height: 100%;width: 74.6%;background: #fff;margin-right: 1.1%;} .home3 .l .slick_wp {width: 63.1%;float: left;height: 100%;} .home3 .l .slick_wp .slick-item {position: relative; overflow: hidden;} .home3 .l .slick_wp .slick-item img {width: 100%;height: auto; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .home3 .l .slick_wp .slick-item .mask {background: url(../images/opacity-b50.png);position: absolute;left: 0;bottom: 0;width: 100%;} .home3 .l .slick_wp .slick-item .mask .h18 {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 230px 0 45px;color: #fff;line-height: 56px;} .home3 .l .slick-dots {position: absolute;right: 0;left: 535px;bottom: 0;line-height: 56px;} .home3 .l .slick-dots li{display:inline-block;width:31px;height:2px;margin:0 5px;line-height:3px;text-align: center;vertical-align: middle;cursor: pointer;background: url(../images/opacity-1.png);vertical-align: middle;} .home3 .l .slick-dots li.slick-active {background: none;width: 29px;border:1px solid #fff;} .home3 .l .r_list {overflow: hidden;padding: 0 28px 0;position: relative;height: 100%;} .home3 .l .r_list .tab-mod1{position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .home3 .l .r_list .x-tit {overflow: hidden;padding-left: 15px;} .home3 .l .r_list .tab-bar {float: right;} .home3 .l .r_list .tab-bar .tab-term {float: left;padding-right: 12px;cursor: pointer;} .home3 .l .r_list .tab-bar .tab-term.cur .link-box .c{color: #fff;} .home3 .l .r_list .tab-bar .tab-term.cur .link-box .c:after {width: 150%;} .home3 .l .r_list .tab-cont {} .home3 .l .r_list .tab-cont .tab-item {display: none;} .home3 .l .r_list .tab-cont .tab-item.act {display: block;} .home3 .l .r_list .tab-cont .tab-item .item {margin: 25px 15px;} /* .home3 .l .r_list .tab-cont .tab-item .item+.item {border-top:1px solid #e8e8e8;} */ .home3 .l .r_list .tab-cont .tab-item .item .h20 {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-bottom: 5px;} .home3 .l .r_list .tab-cont .tab-item .item .p {overflow: hidden;color: #809aa5;} .home3 .l .r_list .tab-cont .tab-item .item .p a{float: left;width: 25%;margin: 12px 0;} .home3 .l .r_list .tab-cont .tab-item .item:hover .p {color: #809aa5;} .home3 .l .r_list .tab-cont .tab-item .more {color: #809aa5;margin-left: 15px;} .home3 .l .r_list .tab-cont .tab-item .item .h20 .s1:before {content: "";display: inline-block;width: 17px;height: 23px;background: url(../images/left1.png) no-repeat center;vertical-align: middle;position: relative;top: -2px;margin-right: 10px;} .home3 .l .r_list .tab-cont .tab-item .item .h20 .s1:after {content: "";display: inline-block;width: 17px;height: 23px;background: url(../images/right1.png) no-repeat center;vertical-align: middle;position: relative;top: -2px;margin-left: 10px;} .home3 .r {overflow: hidden;height: 100%;background: url(../images/home5.jpg);} .home3 .r .x-tit {color: #fff;padding: 35px 40px 25px;overflow: hidden;} .home3 .r .x-tit .fun {width: 59px;height: 32px;background: url(../images/home4.png) no-repeat center;float: right;cursor: pointer;} .home3 .r .x-tit .fun .prev {float: left;width: 50%;height: 100%;background: url(../images/left2.png) no-repeat center;} .home3 .r .x-tit .fun .next {float: right;width: 50%;height: 100%;background: url(../images/right2.png) no-repeat center;} .home3 .r .x-tit .fun .prev:hover {-webkit-transiton:all 0.4s ease-in-out;transiton:all 0.4s ease-in-out;-webkit-transform:scale(1.2);transform:scale(1.2);} .home3 .r .x-tit .fun .next:hover {-webkit-transiton:all 0.4s ease-in-out;transiton:all 0.4s ease-in-out;-webkit-transform:scale(1.2);transform:scale(1.2);} .home3 .r .slick-mod {} .home3 .r .slick-item {} .home3 .r .slick-item .img {overflow: hidden;} .home3 .r .slick-item .txt {padding: 20px 35px 0;color: #fff;} .home3 .r .slick-item .txt .h18 {padding-bottom: 5px;} .home3 .r .slick-item .txt .p {color: #e1f3ff;font-family: 'avian';} .home3 .r .more {color: #fff;margin: 15px 0 0 40px;display: inline-block;} .home4 {overflow: hidden;padding:0.5rem;} .home4 .mar-wrap {height: 853px;background-repeat: no-repeat;background-position: center;background-size: cover;} .home4 .x-tit {text-align: center;padding: 80px 0 25px;} .home4 .x-tit .h26 {float: none;} .home4 .tab-bar {text-align: center;} .home4 .scroll-box{ position: relative; height: 35px; overflow: hidden;} .home4 .scroll-unit{ position: absolute; left: 0; top: 0; white-space: nowrap;padding-top: 3px;min-width: 100%;text-align: center;} .home4 .tab-bar .tab-term {display: inline-block;margin: 0 7px;cursor: pointer;} .home4 .tab-bar .tab-term.cur .link-box .c{color: #fff;} .home4 .tab-bar .tab-term.cur .link-box .c:after {width: 150%;} .home4 .tab-bar .tab-term .link-box {display: block;} .home4 .tab-cont {} .home4 .tab-cont .tab-item {display: none;} .home4 .tab-cont .tab-item.act {display: block;} .home4 .tab-cont .tab-item .cont {min-height: 559px;} .home4 .tab-cont .tab-item .cont:after {content: "";display: block;clear: both;zoom:1;} .home4 .tab-cont .tab-item .cont .item {width: 28.8%;height: 449px;position: relative;text-align: center;float: left;margin-top: 149px;} .home4 .tab-cont .tab-item .cont .item .img {height: 348px;margin: 30px 2% 0;text-align: center;font-size: 0; letter-spacing: -1.5em;} .home4 .tab-cont .tab-item .cont .item .img:after{ content: '0'; display: inline-block; vertical-align: middle; height: 100%; font-size: 0;} .home4 .tab-cont .tab-item .cont .item .img img {height: auto;max-width: 100%;max-height: 100%;display: inline-block;} .home4 .tab-cont .tab-item .cont .item.i1 .h18{position: absolute;bottom: 22px;width:100%} .home4 .tab-cont .tab-item .cont .item .h18 {position: absolute;bottom: 22px;width: 100%;margin:0 auto} .home4 .tab-cont .tab-item .cont .item.i1 {} .home4 .tab-cont .tab-item .cont .item.i2 {width: 35.8%;margin: 0 3.25%;margin-top: 33px;height: 559px;} .home4 .tab-cont .tab-item .cont .item.i2 .img {height: 433px;} .home4 .tab-cont .tab-item .cont .item.i2 .h18 {bottom: 40px;} .home4 .tab-cont .tab-item .cont .item.i3 {} .home4 .more.link-box {border-width: 1px;padding: 1px;margin: 0 auto 0;display: block;width: 110px;background: #efefef;position: relative;top: -25px;} .home4 .more.link-box .c {display: block;} .home5 {} .home5 .x-tit {padding: 50px 40px 0;} .home5 .l .x-tit, .home5 .r .x-tit {color: #fff;} .home5 .clear {height: 507px;} .home5 .l {float: left;width: 24.2%;height: 100%;background: url(../images/home8.jpg) no-repeat center;background-size: cover;} .home5 .l .list {padding: 0 28px;} .home5 .l .list .item {padding: 30px 15px;} .home5 .l .list .item+.item {border-top:1px solid #bde5ff;} .home5 .l .list .item .date {font-family: 'avian';color: #e1f3ff;} .home5 .l .list .item .date .s1 {display: inline-block;line-height: 1;font-size: 46px;} .home5 .l .list .item .h16 {color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-top: 7px;} .home5 .l .list .item:hover .h16 {color: #bde5ff;} .home5 .content {float: left;margin: 0 1.15%;width: 49.2%;height: 100%;background: #fff;overflow: hidden;} .home5 .content .x-tit {padding-bottom: 38px;} .home5 .content .list {overflow: hidden;width: 100%;} .home5 .content .list .item {float: left;width: 49.5%;margin-left: 1%;} .home5 .content .list .item:first-child{margin-left: 0;} .home5 .content .list .item .img {width: 100%;height:auto /* 250px */;overflow: hidden;position: relative;} .home5 .content .list .item .img img {width: 100%;height: auto;} .home5 .content .list .item .h16 {color: #707070;padding: 25px 30px;line-height: 1.6;} .home5 .content .list .item:hover .h16 {color: #809aa5;} .home5 .r {float: right;width: 24.2%;height: 100%;background: url(../images/home9.jpg) no-repeat center;overflow: hidden;background-size: cover;} .home5 .r .x-tit {padding-bottom: 58px;} .home5 .r .img {width: 100%;height: auto;} .home5 .r .img img {width: 100%;height: auto;} .list-mod {overflow: hidden;border-bottom: 1px solid #d9d9d9;} .list-mod .mar-wrap {background: url(../images/online7.jpg) no-repeat center;} .list-mod .list {height: 279px;width: 110%;position: relative;} .list-mod .list:before {content: "";background: url(../images/online5.png) no-repeat center;width: 1230px;height: 100%;position: absolute;left: 0;top: 0;} .list-mod .list .item {width: 180px;height: 180px;float: left;background: url(../images/online3.png) no-repeat center;background-size: cover;text-align: center; margin-right: 82px;position: relative;z-index: 1;margin-top: 50px;} .list-mod .list .item a {display: block;width: 100%;height: 100%;overflow: hidden;} .list-mod .list .item .cell {display: table;height: 100%;width: 100%;} .list-mod .list .item .cell .h24 {display: table-cell;vertical-align: middle;color: #fff;line-height: 1.5;} .list-mod .list .item .ico {width: 106px;height: 83px;margin: 32px auto 13px;} .list-mod .list .item .ico img {width: 100%;height: auto;} .list-mod .list .item .h18 {} .list-mod .list .item:first-child {background-image: url(../images/online4.png);} .list-mod.red .list .item:first-child {background-image: url(../images/png3.png);} .online1 {padding: 100px 0;} .online1 .list {} .online1 .list .item {position: relative;padding-bottom: 50px;overflow: hidden;} .online1 .list .item+.item {margin-top: 70px;} .online1 .list .item .img {width: 850px;height: 484px;overflow: hidden;position: relative;z-index: 1;} .online1 .list .item .img img {width: 100%;height: auto;} .online1 .list .item .text {position: absolute;right: 0;bottom: 0;background: #fff;width: 735px;height: 484px;} .online1 .list .item .text .con {position: absolute;right: 50px;bottom: 50px;background: url(../images/online1.png) no-repeat right bottom;width: 270px;height: 270px;box-sizing: content-box;} .online1 .list .item .text .h18 {padding-right: 50px;line-height: 1.6;padding-bottom: 40px;} .online1 .list .item:nth-child(even) .img {float: right;} .online1 .list .item:nth-child(even) .text {left: 0;right: inherit;} .online1 .list .item:nth-child(even) .text .con {left: 60px;right: inherit;} .online1 .page-mod {margin-top: 53px;} .online2 {padding-bottom: 100px;} .online2 .cont {background: url(../images/online6.jpg) no-repeat center;height: 320px; } .online2 .cont .x-tit {color: #fff;padding: 55px 45px 40px;} .online2 .cont .list {text-align: center;} .online2 .cont .list .item {position: relative;width: 530px;padding-bottom: 40px;display: inline-block;margin: 0 37px;text-align: left;vertical-align: top;} .online2 .cont .list .item .h18 {color: #fff;padding-bottom: 15px;padding-left: 18px;background: url(../images/arr4_1.png) no-repeat left 5px;} .online2 .cont .list .item .p {color: #fff;height: 60px;padding-right: 45px;} .online2 .cont .list .item .date {position: absolute;bottom: -8px;left: 0;color: #e9cdbb;width: 100%;} .online2 .cont .list .item .date:after {content: "";display: block;width: 148px;height: 97px;position: absolute;right: 0;bottom: 0;pointer-events: none;background: url(../images/online2.png) no-repeat center;bottom: 8px;} .online2 .cont .list .item .date .s1 {display: inline-block;margin-right: 60px;} .guide1 {} .guide1 .x-tit {padding: 40px 0;} .guide1 .cont {height: 580px;background: url(../images/guide1.jpg) no-repeat center;} .guide1 .cont .l {float: left;width: 917px;text-align: center;position: relative;height: 100%;} .guide1 .cont .l img {display: none;max-width: 100%;max-height: 100%;} .guide1 .cont .l img.act {display: inline-block;} .guide1 .cont .r {overflow: hidden;padding: 90px 20px 0 65px;} .guide1 .cont .r .h26 {color: #fff;} .guide1 .cont .r .p {color: #fff;padding: 16px 0 50px;} .guide1 .cont .r .tab-nav {position: relative;} .guide1 .cont .r .tab-nav:before {content: "";border-left: 1px dashed #b9a397;position: absolute;left: 3px;top: 10px;bottom: 35px;} .guide1 .cont .r .tab-nav .tab-term {color: #fff;padding-left: 28px;position: relative;padding-bottom: 25px;cursor: pointer;} .guide1 .cont .r .tab-nav .tab-term:before {content: "";display: inline-block;width: 7px;height: 7px;background: #b9a397;position: absolute;left: 0;top: 7px;} .guide1 .cont .r .tab-nav .tab-term.cur {color: #e1c5b6;} .guide2 {overflow: hidden;padding: 100px 0;} .guide2 .x-tit {padding-bottom: 40px;} .guide2 .cont {height: 607px;width: 103%;} .guide2 .cont .item {width: 294px;height: 100%;float: left;margin-right: 18px;} .guide2 .cont .item .padd {padding: 48px 40px 0;} .guide2 .cont .item .ico img {height: 90px;width: auto;margin-bottom: 40px;} .guide2 .cont .item.i1 {background: url(../images/bgi1.jpg);color: #fff;} .guide2 .cont .item.i2 {background: #fff;} .guide2 .cont .item.i2 .p {color: #707070;} .guide2 .cont .item.i3 {background: url(../images/bgi2.jpg);color: #fff;} .guide2 .cont .item.i4 {background: url(../images/bgi3.jpg);color: #fff;} .guide2 .cont .item .t1 {padding-bottom: 20px;} .guide2 .cont .item .p1 {height: 160px; } .guide2 .cont .item .link-box {display: block;margin-bottom: 15px;} .guide2 .cont .item .link-box img {position: relative;top: -2px;margin-right: 10px;} .guide2 .cont .item .link-box .c {line-height: 40px;color: #fff;} .guide2 .cont .item .erweima .img {margin-bottom: 15px;width: 119px;height: 119px;overflow: hidden;} .guide2 .cont .item .erweima .img img {width: 100%;height: auto;} .guide2 .cont .item .h18 {margin-bottom: 30px;} .guide2 .cont .item .h18:before {content: "";display: inline-block;width: 17px;height: 23px;background: url(../images/left3.png) no-repeat center;vertical-align: middle;position: relative;top: -2px;margin-right: 10px;} .guide2 .cont .item .h18:after {content: "";display: inline-block;width: 17px;height: 23px;background: url(../images/right3.png) no-repeat center;vertical-align: middle;position: relative;top: -2px;margin-left: 10px;} .collection_xx1 {} .collection_xx1 .mar-wrap:before {content: "";width: 100%;height: 720px;background: url(../images/collection_xx2.jpg) no-repeat center;position: absolute;left: 0;top: 0;} .collection_xx1 .x-wrap {z-index: 1;} .collection_xx1 .x-tit {color: #fff;padding: 90px 0 40px;} .collection_xx1 .tab-mod1 {position: relative;height: 694px;} .collection_xx1 .tab-nav {width: 100%;text-align: center;z-index: 99;margin-top: 25px;} .collection_xx1 .tab-nav .tab-term {display: inline-block;cursor: pointer;position: relative;margin: 0 37px;} .collection_xx1 .tab-nav .tab-term+.tab-term:before {content: "";position: absolute;left: -55px;width: 34px;height: 7px;background: url(../images/arr6.png) no-repeat center;top: 50%;margin-top: -3px;} .collection_xx1 .tab-nav .tab-term .img {width: 33px;height: 33px;display: inline-block;vertical-align: middle;position: relative;margin-right: 10px;} .collection_xx1 .tab-nav .tab-term .img img {position: absolute;left: 0;top: 0; width: 100%; height:100%; } .collection_xx1 .tab-nav .tab-term .img img.bak {display: none} .collection_xx1 .tab-nav .tab-term .t {display: inline-block;vertical-align: middle;} .collection_xx1 .tab-nav .tab-term.cur .img img {display: none;} .collection_xx1 .tab-nav .tab-term.cur .img img.bak {display: block;} .collection_xx1 .tab-nav .tab-term.cur .t {color: #809aa5;} .collection_xx1 .tab-cont {position: relative;height: 100%;} .collection_xx1 .tab-cont .tab-item {position: absolute;left: 0;width: 100%;top: 0;visibility: hidden;height: 100%;overflow: hidden;} .collection_xx1 .tab-cont .tab-item.act {position: relative;z-index: 1;visibility: visible;} .collection_xx1 .tab-cont .tab-item iframe {width: 100%;height: 100%; position: absolute; } .collection_xx1 .slick-item {position: relative;} .collection_xx1 .focus {margin:auto;} .collection_xx1 .frame {width:100%;height:100%;} .collection_xx1 .frame .child {height:100%;float:left;} .collection_xx1 .prev {background: url(../images/left4.png) no-repeat center;left: 0;} .collection_xx1 .next {background: url(../images/right4.png)no-repeat center;right: 0;} .collection_xx1 .slick-arrow{ position: absolute; margin: auto; width: 48px; height: 50px; z-index: 2; cursor: pointer; opacity: 0.8;top: 50%;margin-top: -25px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: opacity .2s; transition: opacity .2s; z-index: 100; } .collection_xx1 .slick-arrow:hover{ opacity: 1;} .collection_xx2 {padding: 100px 0;} .collection_xx2 .x-tit .h18 {padding-bottom: 15px;} .collection_xx2 .padd {padding: 0 30px;} .collection_xx2 .cont {color: #707070;} .collection_xx2 .cont .p {padding-top: 20px;} .collection_xx2 .share-mod {text-align: center;position: relative;margin-top: 60px;} .collection_xx2 .share-mod:before {content: "";display: inline-block;vertical-align: middle;width: 50%;position: absolute;left: 0;top: 50%;height: 7px;background: url(../images/bar2.png) no-repeat left center;margin-top: -3px;} .collection_xx2 .share-mod:after {content: "";display: inline-block;vertical-align: middle;width: 50%;position: absolute;right: 0;top: 50%;height: 7px;background: url(../images/bar3.png) no-repeat right center;margin-top: -3px;} .collection_xx2 .share-mod .con {position: relative;z-index: 1;background: #f8f8f8;display: inline-block;padding: 0 20px 0 30px;} .collection_xx2 .share-mod .con:before {content: "";display: inline-block;position: absolute;left: 0;top: 50%;margin-top: -3px;width: 7px;height: 7px;background: #dadada;} .collection_xx2 .share-mod .con:after {content: "";display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -3px;width: 7px;height: 7px;background: #dadada;} #magnifier {position: relative;} .small-box {position: relative;text-align: center;} .small-box img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;} .small-box .hover {display: none;position: absolute;left: 0;top: 0;width: 100px;height: 100px;} .thumbnail-box {position: relative;width: 100%;} .big-box {display: none;overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;} .big-box img {display: inline-block;} .zoomView{ overflow:hidden; background-color: #dedede; /* 兼容标准浏览器 */ /*display: table-cell;*/ vertical-align:middle; text-align: center; /* 兼容IE6/IE7 */ *display:block; *font-size:395px; /* 字体大小约为容器高度的0.873倍 400*0.873 = 349 */ *font-family:Arial; /* 防止非utf-8引起的hack失效问题，如gbk编码 */ zoom:1; width:100%; height:100%; position: relative; } .zoomView a {display:inline;position: relative;} .zoomView img {vertical-align:middle;margin-left: auto;margin-right: auto;max-width: 100%;max-height: 100%;display: inline-block;} .mousetrap {min-height: 100%;min-width: 100%;width: 100% !important;height: 100% !important;left: 0;top: 0;} .list-mod2 {padding-bottom: 100px;} .list-mod2 .x-tit {padding-bottom: 40px;} .list-mod2 .slick-mod {} .list-mod2 .slick-mod .slick-slide {margin: 0 9px;width: 294px;} .list-mod2 .slick-mod .slick-item {background: #fff;text-align: center;height: 314px;} .list-mod2 .slick-mod .slick-item .img {width: 214px;height: 214px;margin: 30px auto 20px;text-align: center;line-height: 214px;} .list-mod2 .slick-mod .slick-item .img img {width: auto;height: auto;display: inline-block;max-height: 100%;max-width: 100%;} .list-mod2 .slick-mod .slick-item .h18 {position: relative;margin: 0 30px;} .list-mod2 .slick-mod .slick-item .h18 .s1 {background: #fff;display: inline-block;padding: 0 18px;position: relative;z-index: 1;} .list-mod2 .slick-mod .slick-item .h18:before {content: "";display: inline-block;vertical-align: middle;width: 50%;position: absolute;left: 0;top: 50%;height: 7px;background: url(../images/bar2.png) no-repeat left center;margin-top: -3px;} .list-mod2 .slick-mod .slick-item .h18:after {content: "";display: inline-block;vertical-align: middle;width: 50%;position: absolute;right: 0;top: 50%;height: 7px; background: url(../images/bar3.png) no-repeat right center;margin-top: -3px;} .list-mod2 .fun {font-family: 'xfont', Arial;text-align: center;padding-top: 40px;} .list-mod2 .fun .link-box {margin: 0 6px;cursor: pointer;} .list-mod2 .fun .link-box .c {min-width: inherit;padding: 0;width: 30px;} .list-mod2 .fun .link-box .c:after {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .article {} .article .x-tit {padding: 40px 0 0;} .article .x-tit .p {padding-top: 40px;} .article .cont {color: #707070;line-height:2.5;padding: 40px 0px 0;font-size: 18px;} .article .cont img {display: inline-block;width:800px;height: auto;margin: 3px auto;} .article .cont .h18 {color: #333333;margin: 35px 0 20px;} .article .cont .col {color: #333333;margin-bottom: 10px;} .article .cont .p {margin-bottom: 3px;} .article .down_wp {padding-top: 30px;} .article .down_wp a {color: #819aa5;display: inline-block;padding-left: 27px;background: url(../images/ico11.png) no-repeat left center;} .article .text {padding: 10px 30px 40px;color: #707070;} .article .text .p {padding-top: 20px;} .article .slick-mod {background: url(../images/bar4.png) no-repeat top center;padding-top: 100px; max-width: 800px; margin:0 auto; } .article .slick-arrow {top: 50%;} .article .slick-prev {background: url(../images/left4.png) no-repeat center;} .article .slick-next {background: url(../images/right4.png)no-repeat center;} .collection1 {padding: 75px 0 100px;} .collection1 .screen-mod {margin-bottom: 57px;} .collection1 .waterfall{ font-family: "微软雅黑"; overflow: hidden;} .collection1 .waterfall .img{ position: relative; text-align: right;margin: 40px 25px 40px 72px;} .collection1 .waterfall .img img{ display: inline-block; max-width: 100%;max-height: 100%;} .collection1 .waterfall .tit {position: absolute;left: 40px;bottom: 40px;top: 0;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;writing-mode: tb-lr;width: 21px;background: url(../images/bar5.png) no-repeat center;} .collection1 .waterfall .tit .h18 {position: absolute;bottom: 0;left: 0;z-index: 1;padding-top: 15px;color: #fff;} .collection1 .waterfall .tit .h18:before {content: "";display: block;position: absolute;left: 50%;top: 0;margin-left: -3px;width: 7px;height: 7px;background: #e8e8e8;} /*.collection1 .waterfall .tit:after {content: "";border-left: 1px dashed #e8e8e8;position: absolute;top: 0;bottom: 10px;left: 50%;width: 1px;}*/ .collection1 .wf-width{ width: 400px;} .collection1 .wf-space{ width: 15px;} .collection1 .wf-item{ width: 400px; margin-bottom: 22px; opacity: 0; overflow: hidden;background: linear-gradient(#575c6f, #f0eff5);position: relative; -webkit-transition: opacity 1s, transform 1s; -ms-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .collection1 .waterfall.show .wf-item{ opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .collection1 .wf-item:hover{ color: #809aa5;} .collection1 .wf-item:hover .tit {background-image: url(../images/bar5_a.png);} .collection1 .wf-item:hover .tit .h18:before {background: #809aa5;} .collection1 .more {display: block;margin: 80px auto 0;width: 140px;} .collection1 .link-box .c {line-height: 32px;} .collection2 {padding: 75px 0 100px;} .collection2 .screen-mod {margin-bottom: 57px;} .collection2 .waterfall{ font-family: "微软雅黑"; overflow: hidden;} .collection2 .waterfall .img{ position: relative;margin-bottom: 40px;} .collection2 .waterfall .img img{ display: inline-block; max-width: 100%;max-height: 100%;} .collection2 .waterfall .tit {position: relative;margin: 0 10px;} .collection2 .waterfall .tit .h18 {background: none;display: inline-block;padding: 0 18px;position: relative;z-index: 1;} .collection2 .waterfall .tit:before {content: "";display: inline-block;vertical-align: middle;width: 50%;position: absolute;left: 0;top: 50%;height: 7px;background: url(../images/bar2.png) no-repeat left center;margin-top: -3px;} .collection2 .waterfall .tit:after {content: "";display: inline-block;vertical-align: middle;width: 50%;position: absolute;right: 0;top: 50%;height: 7px; background: url(../images/bar3.png) no-repeat right center;margin-top: -3px;} .collection2 .wf-width{ width: 400px;} .collection2 .wf-space{ width: 15px;} .collection2 .wf-item{ width: 400px; margin-bottom: 22px; opacity: 0; overflow: hidden;background:linear-gradient(#575c6f, #f0eff5);position: relative;text-align: center;padding: 60px 0 30px; -webkit-transition: opacity 1s, transform 1s; -ms-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .collection2 .waterfall.show .wf-item{ opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .collection2 .wf-item:hover{ color: #809aa5;} .collection2 .page-mod {margin: 80px auto 0;} .exhibition1 {padding: 100px 0 0px;} .exhibition1 .cont {height: 405px;position: relative;background-repeat: no-repeat;background-position: center;} .exhibition1 .slick-mod {} .exhibition1 .slick-item {} .exhibition1 .slick-item .img {width: 50%;float: left;height: 404.8px;overflow: hidden;text-align: center;font-size: 0; letter-spacing: -1.5em;} .exhibition1 .slick-item .img:after{ content: '0'; display: inline-block; vertical-align: middle; height: 100%; font-size: 0;} .exhibition1 .slick-item .img img {display: inline-block;max-height: 100%;max-width: 100%;width: auto;} .exhibition1 .slick-item .text {overflow: hidden;} .exhibition1 .slick-item .text .padd {margin: 95px 45px;position: relative;padding-bottom: 40px;} .exhibition1 .slick-item .text .h18 {color: #fff;padding-bottom: 15px;padding-left: 18px;background: url(../images/arr4.png) no-repeat left 5px;} .exhibition1 .slick-item .text .p {color: #fff;height: 60px;padding-right: 45px;} .exhibition1 .slick-item .text .date {position: absolute;bottom: -8px;left: 0;color: #bde5ff;width: 100%;} .exhibition1 .slick-item .text .date:after {content: "";display: block;width: 40px;height: 97px;position: absolute;right: 0;bottom: 0;pointer-events: none;background: url(../images/online2_1.png) no-repeat right center;bottom: 8px;} .exhibition1 .text .date .s1 {display: inline-block;margin-right: 60px;} .exhibition1 .text .date .h16 {font-family: 'avian';} .exhibition1 .fun {font-family: 'xfont', Arial;position: absolute;left: 50%;bottom: 90px;margin-left: 45px;} .exhibition1 .fun .link-box {margin: 0 6px;cursor: pointer;} .exhibition1 .fun .link-box .c {min-width: inherit;padding: 0;width: 30px;} .exhibition1 .fun .link-box .c:after {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .exhibition2 {overflow: hidden;padding: 70px 0 100px;} .exhibition2 .x-tit {padding-bottom: 30px;} .exhibition2 .list {width: 103%;padding-top: 40px;} .exhibition2 .list .item {float: left;width: 398px;height: 435px;position: relative;margin-right: 18px;} .exhibition2 .list .item .img {width: 100%;height: 262px;overflow: hidden;} .exhibition2 .list .item .img img {width: 100%;height: auto;} .exhibition2 .list .item .h16 {color: #707070;padding: 30px 0 15px;padding-right: 10%;} .exhibition2 .list .item .p {color: #809aa5;padding-right: 10%;} .exhibition2 .list .item .date {position: absolute;bottom: 35px;left: 0;color: #707070;width: 100%;font-family: 'avian';font-size: 16px;} .exhibition2 .list .item .date:after {content: "";display: block;width: 191px;height: 79px;position: absolute;right: 10px;bottom: 0;pointer-events: none;background: url(../images/online2_2.png) no-repeat center;bottom: 8px;} .exhibition_xx1 {} .exhibition_xx1 .x-tit {color: #fff;padding: 101px 0 40px;} .exhibition_xx1 .x-tit .h26 {padding-bottom: 10px;} .exhibition_xx1 .mar-wrap {position: relative;position: relative;} .exhibition_xx1 .mar-wrap:before {content: "";width: 100%;height: 720px;background: url(../images/collection_xx2.jpg) no-repeat center;position: absolute;left: 0;top: 0;} .exhibition_xx1 .tab-nav {text-align: center;padding-bottom: 30px;} .exhibition_xx1 .tab-nav .tab-term {display: inline-block;vertical-align: middle;margin: 0 7px;cursor: pointer;} .exhibition_xx1 .tab-nav .tab-term.cur .link-box .c{color: #fff;} /*.exhibition_xx1 .tab-nav .tab-term .link-box .c:after {background: #bde5ff;}*/ .exhibition_xx1 .tab-nav .tab-term.cur .link-box .c:after {width: 150%;} .exhibition_xx1 .tab-nav .tab-term .link-box {display: block;} .exhibition_xx1 .tab-cont {position: relative;} .exhibition_xx1 .tab-cont .tab-item {position: absolute;left: 0;top: 0;width: 100%;visibility: hidden;} .exhibition_xx1 .tab-cont .tab-item.act {position: relative;z-index: 1;visibility: visible;} .exhibition_xx1 .slick-arrow {top: 50%;margin-top: -25px;} .exhibition_xx1 .slick-prev {background: url(../images/left4.png) no-repeat center;} .exhibition_xx1 .slick-next {background: url(../images/right4.png)no-repeat center;} .exhibition_xx1 .slick-item {position: relative;} .exhibition_xx1 .slick-item .vBtn{ position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.2) url(../images/five0.png) no-repeat center; left: 0; top:0; display: block; } .exhibition_xx1 .text {line-height: 1.6;padding: 70px 0;} .exhibition_xx1 .text .p {padding: 10px 0;} .exhibition_xx2 {padding: 0px 0 40px;} .exhibition_xx2 .x-tit {padding-bottom: 40px;} .exhibition_xx2 .slick-item {overflow: hidden;max-width: 1230px;} .exhibition_xx2 .slick-item .list {overflow: hidden;width: 103%;} .exhibition_xx2 .slick-item .item {float: left;width: 606px;height: 549px; margin-right: 18px;position: relative;} .exhibition_xx2 .slick-item .item .img {width: 100%;height: auto;overflow: hidden;} .exhibition_xx2 .slick-item .item:nth-child(odd) {margin-top: 55px;clear: left;} .exhibition_xx2 .slick-item .item .h16 {color: #707070;padding-right: 10%;line-height: 1.4;padding-top: 30px;} .exhibition_xx2 .slick-item .item .date {position: absolute;bottom: 35px;left: 0;color: #707070;width: 100%;} .exhibition_xx2 .slick-item .item .date:after {content: "";display: block;width: 497px;height: 76px;position: absolute;right: 10px;bottom: 0;pointer-events: none;background: url(../images/online2_3.png) no-repeat center;bottom: 8px;} .exhibition_xx2 .slick-item .item:hover .h16 {color: #809aa5;} .exhibition_xx2 .slick-item .item:hover .date:after {background-image: url(../images/online2_4.png);} .exhibition_xx2 .fun {font-family: 'xfont', Arial;text-align: center;float: right;padding-top: 3px;} .exhibition_xx2 .fun .link-box {margin: 0 6px;cursor: pointer;} .exhibition_xx2 .fun .link-box .c {min-width: inherit;padding: 0;width: 30px;} .exhibition_xx2 .fun .link-box .c:after {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .temporary1 {margin-top: 40px;} .temporary1 .cont {height: 405px;overflow: hidden;} .temporary1 .cont .l {position: relative;float: left;height: 100%;overflow: hidden;width: 50%;} .temporary1 .cont .l img {position: absolute;left: 0;top: 0;visibility: hidden;width: 100%;} .temporary1 .cont .l img.act {z-index: 1;visibility: visible;position: relative;} .temporary1 .cont .r {overflow: hidden;padding: 55px 45px 0 40px;background: url(../images/bgi4.jpg);height: 100%;} .temporary1 .cont .r .x-tit {color: #fff;padding-bottom: 10px;} .temporary1 .cont .r .scroll-cont {height: 240px;} .temporary1 .cont .r .scroll-cont .scroll-item {padding: 25px 0;} .temporary1 .cont .r .scroll-cont .scroll-item+.scroll-item {border-top: 1px dashed #fff;} .temporary1 .cont .r .scroll-cont .scroll-item .h18 {color: #fff;padding-left: 17px;background: url(../images/arr4_1.png) no-repeat left 4px;padding-bottom: 10px;} .temporary1 .cont .r .scroll-cont .scroll-item .date {color: #fff;position: relative;overflow: hidden;} .temporary1 .cont .r .scroll-cont .scroll-item .date .s1 {display: inline-block;float: left;} .temporary1 .cont .r .scroll-cont .scroll-item .date .s1:last-child {float: right;} .temporary1 .cont .r .scroll-cont .scroll-item .date .esll {min-width: 115px;margin-right: 30px;font-family: 微软雅黑;} /*.temporary1 .cont .r .scroll-cont .scroll-item .date:after {content: "";display: block;width: 130px;height: 7px;position: absolute;right: 10px;bottom: 0;pointer-events: none;background: url(../images/online2_5.png) no-repeat center;bottom: 8px;}*/ .temporary1 .cont .r .scroll-cont .scroll-item.cur .h18 {color: #e1c5b6;} .temporary1 .cont .r .scroll-cont .scroll-item.cur .date {color: #e1c5b6;} .temporary1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #e1c5b6;} .temporary1 .mCSB_scrollTools .mCSB_draggerRail {background: #e1c5b6;} .temporary2 {padding: 40px 0 100px;} .temporary2 .cont {height: 190px;overflow: hidden;} .temporary2 .cont .l {float: left;height: 100%;background: url(../images/temporary3.jpg) no-repeat center;background-size: cover;text-align: center;line-height: 190px;width: 254px;} .temporary2 .cont .l img {width: 61px;height: auto;display: inline-block;vertical-align: middle;margin-right: 20px;} .temporary2 .cont .l .h20 {display: inline-block;vertical-align: middle;color: #fff;} .temporary2 .cont .r {background: url(../images/bgi1.jpg);height: 100%;overflow: hidden;padding: 35px 45px;} .temporary2 .cont .r .h18 {color: #fff;padding-left: 17px;background: url(../images/arr4.png) no-repeat left 4px;padding-bottom: 15px} .temporary2 .cont .r .p {color: #fff;padding-right: 10%;} .temporary2 .cont .r .date {color: #bde5ff;position: relative;margin-top: 20px;} .temporary2 .cont .r .date .s1 {display: inline-block;} .temporary2 .cont .r .date .esll {min-width: 115px;margin-right: 30px;font-family: 微软雅黑;} .temporary2 .cont .r .date:after {content: "";display: block;width: 499px;height: 65px;position: absolute;right: 0;bottom: 0;pointer-events: none;background: url(../images/online2_6.png) no-repeat center;bottom: 8px;} .temporary2 .fun {font-family: 'xfont', Arial;position: absolute;right: 41px;top: 30px;z-index: 999;} .temporary2 .fun .link-box {margin: 0 6px;cursor: pointer;} .temporary2 .fun .link-box .c {min-width: inherit;padding: 0;width: 30px;height: 26px;} .temporary2 .fun .link-box .c:after {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .temporary3 {padding-bottom: 100px; box-sizing: content-box;} .temporary3 .cont {background-position: center;background-repeat: no-repeat;height: 280px;position: relative;} .temporary3 .cont .link {display: block;width: 271px;height: 124px;background: url(../images/temporary1.png) no-repeat center;background-size: cover;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;line-height: 124px;} .temporary3 .cont .link img {display: inline-block;width: 52px;height: auto;vertical-align: middle;margin-right: 20px;} .temporary3 .cont .link .h18 {display: inline-block;vertical-align: middle;color: #fff;} .volunteer1 {padding: 40px 0 0;} .volunteer1 .link_wp {text-align: center;padding-top: 30px;} .volunteer1 .cont {height: 530px;background: url(../images/volunteer1.jpg) no-repeat bottom center;padding-top: 90px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .volunteer1 .cont .img {float: left;width: 735px;height: 100%;position: relative;top: -54px;} .volunteer1 .cont .img img {width: 100%;height: auto;} .volunteer1 .cont .text {overflow: hidden;padding: 120px 20px 0 55px;color: #fff; } .volunteer1 .cont .text .x-tit {padding-bottom: 30px;} .volunteer1 .cont .text .scroll-cont {height: 215px;} .volunteer1 .cont .text .scroll-cont .p {padding-bottom: 20px;} .volunteer1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #bde5ff;} .volunteer1 .mCSB_scrollTools .mCSB_draggerRail {background: #a8c2cf;} .volunteer1 .link-box {margin: 0 7px;} .volunteer1 .link-box .c {min-width: 70px;line-height: 32px;} .volunteer1 .link-box.cur .c{color: #fff;} .volunteer1 .link-box.cur .c:after {width: 150%;} .volunteer2 {overflow: hidden;padding: 100px 0;} .volunteer2 .x-tit {padding-bottom: 40px;} .volunteer2 .list {width: 103%;} .volunteer2 .list .item {float: left;width: 398px;height: 409px;position: relative;margin-right: 18px;} .volunteer2 .list .item .img {width: 100%;height: 262px;overflow: hidden;} .volunteer2 .list .item .img img {width: 100%;height: auto;} .volunteer2 .list .item .h16 {color: #707070;padding: 30px 0 15px;padding-right: 10%;line-height: 1.6;} .volunteer2 .list .item .p {color: #809aa5;padding-right: 10%;} .volunteer2 .list .item .date {position: absolute;bottom: 35px;left: 0;color: #707070;width: 100%;font-family: 'avian';font-size: 16px;} .volunteer2 .list .item .date:after {content: "";display: block;width: 292px;height: 7px;position: absolute;right: 10px;bottom: 0;pointer-events: none;background: url(../images/online2_7.png) no-repeat center;bottom: 8px;} .volunteer2 .list .item:hover .h16 {color: #809aa5;} .volunteer2 .list .item:hover .date {color: #809aa5;} .volunteer2 .list .item:hover .date:after {background-image: url(../images/online2_8.png);} .volunteer3 {padding: 0px 0 100px;} .volunteer3 .cont {color: #fff;background: url(../images/volunteer9.jpg) no-repeat center;height: 540px;} .volunteer3 .cont .padd {padding: 90px 65px;} .volunteer3 .x-tit {padding-bottom: 40px;} .volunteer3 .scroll-cont {height: 250px;line-height: 1.8;} .volunteer3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #e1c5b6;} .volunteer3 .mCSB_scrollTools .mCSB_draggerRail {background: #b1a197;} .volunteer3 .link-box {width: 114px;display: block;margin: 40px auto 0;} .volunteer3 .link-box.orange .c {line-height: 32px;} .online1.pt-0 .list .item .text .con {height: 380px;padding-right: 45px;} .online1.pt-0 .list .item .text .h18 {padding-bottom: 30px;} .online1.pt-0 .list .item .text .p {color: #707070;margin-bottom: 40px;text-align: justify;} .online1.pt-0 .list .item .img {width: 800px;height: 454px;} .exhib_2.xg2 .con.show .scrollEx {margin-top: 35px;} .exhib_3.xg1 {height: 815px;} .exhib_3.xg1 .w .r {top: 135px;} .exhib_3.xg1 .box {background: #fff;height: 386px;position: absolute;left: 0;bottom: 0;padding: 0;width: 100%;z-index: 99;color: #333;} .exhib_3.xg1 .box:before {content: '';background: #fff;width: 100%;left: 90%;top: 0;bottom: 0;position: absolute;} .exhib_3.xg1 .box .padd {padding: 50px 0 0 60px;} .exhib_3.xg1 .box .list {width: 100%;} .exhib_3.xg1 .box .x-tit {padding-bottom: 25px;} .exhib_3.xg1 .box .list .slick-list {margin: 0 -5px;} .exhib_3.xg1 .box .list .li>a {display: block;margin: 0 5px;} .exhib_3.xg1 .box .list .img {width: 100%;height: 189px;overflow: hidden;} .exhib_3.xg1 .box .list .t3{ position: relative; line-height: 25px; text-align: center;color: #333;margin-top: 25px;} .exhib_3.xg1 .box .list .t3 span{ position: relative; z-index: 5; display: inline-block; padding:0 40px; font-size:18px; background:#fff; } .exhib_3.xg1 .box .list .t3 .line{ height: 1px; width: 100%; background:url(../images/ev2.png) repeat-x 0 0; position: absolute; left: 0; top:50%; margin-top:-0.5px; } .exhib_3.xg1 .box .list .t3 .line:before{ content:""; width: 7px; height:7px; background:#cdcdcd; position: absolute; left: 0; top:-3px; } .exhib_3.xg1 .box .list .t3 .line:after{ content:""; width: 7px; height:7px; background:#cdcdcd; position: absolute; right: 0; top:-3px; } .exhib_3.xg1 .fun {font-family: 'xfont', Arial;text-align: center;overflow: hidden;text-align: right;padding-top: 4px;} .exhib_3.xg1 .fun .link-box {margin: 0 6px;cursor: pointer;float: none;} .exhib_3.xg1 .fun .link-box .c {min-width: inherit;padding: 0;width: 30px;} .exhib_3.xg1 .fun .link-box .c:after {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .exhib_3.xg1 .w .r .i {display: block;visibility: hidden;opacity: 0;position: absolute;bottom: 0;top: 0;} .exhib_3.xg1 .w .r .i.on {opacity: 1;visibility: visible;} .exhib_3.xg1 .w .l .line {background-image: url(../images/ev1_a.png);height: 695px;} .exhib_3.xg1 .w .l .list {width: 90%;} .exhib_6.xg1 .list .li .h16 {text-align: center;display: block;padding-top: 30px;} .exhib_6.xg1 {background: none;} .history1 {padding: 100px 0;} .history1 .x-tit {padding-bottom: 40px;} .history1 .clear {height: 374px;} .history1 .l {width: 282px;margin-right: 5px;height: 100%;background: #fff;float: left;} .history1 .l .slick-mod {margin: 20px;} .history1 .l .slick-item {width: 100%;height: 334px;} .history1 .r {overflow: hidden;background: #fff;height: 100%;} .history1 .r:before {content: "";display: block;width: 764px;height: 254px;background: url(../images/arr11.png) no-repeat right bottom;position: absolute;right: 30px;bottom: 50px;} .history1 .r .padd {padding: 50px 70px 0 55px;position: relative;z-index: 1;} .history1 .r .h18 {padding-bottom: 25px;} .history1 .r .p {padding-bottom: 15px;text-align: justify;} .history1 .r .link-box {margin-top: 25px;} .history1 .slick-arrow {top: 0;bottom: 0;} .history1 .slick-prev {background: url(../images/left4.png) no-repeat center;} .history1 .slick-next {background: url(../images/right4.png) no-repeat center;} .history2 {background: #fff;padding: 100px 0;} .history2 .x-tit {padding-bottom: 40px;} .history2 .tables {} .history2 .tables table {width: 100%;} .history2 .tables table tr {background: url(../images/arr10.png) no-repeat bottom; background-position-x: inherit;} .history2 .tables table th {font-size: 16px;color: #fff;height: 60px;font-weight: normal;background: #809aa5;text-align: center;} .history2 .tables table td {color: #333;padding: 15px 0 20px;text-align: center;} .history2 .tables table .name {text-align: left;padding-left: 26%;} /*.history2 .tables .scroll1 {max-height: 576px;}*/ .history2 .mCSB_inside > .mCSB_container {margin-right: 0px;} .history2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #809aa5;} .history2 .mCSB_scrollTools .mCSB_draggerRail {background: none;} .history2 .page-mod {padding-top: 50px;} /* xf style */ .x-list1 { padding-bottom: 100px;} .x-list1 .list {} .x-list1 .list .item { position: relative; padding-bottom: 50px; overflow: hidden;} .x-list1 .list .item + .item { margin-top: 40px;} .x-list1 .list .item .img { position: relative; width: 667px; height: 436px; overflow: hidden; z-index: 1;} .x-list1 .list .item .img img {width: 100%;height: auto;} .x-list1 .list .item .text { position: absolute; right: 0; bottom: 0; background: #fff; width: 817px; height: 436px;} .x-list1 .list .item .text .con { position: absolute; right: 40px; bottom: 90px; width: 485px;} .x-list1 .list .item .text .h18 { margin-bottom: 14px; padding-right: 28px; line-height: 1.5;} .x-list1 .list .item .text .p { margin-bottom: 35px; padding-right: 28px; color: #707070;} .x-list1 .list .item .text .line{ position: relative;} .x-list1 .list .item .text .line:after{ content: ''; position: absolute; left: 120px; right: 0; bottom: 18px; height: 60px; background: url(../images/png1.png) no-repeat right bottom;} .x-list1 .list .item:nth-child(even) .img {float: right;} .x-list1 .list .item:nth-child(even) .text {left: 0;right: inherit;} .x-list1 .list .item:nth-child(even) .text .con {left: 40px;right: inherit;} .x-list1 .page-mod { margin-top: 40px;} .x-list2{ padding-bottom: 100px; overflow: hidden;} .x-list2 .list{ margin: 0 -9px; overflow: hidden;} .x-list2 .list-item{ position: relative; float: left; margin: 0 9px 40px; width: 398px; height: 475px; background-color: #fff;} .x-list2 .list-item .img{ width: 340px; height: 417px;} .x-list2 .list-item .img img{ display: block; width: 100%;} .x-list2 .list-item .h18{ margin-right: 58px; padding: 18px;} .x-list2 .list-item .line{ position: absolute; right: 29px; top: 0; margin-left: -1px; height: 417px; border-left: 1px dashed #e8e8e8; -webkit-transition-property: height, border; transition-property: height, border; -webkit-transition-duration: .5s; transition-duration: .5s; } .x-list2 .list-item .line:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 7px; height: 7px; background-color: #e8e8e8; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: .5s; transition-duration: .5s; } .x-list2 .list-item:hover .line{ height: 455px; border-color: #d7c07d;} .x-list2 .list-item:hover .line:after{ background-color: #d7c07d;} .x-list3{ padding-bottom: 100px; overflow: hidden;} .x-list3 .list{} .x-list3 .list-item{ margin-bottom: 40px; padding: 0 40px; height: 245px; background: #fff url(../images/img15.jpg) center no-repeat; overflow: hidden;} .x-list3 .list-item .img{ float: left; margin: 44px 40px 44px 0; width: 240px; height: 157px;} .x-list3 .list-item .img img{ display: block; width: 100%;} .x-list3 .list-item .cont{ padding: 55px 0; overflow: hidden;} .x-list3 .list-item .h18{ margin-bottom: 10px;} .x-list3 .list-item .h18 a{ display: block; margin-right: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .x-list3 .list-item .h18 a:hover{ color: #d7c07d;} .x-list3 .list-item .date{ float: right; font-family: avian; font-size: 16px;} .x-list3 .list-item .p{ margin-bottom: 20px; height: 42px; color: #707070; overflow: hidden;} .x-list3 .list-item .link-box{ margin-left: 5px;} .x-list3 .list-item:hover{ background-image: url(../images/img18.jpg);} .organizational1{ padding-bottom: 100px;} .organizational1 .x-tit{ margin-bottom: 37px;} .organizational1 .img{ background: url(../images/img5.jpg) center no-repeat; background-size: cover; overflow: hidden;} .organizational1 .img img{ width: 100%;} .x-bannar1{ position: relative; display: block; height: 720px;} .x-bannar1 .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover;} .x-bannar1 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .x-bannar1 .cont{ position: absolute; left: 0; right: 50%; top: 50%; padding-right: 20px; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .x-bannar1 .cont .h26{ margin-bottom: 13px;} .x-bannar1 .cont .h16{ margin-bottom: 25px;} .x-bannar1 .cont .p{} .x-tpl1{ padding-top: 100px;} .x-tpl1 .tit{ margin-bottom: 25px; text-align: center;} .x-tpl1 .tit .h26{} .x-tpl1 .tab-mod { margin-bottom: 68px;} .x-tpl1 .tab-bar { margin-bottom: 34px; text-align: center;} .x-tpl1 .scroll-box{ position: relative; height: 35px; overflow: hidden;} .x-tpl1 .scroll-unit{ position: absolute; left: 0; top: 0; white-space: nowrap;padding-top: 3px;min-width: 100%;text-align: center;} .x-tpl1 .tab-bar .tab-term {display: inline-block;margin: 0 7px;cursor: pointer;} .x-tpl1 .tab-bar .tab-term.cur .link-box .c{color: #fff;} .x-tpl1 .tab-bar .tab-term.cur .link-box .c:after {width: 150%;} .x-tpl1 .tab-bar .tab-term .link-box {display: block;} .x-tpl1 .tab-cont {} .x-tpl1 .tab-cont .tab-item {display: none;} .x-tpl1 .tab-cont .tab-item.act {display: block;} .x-tpl1 .tab-cont .tab-item .cont { margin-bottom: 38px;} .x-tpl1 .tab-cont .tab-item .cont:after {content: "";display: block;clear: both;zoom:1;} .x-tpl1 .tab-cont .tab-item .cont .item { position: relative; float: left; width: 400px; background-color: #fff;cursor: pointer;} .x-tpl1 .tab-cont .tab-item .cont .item + .item { margin-left: 15px;} .x-tpl1 .tab-cont .tab-item .cont .item .img { width: 355px; height: 233px;} .x-tpl1 .tab-cont .tab-item .cont .item .img img { width: 100%;} .x-tpl1 .tab-cont .tab-item .cont .item .h16 { margin-right: 45px; padding: 19px; color: #707070; text-align: center;} .x-tpl1 .tab-cont .tab-item .cont .item .line{ position: absolute; right: 22px; top: 0; margin-left: -1px; height: 233px; border-left: 1px dashed #e8e8e8; -webkit-transition-property: height, border; transition-property: height, border; -webkit-transition-duration: .5s; transition-duration: .5s; } .x-tpl1 .tab-cont .tab-item .cont .item .line:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 7px; height: 7px; background-color: #e8e8e8; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: .5s; transition-duration: .5s; } .x-tpl1 .online2 .cont .list .item .date{ font-family: avian; font-size: 16px; color: #eacdbb;} .x-tpl1 .online2 .cont .list .item .date:after{ width: 434px; height: 97px; background-image: url(../images/png5.png);} .x-tpl1 .taobao{ margin-bottom: 40px;} .x-tpl2{ padding: 40px 0 100px;} .x-tpl2 .tit{ margin-bottom: 26px; text-align: center;} .x-tpl2 .tab-mod { margin-bottom: 80px;} .x-tpl2 .tab-bar { margin-bottom: 40px; text-align: center;} .x-tpl2 .scroll-box{ position: relative; height: 35px; overflow: hidden;} .x-tpl2 .scroll-unit{ position: absolute; left: 0; top: 0; white-space: nowrap;padding-top: 3px;min-width: 100%;text-align: center;} .x-tpl2 .tab-bar .tab-term {display: inline-block;margin: 0 7px;cursor: pointer;} .x-tpl2 .tab-bar .tab-term.cur .link-box .c{color: #fff;} .x-tpl2 .tab-bar .tab-term.cur .link-box .c:after {width: 150%;} .x-tpl2 .tab-bar .tab-term .link-box {display: block;} .x-tpl2 .tab-cont {} .x-tpl2 .tab-cont .tab-item {display: none; overflow: hidden;} .x-tpl2 .tab-cont .tab-item.act {display: block;} .x-tpl2 .unit-list{ margin: 0 -8px 0 -7px;} .x-tpl2 .unit-item{ position: relative; float: left; margin: 0 8px 20px 7px; width: 400px; background-color: #fff; cursor: pointer;} .x-tpl2 .unit-item .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5) url(../images/png6.png) center no-repeat; opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .5s; transition-duration: .5s; } .x-tpl2 .unit-item .img{ position: relative; width: 100%; height: 233px; overflow: hidden;} .x-tpl2 .unit-item .img img{ display: block; width: 100%;height: 100%;} .x-tpl2 .unit-item .h16{ padding: 20px; color: #707070; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .x-tpl2 .unit-item.top2{ margin-right: 0; margin-bottom: 40px; padding-bottom: 22px; width: 605px; background-color: transparent;} .x-tpl2 .unit-item.top2 + .top2{ margin-left: 20px;} .x-tpl2 .unit-item.top2 .img{ width: 100%; height: 398px;} .x-tpl2 .unit-item.top2 .h16{/* position: absolute;*/ left: 80px; right: 80px; bottom: 19px; padding-top: 34px; padding-bottom: 34px; background: #fff; color: #707070;} .x-tpl2 .unit-item .line{ position: absolute; right: 22px; top: 0; margin-left: -1px; height: 233px; border-left: 1px dashed #e8e8e8;} .x-tpl2 .unit-item .line:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 7px; height: 7px; background-color: #e8e8e8; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .x-tpl2 .unit-item:hover .mask{ opacity: 1; visibility: visible;} .x-bannar2{} .x-bannar2 .slick-item{ height: 780px; background: center no-repeat; background-size: cover;} .x-tpl3{ position: relative; margin-bottom: 175px; padding-top: 60px;} .x-tpl3 .bg{ position: absolute; right: 0; bottom: 75px; left: 50%; margin-left: -380px; height: 548px; background: center no-repeat; background-size: cover;} .x-tpl3 .himg{ margin: 0 auto 84px; width: 196px; height: 188px; overflow: hidden;} .x-tpl3 .himg img{ display: block; width: 100%;} .x-tpl3 .box{ position: relative; padding-top: 60px;} .x-tpl3 .fl{ float: left; padding-bottom: 50px; width: 747px; background-color: #fff;} .x-tpl3 .fr{ color: #fff; overflow: hidden;} .x-tpl3 .tit{ padding: 44px 30px 34px 45px; overflow: hidden;} .x-tpl3 .tit .h26{ float: left;} .x-tpl3 .tit .link-box{ float: right;} .x-tpl3 .fl .ul{} .x-tpl3 .fl .li{ position: relative; padding: 0 55px 0 45px; overflow: hidden;} .x-tpl3 .fl .li:before{ content: ''; position: absolute; right: 40px; bottom: 36px; width: 255px; height: 54px; background: url(../images/png17.png) no-repeat;} .x-tpl3 .fl .li + .li{ margin-top: 20px;} .x-tpl3 .fl .img{ float: left; margin-right: 30px; width: 290px; height: 190px;} .x-tpl3 .fl .cont{ position: relative; padding-top: 29px; overflow: hidden;} .x-tpl3 .fl .cont .h18{ margin-bottom: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .x-tpl3 .fl .cont .h18:hover{ color: #d7c07d;} .x-tpl3 .fl .cont .p{ margin-bottom: 32px; color: #707070;} .x-tpl3 .fl .cont .date{ font-family: avian; font-size: 16px;} .x-tpl3 .fr{} .x-tpl3 .fr .tit{ padding-left: 40px;} .x-tpl3 .fr .list{ padding: 0 22px 0 40px;} .x-tpl3 .fr .link{ position: relative; display: block; padding: 22px 35px 22px 30px; background-color: #772410; overflow: hidden; -webkit-transition-property: margin; transition-property: margin; -webkit-transition-duration: .5s; transition-duration: .5s; } .x-tpl3 .fr .link:before, .x-tpl3 .fr .link:after{ content: ''; position: absolute; top: 50%; right: 90px;} .x-tpl3 .fr .link:before{ left: 180px; border-bottom: 1px dashed #84261f;} .x-tpl3 .fr .link:after{ width: 5px; height: 5px; background-color: #84261f; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .x-tpl3 .fr .link:nth-child(even){ background-color: #621e0a;} .x-tpl3 .fr .link .s{ position: relative; float: left; margin: 3px 0; width: 145px; font-size: 20px; text-align: center;} .x-tpl3 .fr .link .s:before, .x-tpl3 .fr .link .s:after{ content: ''; position: absolute; top: 50%; width: 17px; height: 23px; background: no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .x-tpl3 .fr .link .s:before{ left: 0; background-image: url(../images/png18.png);} .x-tpl3 .fr .link .s:after{ right: 0; background-image: url(../images/png19.png);} .x-tpl3 .fr .ico{ float: right; width: 35px; height: 37px; overflow: hidden;} .x-tpl3 .fr .ico img{ display: block; width: 100%;} .x-tpl3 .fr .link:hover{ margin-right: -22px;} .x-tpl4{ padding: 0px 0 80px; background: #fff url(../images/img39.jpg) center bottom no-repeat;} .x-tpl4 .himg{ margin: 0 auto 24px; width: 196px; height: 188px; overflow: hidden;} .x-tpl4 .himg img{ display: block; width: 100%;} .x-tpl4 .fl{ float: left; width: 696px; height: 542px; background: url(../images/img40.jpg) center no-repeat; background-size: cover; color: #fff;} .x-tpl4 .fr{ float: right; width: 36.9%; height: 542px; background: url(../images/img41.jpg);} .x-tpl4 .bt{ padding-top: 57px; color: #fff; clear: both;} .x-tpl4 .tit{ padding: 46px 40px 38px; overflow: hidden;height: 5%;} .x-tpl4 .tit .h26{ float: left; max-width: 300px;} .x-tpl4 .tit .link-box{ float: right;} .x-tpl4 .tit .link-box .c{ line-height: 31px;} .x-tpl4 .first{ margin: 0 20px 26px 40px; padding-bottom: 30px; border-bottom: 1px solid #d7c07d; overflow: hidden;} .x-tpl4 .first .img{ float: left; margin-right: 20px; width: 277px; height: 182px;} .x-tpl4 .first .cont{ padding-top: 5px; overflow: hidden;} .x-tpl4 .first .h18{ margin-bottom: 16px;} .x-tpl4 .first .p{ margin-bottom: 22px;} .x-tpl4 .first .date{ font-family: avian; font-size: 16px;} .x-tpl4 .fl .ul{ padding: 0 40px;} .x-tpl4 .fl .li{ position: relative; padding-left: 20px; padding-right: 150px; background: url(../images/png23.png) left no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .x-tpl4 .fl .li .date{ position: absolute; top: 0; right: 0; font-family: avian;} .x-tpl4 .fl .li + .li{ margin-top: 8px;} .x-tpl4 .fr .ul{ margin-top: -17px; padding: 0 40px;height: 70%;} .x-tpl4 .fr .li{height: calc(100% / 7); padding: 0px 25px; border-bottom: 1px solid #e6e6e6; background: url(../images/png24.png) left no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: flex; align-items: center;} .x-tpl4 .fr .li:hover{ background-image: url(../images/png23.png); border-color: #e8d08a; color: #d7c07d;} .x-tpl4 .bt .h26{ margin-bottom: 30px; text-align: center;} .x-tpl4 .bt .ul{ overflow: hidden;} .x-tpl4 .bt .li{ float: left; width: 324px; height: 136px; background: url(../images/png25.png) no-repeat; text-align: center;} .x-tpl4 .bt .li + .li{ margin-left: 129px;} .x-tpl4 .bt .icon{ margin: 28px auto 8px; width: 60px; height: 54px; overflow: hidden;} .x-tpl4 .bt .icon img{ display: block; width: 100%;} .x-tpl4 .bt .h16{} .x-tpl5{ padding: 86px 0 100px;} .x-tpl5 .himg{ margin: 0 auto 23px; width: 196px; height: 188px; overflow: hidden;} .x-tpl5 .himg img{ display: block; width: 100%;} .x-tpl5 .fl{ position: relative; float: left; width: 50%;} .x-tpl5 .fl .ul{} .x-tpl5 .fl .li{ position: absolute; width: 180px; height: 366px; background: center no-repeat; color: #fff;} .x-tpl5 .fl .li.l1{ left: 0; top: 82px; background-image: url(../images/img42.jpg); z-index: 4;} .x-tpl5 .fl .li.l2{ left: 134px; top: 146px; background-image: url(../images/img43.jpg); z-index: 3;} .x-tpl5 .fl .li.l3{ left: 265px; top: 52px; background-image: url(../images/img44.jpg); z-index: 2;} .x-tpl5 .fl .li.l4{ left: 397px; top: 125px; background-image: url(../images/img45.jpg); z-index: 1;} .x-tpl5 .fl .in{ position: absolute; left: 50%; top: 50%; width: 50px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .x-tpl5 .fl .in:after{ content: ''; display: table; clear: both;} .x-tpl5 .fl .h20{ margin-right: 5px;} .x-tpl5 .fl .h20, .x-tpl5 .fl .more{ float: left; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .x-tpl5 .fl .li:hover{} .x-tpl5 .fr{ float: right; padding: 52px 0; width: 50%; background-color: #fff;} .x-tpl5 .first{ margin: 0 40px 26px; padding-bottom: 30px; border-bottom: 1px solid #ececec; overflow: hidden;} .x-tpl5 .first .img{ float: left; margin-right: 20px; width: 296px; height: 193px;} .x-tpl5 .first .cont{ padding-top: 5px; overflow: hidden;} .x-tpl5 .first .h18{ margin-bottom: 19px;} .x-tpl5 .first .h18:hover{ color: #d7c07d;} .x-tpl5 .first .p{ margin-bottom: 15px; color: #707070; text-align: justify; text-justify: inter-ideograph;} .x-tpl5 .first .date{ font-family: avian; font-size: 16px;} .x-tpl5 .fr .ul{ padding: 0 40px;} .x-tpl5 .fr .li{ position: relative; padding-left: 20px; padding-right: 150px; background: url(../images/png24.png) left no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .x-tpl5 .fr .li .date{ position: absolute; top: 0; right: 0; font-family: avian;} .x-tpl5 .fr .li + .li{ margin-top: 8px;} .x-tpl5 .fr .li:hover{ background-image: url(../images/png23.png); color: #d7c07d;} .x-tpl5 .fr .center{ margin-top: 45px;} .pop-atlas{ background-image: url(../images/opacity-b80.png); text-align: center; color: #fff;} .pop-atlas .pop-dialog{ width: 1230px; height: 750px;} .pop-atlas .pop-close{ right: 0; top: 0; width: 40px; height: 40px; background: url(../images/png7.png);} .pop-atlas .pop-close:after{ display: none;} .pop-atlas .slick-arrow{ top: 0; bottom: 100px; background: no-repeat;} .pop-atlas .slick-prev{ background-image: url(../images/png8.png);} .pop-atlas .slick-next{ background-image: url(../images/png9.png); background-position: right;} .pop-atlas .slick-mod{ margin: 0 auto 22px; width: 1000px;} .pop-atlas .slick-slide{} .pop-atlas .slick-item{} .pop-atlas .slick-item .img{ margin-bottom: 22px; width: 1000px; height: 650px; overflow: hidden;} .pop-atlas .slick-item .img img{ display: block; width: 100%; height: 100%; object-fit: contain;} .pop-atlas .slick-item .h16{} .pop-atlas .slick-paging{ font-family: avian; font-size: 16px;} .taobao{ padding: 31px 45px; background: url(../images/img23.jpg);/* overflow: hidden; */position: relative;z-index: 4;} .taobao .link-box{ float: right; margin-left: 15px;} .taobao .h18{ color: #fff; overflow: hidden;} .paper_list1 .tab-nav .scroll-box{ position: relative; height: 35px; overflow: hidden;} .paper_list1 .tab-nav .scroll-unit{ position: absolute; left: 0; top: 0; white-space: nowrap; padding-top: 3px; min-width: 100%; text-align: center;} .taobao .link-box .tip_box{display:none;position: absolute;top: 100%;left: 50%;background: #bde5ff;border: 5px solid #bde5ff;width: 178px;height: 178px;margin-left: -94px;margin-top: 20px;} .taobao .link-box .tip_box:before{content: "";display: block;border-bottom:10px solid #bde5ff;border-left: 13px solid transparent;border-right: 13px solid transparent;width:0;height:0;position: absolute;top: -10px;left: 50%;margin-left: -13px;} .taobao .link-box .tip_box img{width: 100%;height: 100%;} .taobao .link-box:hover .tip_box{display: block;} @media screen and (max-width:1750px){ .home2 .l .cont .item .date{ font-size: 26px; } } @media screen and (min-width:1230px){ .home2 .l .l_img .top img {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .home3 .l .slick_wp .slick-item img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .home3 .l .slick_wp .slick-item:hover img {-webkit-transform:scale(1.2);transform:scale(1.1);} .home2 .l .l_img .top:hover img {-webkit-transform: rotate(360deg);transform: rotate(360deg);} .home4 .tab-cont .tab-item .cont .item .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .home4 .tab-cont .tab-item .cont .item:hover .img img {-webkit-transform:scale(1.1) translateY(-25px);transform:scale(1.1) translateY(-25px);} .home5 .content .list .item .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .home5 .content .list .item:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1);} .home5 .r .img img {width: 100%;height: auto;} .home5 .r .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .home5 .r .img:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);} .home3 .r .slick-item .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .home3 .r .slick-item:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1);} .online1 .list .item .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .online1 .list .item .img:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);} .list-mod .list .item:hover .ico img{ animation:rot 0.5s; -webkit-animation:rot 0.5s; } .list-mod2 .slick-mod .slick-item .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .list-mod2 .slick-mod .slick-item:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1);} .list-mod2 .slick-mod .slick-item:hover .h18 {color: #809aa5;} .collection1 .waterfall .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .collection1 .waterfall .wf-item:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1);} .collection2 .waterfall .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;fliter:drop-shadow(10px 10px 15px #828282); -webkit-filter:drop-shadow(10px 10px 15px #828282);} .collection2 .waterfall .wf-item:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1);} .exhibition_xx2 .slick-item .item img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .exhibition_xx2 .slick-item .item:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);} .exhibition2 .list .item .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .exhibition2 .list .item:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1);} .volunteer2 .list .item .img img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .volunteer2 .list .item:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1);} .link-box:hover .c{color: #fff;} .link-box:hover .c:after {width: 200%;} .link-box.blue:hover .c {color: #fff;} .link-box.orange:hover .c {color: #fff;} .x-tpl4 .bt .li:hover .icon{ animation:rot 0.5s; -webkit-animation:rot 0.5s; } } @media screen and (min-width: 1024px) and (max-width: 1460px) { .home1 .focus {height: 688px;} .home1 .cont.x-show {right: 80px;} .home2 .l .cont .item+.item:before {left: -38px;} .home2 .l .cont .item+.item {margin-left: 65px;} .home2 .r .r_link .con {/* width: 384px; */} .home2 .r .r_link .link {/* width: 222px; */} .home2 .r .r_link .link:hover {/* width: 264px; */} .home3 .l .r_list {} .home3 .l .r_list .x-tit {padding-left: 0;} .home3 .l .slick_wp {width: 63%;position: relative;} .home3 .l .slick_wp .slick-mod {position: absolute;width: 100%;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .home3 .l .r_list .tab-cont .tab-item .item {margin: 25px 0;} .home3 .l .slick-dots {left: 75%;} .home4 .x-wrap2 {height: 735px;} .home4 .x-tit {padding: 60px 0 20px;} .home4 .tab-cont .tab-item .cont .item {margin-top: 128px;height: 396px;} .home4 .tab-cont .tab-item .cont .item .img {height: 290px;} .home4 .tab-cont .tab-item .cont .item.i2 {margin-top: 25px;height: 502px;} .home4 .tab-cont .tab-item .cont .item.i2 .img {height: 400px;} .home5 .content .list .item {/* width: 327px; */} .home5 .content .list .item .img {height: auto;} .home5 .clear {height: 477px;} .home5 .l .list .item {padding: 25px 15px;} .home3 .l .r_list .tab-bar .tab-term:last-child {padding-right: 0;} .pop-atlas .pop-dialog{ height: 590px;} .pop-atlas .slick-item .img{ height: 510px;} } @media screen and (min-width: 1024px) and (max-width: 1386px) { .home1 .focus {height: 648px;} .home3 .clear {height: 414px;} .home3 .l .r_list .tab-cont .tab-item .item {margin: 24px 15px;} .home3 .l .r_list .tab-bar .tab-term .link-box .c {padding: 0 8px;} .home3 .r .x-tit {padding-bottom: 15px;} .home3 .r .slick-item .txt {padding-top: 15px;} .home4 .x-wrap2 {height: 705px;} .home4 .tab-cont .tab-item .cont .item {margin-top: 118px;height: 375px;} .home4 .tab-cont .tab-item .cont .item.i2 {margin-top: 19px;height: 476px;} .home5 .content .list .item {width: 49.5% ;} } @media screen and (min-width: 1024px) and (max-width: 1290px) { .home1 .focus {height: 588px;} .home2 .r .r_link .con {/* width: 354px; */} .home2 .r .r_link .link {/* width: 192px; */} .home2 .r .r_link .link:hover {/* width: 234px; */} .home2 .l .cont .item .date{font-size: 26px;} .home2 .l .l_img .txt{padding-top: 7px;} .home3 .l .r_list .tab-cont .tab-item .item {margin: 20px 15px;} .home3 .clear {height: 394px;} .home3 .l {width: 75%;} .home3 .r .more {margin-top: 10px;} .home4 .x-wrap2 {height: 667px;} .home4 .x-wrap2 {height: 667px;} .home4 .x-tit {padding: 50px 0 15px;} .home4 .scroll-box {margin: 0 290px;} .home4 .tab-cont .tab-item .cont .item {margin-top: 120px;height: 364px;} .home4 .tab-cont .tab-item .cont .item .img {height: 280px; margin: 30px 3.5% 0;} .home4 .tab-cont .tab-item .cont .item.i2 {margin-top: 30px;height: 455px;} .home4 .tab-cont .tab-item .cont .item.i2 .img {height: 350px;} .home4 .tab-cont .tab-item .cont .item .h18 {bottom: 15px;} .home4 .tab-cont .tab-item .cont .item.i2 .h18 {bottom: 37px;} .home5 .clear {height: 447px;} .home5 .l .list {padding: 0 15px;} .home5 .l .list .item {padding: 20px 15px;} .home5 .content .list .item {width: 296px;} } @media screen and (max-width: 750px){ .pop-alert .pop-dialog{ width: 7rem; height: 5rem;} .home4 .tab-cont .tab-item .cont .item .h18 {position: absolute;bottom: 22px;width: 80%;margin:0 auto} /* 移动端详情页 */ .article{ padding:0.8rem 0; } .article .x-tit {padding-top: 0;} .article .cont .h18 {margin: 0.4rem 0 0.2rem;} .article-title{ margin-bottom: 0.4rem;} .article-title .h24{ font-size:0.36rem; margin-bottom: 0.2rem; } .article-title .info span{ margin:0 0.1rem; } .article-cont{ margin-bottom: 0.3rem; } .article-cont .p{ margin-bottom: 0.2rem; } .article-paging{ padding:0.3rem 0; line-height:1.5; } .article-paging .prev{ margin-bottom: 0.2rem;} .article-paging .prev, .article-paging .next{ float: none; padding:0 0 0 0.5rem; width: 100%; text-align: left; } .article-paging .prev:before, .article-paging .next:before{ right:auto; left:0; width:0.42rem; height:0.42rem; font-size: 0.28rem; } .article .down_wp {padding-top: 0.3rem;} .article .share-mod{ padding: 0.5rem 0;} .article .share-box .share-item{ width: 0.6rem; font-size: 0.4rem;} /* 移动端搜索结果页 */ .result{ padding:0.8rem 0; } .result .h24{ font-size:0.36rem; } .result .h24 span{ margin-left: 0.3rem; font-size:0.3rem; } .result .list{ margin-bottom: 0.5rem; } .result .list-item{ padding:0.4rem 0; } .result .list .h18{ font-size:0.3rem; margin-bottom: 0.2rem; } /* 移动端网站地图 */ .sitemap{ padding:0.4rem 0; } .sitemap dl{ padding: 0.3rem 0;} .sitemap dt{ font-size: 0.32rem; } .sitemap dd{ margin-top: 0.2rem; } .sitemap dd a{ margin-right: 0.2rem;} .list-mod {} .list-mod .mar-wrap {background-repeat: repeat;padding: 0.6rem 0;} .list-mod .list {width: auto;text-align: center;height: auto;overflow: hidden;} .list-mod .list:before {display: none;} .list-mod .list .item {display: inline-block;float: none;margin: 0.1rem;width: 2.4rem;height: 2.4rem;} .list-mod .list .item:first-child {display: block;margin: 0 auto;background: none;width: auto;height: auto;color: #333;} .list-mod .list .item:first-child .h24 {color: #333;padding-bottom: 0.3rem;} .list-mod .list .item .ico {margin: 0.5rem auto 0.2rem;width: 1.2rem;height: auto;} .list-mod.red .list .item:first-child{ background: none;} .link-box .c {padding: 0 0.15rem;line-height: 0.6rem;min-width: 1.4rem;} .link-box.yellow .c { line-height: 0.6rem;} .home1 {background: #3d5a76;} .home1 .cont {position: static;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);margin: 0.4rem 0.25rem;width: auto;} .home1 .cont:before, .home1 .cont:after {background-size: 100% 100%;} .home1 .cont .btn1 {display: none;} .home1 .focus {height: 7rem;} .home2 {padding: 0rem 0;} .home2 .clear {height: auto;} .home2 .x-tit {padding-bottom: 0.4rem;} .home2 .l {width: auto;float: none;margin-right: 0;margin-bottom: 0rem;padding: 20px;} .home2 .l .cont {padding: 0.6rem 0 0.6rem 0.25rem;} .home2 .l .cont .item .date {font-size: 0.6rem;padding-bottom: 0.15rem;} .home2 .l .cont .item+.item {margin-left: 0.85rem;} .home2 .l .cont .item+.item:before {left: -0.56rem;} .home2 .r {width: auto;float: none;} .home2 .l .l_img {width: 100%;float: none;} .home2 .l .l_img .padd {padding: 0.6rem 0.3rem;} .home2 .r .r_link {position: static;width: auto;} .home2 .r .r_link .con .link.a1{margin:0;} .home2 .r .r_link .link .ico{margin-top:0rem;} .home2 .r .r_link .con {width: auto;height:auto;} .home2 .r .r_link .link {width:25% !important;height: auto;margin-top: 0rem;padding:0.6rem 0;margin-right: 0;} .home2 .r .r_link .link .h20 {margin: 0.6rem 0;} .home3 .l .slick_wp{float:none;} .home3 .l .r_list .tab-mod1{position:static;transform:translateY(0);-webkit-transform:translateY(0);} .home2 .r .r_link .link .x {margin: 0.6rem 0;} .home3 .clear {height: auto;} .home3 .l {float: none;width: auto;margin-right: 0;} .home3 .l .slick_wp {width: 100%;} .home3 .l .slick-dots {left: 60%;} .home3 .l .slick_wp .slick-item .mask .h18 {padding: 0 40% 0 0.3rem;} .home3 .l .slick-dots li {padding: 0;} .home3 .l .r_list {padding: 0.6rem 0.25rem;padding-bottom:0;} .home3 .l .r_list .x-tit {padding-left: 0.15rem;margin-bottom: 0;} .home3 .l .r_list .tab-cont .tab-item .item {padding: 0.3rem 0.15rem;margin:0;} .home3 .l .r_list .tab-cont .tab-item .item .p a{margin:0.1rem 0;} .home3 .l .r_list .tab-cont .tab-item .more {margin-left: 0.15rem;display: inline-block;margin-top: 0.2rem;} .home3 .r {padding: 0.6rem 0;} .home3 .r .x-tit {padding: 0 0.4rem 0.4rem;} .home3 .r .slick-item .txt {padding: 0.3rem 0.35rem 0;} .home3 .r .more {margin: 0.2rem 0 0 0.4rem;} .home4 .mar-wrap{ height: auto; padding-bottom: 1rem; background: none !important;} .home4 .scroll-box {margin: 0 0.4rem;height: 0.8rem;} .home4 .x-tit {padding: 0 0 0.4rem;} .home4 .x-wrap2 {height: auto;background-size: cover;padding: 0.8rem 0;} .home4 .tab-bar {margin-bottom: 0.4rem;} .home4 .tab-cont .tab-item .cont {text-align: center;} .home4 .tab-cont .tab-item .cont .item {margin: 0 auto 0.3rem auto; float: left;width: 80%;height: auto;} .home4 .tab-cont .tab-item .cont .item.i1{left: 50%;transform: translate(-50%);} .home4 .tab-cont .tab-item .cont .item .img {height: auto;margin: 0;} .home4 .tab-cont .tab-item .cont .item.i2 ,.home4 .tab-cont .tab-item .cont .item.i3{height: auto; width: 50%; margin: 0 0 0.3rem;} .home4 .tab-cont .tab-item .cont .item.i2 .img {height: auto;margin: 0;} .home4 .tab-cont .tab-item .cont .item .h18 {bottom: 0;position: static !important;padding-top: 0.15rem;} .home4 .tab-bar .tab-term .link-box .c {min-width: 60px;} .home4 .more.link-box {margin-top: 0.8rem;position: static;} .home5 .clear {height: auto;} .home5 .l {float: none;width: auto;padding: 0.6rem 0;} .home5 .bwg{margin: 0 !important;padding: 0;} .home5 .l .cont .info{margin-bottom: 0;} .home5 .clear .img{padding: 0;} .home5 .x-tit {padding: 0 0.4rem 0;} .home5 .l .list .item {padding: 0.3rem 0.15rem 0.3rem;} .home5 .l .list {padding: 0 0.3rem;} .home5 .l .list .item .date .s1 {font-size: 0.6rem;} .home5 .content {float: none;width: auto;padding: 0.6rem 0.25rem 0.4rem;margin: 0;} .home5 .content .x-tit {padding-bottom: 0.4rem;} .home5 .content .list {width: auto;} .home5 .content .list .item {width: auto;float: none;} .home5 .content .list .item .img {height: auto;} .home5 .content .list .item .h16 {padding: 0.3rem 0.3rem 0.4rem;} .home5 .r {float: none;width: auto;padding: 0.6rem 0.3rem;} .home5 .r .x-tit {padding-bottom: 0.6rem;} .article .text {padding: 0.1rem 0rem 0.4rem;} .article .slick-mod {padding-top: 1rem;} .article .x-tit .p {padding-top: 0rem;} .article .text .p {padding-top: 0.2rem;} .article .cont {padding: 0.4rem 0 0;} .screen-mod {height: auto;} .screen-mod .justify {text-align: justify;} .screen-mod .select-mod {width: 6.82rem;margin-bottom: 0.2rem} .screen-mod .input {width: 4.6rem;} .screen-mod .link-box .c {width: 1.8rem;line-height: 0.58rem;} .screen-mod .submit {height: auto;vertical-align: top;} .screen-mod .input .bp-border {padding: 0.11rem 0.3rem;} .collection1 .link-box .c {line-height: 0.6rem;} .select-mod .select-native {padding: 0.12rem 0.3rem;font-size: 0.26rem;} .screen-mod .input .bp-border input {font-size: 0.26rem;line-height: inherit;height: inherit;} .collection1 {padding: 0.8rem 0;} .collection1 .screen-mod {margin-bottom: 0.3rem;} .collection1 .wf-item{ width: 7rem; margin-bottom: 0.2rem;} .collection1 .waterfall .tit {left: 0.6rem;bottom: 0.6rem;} .collection1 .waterfall .img {margin: 0.6rem 0.4rem 0.6rem 0.9rem;} .collection1 .more {margin: 0.4rem auto 0;} .collection2 {padding: 0.8rem 0;} .collection2 .screen-mod {margin-bottom: 0.3rem;} .collection2 .wf-item{ width: 7rem; margin-bottom: 0.2rem;padding: 0.6rem 0;} .collection2 .waterfall .img {margin: 0 auto 0.6rem; width: 70%; } .collection2 .page-mod {margin: 0.4rem auto 0;} .collection_xx1 .mar-wrap {padding-bottom: 0.8rem;} .collection_xx1 .x-tit {padding: 0.8rem 0 0.4rem;} .collection_xx1 .tab-mod1 {height: auto;} .collection_xx1 .mar-wrap:before {height: 100%;bottom: 0;} .collection_xx1 .tab-nav {position: static;background: #fff;padding: 0.2rem;margin-top: 0;} .collection_xx1 .tab-nav .tab-term {margin: 0 0.4rem;} .collection_xx1 .tab-nav .tab-term+.tab-term:before {display: none;} .collection_xx2 {padding: 0.8rem 0;} .collection_xx2 .x-tit .h18 {padding-bottom: 0.2rem;} .collection_xx2 .cont .p {padding-top: 0.2rem;} .collection_xx2 .padd {padding: 0;} .collection_xx2 .share-mod {margin-top: 0.6rem;} .list-mod2 {padding-bottom: 0.8rem;} .list-mod2 .x-tit {padding-bottom: 0.4rem;} .list-mod2 .fun {padding-top: 0.4rem;} .exhibition1 {padding: 0.8rem 0 0;} .exhibition1 .slick-item .img {float: none;width: auto;height: 4.61rem;} .exhibition1 .cont {height: auto;background-repeat:repeat;padding-bottom: 0.6rem;} .exhibition1 .slick-item .text .padd {margin: 0.6rem 0.3rem 0.4rem;padding-bottom: 0;} .exhibition1 .slick-item .text .date {position: relative;bottom: 0;} .exhibition1 .fun {position: static;margin-left: 0;text-align: center;} .exhibition1 .slick-item .text .p {height: auto;padding-right: 10%;margin-bottom: 0.2rem;} .exhibition1 .text .date .s1 {display: block;} .exhibition1 .slick-item .text .h18 {padding-left: 0.3rem;background-position: left 0.05rem;} .exhibition2 {padding-top: 0.8rem; } .exhibition2 .list {padding-top: 0.4rem;width: auto;} .exhibition2 .list .item {float: none;width: 100%;height: auto;margin-bottom: 0.6rem;} .exhibition2 .list .item .img {height: auto;} .exhibition2 .list .item .date {position: relative;bottom: inherit;font-size: 0.28rem;} .exhibition2 .list .item .h16 {padding: 0.4rem 10% 0.2rem 0;} .exhibition2 .list .item .p {padding-bottom: 0.2rem;} .exhibition2 {padding-bottom: 0.8rem;} .exhibition2 .x-tit {padding-bottom: 0.4rem;} .online1 {padding: 0.8rem 0;} .online1 .list .item {padding-bottom: 0;} .online1 .list .item+.item {margin-top: 0.2rem;} .online1 .page-mod {margin-top: 0.6rem;} .online1 .list .item .img {width: 100%;height: auto;float: none !important;} .online1 .list .item .text {position: static;width: auto;height: auto;padding: 0.4rem 0.3rem;} .online1 .list .item .text .h18 {padding-right: 10%;padding-bottom: 0.4rem;} .online1 .list .item .text .con{position: static;width: auto;height: auto;background: none;} .online2 {padding-bottom: 0.8rem;} .online2 .cont {height: auto;background-repeat: repeat;} .online2 .cont .x-tit {padding: 0.6rem 0.3rem 0.4rem;} .online2 .cont .list .item {width: auto;display: block;margin: 0 0.3rem;padding-bottom: 0.6rem;background-size: cover;} .online2 .cont .list .item .date {position: relative;bottom: 0;} .online2 .cont .list .item .p {height: auto;padding-right: 10%;padding-bottom: 0.2rem;} .online2 .cont .list .item .h18 {padding-bottom: 0.2rem;padding-left: 0.3rem;background-position: left 0.05rem;} .exhibition_xx1 .x-tit {padding: 0.8rem 0 0.5rem;} .exhibition_xx1 .tab-nav {padding-bottom: 0.5rem;} .exhibition_xx1 .x-tit .h26 {padding-bottom: 0.1rem;} .x-tit.center .h26 {line-height: 1.4;} .article .cont img{width:100%} .exhibition_xx1 .tab-nav .tab-term .link-box .c {min-width: 1.2rem;} .exhibition_xx1 .slick-item .vBtn {background-size: 1rem;} .exhibition_xx1 .mar-wrap:before {height: 6rem;} .exhibition_xx1 .text {padding: 0.6rem 0;} .exhibition_xx1 .text .p {padding: 0.1rem;} .exhibition_xx2 .x-tit {padding-bottom: 0.4rem;} .exhibition_xx2 .slick-item {max-width: 7rem;} .exhibition_xx2 .slick-item .list {width: auto;} .exhibition_xx2 .slick-item .item {width: 100%;margin-right: 0;height: auto;padding-bottom: 0.4rem;} .exhibition_xx2 .slick-item .item:nth-child(odd) {margin-top: 0.4rem;} .exhibition_xx2 .slick-item .item .h16 {padding-top: 0.3rem;} .exhibition_xx2 .slick-item .item .date {position: relative;bottom: inherit;} .exhibition_xx2 {padding-bottom: 0.4rem;} .guide1 .cont {height: auto;background-size: cover;} .guide1 .cont .l {float: none;width: auto;padding: 0.3rem 0;} .guide1 .x-tit {padding: 0.8rem 0 0.4rem;} .guide1 .cont .r {padding: 0 0.3rem 0.3rem;} .guide1 .cont .r .p {padding: 0.15rem 0 0.4rem;} .guide2 {padding: 0.8rem 0;} .guide2 .x-tit {padding-bottom: 0.4rem;} .guide2 .cont {width: auto;height: auto;} .guide2 .cont .item {float: none;width: auto;margin-bottom: 0.2rem;margin-right: 0;text-align: center;} .guide2 .cont .item .padd {padding: 0.6rem 0.3rem;} .guide2 .cont .item .ico img {height: 1.2rem;margin-bottom: 0.4rem;} .guide2 .cont .item .h18 {margin-bottom: 0.3rem;} .guide2 .cont .item .t1 {padding-bottom: 0.2rem;} .guide2 .cont .item .p1 {height: auto;padding-bottom: 0.3rem;} .guide2 .cont .item .erweima .img {margin: 0 auto 0.2rem;} .temporary1 {margin-top: 0.8rem;} .temporary1 .cont {height: auto;} .temporary1 .cont .l {float: none;width: auto;height: auto;} .temporary1 .cont .r {padding: 0.6rem 0.3rem;} .temporary1 .cont .r .x-tit {padding-bottom: 0.3rem;} .temporary2 {padding: 0.4rem 0 0.8rem;} .temporary2 .cont {height: auto;} .temporary2 .cont .l {float: none;width: auto;line-height: 2rem;} .temporary2 .cont .l img {width: 1.2rem;margin-right: 0.2rem;} .temporary2 .cont .r {position: relative;padding: 0.6rem 0.3rem;} .temporary2 .cont .r .h18 {padding-left: 0.3rem;background-position: left 0.05rem;padding-bottom: 0.2rem;} .temporary2 .cont .r .date {margin-top: 0.2rem;} .temporary2 .cont .r .date .s1 {display: block;} .temporary2 .fun {position: static;text-align: center;padding-top: 0.4rem;} .temporary3 {padding-bottom: 0.8rem} .volunteer1 {padding-top: 0.8rem;} .volunteer1 .cont {height: auto;padding-top: 0;} .volunteer1 .link_wp {padding: 0.4rem 0;} .volunteer1 .cont .img {width: auto;height: auto;float: none;top: 0;} .volunteer1 .cont .text {padding: 0.6rem 0.3rem;} .volunteer1 .cont .text .x-tit {padding-bottom: 0.3rem;} .volunteer1 .cont .text .scroll-cont .p {padding-bottom: 0.2rem;} .volunteer2 {padding: 0.8rem 0;} .volunteer2 .x-tit {padding-bottom: 0.4rem;} .volunteer2 .list {width: auto;} .volunteer2 .list .item {width: 100%;height: auto;margin-bottom: 0.6rem;} .volunteer2 .list .item .img {width: 100%;height: auto;} .volunteer2 .list .item .h16 {padding: 0.3rem 10% 0.15rem 0;} .volunteer2 .list .item .date {position: relative;bottom: 0;font-size: 0.28rem;} .volunteer3 {padding-bottom: 0.8rem;} .volunteer3 .cont {height: auto;background-repeat: repeat;} .volunteer3 .cont .padd {padding: 0.6rem 0.3rem;} .volunteer3 .x-tit {padding-bottom: 0.3rem;} .volunteer3 .link-box {margin-top: 0.4rem;} .pop-video {display: none;} .pop-video.x-show {display: block;} .pop-video .pop-dialog {width: 7rem;height: 3.9rem;} .pop-video .pop-dialog .video {position: relative;} .video{ height: 3.9rem; } .pop-video .pop-close {top: -1rem;} .date:after {display: none !important;} /*1129*/ .collection_xx1 .tab-cont{ height:4rem; } .collection_xx1 .tab-nav .tab-term .img{ width: 20px; height:20px; } .height_80 {height: 0.8rem;} .online1.pt-0 .list .item .img {width: 100%;height: auto;} .online1.pt-0 .list .item .text .h18 {padding-bottom: 0.4rem;} .online1.pt-0 .list .item .text .p {margin-bottom: 0.4rem;} .online1.pt-0 .list .item .text .con {height: auto;} .exhib_3.xg1 {height: auto;} .exhib_3.xg1 .box .padd {padding: 0.6rem 0.3rem;} .exhib_3.xg1 .box .x-tit {padding-bottom: 0.4rem;} .exhib_3.xg1 .w .r .i {position: absolute;width: 100%;} .exhib_3.xg1 .w .r .i.on {position: relative;} .exhib_3.xg1 .w .r {top: inherit;} .exhib_3.xg1 .box {position: static;height: auto;margin-top: 0.6rem;} .exhib_3.xg1 .box:before {display: none;} .exhib_3.xg1 .box .list .slick-list {margin: 0;} .exhib_3.xg1 .box .list .t3 span {font-size: 0.32rem;} .exhib_3.xg1 .box .list .img {height: auto;} .history1 {padding: 1rem 0;} .history1 .x-tit {padding-bottom: 0.4rem;} .history1 .l {float: none;width: auto;margin: 0;} .history1 .r .padd {padding: 0.1rem 0.3rem 0.6rem;} .history1 .r .h18 {padding-bottom: 0.25rem;} .history1 .r .p {padding-bottom: 0.15rem;} .history1 .r .link-box {margin-top: 0.4rem;} .history1 .l .slick-item {height: auto;} .history1 .l .slick-mod {padding: 0.4rem 0.4rem;margin: 0;} .history1 .slick-prev {left: 0.2rem;} .history1 .slick-next {right: 0.2rem;} .history1 .clear {height: auto;} .history1 .r:before {display: none;} .history2 .tables {overflow-x: auto;} .history2 {padding: 1rem 0;} .history2 .x-tit {padding-bottom: 0.4rem;} .history2 .tables table tr {background-size: 100% auto; background-position-x: center;} .history2 .tables table th {white-space: nowrap;padding: 0 0.2rem;height: 1rem;font-size: 0.32rem;} .history2 .tables table td {white-space: nowrap;padding: 0.25rem 0.2rem 0.3rem;font-size: 0.28rem;} .history2 .tables table .name {padding-left: 0.2rem;} /*.history2 .tables .scroll1 {height: 8rem;}*/ .history2 .page-mod {padding-top: 0.6rem;} .exhib_6.xg1 .list .li .h16 {padding-top: 0.3rem;} .exhib_3.xg1 .w .l .list {width: auto;} .x-list1 { padding-bottom: 1rem;} .x-list1 .list .item {padding-bottom: 0;} .x-list1 .list .item+.item {margin-top: 0.2rem;} .x-list1 .page-mod {margin-top: 0.6rem;} .x-list1 .list .item .img {width: 100%;height: auto;float: none !important;} .x-list1 .list .item .text {position: static;width: auto;height: auto;padding: 0.4rem 0.3rem;} .x-list1 .list .item .text .h18 {padding-right: 10%;margin-bottom: 0.4rem;} .x-list1 .list .item .text .con{position: static;width: auto;height: auto;background: none;} .x-list1 .list .item .text .p{ margin-bottom: 0.2rem; padding-right: 0;} .x-list1 .list .item .text .line:after{ display: none;} .x-list2{ padding-bottom: 1rem;} .x-list2 .list{ margin: 0;} .x-list2 .list-item{ margin: 0; margin-bottom: 0.3rem; width: 3.4rem; height: auto;} .x-list2 .list-item:nth-child(even){ margin-left: 0.2rem;} .x-list2 .list-item .img{ width: 100%; height: auto;} .x-list2 .list-item .h18{ margin-right: 0; padding: 0.2rem;} .x-list2 .list-item .line{ display: none;} .x-list3{ padding-bottom: 1rem;} .x-list3 .list-item{ margin-bottom: 0.3rem; padding: 0.5rem 0.3rem; height: auto; background-image: none;} .x-list3 .list-item .img{ float: none; margin: 0 0 0.2rem; width: 100%; height: auto;} .x-list3 .list-item .cont{ padding: 0;} .x-list3 .list-item .h18{ margin-bottom: 0.2rem;} .x-list3 .list-item .h18 a{ margin-right: 1rem;} .x-list3 .list-item .date{ font-size: 0.3rem;} .x-list3 .list-item .p{ margin-bottom: 0.3rem; height: auto;} .x-list3 .list-item .link-box{ margin-left: 0.1rem;} .x-list3 .list-item:hover{ background-image: none;} .x-bannar1{ height: 9rem;} .x-bannar1 .cont{ width: 7rem; padding: 1rem 0.5rem;} .x-bannar1 .cont .h26{ margin-bottom: 0.2rem;} .x-bannar1 .cont .h16{ margin-bottom: 0.3rem;} .x-tpl1{ padding-top: 1rem;} .x-tpl1 .tit{ margin-bottom: 0.3rem;} .x-tpl1 .tab-mod { margin-bottom: 0.5rem;} .x-tpl1 .tab-bar { margin-bottom: 0.3rem;} .x-tpl1 .scroll-box{ height: 0.85rem;} .x-tpl1 .tab-cont .tab-item .cont { margin-bottom: 0.5rem;} .x-tpl1 .tab-cont .tab-item .cont .item { float: non; width: 100%;} .x-tpl1 .tab-cont .tab-item .cont .item + .item { margin-left: 0; margin-top: 0.2rem;} .x-tpl1 .tab-cont .tab-item .cont .item .img { width: 100%; height: auto;} .x-tpl1 .tab-cont .tab-item .cont .item .h16 { margin-right: 0; padding: 0.3rem;} .x-tpl1 .tab-cont .tab-item .cont .item .line{ display: block;} .x-tpl1 .online2 .cont .list .item .date{ font-size: 0.3rem;} .x-tpl1 .online2 .cont .list .item .date:after{ display: none;} .x-tpl1 .online2 .x-wrap{ padding: 0;} .x-tpl1 .link-box .c{ transition-property: color;} .x-tpl1 .taobao{ margin-bottom: 0.5rem;text-align: center;} .taobao{ padding: 0.5rem;} .taobao .link-box{ margin-left: 0.2rem;float: none;} .taobao .link-box .tip_box{margin-top: 0.2rem;} .taobao .h18{margin-top: 0.3rem;} .x-tpl2{ padding: 1rem 0;} .x-tpl2 .tit{ margin-bottom: 0.3rem;} .x-tpl2 .tab-mod { margin-bottom: 0.5rem;} .x-tpl2 .tab-bar { margin-bottom: 0.5rem;} .x-tpl2 .scroll-box{ height: 0.85rem;} .x-tpl2 .unit-list{ margin: 0;} .x-tpl2 .unit-item{ margin: 0 0 0.2rem; width: 3.4rem;} .x-tpl2 .unit-item:nth-child(even){ margin-left: 0.2rem;} .x-tpl2 .unit-item .mask{ background-size: 0.5rem;} .x-tpl2 .unit-item .img{ width: 100%; height: auto;} .x-tpl2 .unit-item .h16{ padding: 0.2rem;} .x-tpl2 .unit-item.top2{ margin-bottom: 0.2rem; padding-bottom: 0; width: 3.4rem;} .x-tpl2 .unit-item.top2 + .top2{ margin-left: 0.2rem;} .x-tpl2 .unit-item.top2 .img{ height: auto;} .x-tpl2 .unit-item.top2 .h16{ position: static; padding-top: 0.2rem; padding-bottom: 0.2rem; background: none; color: #707070;} .x-tpl2 .unit-item .line{ display: none;} .x-tpl2 .link-box .c{ transition-property: color;} .x-bannar2 .slick-item{ height: 5rem;} .x-tpl3{ margin-bottom: 1rem; padding-top: 1rem;} .x-tpl3 .bg{ left: 0; right: 0; bottom: 0; margin-left: 0; height: 5.48rem;} .x-tpl3 .himg{ margin-bottom: 0.5rem; width: 1.96rem; height: 1.88rem;} .x-tpl3 .fl{ float: none; padding-bottom: 0.5rem; width: 100%;} .x-tpl3 .tit{ padding: 0.5rem;} .x-tpl3 .fl .li{ padding: 0 0.5rem;} .x-tpl3 .fl .li:before{ display: none;} .x-tpl3 .fl .li + .li{ margin-top: 0.5rem;} .x-tpl3 .fl .img{ float: none; margin-right: 0; width: 100%; height: auto;} .x-tpl3 .fl .cont{ padding-top: 0.3rem;} .x-tpl3 .fl .cont .h18{ margin-bottom: 0.2rem;} .x-tpl3 .fl .cont .p{ margin-bottom: 0.3rem;} .x-tpl3 .fl .cont .date{ font-size: 0.3rem;} .x-tpl3 .fr{ padding-bottom: 0.5rem;} .x-tpl3 .fr .tit{ padding-left: 0.5rem;} .x-tpl3 .fr .list{ padding: 0 0.5rem;} .x-tpl3 .fr .link{ padding: 0.2rem 0.3rem;} .x-tpl3 .fr .link:before, .x-tpl3 .fr .link:after{ right: 1rem;} .x-tpl3 .fr .link:before{ left: 2.2rem;} .x-tpl3 .fr .link .s{ margin: 0; width: 2rem; font-size: 0.3rem;} .x-tpl3 .fr .link .s:before, .x-tpl3 .fr .link .s:after{ width: 0.17rem; height: 0.23rem;} .x-tpl3 .fr .ico{ margin-top: 0.05rem; width: 0.35rem; height: 0.37rem;} .x-tpl3 .fr .link:hover{ margin-right: 0;} .x-tpl4{ padding:0rem 0 0rem; background-size: 145%;} .x-tpl4 .himg{ margin-bottom: 0.5rem; width: 1.96rem; height: 1.88rem;} .x-tpl4 .fl, .x-tpl4 .fr{ float: none; padding-bottom: 0.5rem; width: 100%; height: auto;} .x-tpl4 .bt{ padding-top: 0.5rem;} .x-tpl4 .tit{ padding: 0.5rem;} .x-tpl4 .tit .h26{ float: left; max-width: 4rem;} .x-tpl4 .tit .link-box{ float: right;} .x-tpl4 .tit .link-box .c{ line-height: 0.5rem;} .x-tpl4 .first{ margin: 0 0.5rem 0.5rem; padding-bottom: 0.3rem;} .x-tpl4 .first .img{ float: none; margin-right: 0; width: 100%; height: auto;} .x-tpl4 .first .cont{ padding-top: 0.3rem;} .x-tpl4 .first .h18{ margin-bottom: 0.2rem;} .x-tpl4 .first .p{ margin-bottom: 0.2rem;} .x-tpl4 .first .date{ font-size: 0.3rem;} .x-tpl4 .fl .ul{ padding: 0 0.5rem;} .x-tpl4 .fl .li{ padding-left: 0.2rem; padding-right: 1.5rem; background-size: 0.1rem;} .x-tpl4 .fl .li + .li{ margin-top: 0.1rem;} .x-tpl4 .fr .ul{ margin-top: 0; padding: 0 0.5rem;} .x-tpl4 .fr .li{ padding: 0.2rem; background-size: 0.1rem;} .x-tpl4 .bt .h26{ margin-bottom: 0.3rem;} .x-tpl4 .bt .li{ width: 2rem; height: auto; background: none;} .x-tpl4 .bt .li + .li{ margin-left: 0.5rem;} .x-tpl4 .bt .icon{ margin: 0.3rem auto 0.1rem; width: 0.60rem; height: 0.54rem;} .x-tpl5{ padding: 1rem 0;} .x-tpl5 .himg{ margin-bottom: 0.5rem; width: 1.96rem; height: 1.88rem;} .x-tpl5 .fl{ float: none; margin-left: 8%; width: 92%; height: 6rem;} .x-tpl5 .fl .li{ width: 1.8rem; height: 3.66rem; background-size: contain;} .x-tpl5 .fl .li.l1{ left: 0; top: 0.82rem;} .x-tpl5 .fl .li.l1 .in{ margin-left: 0;} .x-tpl5 .fl .li.l2{ left: 1.34rem; top: 1.46rem;} .x-tpl5 .fl .li.l3{ left: 2.65rem; top: 0.52rem;} .x-tpl5 .fl .li.l4{ left: 3.97rem; top: 1.25rem;} .x-tpl5 .fl .in{ margin-left: 0.2rem; width: 1rem;} .x-tpl5 .fl .h20{ margin-right: 0.1rem;} .x-tpl5 .fr{ float: none; padding: 0.5rem 0; width: 100%;} .x-tpl5 .first{ margin: 0 0.5rem 0.3rem; padding-bottom: 0.3rem;} .x-tpl5 .first .img{ float: none; margin-right: 0; margin-bottom: 0.2rem; width: 100%; height: auto;} .x-tpl5 .first .cont{ padding-top: 0;} .x-tpl5 .first .h18{ margin-bottom: 0.2rem;} .x-tpl5 .first .p{ margin-bottom: 0.2rem;} .x-tpl5 .first .date{ font-size: 0.3rem;} .x-tpl5 .fr .ul{ padding: 0 0.5rem;} .x-tpl5 .fr .li{ padding-left: 0.2rem; padding-right: 2rem; background-size: 0.1rem;} .x-tpl5 .fr .li + .li{ margin-top: 0.1rem;} .x-tpl5 .fr .center{ margin-top: 0.5rem;} .pop-atlas .pop-dialog{ width: 7rem; height: 7rem;} .pop-atlas .pop-close{ width: 0.4rem; height: 0.4rem; background-size: contain;} .pop-atlas .slick-arrow{ bottom: 1rem; width: 0.5rem; height: 0.5rem; background-size: contain;} .pop-atlas .slick-mod{ margin-bottom: 0.2rem; width: 7rem;} .pop-atlas .slick-item .img{ margin-bottom: 0.2rem; width: 7rem; height: 6rem;} .pop-atlas .slick-paging{ font-size: 0.3rem;} .organizational1{ padding: 1rem 0;} .organizational1 .x-tit{ margin-bottom: 0.3rem;} .organizational1 .img{ height: auto;} .paper_list1 .tab-nav .scroll-box{ height: 0.85rem;} .paper_list1 .tab-nav .scroll-unit{ padding-top: 3px;} .paper_list1 .tab-nav .link-box .c{ transition-property: color;} .home1 .cont .list{height:6.7rem;} .home2 .l .l_img .top{width:2rem;height:2rem;margin-right:0.1rem;background-size:cover;} .home2 .l .l_img .top .h18{padding: 0.3rem 0 0.1rem;} .home2 .l .l_img .txt{padding-top:0.1rem;} .home2 .l .l_img .padd{overflow:hidden;} .home2 .l .cont .txt,.home2 .l .x-tit .h26{display:block;float:none;text-align:center;} .home2 .l .cont{padding:0;} .home2 .l .cont .item{width:33.33333%;padding:0.2rem 0;} .home2 .l .cont .item + .item{margin:0;margin-bottom:0.2rem;} .home2 .l .cont .item + .item::before{display:none;} .home2 .l .cont .item .date .s1{font-size:0.3rem;display:block;margin-top:0.2rem;} .pop-text {left: 50%;-webkit-transform: translate(-50%, -50%);width: 6rem;right: inherit; transform: translate(-50%, -50%);} } @keyframes rot{ 0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); } 25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); } 50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); } 75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); } 100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); } } @-webkit-keyframes rot{ 0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); } 25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); } 50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); } 75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); } 100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); } } @keyframes rotate{ 0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); } 100% { transform:rotate(360deg); -webkit-transform:rotate(360deg); } } @-webkit-keyframes rotate{ 0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); } 100% { transform:rotate(360deg); -webkit-transform:rotate(360deg); } }